content: t()

in hugegraph-hubble/hubble-fe/src/components/graph-management/data-analyze/DynamicAddNode.tsx [151:274]
120 lines of code
5 McCabe index (conditional complexity)

                content: t('addition.common.add-fail'),
                size: 'medium',
                showCloseIcon: false
              });
            }

            handleDrawerClose();
          }}
        >
          {t('addition.common.add')}
        </Button>,
        <Button size="medium" style={{ width: 60 }} onClick={handleDrawerClose}>
          {t('addition.common.cancel')}
        </Button>
      ]}
    >
      <div className="data-analyze-dynamic-add-options">
        <div className="data-analyze-dynamic-add-option">
          <div>{t('addition.common.id-strategy')}：</div>
          <Select
            size="medium"
            trigger="click"
            selectorName={t('addition.common.vertex-type-select-desc')}
            value={dataAnalyzeStore.newGraphNodeConfigs.label}
            width={420}
            onChange={(value: string) => {
              dataAnalyzeStore.setNewGraphDataConfig('vertex', 'label', value);
              dataAnalyzeStore.syncNewGraphDataProperties('vertex');
              dataAnalyzeStore.initValidateAddGraphDataErrorMessage('vertex');
            }}
            dropdownClassName="data-analyze-sidebar-select"
          >
            {dataAnalyzeStore.vertexTypes.map(({ name }) => (
              <Select.Option value={name} key={name}>
                {name}
              </Select.Option>
            ))}
          </Select>
        </div>

        {!isUndefined(selectedVertexLabel) && (
          <>
            <div className="data-analyze-dynamic-add-option">
              <div>{t('addition.common.id-strategy')}</div>
              <span>
                {selectedVertexLabel.id_strategy === 'PRIMARY_KEY'
                  ? `${t(
                      'addition.common.primary-key-property'
                    )}-${selectedVertexLabel.primary_keys.join('，')}`
                  : IDStrategyMappings[selectedVertexLabel.id_strategy]}
              </span>
            </div>
            {shouldRevealId && (
              <div
                className="data-analyze-dynamic-add-option"
                // override style bugs in index.less
                style={{ alignItems: 'normal' }}
              >
                <div style={{ lineHeight: '32px' }}>
                  {t('addition.common.id-value')}：
                </div>
                <div>
                  <Input
                    size="medium"
                    width={420}
                    placeholder={t('addition.common.id-input-desc')}
                    errorLocation="layer"
                    errorMessage={
                      dataAnalyzeStore.validateAddGraphNodeErrorMessage!.id
                    }
                    value={dataAnalyzeStore.newGraphNodeConfigs.id}
                    onChange={(e: any) => {
                      dataAnalyzeStore.setNewGraphDataConfig(
                        'vertex',
                        'id',
                        e.value
                      );

                      dataAnalyzeStore.validateAddGraphNode(
                        selectedVertexLabel.id_strategy,
                        false,
                        'id'
                      );
                    }}
                    onBlur={() => {
                      dataAnalyzeStore.validateAddGraphNode(
                        selectedVertexLabel.id_strategy,
                        false,
                        'id'
                      );
                    }}
                  />
                </div>
              </div>
            )}

            {dataAnalyzeStore.newGraphNodeConfigs.properties.nonNullable
              .size !== 0 && (
              <div className="data-analyze-dynamic-add-option data-analyze-dynamic-add-option-with-expand">
                <div>{t('addition.common.required-property')}：</div>
                <div className="data-analyze-dynamic-add-option-expands">
                  <div className="data-analyze-dynamic-add-option-expand">
                    <div>{t('addition.common.property')}</div>
                    <div>{t('addition.common.property-value')}</div>
                  </div>
                  {nonNullableProperties.map((property) => (
                    <div
                      className="data-analyze-dynamic-add-option-expand"
                      key={property}
                    >
                      <div>{property}</div>
                      <div>
                        <Input
                          size="medium"
                          width={190}
                          placeholder={t('addition.common.property-input-desc')}
                          errorLocation="layer"
                          errorMessage={dataAnalyzeStore.validateAddGraphNodeErrorMessage?.properties.nonNullable.get(
                            property
                          )}
                          value={dataAnalyzeStore.newGraphNodeConfigs.properties.nonNullable.get(
                            property
                          )}
                          onChange={(e: any) => {