title: t()

in hugegraph-hubble/hubble-fe/src/components/graph-management/metadata-configs/property/MetadataProperties.tsx [256:314]
57 lines of code
4 McCabe index (conditional complexity)

      title: t('addition.common.property-name'),
      dataIndex: 'name',
      width: '45%',
      sorter: true,
      sortOrder,
      render(text: string, records: any, index: number) {
        if (metadataPropertyStore.isCreateNewProperty === true && index === 0) {
          return (
            <Input
              size="medium"
              width={320}
              maxLen={128}
              placeholder={t('addition.message.edge-name-rule')}
              errorLocation="layer"
              errorMessage={
                metadataPropertyStore.validateNewPropertyErrorMessage.name
              }
              value={metadataPropertyStore.newMetadataProperty._name}
              onChange={(e: any) => {
                metadataPropertyStore.mutateNewProperty({
                  ...metadataPropertyStore.newMetadataProperty,
                  _name: e.value
                });

                metadataPropertyStore.validateNewProperty();
              }}
              originInputProps={{
                autoFocus: 'autoFocus',
                onBlur() {
                  metadataPropertyStore.validateNewProperty();
                }
              }}
            />
          );
        }

        return (
          <div
            className="no-line-break"
            style={{
              width: 360
            }}
          >
            {metadataPropertyStore.isSearched.status ? (
              <Highlighter
                highlightClassName="metadata-properties-search-highlights"
                searchWords={[metadataPropertyStore.isSearched.value]}
                autoEscape={true}
                textToHighlight={text}
                // caution: no title property on type defination
                // @ts-ignore
                title={text}
              />
            ) : (
              <span title={text}>{text}</span>
            )}
          </div>
        );
      }