@next-libs/cmdb-instances 7.30.3 → 7.30.5

package/dist/esm/instance-list-drawer/InstanceListDrawer.js

@@ -7,6 +7,7 @@ import { K, NS_LIBS_CMDB_INSTANCES } from "../i18n/constants";
 import { LegacyInstanceListWrapper } from "../instance-list/InstanceList";
 import { addResourceBundle } from "../i18n";
 import { getRuntime } from "@next-core/brick-kit";
+import styles from "./InstanceListDrawer.module.css";
 addResourceBundle();
 /* istanbul ignore next */
 var reducer = (prevState, updatedProperty) => {
@@ -68,7 +69,13 @@ export function InstanceListDrawer(props) {
     onRelationMoreIconClick: handleRelationMoreIconClick,
     relationLimit: _relationLimit
   })), /*#__PURE__*/React.createElement(Drawer, {
-    title: state.drawerTitle,
+    title: (() => {
+      return /*#__PURE__*/React.createElement("div", {
+        className: styles.drawerTitleWrapper
+      }, state.drawerTitle, state.searchTransHierRelationInstance && /*#__PURE__*/React.createElement("div", {
+        className: styles.tag
+      }, i18n.t("".concat(NS_LIBS_CMDB_INSTANCES, ":").concat(K.CROSS_LEVEL_RELATIONSHIPS))));
+    })(),
     visible: state.open,
     width: props.drawerWidth || 900,
     onClose: handleClose,

package/dist/esm/instance-list-drawer/InstanceListDrawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"InstanceListDrawer.js","names":["React","useReducer","Button","Drawer","i18n","K","NS_LIBS_CMDB_INSTANCES","LegacyInstanceListWrapper","addResourceBundle","getRuntime","reducer","prevState","updatedProperty","_objectSpread","DEFAULT_RELATION_LIMIT","InstanceListDrawer","props","_ref","_props$relationLimit","_getRuntime$getMiscSe","_props$drawerZIndex","state","setState","open","objectId","detailUrlTemplates","undefined","drawerTitle","query","searchTransHierRelationInstance","transHierRelation","searchTransHierRelationSource","handleClose","renderFooter","createElement","Fragment","onClick","type","t","concat","BACK","handleRelationMoreIconClick","record","relation","sourceObjectId","_Object$values","instanceId","left_name","Object","values","right_id","_relationLimit","relationLimit","getMiscSettings","defaultRelationLimit","_extends","onRelationMoreIconClick","title","visible","width","drawerWidth","onClose","destroyOnClose","footer","zIndex","drawerZIndex","footerStyle","background","presetConfigs","selectDisabled","ipCopy","target","relatedToMe","relatedToMeDisabled","searchDisabled","sortDisabled","advancedSearchDisabled","aliveHostsDisabled","moreButtonsDisabled","showFixedHeader","showTooltip","relationLinkDisabled","showSizeChanger","useExternalCmdbApi","externalSourceId","useAutoDiscoveryProvider","useInstanceArchiveProvider","saveFieldsBackend"],"sources":["../../../src/instance-list-drawer/InstanceListDrawer.tsx"],"sourcesContent":["import React, { useReducer } from \"react\";\nimport { Button, Drawer } from \"antd\";\nimport i18n from \"i18next\";\nimport { K, NS_LIBS_CMDB_INSTANCES } from \"../i18n/constants\";\nimport {\n  LegacyInstanceListWrapper,\n  InstanceListProps,\n} from \"../instance-list/InstanceList\";\nimport { addResourceBundle } from \"../i18n\";\nimport { getRuntime } from \"@next-core/brick-kit\";\nimport { TransHierRelationType } from \"@next-libs/cmdb-utils\";\naddResourceBundle();\n\nexport interface InstanceListDrawerProps extends InstanceListProps {\n  drawerZIndex?: number;\n  drawerWidth?: number;\n}\n/* istanbul ignore next */\nconst reducer = (\n  prevState: InstanceListDrawerState,\n  updatedProperty: Partial<InstanceListDrawerState>\n): InstanceListDrawerState => {\n  return {\n    ...prevState,\n    ...updatedProperty,\n  };\n};\n\nconst DEFAULT_RELATION_LIMIT = 5;\n\ninterface InstanceListDrawerState {\n  open: boolean;\n  objectId: string;\n  drawerTitle: string;\n  query: Record<string, any>;\n  detailUrlTemplates: Record<string, any>;\n  searchTransHierRelationInstance: boolean;\n  transHierRelation?: TransHierRelationType;\n  searchTransHierRelationSource?: { objectId: string; instanceId: string };\n}\n\nexport function InstanceListDrawer(\n  props: InstanceListDrawerProps\n): React.ReactElement {\n  const [state, setState] = useReducer(reducer, {\n    open: false,\n    objectId: null,\n    detailUrlTemplates: undefined,\n    drawerTitle: \"\",\n    query: null,\n    searchTransHierRelationInstance: false,\n    transHierRelation: null,\n    searchTransHierRelationSource: null,\n  });\n\n  /* istanbul ignore next */\n  const handleClose = (): void => {\n    setState({\n      open: false,\n      drawerTitle: \"\",\n      searchTransHierRelationInstance: false,\n      transHierRelation: null,\n      searchTransHierRelationSource: null,\n    });\n  };\n\n  const renderFooter = (): React.ReactElement => {\n    return (\n      <>\n        <Button\n          data-testid={\"back-button\"}\n          onClick={handleClose}\n          type=\"default\"\n        >\n          {i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.BACK}`)}\n        </Button>\n      </>\n    );\n  };\n  const handleRelationMoreIconClick = (\n    record: Record<string, any>,\n    relation?: Record<string, any>,\n    sourceObjectId?: string\n  ): void => {\n    setState({\n      transHierRelation: relation as any,\n      searchTransHierRelationInstance: relation?.type === \"transHierRelation\",\n      searchTransHierRelationSource: {\n        objectId: sourceObjectId,\n        instanceId: record.instanceId,\n      },\n      open: true,\n      objectId: record.objectId,\n      drawerTitle: record.left_name,\n      detailUrlTemplates: {\n        [record.objectId]: Object.values(props.detailUrlTemplates || {})?.[0],\n      },\n      query:\n        relation?.type === \"transHierRelation\"\n          ? {}\n          : {\n              [`${record.right_id}.instanceId`]: record.instanceId,\n            },\n    });\n  };\n\n  const _relationLimit =\n    props.relationLimit ??\n    (getRuntime().getMiscSettings()?.defaultRelationLimit as number) ??\n    DEFAULT_RELATION_LIMIT;\n  return (\n    <>\n      <LegacyInstanceListWrapper\n        {...props}\n        onRelationMoreIconClick={handleRelationMoreIconClick}\n        relationLimit={_relationLimit}\n      />\n      <Drawer\n        title={state.drawerTitle}\n        visible={state.open}\n        width={props.drawerWidth || 900}\n        onClose={handleClose}\n        destroyOnClose={true}\n        footer={renderFooter()}\n        zIndex={props.drawerZIndex ?? 1000}\n        footerStyle={{ background: \"var(--color-fill-bg-base-3)\" }}\n      >\n        <InstanceListDrawer\n          searchTransHierRelationSource={state.searchTransHierRelationSource}\n          transHierRelation={state.transHierRelation}\n          searchTransHierRelationInstance={\n            state.searchTransHierRelationInstance\n          }\n          objectId={state.objectId}\n          onRelationMoreIconClick={handleRelationMoreIconClick}\n          relationLimit={_relationLimit}\n          detailUrlTemplates={state.detailUrlTemplates}\n          presetConfigs={{ query: state.query }}\n          selectDisabled={true}\n          ipCopy={props.ipCopy}\n          target={props.target}\n          relatedToMe={props.relatedToMe}\n          relatedToMeDisabled={props.relatedToMeDisabled}\n          searchDisabled={props.searchDisabled}\n          sortDisabled={props.sortDisabled}\n          advancedSearchDisabled={props.advancedSearchDisabled}\n          aliveHostsDisabled={props.aliveHostsDisabled}\n          moreButtonsDisabled={props.moreButtonsDisabled}\n          showFixedHeader={props.showFixedHeader}\n          showTooltip={props.showTooltip}\n          relationLinkDisabled={props.relationLinkDisabled}\n          showSizeChanger={props.showSizeChanger}\n          useExternalCmdbApi={props.useExternalCmdbApi}\n          externalSourceId={props.externalSourceId}\n          useAutoDiscoveryProvider={props.useAutoDiscoveryProvider}\n          useInstanceArchiveProvider={props.useInstanceArchiveProvider}\n          saveFieldsBackend={props.saveFieldsBackend}\n        />\n      </Drawer>\n    </>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"InstanceListDrawer.js","names":["React","useReducer","Button","Drawer","i18n","K","NS_LIBS_CMDB_INSTANCES","LegacyInstanceListWrapper","addResourceBundle","getRuntime","styles","reducer","prevState","updatedProperty","_objectSpread","DEFAULT_RELATION_LIMIT","InstanceListDrawer","props","_ref","_props$relationLimit","_getRuntime$getMiscSe","_props$drawerZIndex","state","setState","open","objectId","detailUrlTemplates","undefined","drawerTitle","query","searchTransHierRelationInstance","transHierRelation","searchTransHierRelationSource","handleClose","renderFooter","createElement","Fragment","onClick","type","t","concat","BACK","handleRelationMoreIconClick","record","relation","sourceObjectId","_Object$values","instanceId","left_name","Object","values","right_id","_relationLimit","relationLimit","getMiscSettings","defaultRelationLimit","_extends","onRelationMoreIconClick","title","className","drawerTitleWrapper","tag","CROSS_LEVEL_RELATIONSHIPS","visible","width","drawerWidth","onClose","destroyOnClose","footer","zIndex","drawerZIndex","footerStyle","background","presetConfigs","selectDisabled","ipCopy","target","relatedToMe","relatedToMeDisabled","searchDisabled","sortDisabled","advancedSearchDisabled","aliveHostsDisabled","moreButtonsDisabled","showFixedHeader","showTooltip","relationLinkDisabled","showSizeChanger","useExternalCmdbApi","externalSourceId","useAutoDiscoveryProvider","useInstanceArchiveProvider","saveFieldsBackend"],"sources":["../../../src/instance-list-drawer/InstanceListDrawer.tsx"],"sourcesContent":["import React, { useReducer } from \"react\";\nimport { Button, Drawer } from \"antd\";\nimport i18n from \"i18next\";\nimport { K, NS_LIBS_CMDB_INSTANCES } from \"../i18n/constants\";\nimport {\n  LegacyInstanceListWrapper,\n  InstanceListProps,\n} from \"../instance-list/InstanceList\";\nimport { addResourceBundle } from \"../i18n\";\nimport { getRuntime } from \"@next-core/brick-kit\";\nimport { TransHierRelationType } from \"@next-libs/cmdb-utils\";\nimport styles from \"./InstanceListDrawer.module.css\";\naddResourceBundle();\n\nexport interface InstanceListDrawerProps extends InstanceListProps {\n  drawerZIndex?: number;\n  drawerWidth?: number;\n}\n/* istanbul ignore next */\nconst reducer = (\n  prevState: InstanceListDrawerState,\n  updatedProperty: Partial<InstanceListDrawerState>\n): InstanceListDrawerState => {\n  return {\n    ...prevState,\n    ...updatedProperty,\n  };\n};\n\nconst DEFAULT_RELATION_LIMIT = 5;\n\ninterface InstanceListDrawerState {\n  open: boolean;\n  objectId: string;\n  drawerTitle: string;\n  query: Record<string, any>;\n  detailUrlTemplates: Record<string, any>;\n  searchTransHierRelationInstance: boolean;\n  transHierRelation?: TransHierRelationType;\n  searchTransHierRelationSource?: { objectId: string; instanceId: string };\n}\n\nexport function InstanceListDrawer(\n  props: InstanceListDrawerProps\n): React.ReactElement {\n  const [state, setState] = useReducer(reducer, {\n    open: false,\n    objectId: null,\n    detailUrlTemplates: undefined,\n    drawerTitle: \"\",\n    query: null,\n    searchTransHierRelationInstance: false,\n    transHierRelation: null,\n    searchTransHierRelationSource: null,\n  });\n\n  /* istanbul ignore next */\n  const handleClose = (): void => {\n    setState({\n      open: false,\n      drawerTitle: \"\",\n      searchTransHierRelationInstance: false,\n      transHierRelation: null,\n      searchTransHierRelationSource: null,\n    });\n  };\n\n  const renderFooter = (): React.ReactElement => {\n    return (\n      <>\n        <Button\n          data-testid={\"back-button\"}\n          onClick={handleClose}\n          type=\"default\"\n        >\n          {i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.BACK}`)}\n        </Button>\n      </>\n    );\n  };\n  const handleRelationMoreIconClick = (\n    record: Record<string, any>,\n    relation?: Record<string, any>,\n    sourceObjectId?: string\n  ): void => {\n    setState({\n      transHierRelation: relation as any,\n      searchTransHierRelationInstance: relation?.type === \"transHierRelation\",\n      searchTransHierRelationSource: {\n        objectId: sourceObjectId,\n        instanceId: record.instanceId,\n      },\n      open: true,\n      objectId: record.objectId,\n      drawerTitle: record.left_name,\n      detailUrlTemplates: {\n        [record.objectId]: Object.values(props.detailUrlTemplates || {})?.[0],\n      },\n      query:\n        relation?.type === \"transHierRelation\"\n          ? {}\n          : {\n              [`${record.right_id}.instanceId`]: record.instanceId,\n            },\n    });\n  };\n\n  const _relationLimit =\n    props.relationLimit ??\n    (getRuntime().getMiscSettings()?.defaultRelationLimit as number) ??\n    DEFAULT_RELATION_LIMIT;\n  return (\n    <>\n      <LegacyInstanceListWrapper\n        {...props}\n        onRelationMoreIconClick={handleRelationMoreIconClick}\n        relationLimit={_relationLimit}\n      />\n      <Drawer\n        title={(() => {\n          return (\n            <div className={styles.drawerTitleWrapper}>\n              {state.drawerTitle}\n              {state.searchTransHierRelationInstance && (\n                <div className={styles.tag}>\n                  {i18n.t(\n                    `${NS_LIBS_CMDB_INSTANCES}:${K.CROSS_LEVEL_RELATIONSHIPS}`\n                  )}\n                </div>\n              )}\n            </div>\n          );\n        })()}\n        visible={state.open}\n        width={props.drawerWidth || 900}\n        onClose={handleClose}\n        destroyOnClose={true}\n        footer={renderFooter()}\n        zIndex={props.drawerZIndex ?? 1000}\n        footerStyle={{ background: \"var(--color-fill-bg-base-3)\" }}\n      >\n        <InstanceListDrawer\n          searchTransHierRelationSource={state.searchTransHierRelationSource}\n          transHierRelation={state.transHierRelation}\n          searchTransHierRelationInstance={\n            state.searchTransHierRelationInstance\n          }\n          objectId={state.objectId}\n          onRelationMoreIconClick={handleRelationMoreIconClick}\n          relationLimit={_relationLimit}\n          detailUrlTemplates={state.detailUrlTemplates}\n          presetConfigs={{ query: state.query }}\n          selectDisabled={true}\n          ipCopy={props.ipCopy}\n          target={props.target}\n          relatedToMe={props.relatedToMe}\n          relatedToMeDisabled={props.relatedToMeDisabled}\n          searchDisabled={props.searchDisabled}\n          sortDisabled={props.sortDisabled}\n          advancedSearchDisabled={props.advancedSearchDisabled}\n          aliveHostsDisabled={props.aliveHostsDisabled}\n          moreButtonsDisabled={props.moreButtonsDisabled}\n          showFixedHeader={props.showFixedHeader}\n          showTooltip={props.showTooltip}\n          relationLinkDisabled={props.relationLinkDisabled}\n          showSizeChanger={props.showSizeChanger}\n          useExternalCmdbApi={props.useExternalCmdbApi}\n          externalSourceId={props.externalSourceId}\n          useAutoDiscoveryProvider={props.useAutoDiscoveryProvider}\n          useInstanceArchiveProvider={props.useInstanceArchiveProvider}\n          saveFieldsBackend={props.saveFieldsBackend}\n        />\n      </Drawer>\n    </>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/instance-list-drawer/InstanceListDrawer.module.css

@@ -0,0 +1,21 @@
+.drawerTitleWrapper {
+  display: flex;
+  align-items: center;
+}
+.drawerTitleWrapper .tag {
+  background-color: var(--tag-green-background);
+  border-color: var(--tag-green-border-color);
+  display: inline-block;
+  vertical-align: middle;
+  box-sizing: border-box;
+  color: var(--tag-green-color);
+  list-style: none;
+  font-size: 12px;
+  line-height: 20px;
+  height: 24px;
+  padding: 2px 8px;
+  border-radius: 3px;
+  white-space: nowrap;
+  transition: all 0.3s ease 0s;
+  margin-left: 5px;
+}

package/dist/esm/instance-list-table/DisplaySettings.js

@@ -1,7 +1,7 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from "react";
-import { debounce, remove, without, get, isEmpty, groupBy, mapValues } from "lodash";
+import { debounce, remove, without, get, isEmpty, groupBy, mapValues, uniq } from "lodash";
 import { extraFieldAttrs } from "./constants";
 import { Checkbox, Col, Divider, Input, Row, Tag } from "antd";
 import { getBatchEditableFields, CMDB_RESOURCE_FIELDS_SETTINGS } from "@next-libs/cmdb-utils";
@@ -171,12 +171,13 @@ export class LegacyDisplaySettings extends React.Component {
     var fieldsKey = "nextFields";
     var checked = event.target.checked;
     var fields = checked ? allFields.map(attr => attr.id) : [];
+    var finalFields = uniq(this.state[fieldsKey].concat(fields));
     this.setState({
-      [fieldsKey]: fields,
+      [fieldsKey]: finalFields,
       selectAllFields: event.target.checked,
       selectCategoryAllFieldsMap: mapValues(this.state.selectCategoryAllFieldsMap, () => checked)
     });
-    (_this$props$onChange3 = (_this$props3 = this.props).onChange) === null || _this$props$onChange3 === void 0 ? void 0 : _this$props$onChange3.call(_this$props3, fields);
+    (_this$props$onChange3 = (_this$props3 = this.props).onChange) === null || _this$props$onChange3 === void 0 ? void 0 : _this$props$onChange3.call(_this$props3, finalFields);
   }
   renderCheckbox(attr, field, categoryData) {
     var fieldsKey = "nextFields";
@@ -216,13 +217,7 @@ export class LegacyDisplaySettings extends React.Component {
       [AttributeType.Relation]: t(K.RELATIONSHIPS),
       [AttributeType.TransHierRelation]: t(K.CROSS_LEVEL_RELATIONSHIPS)
     };
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, {
-      orientation: "left",
-      plain: true,
-      style: {
-        marginTop: 0
-      }
-    }, t(K.FIELD_SETTINGS)), /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
       style: {
         display: "flex",
         alignItems: "center"

package/dist/esm/instance-list-table/DisplaySettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"DisplaySettings.js","names":["React","debounce","remove","without","get","isEmpty","groupBy","mapValues","extraFieldAttrs","Checkbox","Col","Divider","Input","Row","Tag","getBatchEditableFields","CMDB_RESOURCE_FIELDS_SETTINGS","withTranslation","K","NS_LIBS_CMDB_INSTANCES","styles","classNames","AttributeType","LegacyDisplaySettings","Component","constructor","props","_defineProperty","categoryOrders","Set","modelData","t","OTHERS","filteredList","attrAndRelationList","q","state","trim","toLowerCase","type","filter","attr","qResult","name","includes","typeResult","fieldsKey","attrs","getCAategoryOrders","categoryMap","selectAllFields","length","allFieldsLength","selectCategoryAllFieldsMap","reduce","acc","item","_categoryMap$item","categoryAttrIds","map","id","every","setState","event","value","target","debounceHandleSearch","hideColumns","view","hide_columns","ignoredFields","concat","objectId","forEach","hideColumn","attribute","isTransHierRelation","TransHierRelation","isRelation","Relation","Attribute","category","extraAttrIds","extraFieldAttr","extraAttrs","nextFields","currentFields","slice","_categoryMap$item2","extraDisabledFieldSet","extraDisabledFields","filterColTag","componentDidUpdate","prevProps","handleChecked","categoryData","_this$props$onChange","_this$props","fields","checked","attrsIds","_objectSpread","onChange","call","handlecCategoryChecked","_this$props$onChange2","_this$props2","handleSelectAllFields","allFields","_this$props$onChange3","_this$props3","renderCheckbox","field","disabled","extraDisabledField","has","createElement","key","span","style","padding","onClick","stopPropagation","width","wordBreak","render","attributeTypeMap","ATTRIBUTES","RELATIONSHIPS","CROSS_LEVEL_RELATIONSHIPS","Fragment","orientation","plain","marginTop","FIELD_SETTINGS","display","alignItems","Search","placeholder","SEARCH_BY_FIELD_NAME","handleSearchChange","paddingRight","Object","keys","className","fieldTypeTag","fieldTypeActive","handleFilterType","paddingLeft","verticalAlign","e","SELECT_ALL","maxHeight","overflow","index","_categoryMap$category","categoryAttrs","marginBottom","DisplaySettings"],"sources":["../../../src/instance-list-table/DisplaySettings.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  debounce,\n  remove,\n  without,\n  get,\n  isEmpty,\n  groupBy,\n  mapValues,\n} from \"lodash\";\nimport { extraFieldAttrs } from \"./constants\";\nimport { Checkbox, Col, Divider, Input, Row, Tag } from \"antd\";\nimport {\n  getBatchEditableFields,\n  CMDB_RESOURCE_FIELDS_SETTINGS,\n} from \"@next-libs/cmdb-utils\";\nimport { CmdbModels } from \"@next-sdk/cmdb-sdk\";\nimport { WithTranslation, withTranslation } from \"react-i18next\";\nimport { K, NS_LIBS_CMDB_INSTANCES } from \"../i18n/constants\";\nimport styles from \"./DisplaySettings.module.css\";\nimport classNames from \"classnames\";\nexport interface DisplaySettingsProps {\n  currentFields: string[];\n  modelData: Partial<CmdbModels.ModelCmdbObject>;\n  objectId?: string;\n  extraDisabledField?: string;\n  extraDisabledFields?: string[];\n  onChange?(fields: string[]): void;\n}\n\nexport interface WithTranslationDisplaySettingsProps\n  extends DisplaySettingsProps,\n    WithTranslation {}\n\ninterface DisplaySettingsState {\n  nextFields: string[];\n  q: string;\n  filteredList: any;\n  extraDisabledFieldSet: Set<string>;\n  selectAllFields: boolean;\n  selectCategoryAllFieldsMap: Record<string, boolean>;\n  allFieldsLength: number;\n  type: AttributeType | string;\n}\n\nenum AttributeType {\n  Attribute = \"attribute\",\n  Relation = \"relation\",\n  TransHierRelation = \"transHierRelation\",\n}\n\nexport class LegacyDisplaySettings extends React.Component<\n  WithTranslationDisplaySettingsProps,\n  DisplaySettingsState\n> {\n  debounceHandleSearch: () => void;\n  attrAndRelationList: {\n    id: string;\n    name: string;\n    category: string;\n    type: AttributeType;\n  }[] = [];\n\n  constructor(props: WithTranslationDisplaySettingsProps) {\n    super(props);\n    const { t } = props;\n    const attrAndRelationList = getBatchEditableFields(this.props.modelData);\n    let hideColumns = this.props.modelData.view.hide_columns || [];\n    const ignoredFields = get(\n      CMDB_RESOURCE_FIELDS_SETTINGS,\n      `ignoredFields.${this.props.modelData.objectId}`,\n      []\n    );\n    hideColumns = [...hideColumns, ...ignoredFields];\n\n    if (!isEmpty(hideColumns)) {\n      hideColumns.forEach((hideColumn: string) => {\n        remove(attrAndRelationList, (attr) => attr.id === hideColumn);\n      });\n    }\n\n    this.attrAndRelationList = attrAndRelationList.map((attribute: any) => ({\n      id: attribute.id,\n      name: attribute.name,\n      type: attribute.isTransHierRelation\n        ? AttributeType.TransHierRelation\n        : attribute.isRelation\n        ? AttributeType.Relation\n        : AttributeType.Attribute,\n      category: get(\n        attribute,\n        \"tag[0]\",\n        get(attribute, \"left_tags[0]\") ||\n          get(attribute, \"tags[0]\") ||\n          t(K.OTHERS)\n      ),\n    }));\n\n    const filteredList = this.attrAndRelationList;\n    const extraAttrIds = extraFieldAttrs.map(\n      (extraFieldAttr) => extraFieldAttr.id\n    );\n    const attrs = filteredList.filter(\n      (attr: any) => !extraAttrIds.includes(attr.id)\n    );\n    const extraAttrs = filteredList.filter((attr: any) =>\n      extraAttrIds.includes(attr.id)\n    );\n    const nextFields = props.currentFields ? props.currentFields.slice() : [];\n\n    const allFieldsLength = [...attrs, ...extraAttrs].length;\n    const selectAllFields =\n      [...new Set([...nextFields])].length === allFieldsLength;\n\n    const categoryOrders = this.getCAategoryOrders();\n    const categoryMap = groupBy(attrs, \"category\");\n    const selectCategoryAllFieldsMap: Record<string, boolean> = {};\n    categoryOrders.reduce((acc, item) => {\n      const categoryAttrIds = categoryMap[item]?.map((attr) => attr.id);\n      acc[item] = selectAllFields\n        ? selectAllFields\n        : !!categoryAttrIds?.every((id) => nextFields.includes(id));\n      return acc;\n    }, selectCategoryAllFieldsMap);\n    this.state = {\n      nextFields,\n      q: \"\",\n      filteredList: this.attrAndRelationList,\n      extraDisabledFieldSet: new Set(props.extraDisabledFields),\n      selectAllFields,\n      allFieldsLength,\n      selectCategoryAllFieldsMap,\n      type: \"\",\n    };\n    this.debounceHandleSearch = debounce(this.filterColTag, 300);\n  }\n\n  componentDidUpdate(prevProps: WithTranslationDisplaySettingsProps) {\n    if (this.props.currentFields !== prevProps.currentFields) {\n      this.setState({\n        nextFields: this.props.currentFields\n          ? this.props.currentFields.slice()\n          : [],\n      });\n    }\n\n    if (this.props.extraDisabledFields !== prevProps.extraDisabledFields) {\n      this.setState({\n        extraDisabledFieldSet: new Set(this.props.extraDisabledFields),\n      });\n    }\n  }\n\n  handleChecked(event: any, attr: any, categoryData?: any) {\n    const fieldsKey = \"nextFields\";\n    const { category, attrs } = categoryData ?? {};\n    const fields = event.target.checked\n      ? this.state[fieldsKey].concat(attr.id)\n      : without(this.state[fieldsKey], attr.id);\n    if (category) {\n      const attrsIds = attrs.map((attr: any) => attr.id);\n      this.setState({\n        [fieldsKey]: fields,\n        selectAllFields: fields.length === this.state.allFieldsLength,\n        selectCategoryAllFieldsMap: {\n          ...this.state.selectCategoryAllFieldsMap,\n          [category]: attrsIds.every((id: string) => fields.includes(id)),\n        },\n      });\n    } else {\n      this.setState({\n        [fieldsKey]: fields,\n        selectAllFields: fields.length === this.state.allFieldsLength,\n      });\n    }\n\n    this.props.onChange?.(fields);\n  }\n\n  handlecCategoryChecked(event: any, categoryData: any) {\n    const checked = event.target.checked;\n    const fieldsKey = \"nextFields\";\n    const { category, attrs } = categoryData;\n    const attrsIds = attrs.map((attr: any) => attr.id);\n    const fields = [\n      ...new Set([\n        ...(checked\n          ? this.state[fieldsKey].concat(attrsIds)\n          : without(this.state[fieldsKey], ...attrsIds)),\n      ]),\n    ];\n    this.setState({\n      [fieldsKey]: fields,\n      selectAllFields: fields.length === this.state.allFieldsLength,\n      selectCategoryAllFieldsMap: {\n        ...this.state.selectCategoryAllFieldsMap,\n        [category]: checked,\n      },\n    });\n    this.props.onChange?.(fields);\n  }\n\n  handleSelectAllFields(event: any, allFields: any[]) {\n    const fieldsKey = \"nextFields\";\n    const checked = event.target.checked;\n    const fields = checked ? allFields.map((attr) => attr.id) : [];\n    this.setState({\n      [fieldsKey]: fields,\n      selectAllFields: event.target.checked,\n      selectCategoryAllFieldsMap: mapValues(\n        this.state.selectCategoryAllFieldsMap,\n        () => checked\n      ),\n    });\n    this.props.onChange?.(fields);\n  }\n\n  renderCheckbox(\n    attr: any,\n    field: \"nextFields\" | \"otherFields\",\n    categoryData?: any\n  ) {\n    const fieldsKey = \"nextFields\";\n    const checked = this.state[fieldsKey].includes(attr.id);\n    const disabled =\n      attr.id === this.props.extraDisabledField ||\n      this.state.extraDisabledFieldSet.has(attr.id);\n    return (\n      <Col\n        key={attr.id}\n        span={8}\n        style={{ padding: 5 }}\n        onClick={(event) => event.stopPropagation()}\n      >\n        <Checkbox\n          name={field}\n          style={{\n            width: \"100%\",\n            wordBreak: \"break-all\",\n          }}\n          checked={checked}\n          disabled={disabled}\n          onChange={(event) => this.handleChecked(event, attr, categoryData)}\n          data-testid={`${attr.id}-checkbox`}\n        >\n          {attr.name}\n        </Checkbox>\n      </Col>\n    );\n  }\n  getCAategoryOrders = () => {\n    const categoryOrders = [\n      ...new Set([\n        ...get(this.props.modelData, \"view.attr_category_order\", []),\n        this.props.t(K.OTHERS),\n      ]),\n    ]; //分组排序\n    return categoryOrders;\n  };\n  filterColTag = () => {\n    let filteredList = this.attrAndRelationList;\n    const q = this.state.q.trim().toLowerCase();\n    const type = this.state.type;\n    filteredList = filteredList.filter((attr) => {\n      const qResult = attr.name.toLowerCase().includes(q);\n      const typeResult = !this.state.type || attr.type === this.state.type;\n      return qResult && typeResult;\n    });\n\n    const fieldsKey = \"nextFields\";\n    const attrs = this.state[fieldsKey];\n    const categoryOrders = this.getCAategoryOrders();\n    const categoryMap = groupBy(filteredList, \"category\");\n    const selectAllFields = attrs.length === this.state.allFieldsLength;\n    const selectCategoryAllFieldsMap: Record<string, boolean> = {};\n    categoryOrders.reduce((acc, item) => {\n      const categoryAttrIds = categoryMap[item]?.map((attr) => attr.id);\n      acc[item] = selectAllFields\n        ? selectAllFields\n        : !!categoryAttrIds?.every((id) => attrs.includes(id));\n      return acc;\n    }, selectCategoryAllFieldsMap);\n    this.setState({\n      filteredList,\n      selectAllFields,\n      selectCategoryAllFieldsMap,\n    });\n  };\n\n  handleSearchChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const value = event.target.value;\n    this.setState({\n      q: value,\n    });\n    this.debounceHandleSearch();\n  };\n  handleFilterType = (type: AttributeType | string) => {\n    this.setState({\n      type,\n    });\n    this.debounceHandleSearch();\n  };\n  render() {\n    const { t } = this.props;\n    const filteredList = this.state.filteredList;\n    const extraAttrIds = extraFieldAttrs.map(\n      (extraFieldAttr) => extraFieldAttr.id\n    );\n    const attrs = filteredList.filter(\n      (attr: any) => !extraAttrIds.includes(attr.id)\n    );\n    const categoryOrders = this.getCAategoryOrders();\n    const categoryMap = groupBy(attrs, \"category\");\n    const extraAttrs = filteredList.filter((attr: any) =>\n      extraAttrIds.includes(attr.id)\n    );\n    const attributeTypeMap = {\n      [AttributeType.Attribute]: t(K.ATTRIBUTES),\n      [AttributeType.Relation]: t(K.RELATIONSHIPS),\n      [AttributeType.TransHierRelation]: t(K.CROSS_LEVEL_RELATIONSHIPS),\n    };\n\n    return (\n      <>\n        <Divider orientation=\"left\" plain style={{ marginTop: 0 }}>\n          {t(K.FIELD_SETTINGS)}\n        </Divider>\n        <div style={{ display: \"flex\", alignItems: \"center\" }}>\n          <Input.Search\n            value={this.state.q}\n            placeholder={t(K.SEARCH_BY_FIELD_NAME)}\n            onChange={this.handleSearchChange}\n            style={{ width: 200, paddingRight: 10 }}\n            data-testid=\"search-input\"\n          />\n\n          {Object.keys(attributeTypeMap).map((key) => (\n            <Tag\n              className={classNames(styles.fieldTypeTag, {\n                [styles.fieldTypeActive]:\n                  this.state.type === (key as AttributeType),\n              })}\n              key={key}\n              onClick={() =>\n                this.handleFilterType(\n                  !this.state.type || this.state.type !== key\n                    ? (key as AttributeType)\n                    : \"\"\n                )\n              }\n            >\n              {attributeTypeMap[key as AttributeType]}\n            </Tag>\n          ))}\n\n          <span style={{ paddingLeft: 15, verticalAlign: \"sub\" }}>\n            <Checkbox\n              checked={this.state.selectAllFields}\n              onChange={(e) =>\n                this.handleSelectAllFields(e, [...attrs, ...extraAttrs])\n              }\n              data-testid={`checkbox-select-all`}\n            >\n              {t(K.SELECT_ALL)}\n            </Checkbox>\n          </span>\n        </div>\n        <div\n          style={{\n            marginTop: 15,\n            maxHeight: 500,\n            overflow: \"auto\",\n          }}\n          className=\"nextFields\"\n        >\n          {categoryOrders?.map((category, index) => {\n            const categoryAttrs = categoryMap?.[category] ?? [];\n            return categoryAttrs.length > 0 ? (\n              <div\n                style={{\n                  marginBottom: index === categoryOrders.length - 1 ? 0 : 15,\n                }}\n              >\n                <Checkbox\n                  checked={this.state.selectCategoryAllFieldsMap[category]}\n                  onChange={(e) => {\n                    this.handlecCategoryChecked(e, {\n                      category,\n                      attrs: categoryAttrs,\n                    });\n                  }}\n                >\n                  {category}\n                </Checkbox>\n                <Row style={{ padding: \"12px 12px 0px 12px\" }}>\n                  {categoryAttrs.map((attr: any) =>\n                    this.renderCheckbox(attr, \"nextFields\", {\n                      category,\n                      attrs: categoryAttrs,\n                    })\n                  )}\n                </Row>\n              </div>\n            ) : null;\n          })}\n          {extraAttrs.length > 0 ? (\n            <Row>\n              <Divider />\n              {extraAttrs.map((attr: any) =>\n                this.renderCheckbox(attr, \"nextFields\")\n              )}\n            </Row>\n          ) : null}\n        </div>\n      </>\n    );\n  }\n}\n\nexport const DisplaySettings = withTranslation(NS_LIBS_CMDB_INSTANCES)(\n  LegacyDisplaySettings\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DisplaySettings.js","names":["React","debounce","remove","without","get","isEmpty","groupBy","mapValues","uniq","extraFieldAttrs","Checkbox","Col","Divider","Input","Row","Tag","getBatchEditableFields","CMDB_RESOURCE_FIELDS_SETTINGS","withTranslation","K","NS_LIBS_CMDB_INSTANCES","styles","classNames","AttributeType","LegacyDisplaySettings","Component","constructor","props","_defineProperty","categoryOrders","Set","modelData","t","OTHERS","filteredList","attrAndRelationList","q","state","trim","toLowerCase","type","filter","attr","qResult","name","includes","typeResult","fieldsKey","attrs","getCAategoryOrders","categoryMap","selectAllFields","length","allFieldsLength","selectCategoryAllFieldsMap","reduce","acc","item","_categoryMap$item","categoryAttrIds","map","id","every","setState","event","value","target","debounceHandleSearch","hideColumns","view","hide_columns","ignoredFields","concat","objectId","forEach","hideColumn","attribute","isTransHierRelation","TransHierRelation","isRelation","Relation","Attribute","category","extraAttrIds","extraFieldAttr","extraAttrs","nextFields","currentFields","slice","_categoryMap$item2","extraDisabledFieldSet","extraDisabledFields","filterColTag","componentDidUpdate","prevProps","handleChecked","categoryData","_this$props$onChange","_this$props","fields","checked","attrsIds","_objectSpread","onChange","call","handlecCategoryChecked","_this$props$onChange2","_this$props2","handleSelectAllFields","allFields","_this$props$onChange3","_this$props3","finalFields","renderCheckbox","field","disabled","extraDisabledField","has","createElement","key","span","style","padding","onClick","stopPropagation","width","wordBreak","render","attributeTypeMap","ATTRIBUTES","RELATIONSHIPS","CROSS_LEVEL_RELATIONSHIPS","Fragment","display","alignItems","Search","placeholder","SEARCH_BY_FIELD_NAME","handleSearchChange","paddingRight","Object","keys","className","fieldTypeTag","fieldTypeActive","handleFilterType","paddingLeft","verticalAlign","e","SELECT_ALL","marginTop","maxHeight","overflow","index","_categoryMap$category","categoryAttrs","marginBottom","DisplaySettings"],"sources":["../../../src/instance-list-table/DisplaySettings.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  debounce,\n  remove,\n  without,\n  get,\n  isEmpty,\n  groupBy,\n  mapValues,\n  uniq,\n} from \"lodash\";\nimport { extraFieldAttrs } from \"./constants\";\nimport { Checkbox, Col, Divider, Input, Row, Tag } from \"antd\";\nimport {\n  getBatchEditableFields,\n  CMDB_RESOURCE_FIELDS_SETTINGS,\n} from \"@next-libs/cmdb-utils\";\nimport { CmdbModels } from \"@next-sdk/cmdb-sdk\";\nimport { WithTranslation, withTranslation } from \"react-i18next\";\nimport { K, NS_LIBS_CMDB_INSTANCES } from \"../i18n/constants\";\nimport styles from \"./DisplaySettings.module.css\";\nimport classNames from \"classnames\";\nexport interface DisplaySettingsProps {\n  currentFields: string[];\n  modelData: Partial<CmdbModels.ModelCmdbObject>;\n  objectId?: string;\n  extraDisabledField?: string;\n  extraDisabledFields?: string[];\n  onChange?(fields: string[]): void;\n}\n\nexport interface WithTranslationDisplaySettingsProps\n  extends DisplaySettingsProps,\n    WithTranslation {}\n\ninterface DisplaySettingsState {\n  nextFields: string[];\n  q: string;\n  filteredList: any;\n  extraDisabledFieldSet: Set<string>;\n  selectAllFields: boolean;\n  selectCategoryAllFieldsMap: Record<string, boolean>;\n  allFieldsLength: number;\n  type: AttributeType | string;\n}\n\nenum AttributeType {\n  Attribute = \"attribute\",\n  Relation = \"relation\",\n  TransHierRelation = \"transHierRelation\",\n}\n\nexport class LegacyDisplaySettings extends React.Component<\n  WithTranslationDisplaySettingsProps,\n  DisplaySettingsState\n> {\n  debounceHandleSearch: () => void;\n  attrAndRelationList: {\n    id: string;\n    name: string;\n    category: string;\n    type: AttributeType;\n  }[] = [];\n\n  constructor(props: WithTranslationDisplaySettingsProps) {\n    super(props);\n    const { t } = props;\n    const attrAndRelationList = getBatchEditableFields(this.props.modelData);\n    let hideColumns = this.props.modelData.view.hide_columns || [];\n    const ignoredFields = get(\n      CMDB_RESOURCE_FIELDS_SETTINGS,\n      `ignoredFields.${this.props.modelData.objectId}`,\n      []\n    );\n    hideColumns = [...hideColumns, ...ignoredFields];\n\n    if (!isEmpty(hideColumns)) {\n      hideColumns.forEach((hideColumn: string) => {\n        remove(attrAndRelationList, (attr) => attr.id === hideColumn);\n      });\n    }\n\n    this.attrAndRelationList = attrAndRelationList.map((attribute: any) => ({\n      id: attribute.id,\n      name: attribute.name,\n      type: attribute.isTransHierRelation\n        ? AttributeType.TransHierRelation\n        : attribute.isRelation\n        ? AttributeType.Relation\n        : AttributeType.Attribute,\n      category: get(\n        attribute,\n        \"tag[0]\",\n        get(attribute, \"left_tags[0]\") ||\n          get(attribute, \"tags[0]\") ||\n          t(K.OTHERS)\n      ),\n    }));\n\n    const filteredList = this.attrAndRelationList;\n    const extraAttrIds = extraFieldAttrs.map(\n      (extraFieldAttr) => extraFieldAttr.id\n    );\n    const attrs = filteredList.filter(\n      (attr: any) => !extraAttrIds.includes(attr.id)\n    );\n    const extraAttrs = filteredList.filter((attr: any) =>\n      extraAttrIds.includes(attr.id)\n    );\n    const nextFields = props.currentFields ? props.currentFields.slice() : [];\n\n    const allFieldsLength = [...attrs, ...extraAttrs].length;\n    const selectAllFields =\n      [...new Set([...nextFields])].length === allFieldsLength;\n\n    const categoryOrders = this.getCAategoryOrders();\n    const categoryMap = groupBy(attrs, \"category\");\n    const selectCategoryAllFieldsMap: Record<string, boolean> = {};\n    categoryOrders.reduce((acc, item) => {\n      const categoryAttrIds = categoryMap[item]?.map((attr) => attr.id);\n      acc[item] = selectAllFields\n        ? selectAllFields\n        : !!categoryAttrIds?.every((id) => nextFields.includes(id));\n      return acc;\n    }, selectCategoryAllFieldsMap);\n    this.state = {\n      nextFields,\n      q: \"\",\n      filteredList: this.attrAndRelationList,\n      extraDisabledFieldSet: new Set(props.extraDisabledFields),\n      selectAllFields,\n      allFieldsLength,\n      selectCategoryAllFieldsMap,\n      type: \"\",\n    };\n    this.debounceHandleSearch = debounce(this.filterColTag, 300);\n  }\n\n  componentDidUpdate(prevProps: WithTranslationDisplaySettingsProps) {\n    if (this.props.currentFields !== prevProps.currentFields) {\n      this.setState({\n        nextFields: this.props.currentFields\n          ? this.props.currentFields.slice()\n          : [],\n      });\n    }\n\n    if (this.props.extraDisabledFields !== prevProps.extraDisabledFields) {\n      this.setState({\n        extraDisabledFieldSet: new Set(this.props.extraDisabledFields),\n      });\n    }\n  }\n\n  handleChecked(event: any, attr: any, categoryData?: any) {\n    const fieldsKey = \"nextFields\";\n    const { category, attrs } = categoryData ?? {};\n    const fields = event.target.checked\n      ? this.state[fieldsKey].concat(attr.id)\n      : without(this.state[fieldsKey], attr.id);\n    if (category) {\n      const attrsIds = attrs.map((attr: any) => attr.id);\n      this.setState({\n        [fieldsKey]: fields,\n        selectAllFields: fields.length === this.state.allFieldsLength,\n        selectCategoryAllFieldsMap: {\n          ...this.state.selectCategoryAllFieldsMap,\n          [category]: attrsIds.every((id: string) => fields.includes(id)),\n        },\n      });\n    } else {\n      this.setState({\n        [fieldsKey]: fields,\n        selectAllFields: fields.length === this.state.allFieldsLength,\n      });\n    }\n\n    this.props.onChange?.(fields);\n  }\n\n  handlecCategoryChecked(event: any, categoryData: any) {\n    const checked = event.target.checked;\n    const fieldsKey = \"nextFields\";\n    const { category, attrs } = categoryData;\n    const attrsIds = attrs.map((attr: any) => attr.id);\n    const fields = [\n      ...new Set([\n        ...(checked\n          ? this.state[fieldsKey].concat(attrsIds)\n          : without(this.state[fieldsKey], ...attrsIds)),\n      ]),\n    ];\n    this.setState({\n      [fieldsKey]: fields,\n      selectAllFields: fields.length === this.state.allFieldsLength,\n      selectCategoryAllFieldsMap: {\n        ...this.state.selectCategoryAllFieldsMap,\n        [category]: checked,\n      },\n    });\n    this.props.onChange?.(fields);\n  }\n\n  handleSelectAllFields(event: any, allFields: any[]) {\n    const fieldsKey = \"nextFields\";\n    const checked = event.target.checked;\n    const fields = checked ? allFields.map((attr) => attr.id) : [];\n    const finalFields = uniq(this.state[fieldsKey].concat(fields));\n    this.setState({\n      [fieldsKey]: finalFields,\n      selectAllFields: event.target.checked,\n      selectCategoryAllFieldsMap: mapValues(\n        this.state.selectCategoryAllFieldsMap,\n        () => checked\n      ),\n    });\n    this.props.onChange?.(finalFields);\n  }\n\n  renderCheckbox(\n    attr: any,\n    field: \"nextFields\" | \"otherFields\",\n    categoryData?: any\n  ) {\n    const fieldsKey = \"nextFields\";\n    const checked = this.state[fieldsKey].includes(attr.id);\n    const disabled =\n      attr.id === this.props.extraDisabledField ||\n      this.state.extraDisabledFieldSet.has(attr.id);\n    return (\n      <Col\n        key={attr.id}\n        span={8}\n        style={{ padding: 5 }}\n        onClick={(event) => event.stopPropagation()}\n      >\n        <Checkbox\n          name={field}\n          style={{\n            width: \"100%\",\n            wordBreak: \"break-all\",\n          }}\n          checked={checked}\n          disabled={disabled}\n          onChange={(event) => this.handleChecked(event, attr, categoryData)}\n          data-testid={`${attr.id}-checkbox`}\n        >\n          {attr.name}\n        </Checkbox>\n      </Col>\n    );\n  }\n  getCAategoryOrders = () => {\n    const categoryOrders = [\n      ...new Set([\n        ...get(this.props.modelData, \"view.attr_category_order\", []),\n        this.props.t(K.OTHERS),\n      ]),\n    ]; //分组排序\n    return categoryOrders;\n  };\n  filterColTag = () => {\n    let filteredList = this.attrAndRelationList;\n    const q = this.state.q.trim().toLowerCase();\n    const type = this.state.type;\n    filteredList = filteredList.filter((attr) => {\n      const qResult = attr.name.toLowerCase().includes(q);\n      const typeResult = !this.state.type || attr.type === this.state.type;\n      return qResult && typeResult;\n    });\n\n    const fieldsKey = \"nextFields\";\n    const attrs = this.state[fieldsKey];\n    const categoryOrders = this.getCAategoryOrders();\n    const categoryMap = groupBy(filteredList, \"category\");\n    const selectAllFields = attrs.length === this.state.allFieldsLength;\n    const selectCategoryAllFieldsMap: Record<string, boolean> = {};\n    categoryOrders.reduce((acc, item) => {\n      const categoryAttrIds = categoryMap[item]?.map((attr) => attr.id);\n      acc[item] = selectAllFields\n        ? selectAllFields\n        : !!categoryAttrIds?.every((id) => attrs.includes(id));\n      return acc;\n    }, selectCategoryAllFieldsMap);\n    this.setState({\n      filteredList,\n      selectAllFields,\n      selectCategoryAllFieldsMap,\n    });\n  };\n\n  handleSearchChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const value = event.target.value;\n    this.setState({\n      q: value,\n    });\n    this.debounceHandleSearch();\n  };\n  handleFilterType = (type: AttributeType | string) => {\n    this.setState({\n      type,\n    });\n    this.debounceHandleSearch();\n  };\n  render() {\n    const { t } = this.props;\n    const filteredList = this.state.filteredList;\n    const extraAttrIds = extraFieldAttrs.map(\n      (extraFieldAttr) => extraFieldAttr.id\n    );\n    const attrs = filteredList.filter(\n      (attr: any) => !extraAttrIds.includes(attr.id)\n    );\n    const categoryOrders = this.getCAategoryOrders();\n    const categoryMap = groupBy(attrs, \"category\");\n    const extraAttrs = filteredList.filter((attr: any) =>\n      extraAttrIds.includes(attr.id)\n    );\n    const attributeTypeMap = {\n      [AttributeType.Attribute]: t(K.ATTRIBUTES),\n      [AttributeType.Relation]: t(K.RELATIONSHIPS),\n      [AttributeType.TransHierRelation]: t(K.CROSS_LEVEL_RELATIONSHIPS),\n    };\n\n    return (\n      <>\n        {/* <Divider orientation=\"left\" plain style={{ marginTop: 0 }}>\n          {t(K.FIELD_SETTINGS)}\n        </Divider> */}\n        <div style={{ display: \"flex\", alignItems: \"center\" }}>\n          <Input.Search\n            value={this.state.q}\n            placeholder={t(K.SEARCH_BY_FIELD_NAME)}\n            onChange={this.handleSearchChange}\n            style={{ width: 200, paddingRight: 10 }}\n            data-testid=\"search-input\"\n          />\n\n          {Object.keys(attributeTypeMap).map((key) => (\n            <Tag\n              className={classNames(styles.fieldTypeTag, {\n                [styles.fieldTypeActive]:\n                  this.state.type === (key as AttributeType),\n              })}\n              key={key}\n              onClick={() =>\n                this.handleFilterType(\n                  !this.state.type || this.state.type !== key\n                    ? (key as AttributeType)\n                    : \"\"\n                )\n              }\n            >\n              {attributeTypeMap[key as AttributeType]}\n            </Tag>\n          ))}\n\n          <span style={{ paddingLeft: 15, verticalAlign: \"sub\" }}>\n            <Checkbox\n              checked={this.state.selectAllFields}\n              onChange={(e) =>\n                this.handleSelectAllFields(e, [...attrs, ...extraAttrs])\n              }\n              data-testid={`checkbox-select-all`}\n            >\n              {t(K.SELECT_ALL)}\n            </Checkbox>\n          </span>\n        </div>\n        <div\n          style={{\n            marginTop: 15,\n            maxHeight: 500,\n            overflow: \"auto\",\n          }}\n          className=\"nextFields\"\n        >\n          {categoryOrders?.map((category, index) => {\n            const categoryAttrs = categoryMap?.[category] ?? [];\n            return categoryAttrs.length > 0 ? (\n              <div\n                style={{\n                  marginBottom: index === categoryOrders.length - 1 ? 0 : 15,\n                }}\n              >\n                <Checkbox\n                  checked={this.state.selectCategoryAllFieldsMap[category]}\n                  onChange={(e) => {\n                    this.handlecCategoryChecked(e, {\n                      category,\n                      attrs: categoryAttrs,\n                    });\n                  }}\n                >\n                  {category}\n                </Checkbox>\n                <Row style={{ padding: \"12px 12px 0px 12px\" }}>\n                  {categoryAttrs.map((attr: any) =>\n                    this.renderCheckbox(attr, \"nextFields\", {\n                      category,\n                      attrs: categoryAttrs,\n                    })\n                  )}\n                </Row>\n              </div>\n            ) : null;\n          })}\n          {extraAttrs.length > 0 ? (\n            <Row>\n              <Divider />\n              {extraAttrs.map((attr: any) =>\n                this.renderCheckbox(attr, \"nextFields\")\n              )}\n            </Row>\n          ) : null}\n        </div>\n      </>\n    );\n  }\n}\n\nexport const DisplaySettings = withTranslation(NS_LIBS_CMDB_INSTANCES)(\n  LegacyDisplaySettings\n);\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/instance-list-table/DisplaySettingsModal.js

@@ -136,7 +136,7 @@ export function DisplaySettingsModal(props) {
     centered: true
   }, /*#__PURE__*/React.createElement(Alert, {
     message: /*#__PURE__*/React.createElement(React.Fragment, null, t(K.SORT_SETTINGS_ALERT), /*#__PURE__*/React.createElement(Link, {
-      to: "/cmdb-model-management/object/".concat(modelData.objectId, "/view?key=3"),
+      to: "/cmdb-model-management/object/".concat(modelData.objectId, "/view?key=3&openCrossLevelRelationShipDrawer=true"),
       target: "_blank"
     }, t(K.MANAGING)), t(K.SORT_SETTINGS_AFTER_ALERT)),
     type: "info",

package/dist/esm/instance-list-table/DisplaySettingsModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"DisplaySettingsModal.js","names":["Button","Modal","Dropdown","Menu","Alert","React","useMemo","useState","useTranslation","K","NS_LIBS_CMDB_INSTANCES","DisplaySettings","SortSettings","getAuth","EllipsisOutlined","Link","sortField","dataSource","arguments","length","undefined","order","sort","a","b","indexA","indexOf","indexB","DisplaySettingsModal","props","visible","objectId","modelData","saveFieldsBackend","useExternalCmdbApi","currentFields","defaultFields","extraDisabledField","extraDisabledFields","sortFields","onOk","onCancel","t","sortAttrList","map","v","field","sortCurrentFields","nextFields","setNextFields","sortSettingsVisible","setSortSettingsVisible","originalNextFields","setOriginalNextFields","count","filter","handleReset","fields","slice","isReset","handleCancel","handleSortFields","handleDropdownMenuClick","e","key","isAdminSetDisplay","showIsAdminSetDefault","isAdmin","dropdownMenuItems","createElement","Item","disabled","onClick","DEFAULT_DISPLAY","RESTORE_DEFAULT","handleSortEnd","data","handleSortSettingCancel","handleSortSettingOk","Fragment","title","DISPLAY_SETTINGS","footer","style","display","overlay","placement","trigger","type","icon","marginLeft","CANCEL","SORT_SETTINGS","CONFIRM","destroyOnClose","width","centered","message","SORT_SETTINGS_ALERT","to","concat","target","MANAGING","SORT_SETTINGS_AFTER_ALERT","showIcon","marginBottom","onChange","rowKey","onSortEnd"],"sources":["../../../src/instance-list-table/DisplaySettingsModal.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport { Button, Modal, Dropdown, Menu, Alert } from \"antd\";\nimport React, { useMemo, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { K, NS_LIBS_CMDB_INSTANCES } from \"../i18n/constants\";\nimport { DisplaySettings, DisplaySettingsProps } from \"./DisplaySettings\";\nimport { SortSettings } from \"./SortSettings\";\nimport { getAuth } from \"@next-core/brick-kit\";\nimport { EllipsisOutlined } from \"@ant-design/icons\";\nimport { Link } from \"@next-libs/basic-components\";\n\nexport interface DisplaySettingsModalData {\n  fields: string[];\n  isReset?: boolean;\n  isAdminSetDisplay?: boolean;\n}\n\nexport interface DisplaySettingsModalProps extends DisplaySettingsProps {\n  visible?: boolean;\n  defaultFields?: string[];\n  saveFieldsBackend?: boolean;\n  useExternalCmdbApi?: boolean;\n  sortFields?: { field: string; order: number }[];\n  onOk?(data: DisplaySettingsModalData): void;\n  onCancel?(): void;\n}\n\nconst sortField = (dataSource: string[] = [], order: string[]) => {\n  return dataSource?.sort((a: string, b: string) => {\n    const indexA = order.indexOf(a);\n    const indexB = order.indexOf(b);\n    return indexA - indexB;\n  });\n};\nexport function DisplaySettingsModal(\n  props: DisplaySettingsModalProps\n): React.ReactElement {\n  const {\n    visible,\n    objectId,\n    modelData,\n    saveFieldsBackend,\n    useExternalCmdbApi,\n    currentFields,\n    defaultFields,\n    extraDisabledField,\n    extraDisabledFields,\n    sortFields,\n    onOk,\n    onCancel,\n  } = props;\n\n  const { t } = useTranslation(NS_LIBS_CMDB_INSTANCES);\n  const sortAttrList = sortFields ? sortFields.map((v) => v.field) : [];\n  const sortCurrentFields = sortField([...(currentFields ?? [])], sortAttrList);\n\n  const [nextFields, setNextFields] = useState<string[]>(sortCurrentFields);\n  const [sortSettingsVisible, setSortSettingsVisible] =\n    useState<boolean>(false);\n  const [originalNextFields, setOriginalNextFields] =\n    useState<string[]>(sortCurrentFields);\n\n  const count = useMemo(\n    () => nextFields?.filter((v) => v !== \"_object_id\").length,\n    [nextFields]\n  );\n\n  const handleReset = (): void => {\n    const fields = defaultFields ? defaultFields.slice() : [];\n    setNextFields(fields);\n    onOk?.({ fields, isReset: true });\n  };\n\n  const handleCancel = (): void => {\n    setNextFields(sortCurrentFields ? [...sortCurrentFields] : []);\n    onCancel?.();\n  };\n\n  const handleSortFields = (): void => {\n    setSortSettingsVisible(true);\n    setOriginalNextFields(nextFields ? [...nextFields] : []);\n  };\n\n  const handleDropdownMenuClick = (e: any): void => {\n    if (e.key === \"restore-default\") {\n      handleReset();\n    } else {\n      // 管理员将现在选中的字段设置为默认显示, 不会影响到当前列表展示字段，所以需要类似【取消】操作重置字段。\n      props?.onOk({\n        fields: nextFields,\n        isReset: false,\n        isAdminSetDisplay: true,\n      });\n    }\n  };\n\n  const showIsAdminSetDefault = getAuth().isAdmin;\n\n  const dropdownMenuItems = (\n    <Menu>\n      <Menu.Item\n        key=\"set-default-display\"\n        disabled={count === 0}\n        onClick={handleDropdownMenuClick}\n      >\n        {t(K.DEFAULT_DISPLAY)}\n      </Menu.Item>\n      <Menu.Item key=\"restore-default\" onClick={handleDropdownMenuClick}>\n        {t(K.RESTORE_DEFAULT)}\n      </Menu.Item>\n    </Menu>\n  );\n\n  const handleSortEnd = (data: any): void => {\n    setNextFields(data);\n  };\n\n  const handleSortSettingCancel = (): void => {\n    setSortSettingsVisible(false);\n    setNextFields(originalNextFields ? [...originalNextFields] : []);\n  };\n\n  const handleSortSettingOk = (): void => {\n    setSortSettingsVisible(false);\n    setNextFields(nextFields ? [...nextFields] : []);\n    props?.onOk({ fields: nextFields });\n  };\n\n  return (\n    <>\n      <Modal\n        title={t(K.DISPLAY_SETTINGS)}\n        visible={visible}\n        footer={\n          <div style={{ display: \"flex\" }}>\n            {showIsAdminSetDefault &&\n            saveFieldsBackend &&\n            !useExternalCmdbApi ? (\n              <Dropdown\n                overlay={dropdownMenuItems}\n                placement=\"topLeft\"\n                trigger={[\"click\"]}\n                data-testid=\"admin-set-display-dropdown\"\n              >\n                <Button type=\"default\" icon={<EllipsisOutlined />}></Button>\n              </Dropdown>\n            ) : (\n              <div>\n                <Button\n                  type=\"default\"\n                  onClick={handleReset}\n                  data-testid=\"reset-button\"\n                >\n                  {t(K.RESTORE_DEFAULT)}\n                </Button>\n              </div>\n            )}\n            <div style={{ marginLeft: \"auto\" }}>\n              <Button\n                type=\"text\"\n                onClick={handleCancel}\n                data-testid=\"cancel-button\"\n              >\n                {t(K.CANCEL)}\n              </Button>\n              <Button\n                onClick={handleSortFields}\n                data-testid=\"sort-settings-button\"\n              >\n                {t(K.SORT_SETTINGS)}\n              </Button>\n              <Button\n                type=\"primary\"\n                onClick={() => props?.onOk({ fields: nextFields })}\n                disabled={count === 0}\n                data-testid=\"ok-button\"\n              >\n                {t(K.CONFIRM)}\n              </Button>\n            </div>\n          </div>\n        }\n        onCancel={handleCancel}\n        destroyOnClose={true}\n        width={780}\n        centered={true}\n      >\n        <Alert\n          message={\n            <>\n              {t(K.SORT_SETTINGS_ALERT)}\n              <Link\n                to={`/cmdb-model-management/object/${modelData.objectId}/view?key=3`}\n                target={\"_blank\"}\n              >\n                {t(K.MANAGING)}\n              </Link>\n              {t(K.SORT_SETTINGS_AFTER_ALERT)}\n            </>\n          }\n          type=\"info\"\n          showIcon={false}\n          style={{ marginBottom: 16 }}\n        />\n        <DisplaySettings\n          objectId={objectId}\n          modelData={modelData}\n          currentFields={nextFields}\n          extraDisabledField={extraDisabledField}\n          extraDisabledFields={extraDisabledFields}\n          onChange={(fields) => setNextFields(fields)}\n        />\n      </Modal>\n      <Modal\n        title={t(K.SORT_SETTINGS)}\n        visible={sortSettingsVisible}\n        destroyOnClose={true}\n        centered={true}\n        onCancel={handleSortSettingCancel}\n        onOk={handleSortSettingOk}\n      >\n        <SortSettings\n          rowKey=\"id\"\n          modelData={modelData}\n          currentFields={nextFields}\n          onSortEnd={handleSortEnd}\n        />\n      </Modal>\n    </>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DisplaySettingsModal.js","names":["Button","Modal","Dropdown","Menu","Alert","React","useMemo","useState","useTranslation","K","NS_LIBS_CMDB_INSTANCES","DisplaySettings","SortSettings","getAuth","EllipsisOutlined","Link","sortField","dataSource","arguments","length","undefined","order","sort","a","b","indexA","indexOf","indexB","DisplaySettingsModal","props","visible","objectId","modelData","saveFieldsBackend","useExternalCmdbApi","currentFields","defaultFields","extraDisabledField","extraDisabledFields","sortFields","onOk","onCancel","t","sortAttrList","map","v","field","sortCurrentFields","nextFields","setNextFields","sortSettingsVisible","setSortSettingsVisible","originalNextFields","setOriginalNextFields","count","filter","handleReset","fields","slice","isReset","handleCancel","handleSortFields","handleDropdownMenuClick","e","key","isAdminSetDisplay","showIsAdminSetDefault","isAdmin","dropdownMenuItems","createElement","Item","disabled","onClick","DEFAULT_DISPLAY","RESTORE_DEFAULT","handleSortEnd","data","handleSortSettingCancel","handleSortSettingOk","Fragment","title","DISPLAY_SETTINGS","footer","style","display","overlay","placement","trigger","type","icon","marginLeft","CANCEL","SORT_SETTINGS","CONFIRM","destroyOnClose","width","centered","message","SORT_SETTINGS_ALERT","to","concat","target","MANAGING","SORT_SETTINGS_AFTER_ALERT","showIcon","marginBottom","onChange","rowKey","onSortEnd"],"sources":["../../../src/instance-list-table/DisplaySettingsModal.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport { Button, Modal, Dropdown, Menu, Alert } from \"antd\";\nimport React, { useMemo, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { K, NS_LIBS_CMDB_INSTANCES } from \"../i18n/constants\";\nimport { DisplaySettings, DisplaySettingsProps } from \"./DisplaySettings\";\nimport { SortSettings } from \"./SortSettings\";\nimport { getAuth } from \"@next-core/brick-kit\";\nimport { EllipsisOutlined } from \"@ant-design/icons\";\nimport { Link } from \"@next-libs/basic-components\";\n\nexport interface DisplaySettingsModalData {\n  fields: string[];\n  isReset?: boolean;\n  isAdminSetDisplay?: boolean;\n}\n\nexport interface DisplaySettingsModalProps extends DisplaySettingsProps {\n  visible?: boolean;\n  defaultFields?: string[];\n  saveFieldsBackend?: boolean;\n  useExternalCmdbApi?: boolean;\n  sortFields?: { field: string; order: number }[];\n  onOk?(data: DisplaySettingsModalData): void;\n  onCancel?(): void;\n}\n\nconst sortField = (dataSource: string[] = [], order: string[]) => {\n  return dataSource?.sort((a: string, b: string) => {\n    const indexA = order.indexOf(a);\n    const indexB = order.indexOf(b);\n    return indexA - indexB;\n  });\n};\nexport function DisplaySettingsModal(\n  props: DisplaySettingsModalProps\n): React.ReactElement {\n  const {\n    visible,\n    objectId,\n    modelData,\n    saveFieldsBackend,\n    useExternalCmdbApi,\n    currentFields,\n    defaultFields,\n    extraDisabledField,\n    extraDisabledFields,\n    sortFields,\n    onOk,\n    onCancel,\n  } = props;\n\n  const { t } = useTranslation(NS_LIBS_CMDB_INSTANCES);\n  const sortAttrList = sortFields ? sortFields.map((v) => v.field) : [];\n  const sortCurrentFields = sortField([...(currentFields ?? [])], sortAttrList);\n\n  const [nextFields, setNextFields] = useState<string[]>(sortCurrentFields);\n  const [sortSettingsVisible, setSortSettingsVisible] =\n    useState<boolean>(false);\n  const [originalNextFields, setOriginalNextFields] =\n    useState<string[]>(sortCurrentFields);\n\n  const count = useMemo(\n    () => nextFields?.filter((v) => v !== \"_object_id\").length,\n    [nextFields]\n  );\n\n  const handleReset = (): void => {\n    const fields = defaultFields ? defaultFields.slice() : [];\n    setNextFields(fields);\n    onOk?.({ fields, isReset: true });\n  };\n\n  const handleCancel = (): void => {\n    setNextFields(sortCurrentFields ? [...sortCurrentFields] : []);\n    onCancel?.();\n  };\n\n  const handleSortFields = (): void => {\n    setSortSettingsVisible(true);\n    setOriginalNextFields(nextFields ? [...nextFields] : []);\n  };\n\n  const handleDropdownMenuClick = (e: any): void => {\n    if (e.key === \"restore-default\") {\n      handleReset();\n    } else {\n      // 管理员将现在选中的字段设置为默认显示, 不会影响到当前列表展示字段，所以需要类似【取消】操作重置字段。\n      props?.onOk({\n        fields: nextFields,\n        isReset: false,\n        isAdminSetDisplay: true,\n      });\n    }\n  };\n\n  const showIsAdminSetDefault = getAuth().isAdmin;\n\n  const dropdownMenuItems = (\n    <Menu>\n      <Menu.Item\n        key=\"set-default-display\"\n        disabled={count === 0}\n        onClick={handleDropdownMenuClick}\n      >\n        {t(K.DEFAULT_DISPLAY)}\n      </Menu.Item>\n      <Menu.Item key=\"restore-default\" onClick={handleDropdownMenuClick}>\n        {t(K.RESTORE_DEFAULT)}\n      </Menu.Item>\n    </Menu>\n  );\n\n  const handleSortEnd = (data: any): void => {\n    setNextFields(data);\n  };\n\n  const handleSortSettingCancel = (): void => {\n    setSortSettingsVisible(false);\n    setNextFields(originalNextFields ? [...originalNextFields] : []);\n  };\n\n  const handleSortSettingOk = (): void => {\n    setSortSettingsVisible(false);\n    setNextFields(nextFields ? [...nextFields] : []);\n    props?.onOk({ fields: nextFields });\n  };\n\n  return (\n    <>\n      <Modal\n        title={t(K.DISPLAY_SETTINGS)}\n        visible={visible}\n        footer={\n          <div style={{ display: \"flex\" }}>\n            {showIsAdminSetDefault &&\n            saveFieldsBackend &&\n            !useExternalCmdbApi ? (\n              <Dropdown\n                overlay={dropdownMenuItems}\n                placement=\"topLeft\"\n                trigger={[\"click\"]}\n                data-testid=\"admin-set-display-dropdown\"\n              >\n                <Button type=\"default\" icon={<EllipsisOutlined />}></Button>\n              </Dropdown>\n            ) : (\n              <div>\n                <Button\n                  type=\"default\"\n                  onClick={handleReset}\n                  data-testid=\"reset-button\"\n                >\n                  {t(K.RESTORE_DEFAULT)}\n                </Button>\n              </div>\n            )}\n            <div style={{ marginLeft: \"auto\" }}>\n              <Button\n                type=\"text\"\n                onClick={handleCancel}\n                data-testid=\"cancel-button\"\n              >\n                {t(K.CANCEL)}\n              </Button>\n              <Button\n                onClick={handleSortFields}\n                data-testid=\"sort-settings-button\"\n              >\n                {t(K.SORT_SETTINGS)}\n              </Button>\n              <Button\n                type=\"primary\"\n                onClick={() => props?.onOk({ fields: nextFields })}\n                disabled={count === 0}\n                data-testid=\"ok-button\"\n              >\n                {t(K.CONFIRM)}\n              </Button>\n            </div>\n          </div>\n        }\n        onCancel={handleCancel}\n        destroyOnClose={true}\n        width={780}\n        centered={true}\n      >\n        <Alert\n          message={\n            <>\n              {t(K.SORT_SETTINGS_ALERT)}\n              <Link\n                to={`/cmdb-model-management/object/${modelData.objectId}/view?key=3&openCrossLevelRelationShipDrawer=true`}\n                target={\"_blank\"}\n              >\n                {t(K.MANAGING)}\n              </Link>\n              {t(K.SORT_SETTINGS_AFTER_ALERT)}\n            </>\n          }\n          type=\"info\"\n          showIcon={false}\n          style={{ marginBottom: 16 }}\n        />\n        <DisplaySettings\n          objectId={objectId}\n          modelData={modelData}\n          currentFields={nextFields}\n          extraDisabledField={extraDisabledField}\n          extraDisabledFields={extraDisabledFields}\n          onChange={(fields) => setNextFields(fields)}\n        />\n      </Modal>\n      <Modal\n        title={t(K.SORT_SETTINGS)}\n        visible={sortSettingsVisible}\n        destroyOnClose={true}\n        centered={true}\n        onCancel={handleSortSettingCancel}\n        onOk={handleSortSettingOk}\n      >\n        <SortSettings\n          rowKey=\"id\"\n          modelData={modelData}\n          currentFields={nextFields}\n          onSortEnd={handleSortEnd}\n        />\n      </Modal>\n    </>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/instance-list-table/InstanceListTable.js

@@ -804,7 +804,7 @@ export class LegacyInstanceListTable extends React.Component {
     var column = {
       title: relation.relation_name,
       dataIndex: key,
-      sorter: !this.props.sortDisabled,
+      sorter: false,
       className: styles.instanceListTableCell,
       fixed: (_this$props$fixedFiel3 = this.props.fixedFieldIds) !== null && _this$props$fixedFiel3 !== void 0 && _this$props$fixedFiel3.includes(key) ? "right" : false
     };