@next-libs/cmdb-instances 7.23.0 → 7.24.1

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

@@ -18,6 +18,10 @@ class DisplaySettings extends _react.default.Component {
     super(props);
     (0, _defineProperty2.default)(this, "debounceHandleSearch", void 0);
     (0, _defineProperty2.default)(this, "attrAndRelationList", []);
+    (0, _defineProperty2.default)(this, "getCAategoryOrders", () => {
+      const categoryOrders = [...new Set([...(0, _lodash.get)(this.props.modelData, "view.attr_category_order", []), "其他"])]; //分组排序
+      return categoryOrders;
+    });
     (0, _defineProperty2.default)(this, "filterColTag", () => {
       let filteredList = this.attrAndRelationList;
       const q = this.state.q.trim().toLowerCase();
@@ -26,8 +30,22 @@ class DisplaySettings extends _react.default.Component {
           return attr.name.toLowerCase().includes(q);
         });
       }
+      const fieldsKey = "nextFields";
+      const attrs = this.state[fieldsKey];
+      const categoryOrders = this.getCAategoryOrders();
+      const categoryMap = (0, _lodash.groupBy)(filteredList, "category");
+      const selectAllFields = attrs.length === this.state.allFieldsLength;
+      const selectCategoryAllFieldsMap = {};
+      categoryOrders.reduce((acc, item) => {
+        var _categoryMap$item;
+        const categoryAttrIds = (_categoryMap$item = categoryMap[item]) === null || _categoryMap$item === void 0 ? void 0 : _categoryMap$item.map(attr => attr.id);
+        acc[item] = selectAllFields ? selectAllFields : !!(categoryAttrIds !== null && categoryAttrIds !== void 0 && categoryAttrIds.every(id => attrs.includes(id)));
+        return acc;
+      }, selectCategoryAllFieldsMap);
       this.setState({
-        filteredList
+        filteredList,
+        selectAllFields,
+        selectCategoryAllFieldsMap
       });
     });
     (0, _defineProperty2.default)(this, "handleSearchChange", event => {
@@ -48,21 +66,33 @@ class DisplaySettings extends _react.default.Component {
     }
     this.attrAndRelationList = attrAndRelationList.map(attribute => ({
       id: attribute.id,
-      name: attribute.name
+      name: attribute.name,
+      category: (0, _lodash.get)(attribute, "tag[0]", (0, _lodash.get)(attribute, "left_tags[0]", "其他"))
     }));
     const _filteredList = this.attrAndRelationList;
     const extraAttrIds = _constants.extraFieldAttrs.map(extraFieldAttr => extraFieldAttr.id);
-    const attrs = _filteredList.filter(attr => !extraAttrIds.includes(attr.id));
+    const _attrs = _filteredList.filter(attr => !extraAttrIds.includes(attr.id));
     const extraAttrs = _filteredList.filter(attr => extraAttrIds.includes(attr.id));
     const nextFields = props.currentFields ? props.currentFields.slice() : [];
-    const allFieldsLength = [...attrs, ...extraAttrs].length;
+    const allFieldsLength = [..._attrs, ...extraAttrs].length;
+    const _selectAllFields = [...new Set([...nextFields])].length === allFieldsLength;
+    const _categoryOrders = this.getCAategoryOrders();
+    const _categoryMap = (0, _lodash.groupBy)(_attrs, "category");
+    const _selectCategoryAllFieldsMap = {};
+    _categoryOrders.reduce((acc, item) => {
+      var _categoryMap$item2;
+      const categoryAttrIds = (_categoryMap$item2 = _categoryMap[item]) === null || _categoryMap$item2 === void 0 ? void 0 : _categoryMap$item2.map(attr => attr.id);
+      acc[item] = _selectAllFields ? _selectAllFields : !!(categoryAttrIds !== null && categoryAttrIds !== void 0 && categoryAttrIds.every(id => nextFields.includes(id)));
+      return acc;
+    }, _selectCategoryAllFieldsMap);
     this.state = {
       nextFields,
       q: "",
       filteredList: this.attrAndRelationList,
       extraDisabledFieldSet: new Set(props.extraDisabledFields),
-      selectAllFields: [...new Set([...nextFields])].length === allFieldsLength,
-      allFieldsLength
+      selectAllFields: _selectAllFields,
+      allFieldsLength,
+      selectCategoryAllFieldsMap: _selectCategoryAllFieldsMap
     };
     this.debounceHandleSearch = (0, _lodash.debounce)(this.filterColTag, 300);
   }
@@ -78,27 +108,65 @@ class DisplaySettings extends _react.default.Component {
       });
     }
   }
-  handleChecked(event, attr) {
+  handleChecked(event, attr, categoryData) {
     var _this$props$onChange, _this$props;
     const fieldsKey = "nextFields";
+    const {
+      category,
+      attrs
+    } = categoryData !== null && categoryData !== void 0 ? categoryData : {};
     const fields = event.target.checked ? this.state[fieldsKey].concat(attr.id) : (0, _lodash.without)(this.state[fieldsKey], attr.id);
+    if (category) {
+      const attrsIds = attrs.map(attr => attr.id);
+      this.setState({
+        [fieldsKey]: fields,
+        selectAllFields: fields.length === this.state.allFieldsLength,
+        selectCategoryAllFieldsMap: {
+          ...this.state.selectCategoryAllFieldsMap,
+          [category]: attrsIds.every(id => fields.includes(id))
+        }
+      });
+    } else {
+      this.setState({
+        [fieldsKey]: fields,
+        selectAllFields: fields.length === this.state.allFieldsLength
+      });
+    }
+    (_this$props$onChange = (_this$props = this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props, fields);
+  }
+  handlecCategoryChecked(event, categoryData) {
+    var _this$props$onChange2, _this$props2;
+    const checked = event.target.checked;
+    const fieldsKey = "nextFields";
+    const {
+      category,
+      attrs
+    } = categoryData;
+    const attrsIds = attrs.map(attr => attr.id);
+    const fields = [...new Set([...(checked ? this.state[fieldsKey].concat(attrsIds) : (0, _lodash.without)(this.state[fieldsKey], ...attrsIds))])];
     this.setState({
       [fieldsKey]: fields,
-      selectAllFields: fields.length === this.state.allFieldsLength
+      selectAllFields: fields.length === this.state.allFieldsLength,
+      selectCategoryAllFieldsMap: {
+        ...this.state.selectCategoryAllFieldsMap,
+        [category]: checked
+      }
     });
-    (_this$props$onChange = (_this$props = this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props, fields);
+    (_this$props$onChange2 = (_this$props2 = this.props).onChange) === null || _this$props$onChange2 === void 0 ? void 0 : _this$props$onChange2.call(_this$props2, fields);
   }
   handleSelectAllFields(event, allFields) {
-    var _this$props$onChange2, _this$props2;
+    var _this$props$onChange3, _this$props3;
     const fieldsKey = "nextFields";
-    const fields = event.target.checked ? allFields.map(attr => attr.id) : [];
+    const checked = event.target.checked;
+    const fields = checked ? allFields.map(attr => attr.id) : [];
     this.setState({
       [fieldsKey]: fields,
-      selectAllFields: event.target.checked
+      selectAllFields: event.target.checked,
+      selectCategoryAllFieldsMap: (0, _lodash.mapValues)(this.state.selectCategoryAllFieldsMap, () => checked)
     });
-    (_this$props$onChange2 = (_this$props2 = this.props).onChange) === null || _this$props$onChange2 === void 0 ? void 0 : _this$props$onChange2.call(_this$props2, fields);
+    (_this$props$onChange3 = (_this$props3 = this.props).onChange) === null || _this$props$onChange3 === void 0 ? void 0 : _this$props$onChange3.call(_this$props3, fields);
   }
-  renderCheckbox(attr, field) {
+  renderCheckbox(attr, field, categoryData) {
     const fieldsKey = "nextFields";
     const checked = this.state[fieldsKey].includes(attr.id);
     const disabled = attr.id === this.props.extraDisabledField || this.state.extraDisabledFieldSet.has(attr.id);
@@ -117,7 +185,7 @@ class DisplaySettings extends _react.default.Component {
       },
       checked: checked,
       disabled: disabled,
-      onChange: event => this.handleChecked(event, attr),
+      onChange: event => this.handleChecked(event, attr, categoryData),
       "data-testid": `${attr.id}-checkbox`
     }, attr.name));
   }
@@ -125,6 +193,8 @@ class DisplaySettings extends _react.default.Component {
     const filteredList = this.state.filteredList;
     const extraAttrIds = _constants.extraFieldAttrs.map(extraFieldAttr => extraFieldAttr.id);
     const attrs = filteredList.filter(attr => !extraAttrIds.includes(attr.id));
+    const categoryOrders = this.getCAategoryOrders();
+    const categoryMap = (0, _lodash.groupBy)(attrs, "category");
     const extraAttrs = filteredList.filter(attr => extraAttrIds.includes(attr.id));
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_antd.Divider, {
       orientation: "left",
@@ -156,7 +226,30 @@ class DisplaySettings extends _react.default.Component {
         overflow: "auto"
       },
       className: "nextFields"
-    }, /*#__PURE__*/_react.default.createElement(_antd.Row, null, attrs.map(attr => this.renderCheckbox(attr, "nextFields")), extraAttrs.length > 0 ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_antd.Divider, null), extraAttrs.map(attr => this.renderCheckbox(attr, "nextFields"))) : null)));
+    }, categoryOrders === null || categoryOrders === void 0 ? void 0 : categoryOrders.map((category, index) => {
+      var _categoryMap$category;
+      const categoryAttrs = (_categoryMap$category = categoryMap === null || categoryMap === void 0 ? void 0 : categoryMap[category]) !== null && _categoryMap$category !== void 0 ? _categoryMap$category : [];
+      return categoryAttrs.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
+        style: {
+          marginBottom: index === categoryOrders.length - 1 ? 0 : 15
+        }
+      }, /*#__PURE__*/_react.default.createElement(_antd.Checkbox, {
+        checked: this.state.selectCategoryAllFieldsMap[category],
+        onChange: e => {
+          this.handlecCategoryChecked(e, {
+            category,
+            attrs: categoryAttrs
+          });
+        }
+      }, category), /*#__PURE__*/_react.default.createElement(_antd.Row, {
+        style: {
+          padding: "12px 12px 0px 12px"
+        }
+      }, categoryAttrs.map(attr => this.renderCheckbox(attr, "nextFields", {
+        category,
+        attrs: categoryAttrs
+      })))) : null;
+    }), extraAttrs.length > 0 ? /*#__PURE__*/_react.default.createElement(_antd.Row, null, /*#__PURE__*/_react.default.createElement(_antd.Divider, null), extraAttrs.map(attr => this.renderCheckbox(attr, "nextFields"))) : null));
   }
 }
 exports.DisplaySettings = DisplaySettings;

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

@@ -1 +1 @@
-{"version":3,"file":"DisplaySettings.js","names":["_react","_interopRequireDefault","require","_lodash","_constants","_antd","_cmdbUtils","_i18next","_constants2","DisplaySettings","React","Component","constructor","props","_defineProperty2","default","filteredList","attrAndRelationList","q","state","trim","toLowerCase","filter","attr","name","includes","setState","event","value","target","debounceHandleSearch","getBatchEditableFields","modelData","hideColumns","view","hide_columns","ignoredFields","get","CMDB_RESOURCE_FIELDS_SETTINGS","objectId","isEmpty","forEach","hideColumn","remove","id","map","attribute","extraAttrIds","extraFieldAttrs","extraFieldAttr","attrs","extraAttrs","nextFields","currentFields","slice","allFieldsLength","length","extraDisabledFieldSet","Set","extraDisabledFields","selectAllFields","debounce","filterColTag","componentDidUpdate","prevProps","handleChecked","_this$props$onChange","_this$props","fieldsKey","fields","checked","concat","without","onChange","call","handleSelectAllFields","allFields","_this$props$onChange2","_this$props2","renderCheckbox","field","disabled","extraDisabledField","has","createElement","Col","key","span","style","padding","onClick","stopPropagation","Checkbox","width","wordBreak","render","Fragment","Divider","orientation","plain","marginTop","i18n","t","NS_LIBS_CMDB_INSTANCES","K","FIELD_SETTINGS","Input","Search","placeholder","SEARCH_BY_FIELD_NAME","handleSearchChange","paddingLeft","verticalAlign","e","SELECT_ALL","maxHeight","overflow","className","Row","exports"],"sources":["../../../src/instance-list-table/DisplaySettings.tsx"],"sourcesContent":["import React from \"react\";\nimport { debounce, remove, without, get, isEmpty } from \"lodash\";\nimport { extraFieldAttrs } from \"./constants\";\nimport { Checkbox, Col, Divider, Input, Row } from \"antd\";\nimport {\n  getBatchEditableFields,\n  CMDB_RESOURCE_FIELDS_SETTINGS,\n} from \"@next-libs/cmdb-utils\";\nimport { CmdbModels } from \"@next-sdk/cmdb-sdk\";\nimport i18n from \"i18next\";\nimport { K, NS_LIBS_CMDB_INSTANCES } from \"../i18n/constants\";\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\ninterface DisplaySettingsState {\n  nextFields: string[];\n  q: string;\n  filteredList: any;\n  extraDisabledFieldSet: Set<string>;\n  selectAllFields: boolean;\n  allFieldsLength: number;\n}\n\nexport class DisplaySettings extends React.Component<\n  DisplaySettingsProps,\n  DisplaySettingsState\n> {\n  debounceHandleSearch: () => void;\n  attrAndRelationList: { id: string; name: string }[] = [];\n\n  constructor(props: DisplaySettingsProps) {\n    super(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    }));\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\n    const nextFields = props.currentFields ? props.currentFields.slice() : [];\n    const allFieldsLength = [...attrs, ...extraAttrs].length;\n    this.state = {\n      nextFields,\n      q: \"\",\n      filteredList: this.attrAndRelationList,\n      extraDisabledFieldSet: new Set(props.extraDisabledFields),\n      selectAllFields: [...new Set([...nextFields])].length === allFieldsLength,\n      allFieldsLength,\n    };\n    this.debounceHandleSearch = debounce(this.filterColTag, 300);\n  }\n\n  componentDidUpdate(prevProps: DisplaySettingsProps) {\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) {\n    const fieldsKey = \"nextFields\";\n    const fields = event.target.checked\n      ? this.state[fieldsKey].concat(attr.id)\n      : without(this.state[fieldsKey], attr.id);\n\n    this.setState({\n      [fieldsKey]: fields,\n      selectAllFields: fields.length === this.state.allFieldsLength,\n    });\n    this.props.onChange?.(fields);\n  }\n\n  handleSelectAllFields(event: any, allFields: any[]) {\n    const fieldsKey = \"nextFields\";\n    const fields = event.target.checked ? allFields.map((attr) => attr.id) : [];\n    this.setState({\n      [fieldsKey]: fields,\n      selectAllFields: event.target.checked,\n    });\n    this.props.onChange?.(fields);\n  }\n\n  renderCheckbox(attr: any, field: \"nextFields\" | \"otherFields\") {\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)}\n          data-testid={`${attr.id}-checkbox`}\n        >\n          {attr.name}\n        </Checkbox>\n      </Col>\n    );\n  }\n\n  filterColTag = () => {\n    let filteredList = this.attrAndRelationList;\n    const q = this.state.q.trim().toLowerCase();\n    if (q) {\n      filteredList = filteredList.filter((attr) => {\n        return attr.name.toLowerCase().includes(q);\n      });\n    }\n    this.setState({\n      filteredList,\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\n  render() {\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 extraAttrs = filteredList.filter((attr: any) =>\n      extraAttrIds.includes(attr.id)\n    );\n\n    return (\n      <>\n        <Divider orientation=\"left\" plain style={{ marginTop: 0 }}>\n          {i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.FIELD_SETTINGS}`)}\n        </Divider>\n        <div>\n          <Input.Search\n            value={this.state.q}\n            placeholder={i18n.t(\n              `${NS_LIBS_CMDB_INSTANCES}:${K.SEARCH_BY_FIELD_NAME}`\n            )}\n            onChange={this.handleSearchChange}\n            style={{ width: 200 }}\n            data-testid=\"search-input\"\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              {i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${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          <Row>\n            {attrs.map((attr: any) => this.renderCheckbox(attr, \"nextFields\"))}\n            {extraAttrs.length > 0 ? (\n              <>\n                <Divider />\n                {extraAttrs.map((attr: any) =>\n                  this.renderCheckbox(attr, \"nextFields\")\n                )}\n              </>\n            ) : null}\n          </Row>\n        </div>\n      </>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DisplaySettings.js","names":["_react","_interopRequireDefault","require","_lodash","_constants","_antd","_cmdbUtils","_i18next","_constants2","DisplaySettings","React","Component","constructor","props","_defineProperty2","default","categoryOrders","Set","get","modelData","filteredList","attrAndRelationList","q","state","trim","toLowerCase","filter","attr","name","includes","fieldsKey","attrs","getCAategoryOrders","categoryMap","groupBy","selectAllFields","length","allFieldsLength","selectCategoryAllFieldsMap","reduce","acc","item","_categoryMap$item","categoryAttrIds","map","id","every","setState","event","value","target","debounceHandleSearch","getBatchEditableFields","hideColumns","view","hide_columns","ignoredFields","CMDB_RESOURCE_FIELDS_SETTINGS","objectId","isEmpty","forEach","hideColumn","remove","attribute","category","extraAttrIds","extraFieldAttrs","extraFieldAttr","extraAttrs","nextFields","currentFields","slice","_categoryMap$item2","extraDisabledFieldSet","extraDisabledFields","debounce","filterColTag","componentDidUpdate","prevProps","handleChecked","categoryData","_this$props$onChange","_this$props","fields","checked","concat","without","attrsIds","onChange","call","handlecCategoryChecked","_this$props$onChange2","_this$props2","handleSelectAllFields","allFields","_this$props$onChange3","_this$props3","mapValues","renderCheckbox","field","disabled","extraDisabledField","has","createElement","Col","key","span","style","padding","onClick","stopPropagation","Checkbox","width","wordBreak","render","Fragment","Divider","orientation","plain","marginTop","i18n","t","NS_LIBS_CMDB_INSTANCES","K","FIELD_SETTINGS","Input","Search","placeholder","SEARCH_BY_FIELD_NAME","handleSearchChange","paddingLeft","verticalAlign","e","SELECT_ALL","maxHeight","overflow","className","index","_categoryMap$category","categoryAttrs","marginBottom","Row","exports"],"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 } from \"antd\";\nimport {\n  getBatchEditableFields,\n  CMDB_RESOURCE_FIELDS_SETTINGS,\n} from \"@next-libs/cmdb-utils\";\nimport { CmdbModels } from \"@next-sdk/cmdb-sdk\";\nimport i18n from \"i18next\";\nimport { K, NS_LIBS_CMDB_INSTANCES } from \"../i18n/constants\";\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\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}\n\nexport class DisplaySettings extends React.Component<\n  DisplaySettingsProps,\n  DisplaySettingsState\n> {\n  debounceHandleSearch: () => void;\n  attrAndRelationList: { id: string; name: string; category: string }[] = [];\n\n  constructor(props: DisplaySettingsProps) {\n    super(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      category: get(\n        attribute,\n        \"tag[0]\",\n        get(attribute, \"left_tags[0]\", \"其他\")\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    };\n    this.debounceHandleSearch = debounce(this.filterColTag, 300);\n  }\n\n  componentDidUpdate(prevProps: DisplaySettingsProps) {\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        \"其他\",\n      ]),\n    ]; //分组排序\n    return categoryOrders;\n  };\n  filterColTag = () => {\n    let filteredList = this.attrAndRelationList;\n    const q = this.state.q.trim().toLowerCase();\n    if (q) {\n      filteredList = filteredList.filter((attr) => {\n        return attr.name.toLowerCase().includes(q);\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  render() {\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    return (\n      <>\n        <Divider orientation=\"left\" plain style={{ marginTop: 0 }}>\n          {i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.FIELD_SETTINGS}`)}\n        </Divider>\n        <div>\n          <Input.Search\n            value={this.state.q}\n            placeholder={i18n.t(\n              `${NS_LIBS_CMDB_INSTANCES}:${K.SEARCH_BY_FIELD_NAME}`\n            )}\n            onChange={this.handleSearchChange}\n            style={{ width: 200 }}\n            data-testid=\"search-input\"\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              {i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${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"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AASA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AAKA,IAAAK,QAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AAoBO,MAAMO,eAAe,SAASC,cAAK,CAACC,SAAS,CAGlD;EAIAC,WAAWA,CAACC,KAA2B,EAAE;IACvC,KAAK,CAACA,KAAK,CAAC;IAAC,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,+BAHyD,EAAE;IAAA,IAAAD,gBAAA,CAAAC,OAAA,8BAoLrD,MAAM;MACzB,MAAMC,cAAc,GAAG,CACrB,GAAG,IAAIC,GAAG,CAAC,CACT,GAAG,IAAAC,WAAG,EAAC,IAAI,CAACL,KAAK,CAACM,SAAS,EAAE,0BAA0B,EAAE,EAAE,CAAC,EAC5D,IAAI,CACL,CAAC,CACH,CAAC,CAAC;MACH,OAAOH,cAAc;IACvB,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA,wBACc,MAAM;MACnB,IAAIK,YAAY,GAAG,IAAI,CAACC,mBAAmB;MAC3C,MAAMC,CAAC,GAAG,IAAI,CAACC,KAAK,CAACD,CAAC,CAACE,IAAI,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC;MAC3C,IAAIH,CAAC,EAAE;QACLF,YAAY,GAAGA,YAAY,CAACM,MAAM,CAAEC,IAAI,IAAK;UAC3C,OAAOA,IAAI,CAACC,IAAI,CAACH,WAAW,CAAC,CAAC,CAACI,QAAQ,CAACP,CAAC,CAAC;QAC5C,CAAC,CAAC;MACJ;MACA,MAAMQ,SAAS,GAAG,YAAY;MAC9B,MAAMC,KAAK,GAAG,IAAI,CAACR,KAAK,CAACO,SAAS,CAAC;MACnC,MAAMd,cAAc,GAAG,IAAI,CAACgB,kBAAkB,CAAC,CAAC;MAChD,MAAMC,WAAW,GAAG,IAAAC,eAAO,EAACd,YAAY,EAAE,UAAU,CAAC;MACrD,MAAMe,eAAe,GAAGJ,KAAK,CAACK,MAAM,KAAK,IAAI,CAACb,KAAK,CAACc,eAAe;MACnE,MAAMC,0BAAmD,GAAG,CAAC,CAAC;MAC9DtB,cAAc,CAACuB,MAAM,CAAC,CAACC,GAAG,EAAEC,IAAI,KAAK;QAAA,IAAAC,iBAAA;QACnC,MAAMC,eAAe,IAAAD,iBAAA,GAAGT,WAAW,CAACQ,IAAI,CAAC,cAAAC,iBAAA,uBAAjBA,iBAAA,CAAmBE,GAAG,CAAEjB,IAAI,IAAKA,IAAI,CAACkB,EAAE,CAAC;QACjEL,GAAG,CAACC,IAAI,CAAC,GAAGN,eAAe,GACvBA,eAAe,GACf,CAAC,EAACQ,eAAe,aAAfA,eAAe,eAAfA,eAAe,CAAEG,KAAK,CAAED,EAAE,IAAKd,KAAK,CAACF,QAAQ,CAACgB,EAAE,CAAC,CAAC;QACxD,OAAOL,GAAG;MACZ,CAAC,EAAEF,0BAA0B,CAAC;MAC9B,IAAI,CAACS,QAAQ,CAAC;QACZ3B,YAAY;QACZe,eAAe;QACfG;MACF,CAAC,CAAC;IACJ,CAAC;IAAA,IAAAxB,gBAAA,CAAAC,OAAA,8BAEqBiC,KAA0C,IAAK;MACnE,MAAMC,KAAK,GAAGD,KAAK,CAACE,MAAM,CAACD,KAAK;MAChC,IAAI,CAACF,QAAQ,CAAC;QACZzB,CAAC,EAAE2B;MACL,CAAC,CAAC;MACF,IAAI,CAACE,oBAAoB,CAAC,CAAC;IAC7B,CAAC;IA3NC,MAAM9B,mBAAmB,GAAG,IAAA+B,iCAAsB,EAAC,IAAI,CAACvC,KAAK,CAACM,SAAS,CAAC;IACxE,IAAIkC,WAAW,GAAG,IAAI,CAACxC,KAAK,CAACM,SAAS,CAACmC,IAAI,CAACC,YAAY,IAAI,EAAE;IAC9D,MAAMC,aAAa,GAAG,IAAAtC,WAAG,EACvBuC,wCAA6B,EAC7B,iBAAiB,IAAI,CAAC5C,KAAK,CAACM,SAAS,CAACuC,QAAQ,EAAE,EAChD,EACF,CAAC;IACDL,WAAW,GAAG,CAAC,GAAGA,WAAW,EAAE,GAAGG,aAAa,CAAC;IAEhD,IAAI,CAAC,IAAAG,eAAO,EAACN,WAAW,CAAC,EAAE;MACzBA,WAAW,CAACO,OAAO,CAAEC,UAAkB,IAAK;QAC1C,IAAAC,cAAM,EAACzC,mBAAmB,EAAGM,IAAI,IAAKA,IAAI,CAACkB,EAAE,KAAKgB,UAAU,CAAC;MAC/D,CAAC,CAAC;IACJ;IAEA,IAAI,CAACxC,mBAAmB,GAAGA,mBAAmB,CAACuB,GAAG,CAAEmB,SAAc,KAAM;MACtElB,EAAE,EAAEkB,SAAS,CAAClB,EAAE;MAChBjB,IAAI,EAAEmC,SAAS,CAACnC,IAAI;MACpBoC,QAAQ,EAAE,IAAA9C,WAAG,EACX6C,SAAS,EACT,QAAQ,EACR,IAAA7C,WAAG,EAAC6C,SAAS,EAAE,cAAc,EAAE,IAAI,CACrC;IACF,CAAC,CAAC,CAAC;IAEH,MAAM3C,aAAY,GAAG,IAAI,CAACC,mBAAmB;IAC7C,MAAM4C,YAAY,GAAGC,0BAAe,CAACtB,GAAG,CACrCuB,cAAc,IAAKA,cAAc,CAACtB,EACrC,CAAC;IACD,MAAMd,MAAK,GAAGX,aAAY,CAACM,MAAM,CAC9BC,IAAS,IAAK,CAACsC,YAAY,CAACpC,QAAQ,CAACF,IAAI,CAACkB,EAAE,CAC/C,CAAC;IACD,MAAMuB,UAAU,GAAGhD,aAAY,CAACM,MAAM,CAAEC,IAAS,IAC/CsC,YAAY,CAACpC,QAAQ,CAACF,IAAI,CAACkB,EAAE,CAC/B,CAAC;IACD,MAAMwB,UAAU,GAAGxD,KAAK,CAACyD,aAAa,GAAGzD,KAAK,CAACyD,aAAa,CAACC,KAAK,CAAC,CAAC,GAAG,EAAE;IAEzE,MAAMlC,eAAe,GAAG,CAAC,GAAGN,MAAK,EAAE,GAAGqC,UAAU,CAAC,CAAChC,MAAM;IACxD,MAAMD,gBAAe,GACnB,CAAC,GAAG,IAAIlB,GAAG,CAAC,CAAC,GAAGoD,UAAU,CAAC,CAAC,CAAC,CAACjC,MAAM,KAAKC,eAAe;IAE1D,MAAMrB,eAAc,GAAG,IAAI,CAACgB,kBAAkB,CAAC,CAAC;IAChD,MAAMC,YAAW,GAAG,IAAAC,eAAO,EAACH,MAAK,EAAE,UAAU,CAAC;IAC9C,MAAMO,2BAAmD,GAAG,CAAC,CAAC;IAC9DtB,eAAc,CAACuB,MAAM,CAAC,CAACC,GAAG,EAAEC,IAAI,KAAK;MAAA,IAAA+B,kBAAA;MACnC,MAAM7B,eAAe,IAAA6B,kBAAA,GAAGvC,YAAW,CAACQ,IAAI,CAAC,cAAA+B,kBAAA,uBAAjBA,kBAAA,CAAmB5B,GAAG,CAAEjB,IAAI,IAAKA,IAAI,CAACkB,EAAE,CAAC;MACjEL,GAAG,CAACC,IAAI,CAAC,GAAGN,gBAAe,GACvBA,gBAAe,GACf,CAAC,EAACQ,eAAe,aAAfA,eAAe,eAAfA,eAAe,CAAEG,KAAK,CAAED,EAAE,IAAKwB,UAAU,CAACxC,QAAQ,CAACgB,EAAE,CAAC,CAAC;MAC7D,OAAOL,GAAG;IACZ,CAAC,EAAEF,2BAA0B,CAAC;IAC9B,IAAI,CAACf,KAAK,GAAG;MACX8C,UAAU;MACV/C,CAAC,EAAE,EAAE;MACLF,YAAY,EAAE,IAAI,CAACC,mBAAmB;MACtCoD,qBAAqB,EAAE,IAAIxD,GAAG,CAACJ,KAAK,CAAC6D,mBAAmB,CAAC;MACzDvC,eAAe,EAAfA,gBAAe;MACfE,eAAe;MACfC,0BAA0B,EAA1BA;IACF,CAAC;IACD,IAAI,CAACa,oBAAoB,GAAG,IAAAwB,gBAAQ,EAAC,IAAI,CAACC,YAAY,EAAE,GAAG,CAAC;EAC9D;EAEAC,kBAAkBA,CAACC,SAA+B,EAAE;IAClD,IAAI,IAAI,CAACjE,KAAK,CAACyD,aAAa,KAAKQ,SAAS,CAACR,aAAa,EAAE;MACxD,IAAI,CAACvB,QAAQ,CAAC;QACZsB,UAAU,EAAE,IAAI,CAACxD,KAAK,CAACyD,aAAa,GAChC,IAAI,CAACzD,KAAK,CAACyD,aAAa,CAACC,KAAK,CAAC,CAAC,GAChC;MACN,CAAC,CAAC;IACJ;IAEA,IAAI,IAAI,CAAC1D,KAAK,CAAC6D,mBAAmB,KAAKI,SAAS,CAACJ,mBAAmB,EAAE;MACpE,IAAI,CAAC3B,QAAQ,CAAC;QACZ0B,qBAAqB,EAAE,IAAIxD,GAAG,CAAC,IAAI,CAACJ,KAAK,CAAC6D,mBAAmB;MAC/D,CAAC,CAAC;IACJ;EACF;EAEAK,aAAaA,CAAC/B,KAAU,EAAErB,IAAS,EAAEqD,YAAkB,EAAE;IAAA,IAAAC,oBAAA,EAAAC,WAAA;IACvD,MAAMpD,SAAS,GAAG,YAAY;IAC9B,MAAM;MAAEkC,QAAQ;MAAEjC;IAAM,CAAC,GAAGiD,YAAY,aAAZA,YAAY,cAAZA,YAAY,GAAI,CAAC,CAAC;IAC9C,MAAMG,MAAM,GAAGnC,KAAK,CAACE,MAAM,CAACkC,OAAO,GAC/B,IAAI,CAAC7D,KAAK,CAACO,SAAS,CAAC,CAACuD,MAAM,CAAC1D,IAAI,CAACkB,EAAE,CAAC,GACrC,IAAAyC,eAAO,EAAC,IAAI,CAAC/D,KAAK,CAACO,SAAS,CAAC,EAAEH,IAAI,CAACkB,EAAE,CAAC;IAC3C,IAAImB,QAAQ,EAAE;MACZ,MAAMuB,QAAQ,GAAGxD,KAAK,CAACa,GAAG,CAAEjB,IAAS,IAAKA,IAAI,CAACkB,EAAE,CAAC;MAClD,IAAI,CAACE,QAAQ,CAAC;QACZ,CAACjB,SAAS,GAAGqD,MAAM;QACnBhD,eAAe,EAAEgD,MAAM,CAAC/C,MAAM,KAAK,IAAI,CAACb,KAAK,CAACc,eAAe;QAC7DC,0BAA0B,EAAE;UAC1B,GAAG,IAAI,CAACf,KAAK,CAACe,0BAA0B;UACxC,CAAC0B,QAAQ,GAAGuB,QAAQ,CAACzC,KAAK,CAAED,EAAU,IAAKsC,MAAM,CAACtD,QAAQ,CAACgB,EAAE,CAAC;QAChE;MACF,CAAC,CAAC;IACJ,CAAC,MAAM;MACL,IAAI,CAACE,QAAQ,CAAC;QACZ,CAACjB,SAAS,GAAGqD,MAAM;QACnBhD,eAAe,EAAEgD,MAAM,CAAC/C,MAAM,KAAK,IAAI,CAACb,KAAK,CAACc;MAChD,CAAC,CAAC;IACJ;IAEA,CAAA4C,oBAAA,IAAAC,WAAA,OAAI,CAACrE,KAAK,EAAC2E,QAAQ,cAAAP,oBAAA,uBAAnBA,oBAAA,CAAAQ,IAAA,CAAAP,WAAA,EAAsBC,MAAM,CAAC;EAC/B;EAEAO,sBAAsBA,CAAC1C,KAAU,EAAEgC,YAAiB,EAAE;IAAA,IAAAW,qBAAA,EAAAC,YAAA;IACpD,MAAMR,OAAO,GAAGpC,KAAK,CAACE,MAAM,CAACkC,OAAO;IACpC,MAAMtD,SAAS,GAAG,YAAY;IAC9B,MAAM;MAAEkC,QAAQ;MAAEjC;IAAM,CAAC,GAAGiD,YAAY;IACxC,MAAMO,QAAQ,GAAGxD,KAAK,CAACa,GAAG,CAAEjB,IAAS,IAAKA,IAAI,CAACkB,EAAE,CAAC;IAClD,MAAMsC,MAAM,GAAG,CACb,GAAG,IAAIlE,GAAG,CAAC,CACT,IAAImE,OAAO,GACP,IAAI,CAAC7D,KAAK,CAACO,SAAS,CAAC,CAACuD,MAAM,CAACE,QAAQ,CAAC,GACtC,IAAAD,eAAO,EAAC,IAAI,CAAC/D,KAAK,CAACO,SAAS,CAAC,EAAE,GAAGyD,QAAQ,CAAC,CAAC,CACjD,CAAC,CACH;IACD,IAAI,CAACxC,QAAQ,CAAC;MACZ,CAACjB,SAAS,GAAGqD,MAAM;MACnBhD,eAAe,EAAEgD,MAAM,CAAC/C,MAAM,KAAK,IAAI,CAACb,KAAK,CAACc,eAAe;MAC7DC,0BAA0B,EAAE;QAC1B,GAAG,IAAI,CAACf,KAAK,CAACe,0BAA0B;QACxC,CAAC0B,QAAQ,GAAGoB;MACd;IACF,CAAC,CAAC;IACF,CAAAO,qBAAA,IAAAC,YAAA,OAAI,CAAC/E,KAAK,EAAC2E,QAAQ,cAAAG,qBAAA,uBAAnBA,qBAAA,CAAAF,IAAA,CAAAG,YAAA,EAAsBT,MAAM,CAAC;EAC/B;EAEAU,qBAAqBA,CAAC7C,KAAU,EAAE8C,SAAgB,EAAE;IAAA,IAAAC,qBAAA,EAAAC,YAAA;IAClD,MAAMlE,SAAS,GAAG,YAAY;IAC9B,MAAMsD,OAAO,GAAGpC,KAAK,CAACE,MAAM,CAACkC,OAAO;IACpC,MAAMD,MAAM,GAAGC,OAAO,GAAGU,SAAS,CAAClD,GAAG,CAAEjB,IAAI,IAAKA,IAAI,CAACkB,EAAE,CAAC,GAAG,EAAE;IAC9D,IAAI,CAACE,QAAQ,CAAC;MACZ,CAACjB,SAAS,GAAGqD,MAAM;MACnBhD,eAAe,EAAEa,KAAK,CAACE,MAAM,CAACkC,OAAO;MACrC9C,0BAA0B,EAAE,IAAA2D,iBAAS,EACnC,IAAI,CAAC1E,KAAK,CAACe,0BAA0B,EACrC,MAAM8C,OACR;IACF,CAAC,CAAC;IACF,CAAAW,qBAAA,IAAAC,YAAA,OAAI,CAACnF,KAAK,EAAC2E,QAAQ,cAAAO,qBAAA,uBAAnBA,qBAAA,CAAAN,IAAA,CAAAO,YAAA,EAAsBb,MAAM,CAAC;EAC/B;EAEAe,cAAcA,CACZvE,IAAS,EACTwE,KAAmC,EACnCnB,YAAkB,EAClB;IACA,MAAMlD,SAAS,GAAG,YAAY;IAC9B,MAAMsD,OAAO,GAAG,IAAI,CAAC7D,KAAK,CAACO,SAAS,CAAC,CAACD,QAAQ,CAACF,IAAI,CAACkB,EAAE,CAAC;IACvD,MAAMuD,QAAQ,GACZzE,IAAI,CAACkB,EAAE,KAAK,IAAI,CAAChC,KAAK,CAACwF,kBAAkB,IACzC,IAAI,CAAC9E,KAAK,CAACkD,qBAAqB,CAAC6B,GAAG,CAAC3E,IAAI,CAACkB,EAAE,CAAC;IAC/C,oBACE7C,MAAA,CAAAe,OAAA,CAAAwF,aAAA,CAAClG,KAAA,CAAAmG,GAAG;MACFC,GAAG,EAAE9E,IAAI,CAACkB,EAAG;MACb6D,IAAI,EAAE,CAAE;MACRC,KAAK,EAAE;QAAEC,OAAO,EAAE;MAAE,CAAE;MACtBC,OAAO,EAAG7D,KAAK,IAAKA,KAAK,CAAC8D,eAAe,CAAC;IAAE,gBAE5C9G,MAAA,CAAAe,OAAA,CAAAwF,aAAA,CAAClG,KAAA,CAAA0G,QAAQ;MACPnF,IAAI,EAAEuE,KAAM;MACZQ,KAAK,EAAE;QACLK,KAAK,EAAE,MAAM;QACbC,SAAS,EAAE;MACb,CAAE;MACF7B,OAAO,EAAEA,OAAQ;MACjBgB,QAAQ,EAAEA,QAAS;MACnBZ,QAAQ,EAAGxC,KAAK,IAAK,IAAI,CAAC+B,aAAa,CAAC/B,KAAK,EAAErB,IAAI,EAAEqD,YAAY,CAAE;MACnE,eAAa,GAAGrD,IAAI,CAACkB,EAAE;IAAY,GAElClB,IAAI,CAACC,IACE,CACP,CAAC;EAEV;EA6CAsF,MAAMA,CAAA,EAAG;IACP,MAAM9F,YAAY,GAAG,IAAI,CAACG,KAAK,CAACH,YAAY;IAC5C,MAAM6C,YAAY,GAAGC,0BAAe,CAACtB,GAAG,CACrCuB,cAAc,IAAKA,cAAc,CAACtB,EACrC,CAAC;IACD,MAAMd,KAAK,GAAGX,YAAY,CAACM,MAAM,CAC9BC,IAAS,IAAK,CAACsC,YAAY,CAACpC,QAAQ,CAACF,IAAI,CAACkB,EAAE,CAC/C,CAAC;IACD,MAAM7B,cAAc,GAAG,IAAI,CAACgB,kBAAkB,CAAC,CAAC;IAChD,MAAMC,WAAW,GAAG,IAAAC,eAAO,EAACH,KAAK,EAAE,UAAU,CAAC;IAC9C,MAAMqC,UAAU,GAAGhD,YAAY,CAACM,MAAM,CAAEC,IAAS,IAC/CsC,YAAY,CAACpC,QAAQ,CAACF,IAAI,CAACkB,EAAE,CAC/B,CAAC;IACD,oBACE7C,MAAA,CAAAe,OAAA,CAAAwF,aAAA,CAAAvG,MAAA,CAAAe,OAAA,CAAAoG,QAAA,qBACEnH,MAAA,CAAAe,OAAA,CAAAwF,aAAA,CAAClG,KAAA,CAAA+G,OAAO;MAACC,WAAW,EAAC,MAAM;MAACC,KAAK;MAACX,KAAK,EAAE;QAAEY,SAAS,EAAE;MAAE;IAAE,GACvDC,gBAAI,CAACC,CAAC,CAAC,GAAGC,kCAAsB,IAAIC,aAAC,CAACC,cAAc,EAAE,CAChD,CAAC,eACV5H,MAAA,CAAAe,OAAA,CAAAwF,aAAA,2BACEvG,MAAA,CAAAe,OAAA,CAAAwF,aAAA,CAAClG,KAAA,CAAAwH,KAAK,CAACC,MAAM;MACX7E,KAAK,EAAE,IAAI,CAAC1B,KAAK,CAACD,CAAE;MACpByG,WAAW,EAAEP,gBAAI,CAACC,CAAC,CACjB,GAAGC,kCAAsB,IAAIC,aAAC,CAACK,oBAAoB,EACrD,CAAE;MACFxC,QAAQ,EAAE,IAAI,CAACyC,kBAAmB;MAClCtB,KAAK,EAAE;QAAEK,KAAK,EAAE;MAAI,CAAE;MACtB,eAAY;IAAc,CAC3B,CAAC,eAEFhH,MAAA,CAAAe,OAAA,CAAAwF,aAAA;MAAMI,KAAK,EAAE;QAAEuB,WAAW,EAAE,EAAE;QAAEC,aAAa,EAAE;MAAM;IAAE,gBACrDnI,MAAA,CAAAe,OAAA,CAAAwF,aAAA,CAAClG,KAAA,CAAA0G,QAAQ;MACP3B,OAAO,EAAE,IAAI,CAAC7D,KAAK,CAACY,eAAgB;MACpCqD,QAAQ,EAAG4C,CAAC,IACV,IAAI,CAACvC,qBAAqB,CAACuC,CAAC,EAAE,CAAC,GAAGrG,KAAK,EAAE,GAAGqC,UAAU,CAAC,CACxD;MACD,eAAa;IAAsB,GAElCoD,gBAAI,CAACC,CAAC,CAAC,GAAGC,kCAAsB,IAAIC,aAAC,CAACU,UAAU,EAAE,CAC3C,CACN,CACH,CAAC,eACNrI,MAAA,CAAAe,OAAA,CAAAwF,aAAA;MACEI,KAAK,EAAE;QACLY,SAAS,EAAE,EAAE;QACbe,SAAS,EAAE,GAAG;QACdC,QAAQ,EAAE;MACZ,CAAE;MACFC,SAAS,EAAC;IAAY,GAErBxH,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAE4B,GAAG,CAAC,CAACoB,QAAQ,EAAEyE,KAAK,KAAK;MAAA,IAAAC,qBAAA;MACxC,MAAMC,aAAa,IAAAD,qBAAA,GAAGzG,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAG+B,QAAQ,CAAC,cAAA0E,qBAAA,cAAAA,qBAAA,GAAI,EAAE;MACnD,OAAOC,aAAa,CAACvG,MAAM,GAAG,CAAC,gBAC7BpC,MAAA,CAAAe,OAAA,CAAAwF,aAAA;QACEI,KAAK,EAAE;UACLiC,YAAY,EAAEH,KAAK,KAAKzH,cAAc,CAACoB,MAAM,GAAG,CAAC,GAAG,CAAC,GAAG;QAC1D;MAAE,gBAEFpC,MAAA,CAAAe,OAAA,CAAAwF,aAAA,CAAClG,KAAA,CAAA0G,QAAQ;QACP3B,OAAO,EAAE,IAAI,CAAC7D,KAAK,CAACe,0BAA0B,CAAC0B,QAAQ,CAAE;QACzDwB,QAAQ,EAAG4C,CAAC,IAAK;UACf,IAAI,CAAC1C,sBAAsB,CAAC0C,CAAC,EAAE;YAC7BpE,QAAQ;YACRjC,KAAK,EAAE4G;UACT,CAAC,CAAC;QACJ;MAAE,GAED3E,QACO,CAAC,eACXhE,MAAA,CAAAe,OAAA,CAAAwF,aAAA,CAAClG,KAAA,CAAAwI,GAAG;QAAClC,KAAK,EAAE;UAAEC,OAAO,EAAE;QAAqB;MAAE,GAC3C+B,aAAa,CAAC/F,GAAG,CAAEjB,IAAS,IAC3B,IAAI,CAACuE,cAAc,CAACvE,IAAI,EAAE,YAAY,EAAE;QACtCqC,QAAQ;QACRjC,KAAK,EAAE4G;MACT,CAAC,CACH,CACG,CACF,CAAC,GACJ,IAAI;IACV,CAAC,CAAC,EACDvE,UAAU,CAAChC,MAAM,GAAG,CAAC,gBACpBpC,MAAA,CAAAe,OAAA,CAAAwF,aAAA,CAAClG,KAAA,CAAAwI,GAAG,qBACF7I,MAAA,CAAAe,OAAA,CAAAwF,aAAA,CAAClG,KAAA,CAAA+G,OAAO,MAAE,CAAC,EACVhD,UAAU,CAACxB,GAAG,CAAEjB,IAAS,IACxB,IAAI,CAACuE,cAAc,CAACvE,IAAI,EAAE,YAAY,CACxC,CACG,CAAC,GACJ,IACD,CACL,CAAC;EAEP;AACF;AAACmH,OAAA,CAAArI,eAAA,GAAAA,eAAA","ignoreList":[]}

package/dist/esm/instance-detail/index.module.css

@@ -57,6 +57,7 @@ html[data-ui="v8-2"] .detailCard {
   grid-template-columns: auto 1fr auto 1fr;
   row-gap: 12px;
   column-gap: 16px;
+  min-width: 120px;
   margin-bottom: 0;
 }
 

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

@@ -1,6 +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 } from "lodash";
+import { debounce, remove, without, get, isEmpty, groupBy, mapValues } from "lodash";
 import { extraFieldAttrs } from "./constants";
 import { Checkbox, Col, Divider, Input, Row } from "antd";
 import { getBatchEditableFields, CMDB_RESOURCE_FIELDS_SETTINGS } from "@next-libs/cmdb-utils";
@@ -11,6 +12,10 @@ export class DisplaySettings extends React.Component {
     super(props);
     _defineProperty(this, "debounceHandleSearch", void 0);
     _defineProperty(this, "attrAndRelationList", []);
+    _defineProperty(this, "getCAategoryOrders", () => {
+      var categoryOrders = [...new Set([...get(this.props.modelData, "view.attr_category_order", []), "其他"])]; //分组排序
+      return categoryOrders;
+    });
     _defineProperty(this, "filterColTag", () => {
       var filteredList = this.attrAndRelationList;
       var q = this.state.q.trim().toLowerCase();
@@ -19,8 +24,22 @@ export class DisplaySettings extends React.Component {
           return attr.name.toLowerCase().includes(q);
         });
       }
+      var fieldsKey = "nextFields";
+      var attrs = this.state[fieldsKey];
+      var categoryOrders = this.getCAategoryOrders();
+      var categoryMap = groupBy(filteredList, "category");
+      var selectAllFields = attrs.length === this.state.allFieldsLength;
+      var selectCategoryAllFieldsMap = {};
+      categoryOrders.reduce((acc, item) => {
+        var _categoryMap$item;
+        var categoryAttrIds = (_categoryMap$item = categoryMap[item]) === null || _categoryMap$item === void 0 ? void 0 : _categoryMap$item.map(attr => attr.id);
+        acc[item] = selectAllFields ? selectAllFields : !!(categoryAttrIds !== null && categoryAttrIds !== void 0 && categoryAttrIds.every(id => attrs.includes(id)));
+        return acc;
+      }, selectCategoryAllFieldsMap);
       this.setState({
-        filteredList
+        filteredList,
+        selectAllFields,
+        selectCategoryAllFieldsMap
       });
     });
     _defineProperty(this, "handleSearchChange", event => {
@@ -41,21 +60,33 @@ export class DisplaySettings extends React.Component {
     }
     this.attrAndRelationList = attrAndRelationList.map(attribute => ({
       id: attribute.id,
-      name: attribute.name
+      name: attribute.name,
+      category: get(attribute, "tag[0]", get(attribute, "left_tags[0]", "其他"))
     }));
     var _filteredList = this.attrAndRelationList;
     var extraAttrIds = extraFieldAttrs.map(extraFieldAttr => extraFieldAttr.id);
-    var attrs = _filteredList.filter(attr => !extraAttrIds.includes(attr.id));
+    var _attrs = _filteredList.filter(attr => !extraAttrIds.includes(attr.id));
     var extraAttrs = _filteredList.filter(attr => extraAttrIds.includes(attr.id));
     var nextFields = props.currentFields ? props.currentFields.slice() : [];
-    var allFieldsLength = [...attrs, ...extraAttrs].length;
+    var allFieldsLength = [..._attrs, ...extraAttrs].length;
+    var _selectAllFields = [...new Set([...nextFields])].length === allFieldsLength;
+    var _categoryOrders = this.getCAategoryOrders();
+    var _categoryMap = groupBy(_attrs, "category");
+    var _selectCategoryAllFieldsMap = {};
+    _categoryOrders.reduce((acc, item) => {
+      var _categoryMap$item2;
+      var categoryAttrIds = (_categoryMap$item2 = _categoryMap[item]) === null || _categoryMap$item2 === void 0 ? void 0 : _categoryMap$item2.map(attr => attr.id);
+      acc[item] = _selectAllFields ? _selectAllFields : !!(categoryAttrIds !== null && categoryAttrIds !== void 0 && categoryAttrIds.every(id => nextFields.includes(id)));
+      return acc;
+    }, _selectCategoryAllFieldsMap);
     this.state = {
       nextFields,
       q: "",
       filteredList: this.attrAndRelationList,
       extraDisabledFieldSet: new Set(props.extraDisabledFields),
-      selectAllFields: [...new Set([...nextFields])].length === allFieldsLength,
-      allFieldsLength
+      selectAllFields: _selectAllFields,
+      allFieldsLength,
+      selectCategoryAllFieldsMap: _selectCategoryAllFieldsMap
     };
     this.debounceHandleSearch = debounce(this.filterColTag, 300);
   }
@@ -71,27 +102,63 @@ export class DisplaySettings extends React.Component {
       });
     }
   }
-  handleChecked(event, attr) {
+  handleChecked(event, attr, categoryData) {
     var _this$props$onChange, _this$props;
     var fieldsKey = "nextFields";
+    var {
+      category,
+      attrs
+    } = categoryData !== null && categoryData !== void 0 ? categoryData : {};
     var fields = event.target.checked ? this.state[fieldsKey].concat(attr.id) : without(this.state[fieldsKey], attr.id);
+    if (category) {
+      var attrsIds = attrs.map(attr => attr.id);
+      this.setState({
+        [fieldsKey]: fields,
+        selectAllFields: fields.length === this.state.allFieldsLength,
+        selectCategoryAllFieldsMap: _objectSpread(_objectSpread({}, this.state.selectCategoryAllFieldsMap), {}, {
+          [category]: attrsIds.every(id => fields.includes(id))
+        })
+      });
+    } else {
+      this.setState({
+        [fieldsKey]: fields,
+        selectAllFields: fields.length === this.state.allFieldsLength
+      });
+    }
+    (_this$props$onChange = (_this$props = this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props, fields);
+  }
+  handlecCategoryChecked(event, categoryData) {
+    var _this$props$onChange2, _this$props2;
+    var checked = event.target.checked;
+    var fieldsKey = "nextFields";
+    var {
+      category,
+      attrs
+    } = categoryData;
+    var attrsIds = attrs.map(attr => attr.id);
+    var fields = [...new Set([...(checked ? this.state[fieldsKey].concat(attrsIds) : without(this.state[fieldsKey], ...attrsIds))])];
     this.setState({
       [fieldsKey]: fields,
-      selectAllFields: fields.length === this.state.allFieldsLength
+      selectAllFields: fields.length === this.state.allFieldsLength,
+      selectCategoryAllFieldsMap: _objectSpread(_objectSpread({}, this.state.selectCategoryAllFieldsMap), {}, {
+        [category]: checked
+      })
     });
-    (_this$props$onChange = (_this$props = this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props, fields);
+    (_this$props$onChange2 = (_this$props2 = this.props).onChange) === null || _this$props$onChange2 === void 0 ? void 0 : _this$props$onChange2.call(_this$props2, fields);
   }
   handleSelectAllFields(event, allFields) {
-    var _this$props$onChange2, _this$props2;
+    var _this$props$onChange3, _this$props3;
     var fieldsKey = "nextFields";
-    var fields = event.target.checked ? allFields.map(attr => attr.id) : [];
+    var checked = event.target.checked;
+    var fields = checked ? allFields.map(attr => attr.id) : [];
     this.setState({
       [fieldsKey]: fields,
-      selectAllFields: event.target.checked
+      selectAllFields: event.target.checked,
+      selectCategoryAllFieldsMap: mapValues(this.state.selectCategoryAllFieldsMap, () => checked)
     });
-    (_this$props$onChange2 = (_this$props2 = this.props).onChange) === null || _this$props$onChange2 === void 0 ? void 0 : _this$props$onChange2.call(_this$props2, fields);
+    (_this$props$onChange3 = (_this$props3 = this.props).onChange) === null || _this$props$onChange3 === void 0 ? void 0 : _this$props$onChange3.call(_this$props3, fields);
   }
-  renderCheckbox(attr, field) {
+  renderCheckbox(attr, field, categoryData) {
     var fieldsKey = "nextFields";
     var checked = this.state[fieldsKey].includes(attr.id);
     var disabled = attr.id === this.props.extraDisabledField || this.state.extraDisabledFieldSet.has(attr.id);
@@ -110,7 +177,7 @@ export class DisplaySettings extends React.Component {
       },
       checked: checked,
       disabled: disabled,
-      onChange: event => this.handleChecked(event, attr),
+      onChange: event => this.handleChecked(event, attr, categoryData),
       "data-testid": "".concat(attr.id, "-checkbox")
     }, attr.name));
   }
@@ -118,6 +185,8 @@ export class DisplaySettings extends React.Component {
     var filteredList = this.state.filteredList;
     var extraAttrIds = extraFieldAttrs.map(extraFieldAttr => extraFieldAttr.id);
     var attrs = filteredList.filter(attr => !extraAttrIds.includes(attr.id));
+    var categoryOrders = this.getCAategoryOrders();
+    var categoryMap = groupBy(attrs, "category");
     var extraAttrs = filteredList.filter(attr => extraAttrIds.includes(attr.id));
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, {
       orientation: "left",
@@ -149,7 +218,30 @@ export class DisplaySettings extends React.Component {
         overflow: "auto"
       },
       className: "nextFields"
-    }, /*#__PURE__*/React.createElement(Row, null, attrs.map(attr => this.renderCheckbox(attr, "nextFields")), extraAttrs.length > 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, null), extraAttrs.map(attr => this.renderCheckbox(attr, "nextFields"))) : null)));
+    }, categoryOrders === null || categoryOrders === void 0 ? void 0 : categoryOrders.map((category, index) => {
+      var _categoryMap$category;
+      var categoryAttrs = (_categoryMap$category = categoryMap === null || categoryMap === void 0 ? void 0 : categoryMap[category]) !== null && _categoryMap$category !== void 0 ? _categoryMap$category : [];
+      return categoryAttrs.length > 0 ? /*#__PURE__*/React.createElement("div", {
+        style: {
+          marginBottom: index === categoryOrders.length - 1 ? 0 : 15
+        }
+      }, /*#__PURE__*/React.createElement(Checkbox, {
+        checked: this.state.selectCategoryAllFieldsMap[category],
+        onChange: e => {
+          this.handlecCategoryChecked(e, {
+            category,
+            attrs: categoryAttrs
+          });
+        }
+      }, category), /*#__PURE__*/React.createElement(Row, {
+        style: {
+          padding: "12px 12px 0px 12px"
+        }
+      }, categoryAttrs.map(attr => this.renderCheckbox(attr, "nextFields", {
+        category,
+        attrs: categoryAttrs
+      })))) : null;
+    }), extraAttrs.length > 0 ? /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Divider, null), extraAttrs.map(attr => this.renderCheckbox(attr, "nextFields"))) : null));
   }
 }
 //# sourceMappingURL=DisplaySettings.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DisplaySettings.js","names":["React","debounce","remove","without","get","isEmpty","extraFieldAttrs","Checkbox","Col","Divider","Input","Row","getBatchEditableFields","CMDB_RESOURCE_FIELDS_SETTINGS","i18n","K","NS_LIBS_CMDB_INSTANCES","DisplaySettings","Component","constructor","props","_defineProperty","filteredList","attrAndRelationList","q","state","trim","toLowerCase","filter","attr","name","includes","setState","event","value","target","debounceHandleSearch","modelData","hideColumns","view","hide_columns","ignoredFields","concat","objectId","forEach","hideColumn","id","map","attribute","extraAttrIds","extraFieldAttr","attrs","extraAttrs","nextFields","currentFields","slice","allFieldsLength","length","extraDisabledFieldSet","Set","extraDisabledFields","selectAllFields","filterColTag","componentDidUpdate","prevProps","handleChecked","_this$props$onChange","_this$props","fieldsKey","fields","checked","onChange","call","handleSelectAllFields","allFields","_this$props$onChange2","_this$props2","renderCheckbox","field","disabled","extraDisabledField","has","createElement","key","span","style","padding","onClick","stopPropagation","width","wordBreak","render","Fragment","orientation","plain","marginTop","t","FIELD_SETTINGS","Search","placeholder","SEARCH_BY_FIELD_NAME","handleSearchChange","paddingLeft","verticalAlign","e","SELECT_ALL","maxHeight","overflow","className"],"sources":["../../../src/instance-list-table/DisplaySettings.tsx"],"sourcesContent":["import React from \"react\";\nimport { debounce, remove, without, get, isEmpty } from \"lodash\";\nimport { extraFieldAttrs } from \"./constants\";\nimport { Checkbox, Col, Divider, Input, Row } from \"antd\";\nimport {\n  getBatchEditableFields,\n  CMDB_RESOURCE_FIELDS_SETTINGS,\n} from \"@next-libs/cmdb-utils\";\nimport { CmdbModels } from \"@next-sdk/cmdb-sdk\";\nimport i18n from \"i18next\";\nimport { K, NS_LIBS_CMDB_INSTANCES } from \"../i18n/constants\";\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\ninterface DisplaySettingsState {\n  nextFields: string[];\n  q: string;\n  filteredList: any;\n  extraDisabledFieldSet: Set<string>;\n  selectAllFields: boolean;\n  allFieldsLength: number;\n}\n\nexport class DisplaySettings extends React.Component<\n  DisplaySettingsProps,\n  DisplaySettingsState\n> {\n  debounceHandleSearch: () => void;\n  attrAndRelationList: { id: string; name: string }[] = [];\n\n  constructor(props: DisplaySettingsProps) {\n    super(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    }));\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\n    const nextFields = props.currentFields ? props.currentFields.slice() : [];\n    const allFieldsLength = [...attrs, ...extraAttrs].length;\n    this.state = {\n      nextFields,\n      q: \"\",\n      filteredList: this.attrAndRelationList,\n      extraDisabledFieldSet: new Set(props.extraDisabledFields),\n      selectAllFields: [...new Set([...nextFields])].length === allFieldsLength,\n      allFieldsLength,\n    };\n    this.debounceHandleSearch = debounce(this.filterColTag, 300);\n  }\n\n  componentDidUpdate(prevProps: DisplaySettingsProps) {\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) {\n    const fieldsKey = \"nextFields\";\n    const fields = event.target.checked\n      ? this.state[fieldsKey].concat(attr.id)\n      : without(this.state[fieldsKey], attr.id);\n\n    this.setState({\n      [fieldsKey]: fields,\n      selectAllFields: fields.length === this.state.allFieldsLength,\n    });\n    this.props.onChange?.(fields);\n  }\n\n  handleSelectAllFields(event: any, allFields: any[]) {\n    const fieldsKey = \"nextFields\";\n    const fields = event.target.checked ? allFields.map((attr) => attr.id) : [];\n    this.setState({\n      [fieldsKey]: fields,\n      selectAllFields: event.target.checked,\n    });\n    this.props.onChange?.(fields);\n  }\n\n  renderCheckbox(attr: any, field: \"nextFields\" | \"otherFields\") {\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)}\n          data-testid={`${attr.id}-checkbox`}\n        >\n          {attr.name}\n        </Checkbox>\n      </Col>\n    );\n  }\n\n  filterColTag = () => {\n    let filteredList = this.attrAndRelationList;\n    const q = this.state.q.trim().toLowerCase();\n    if (q) {\n      filteredList = filteredList.filter((attr) => {\n        return attr.name.toLowerCase().includes(q);\n      });\n    }\n    this.setState({\n      filteredList,\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\n  render() {\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 extraAttrs = filteredList.filter((attr: any) =>\n      extraAttrIds.includes(attr.id)\n    );\n\n    return (\n      <>\n        <Divider orientation=\"left\" plain style={{ marginTop: 0 }}>\n          {i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.FIELD_SETTINGS}`)}\n        </Divider>\n        <div>\n          <Input.Search\n            value={this.state.q}\n            placeholder={i18n.t(\n              `${NS_LIBS_CMDB_INSTANCES}:${K.SEARCH_BY_FIELD_NAME}`\n            )}\n            onChange={this.handleSearchChange}\n            style={{ width: 200 }}\n            data-testid=\"search-input\"\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              {i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${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          <Row>\n            {attrs.map((attr: any) => this.renderCheckbox(attr, \"nextFields\"))}\n            {extraAttrs.length > 0 ? (\n              <>\n                <Divider />\n                {extraAttrs.map((attr: any) =>\n                  this.renderCheckbox(attr, \"nextFields\")\n                )}\n              </>\n            ) : null}\n          </Row>\n        </div>\n      </>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DisplaySettings.js","names":["React","debounce","remove","without","get","isEmpty","groupBy","mapValues","extraFieldAttrs","Checkbox","Col","Divider","Input","Row","getBatchEditableFields","CMDB_RESOURCE_FIELDS_SETTINGS","i18n","K","NS_LIBS_CMDB_INSTANCES","DisplaySettings","Component","constructor","props","_defineProperty","categoryOrders","Set","modelData","filteredList","attrAndRelationList","q","state","trim","toLowerCase","filter","attr","name","includes","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","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","Fragment","orientation","plain","marginTop","t","FIELD_SETTINGS","Search","placeholder","SEARCH_BY_FIELD_NAME","handleSearchChange","paddingLeft","verticalAlign","e","SELECT_ALL","maxHeight","overflow","className","index","_categoryMap$category","categoryAttrs","marginBottom"],"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 } from \"antd\";\nimport {\n  getBatchEditableFields,\n  CMDB_RESOURCE_FIELDS_SETTINGS,\n} from \"@next-libs/cmdb-utils\";\nimport { CmdbModels } from \"@next-sdk/cmdb-sdk\";\nimport i18n from \"i18next\";\nimport { K, NS_LIBS_CMDB_INSTANCES } from \"../i18n/constants\";\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\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}\n\nexport class DisplaySettings extends React.Component<\n  DisplaySettingsProps,\n  DisplaySettingsState\n> {\n  debounceHandleSearch: () => void;\n  attrAndRelationList: { id: string; name: string; category: string }[] = [];\n\n  constructor(props: DisplaySettingsProps) {\n    super(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      category: get(\n        attribute,\n        \"tag[0]\",\n        get(attribute, \"left_tags[0]\", \"其他\")\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    };\n    this.debounceHandleSearch = debounce(this.filterColTag, 300);\n  }\n\n  componentDidUpdate(prevProps: DisplaySettingsProps) {\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        \"其他\",\n      ]),\n    ]; //分组排序\n    return categoryOrders;\n  };\n  filterColTag = () => {\n    let filteredList = this.attrAndRelationList;\n    const q = this.state.q.trim().toLowerCase();\n    if (q) {\n      filteredList = filteredList.filter((attr) => {\n        return attr.name.toLowerCase().includes(q);\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  render() {\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    return (\n      <>\n        <Divider orientation=\"left\" plain style={{ marginTop: 0 }}>\n          {i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.FIELD_SETTINGS}`)}\n        </Divider>\n        <div>\n          <Input.Search\n            value={this.state.q}\n            placeholder={i18n.t(\n              `${NS_LIBS_CMDB_INSTANCES}:${K.SEARCH_BY_FIELD_NAME}`\n            )}\n            onChange={this.handleSearchChange}\n            style={{ width: 200 }}\n            data-testid=\"search-input\"\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              {i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${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"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,QAAQ,EACRC,MAAM,EACNC,OAAO,EACPC,GAAG,EACHC,OAAO,EACPC,OAAO,EACPC,SAAS,QACJ,QAAQ;AACf,SAASC,eAAe,QAAQ,aAAa;AAC7C,SAASC,QAAQ,EAAEC,GAAG,EAAEC,OAAO,EAAEC,KAAK,EAAEC,GAAG,QAAQ,MAAM;AACzD,SACEC,sBAAsB,EACtBC,6BAA6B,QACxB,uBAAuB;AAE9B,OAAOC,IAAI,MAAM,SAAS;AAC1B,SAASC,CAAC,EAAEC,sBAAsB,QAAQ,mBAAmB;AAoB7D,OAAO,MAAMC,eAAe,SAASnB,KAAK,CAACoB,SAAS,CAGlD;EAIAC,WAAWA,CAACC,KAA2B,EAAE;IACvC,KAAK,CAACA,KAAK,CAAC;IAACC,eAAA;IAAAA,eAAA,8BAHyD,EAAE;IAAAA,eAAA,6BAoLrD,MAAM;MACzB,IAAMC,cAAc,GAAG,CACrB,GAAG,IAAIC,GAAG,CAAC,CACT,GAAGrB,GAAG,CAAC,IAAI,CAACkB,KAAK,CAACI,SAAS,EAAE,0BAA0B,EAAE,EAAE,CAAC,EAC5D,IAAI,CACL,CAAC,CACH,CAAC,CAAC;MACH,OAAOF,cAAc;IACvB,CAAC;IAAAD,eAAA,uBACc,MAAM;MACnB,IAAII,YAAY,GAAG,IAAI,CAACC,mBAAmB;MAC3C,IAAMC,CAAC,GAAG,IAAI,CAACC,KAAK,CAACD,CAAC,CAACE,IAAI,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC;MAC3C,IAAIH,CAAC,EAAE;QACLF,YAAY,GAAGA,YAAY,CAACM,MAAM,CAAEC,IAAI,IAAK;UAC3C,OAAOA,IAAI,CAACC,IAAI,CAACH,WAAW,CAAC,CAAC,CAACI,QAAQ,CAACP,CAAC,CAAC;QAC5C,CAAC,CAAC;MACJ;MACA,IAAMQ,SAAS,GAAG,YAAY;MAC9B,IAAMC,KAAK,GAAG,IAAI,CAACR,KAAK,CAACO,SAAS,CAAC;MACnC,IAAMb,cAAc,GAAG,IAAI,CAACe,kBAAkB,CAAC,CAAC;MAChD,IAAMC,WAAW,GAAGlC,OAAO,CAACqB,YAAY,EAAE,UAAU,CAAC;MACrD,IAAMc,eAAe,GAAGH,KAAK,CAACI,MAAM,KAAK,IAAI,CAACZ,KAAK,CAACa,eAAe;MACnE,IAAMC,0BAAmD,GAAG,CAAC,CAAC;MAC9DpB,cAAc,CAACqB,MAAM,CAAC,CAACC,GAAG,EAAEC,IAAI,KAAK;QAAA,IAAAC,iBAAA;QACnC,IAAMC,eAAe,IAAAD,iBAAA,GAAGR,WAAW,CAACO,IAAI,CAAC,cAAAC,iBAAA,uBAAjBA,iBAAA,CAAmBE,GAAG,CAAEhB,IAAI,IAAKA,IAAI,CAACiB,EAAE,CAAC;QACjEL,GAAG,CAACC,IAAI,CAAC,GAAGN,eAAe,GACvBA,eAAe,GACf,CAAC,EAACQ,eAAe,aAAfA,eAAe,eAAfA,eAAe,CAAEG,KAAK,CAAED,EAAE,IAAKb,KAAK,CAACF,QAAQ,CAACe,EAAE,CAAC,CAAC;QACxD,OAAOL,GAAG;MACZ,CAAC,EAAEF,0BAA0B,CAAC;MAC9B,IAAI,CAACS,QAAQ,CAAC;QACZ1B,YAAY;QACZc,eAAe;QACfG;MACF,CAAC,CAAC;IACJ,CAAC;IAAArB,eAAA,6BAEqB+B,KAA0C,IAAK;MACnE,IAAMC,KAAK,GAAGD,KAAK,CAACE,MAAM,CAACD,KAAK;MAChC,IAAI,CAACF,QAAQ,CAAC;QACZxB,CAAC,EAAE0B;MACL,CAAC,CAAC;MACF,IAAI,CAACE,oBAAoB,CAAC,CAAC;IAC7B,CAAC;IA3NC,IAAM7B,mBAAmB,GAAGd,sBAAsB,CAAC,IAAI,CAACQ,KAAK,CAACI,SAAS,CAAC;IACxE,IAAIgC,WAAW,GAAG,IAAI,CAACpC,KAAK,CAACI,SAAS,CAACiC,IAAI,CAACC,YAAY,IAAI,EAAE;IAC9D,IAAMC,aAAa,GAAGzD,GAAG,CACvBW,6BAA6B,mBAAA+C,MAAA,CACZ,IAAI,CAACxC,KAAK,CAACI,SAAS,CAACqC,QAAQ,GAC9C,EACF,CAAC;IACDL,WAAW,GAAG,CAAC,GAAGA,WAAW,EAAE,GAAGG,aAAa,CAAC;IAEhD,IAAI,CAACxD,OAAO,CAACqD,WAAW,CAAC,EAAE;MACzBA,WAAW,CAACM,OAAO,CAAEC,UAAkB,IAAK;QAC1C/D,MAAM,CAAC0B,mBAAmB,EAAGM,IAAI,IAAKA,IAAI,CAACiB,EAAE,KAAKc,UAAU,CAAC;MAC/D,CAAC,CAAC;IACJ;IAEA,IAAI,CAACrC,mBAAmB,GAAGA,mBAAmB,CAACsB,GAAG,CAAEgB,SAAc,KAAM;MACtEf,EAAE,EAAEe,SAAS,CAACf,EAAE;MAChBhB,IAAI,EAAE+B,SAAS,CAAC/B,IAAI;MACpBgC,QAAQ,EAAE/D,GAAG,CACX8D,SAAS,EACT,QAAQ,EACR9D,GAAG,CAAC8D,SAAS,EAAE,cAAc,EAAE,IAAI,CACrC;IACF,CAAC,CAAC,CAAC;IAEH,IAAMvC,aAAY,GAAG,IAAI,CAACC,mBAAmB;IAC7C,IAAMwC,YAAY,GAAG5D,eAAe,CAAC0C,GAAG,CACrCmB,cAAc,IAAKA,cAAc,CAAClB,EACrC,CAAC;IACD,IAAMb,MAAK,GAAGX,aAAY,CAACM,MAAM,CAC9BC,IAAS,IAAK,CAACkC,YAAY,CAAChC,QAAQ,CAACF,IAAI,CAACiB,EAAE,CAC/C,CAAC;IACD,IAAMmB,UAAU,GAAG3C,aAAY,CAACM,MAAM,CAAEC,IAAS,IAC/CkC,YAAY,CAAChC,QAAQ,CAACF,IAAI,CAACiB,EAAE,CAC/B,CAAC;IACD,IAAMoB,UAAU,GAAGjD,KAAK,CAACkD,aAAa,GAAGlD,KAAK,CAACkD,aAAa,CAACC,KAAK,CAAC,CAAC,GAAG,EAAE;IAEzE,IAAM9B,eAAe,GAAG,CAAC,GAAGL,MAAK,EAAE,GAAGgC,UAAU,CAAC,CAAC5B,MAAM;IACxD,IAAMD,gBAAe,GACnB,CAAC,GAAG,IAAIhB,GAAG,CAAC,CAAC,GAAG8C,UAAU,CAAC,CAAC,CAAC,CAAC7B,MAAM,KAAKC,eAAe;IAE1D,IAAMnB,eAAc,GAAG,IAAI,CAACe,kBAAkB,CAAC,CAAC;IAChD,IAAMC,YAAW,GAAGlC,OAAO,CAACgC,MAAK,EAAE,UAAU,CAAC;IAC9C,IAAMM,2BAAmD,GAAG,CAAC,CAAC;IAC9DpB,eAAc,CAACqB,MAAM,CAAC,CAACC,GAAG,EAAEC,IAAI,KAAK;MAAA,IAAA2B,kBAAA;MACnC,IAAMzB,eAAe,IAAAyB,kBAAA,GAAGlC,YAAW,CAACO,IAAI,CAAC,cAAA2B,kBAAA,uBAAjBA,kBAAA,CAAmBxB,GAAG,CAAEhB,IAAI,IAAKA,IAAI,CAACiB,EAAE,CAAC;MACjEL,GAAG,CAACC,IAAI,CAAC,GAAGN,gBAAe,GACvBA,gBAAe,GACf,CAAC,EAACQ,eAAe,aAAfA,eAAe,eAAfA,eAAe,CAAEG,KAAK,CAAED,EAAE,IAAKoB,UAAU,CAACnC,QAAQ,CAACe,EAAE,CAAC,CAAC;MAC7D,OAAOL,GAAG;IACZ,CAAC,EAAEF,2BAA0B,CAAC;IAC9B,IAAI,CAACd,KAAK,GAAG;MACXyC,UAAU;MACV1C,CAAC,EAAE,EAAE;MACLF,YAAY,EAAE,IAAI,CAACC,mBAAmB;MACtC+C,qBAAqB,EAAE,IAAIlD,GAAG,CAACH,KAAK,CAACsD,mBAAmB,CAAC;MACzDnC,eAAe,EAAfA,gBAAe;MACfE,eAAe;MACfC,0BAA0B,EAA1BA;IACF,CAAC;IACD,IAAI,CAACa,oBAAoB,GAAGxD,QAAQ,CAAC,IAAI,CAAC4E,YAAY,EAAE,GAAG,CAAC;EAC9D;EAEAC,kBAAkBA,CAACC,SAA+B,EAAE;IAClD,IAAI,IAAI,CAACzD,KAAK,CAACkD,aAAa,KAAKO,SAAS,CAACP,aAAa,EAAE;MACxD,IAAI,CAACnB,QAAQ,CAAC;QACZkB,UAAU,EAAE,IAAI,CAACjD,KAAK,CAACkD,aAAa,GAChC,IAAI,CAAClD,KAAK,CAACkD,aAAa,CAACC,KAAK,CAAC,CAAC,GAChC;MACN,CAAC,CAAC;IACJ;IAEA,IAAI,IAAI,CAACnD,KAAK,CAACsD,mBAAmB,KAAKG,SAAS,CAACH,mBAAmB,EAAE;MACpE,IAAI,CAACvB,QAAQ,CAAC;QACZsB,qBAAqB,EAAE,IAAIlD,GAAG,CAAC,IAAI,CAACH,KAAK,CAACsD,mBAAmB;MAC/D,CAAC,CAAC;IACJ;EACF;EAEAI,aAAaA,CAAC1B,KAAU,EAAEpB,IAAS,EAAE+C,YAAkB,EAAE;IAAA,IAAAC,oBAAA,EAAAC,WAAA;IACvD,IAAM9C,SAAS,GAAG,YAAY;IAC9B,IAAM;MAAE8B,QAAQ;MAAE7B;IAAM,CAAC,GAAG2C,YAAY,aAAZA,YAAY,cAAZA,YAAY,GAAI,CAAC,CAAC;IAC9C,IAAMG,MAAM,GAAG9B,KAAK,CAACE,MAAM,CAAC6B,OAAO,GAC/B,IAAI,CAACvD,KAAK,CAACO,SAAS,CAAC,CAACyB,MAAM,CAAC5B,IAAI,CAACiB,EAAE,CAAC,GACrChD,OAAO,CAAC,IAAI,CAAC2B,KAAK,CAACO,SAAS,CAAC,EAAEH,IAAI,CAACiB,EAAE,CAAC;IAC3C,IAAIgB,QAAQ,EAAE;MACZ,IAAMmB,QAAQ,GAAGhD,KAAK,CAACY,GAAG,CAAEhB,IAAS,IAAKA,IAAI,CAACiB,EAAE,CAAC;MAClD,IAAI,CAACE,QAAQ,CAAC;QACZ,CAAChB,SAAS,GAAG+C,MAAM;QACnB3C,eAAe,EAAE2C,MAAM,CAAC1C,MAAM,KAAK,IAAI,CAACZ,KAAK,CAACa,eAAe;QAC7DC,0BAA0B,EAAA2C,aAAA,CAAAA,aAAA,KACrB,IAAI,CAACzD,KAAK,CAACc,0BAA0B;UACxC,CAACuB,QAAQ,GAAGmB,QAAQ,CAAClC,KAAK,CAAED,EAAU,IAAKiC,MAAM,CAAChD,QAAQ,CAACe,EAAE,CAAC;QAAC;MAEnE,CAAC,CAAC;IACJ,CAAC,MAAM;MACL,IAAI,CAACE,QAAQ,CAAC;QACZ,CAAChB,SAAS,GAAG+C,MAAM;QACnB3C,eAAe,EAAE2C,MAAM,CAAC1C,MAAM,KAAK,IAAI,CAACZ,KAAK,CAACa;MAChD,CAAC,CAAC;IACJ;IAEA,CAAAuC,oBAAA,IAAAC,WAAA,OAAI,CAAC7D,KAAK,EAACkE,QAAQ,cAAAN,oBAAA,uBAAnBA,oBAAA,CAAAO,IAAA,CAAAN,WAAA,EAAsBC,MAAM,CAAC;EAC/B;EAEAM,sBAAsBA,CAACpC,KAAU,EAAE2B,YAAiB,EAAE;IAAA,IAAAU,qBAAA,EAAAC,YAAA;IACpD,IAAMP,OAAO,GAAG/B,KAAK,CAACE,MAAM,CAAC6B,OAAO;IACpC,IAAMhD,SAAS,GAAG,YAAY;IAC9B,IAAM;MAAE8B,QAAQ;MAAE7B;IAAM,CAAC,GAAG2C,YAAY;IACxC,IAAMK,QAAQ,GAAGhD,KAAK,CAACY,GAAG,CAAEhB,IAAS,IAAKA,IAAI,CAACiB,EAAE,CAAC;IAClD,IAAMiC,MAAM,GAAG,CACb,GAAG,IAAI3D,GAAG,CAAC,CACT,IAAI4D,OAAO,GACP,IAAI,CAACvD,KAAK,CAACO,SAAS,CAAC,CAACyB,MAAM,CAACwB,QAAQ,CAAC,GACtCnF,OAAO,CAAC,IAAI,CAAC2B,KAAK,CAACO,SAAS,CAAC,EAAE,GAAGiD,QAAQ,CAAC,CAAC,CACjD,CAAC,CACH;IACD,IAAI,CAACjC,QAAQ,CAAC;MACZ,CAAChB,SAAS,GAAG+C,MAAM;MACnB3C,eAAe,EAAE2C,MAAM,CAAC1C,MAAM,KAAK,IAAI,CAACZ,KAAK,CAACa,eAAe;MAC7DC,0BAA0B,EAAA2C,aAAA,CAAAA,aAAA,KACrB,IAAI,CAACzD,KAAK,CAACc,0BAA0B;QACxC,CAACuB,QAAQ,GAAGkB;MAAO;IAEvB,CAAC,CAAC;IACF,CAAAM,qBAAA,IAAAC,YAAA,OAAI,CAACtE,KAAK,EAACkE,QAAQ,cAAAG,qBAAA,uBAAnBA,qBAAA,CAAAF,IAAA,CAAAG,YAAA,EAAsBR,MAAM,CAAC;EAC/B;EAEAS,qBAAqBA,CAACvC,KAAU,EAAEwC,SAAgB,EAAE;IAAA,IAAAC,qBAAA,EAAAC,YAAA;IAClD,IAAM3D,SAAS,GAAG,YAAY;IAC9B,IAAMgD,OAAO,GAAG/B,KAAK,CAACE,MAAM,CAAC6B,OAAO;IACpC,IAAMD,MAAM,GAAGC,OAAO,GAAGS,SAAS,CAAC5C,GAAG,CAAEhB,IAAI,IAAKA,IAAI,CAACiB,EAAE,CAAC,GAAG,EAAE;IAC9D,IAAI,CAACE,QAAQ,CAAC;MACZ,CAAChB,SAAS,GAAG+C,MAAM;MACnB3C,eAAe,EAAEa,KAAK,CAACE,MAAM,CAAC6B,OAAO;MACrCzC,0BAA0B,EAAErC,SAAS,CACnC,IAAI,CAACuB,KAAK,CAACc,0BAA0B,EACrC,MAAMyC,OACR;IACF,CAAC,CAAC;IACF,CAAAU,qBAAA,IAAAC,YAAA,OAAI,CAAC1E,KAAK,EAACkE,QAAQ,cAAAO,qBAAA,uBAAnBA,qBAAA,CAAAN,IAAA,CAAAO,YAAA,EAAsBZ,MAAM,CAAC;EAC/B;EAEAa,cAAcA,CACZ/D,IAAS,EACTgE,KAAmC,EACnCjB,YAAkB,EAClB;IACA,IAAM5C,SAAS,GAAG,YAAY;IAC9B,IAAMgD,OAAO,GAAG,IAAI,CAACvD,KAAK,CAACO,SAAS,CAAC,CAACD,QAAQ,CAACF,IAAI,CAACiB,EAAE,CAAC;IACvD,IAAMgD,QAAQ,GACZjE,IAAI,CAACiB,EAAE,KAAK,IAAI,CAAC7B,KAAK,CAAC8E,kBAAkB,IACzC,IAAI,CAACtE,KAAK,CAAC6C,qBAAqB,CAAC0B,GAAG,CAACnE,IAAI,CAACiB,EAAE,CAAC;IAC/C,oBACEnD,KAAA,CAAAsG,aAAA,CAAC5F,GAAG;MACF6F,GAAG,EAAErE,IAAI,CAACiB,EAAG;MACbqD,IAAI,EAAE,CAAE;MACRC,KAAK,EAAE;QAAEC,OAAO,EAAE;MAAE,CAAE;MACtBC,OAAO,EAAGrD,KAAK,IAAKA,KAAK,CAACsD,eAAe,CAAC;IAAE,gBAE5C5G,KAAA,CAAAsG,aAAA,CAAC7F,QAAQ;MACP0B,IAAI,EAAE+D,KAAM;MACZO,KAAK,EAAE;QACLI,KAAK,EAAE,MAAM;QACbC,SAAS,EAAE;MACb,CAAE;MACFzB,OAAO,EAAEA,OAAQ;MACjBc,QAAQ,EAAEA,QAAS;MACnBX,QAAQ,EAAGlC,KAAK,IAAK,IAAI,CAAC0B,aAAa,CAAC1B,KAAK,EAAEpB,IAAI,EAAE+C,YAAY,CAAE;MACnE,kBAAAnB,MAAA,CAAgB5B,IAAI,CAACiB,EAAE;IAAY,GAElCjB,IAAI,CAACC,IACE,CACP,CAAC;EAEV;EA6CA4E,MAAMA,CAAA,EAAG;IACP,IAAMpF,YAAY,GAAG,IAAI,CAACG,KAAK,CAACH,YAAY;IAC5C,IAAMyC,YAAY,GAAG5D,eAAe,CAAC0C,GAAG,CACrCmB,cAAc,IAAKA,cAAc,CAAClB,EACrC,CAAC;IACD,IAAMb,KAAK,GAAGX,YAAY,CAACM,MAAM,CAC9BC,IAAS,IAAK,CAACkC,YAAY,CAAChC,QAAQ,CAACF,IAAI,CAACiB,EAAE,CAC/C,CAAC;IACD,IAAM3B,cAAc,GAAG,IAAI,CAACe,kBAAkB,CAAC,CAAC;IAChD,IAAMC,WAAW,GAAGlC,OAAO,CAACgC,KAAK,EAAE,UAAU,CAAC;IAC9C,IAAMgC,UAAU,GAAG3C,YAAY,CAACM,MAAM,CAAEC,IAAS,IAC/CkC,YAAY,CAAChC,QAAQ,CAACF,IAAI,CAACiB,EAAE,CAC/B,CAAC;IACD,oBACEnD,KAAA,CAAAsG,aAAA,CAAAtG,KAAA,CAAAgH,QAAA,qBACEhH,KAAA,CAAAsG,aAAA,CAAC3F,OAAO;MAACsG,WAAW,EAAC,MAAM;MAACC,KAAK;MAACT,KAAK,EAAE;QAAEU,SAAS,EAAE;MAAE;IAAE,GACvDnG,IAAI,CAACoG,CAAC,IAAAtD,MAAA,CAAI5C,sBAAsB,OAAA4C,MAAA,CAAI7C,CAAC,CAACoG,cAAc,CAAE,CAChD,CAAC,eACVrH,KAAA,CAAAsG,aAAA,2BACEtG,KAAA,CAAAsG,aAAA,CAAC1F,KAAK,CAAC0G,MAAM;MACX/D,KAAK,EAAE,IAAI,CAACzB,KAAK,CAACD,CAAE;MACpB0F,WAAW,EAAEvG,IAAI,CAACoG,CAAC,IAAAtD,MAAA,CACd5C,sBAAsB,OAAA4C,MAAA,CAAI7C,CAAC,CAACuG,oBAAoB,CACrD,CAAE;MACFhC,QAAQ,EAAE,IAAI,CAACiC,kBAAmB;MAClChB,KAAK,EAAE;QAAEI,KAAK,EAAE;MAAI,CAAE;MACtB,eAAY;IAAc,CAC3B,CAAC,eAEF7G,KAAA,CAAAsG,aAAA;MAAMG,KAAK,EAAE;QAAEiB,WAAW,EAAE,EAAE;QAAEC,aAAa,EAAE;MAAM;IAAE,gBACrD3H,KAAA,CAAAsG,aAAA,CAAC7F,QAAQ;MACP4E,OAAO,EAAE,IAAI,CAACvD,KAAK,CAACW,eAAgB;MACpC+C,QAAQ,EAAGoC,CAAC,IACV,IAAI,CAAC/B,qBAAqB,CAAC+B,CAAC,EAAE,CAAC,GAAGtF,KAAK,EAAE,GAAGgC,UAAU,CAAC,CACxD;MACD;IAAmC,GAElCtD,IAAI,CAACoG,CAAC,IAAAtD,MAAA,CAAI5C,sBAAsB,OAAA4C,MAAA,CAAI7C,CAAC,CAAC4G,UAAU,CAAE,CAC3C,CACN,CACH,CAAC,eACN7H,KAAA,CAAAsG,aAAA;MACEG,KAAK,EAAE;QACLU,SAAS,EAAE,EAAE;QACbW,SAAS,EAAE,GAAG;QACdC,QAAQ,EAAE;MACZ,CAAE;MACFC,SAAS,EAAC;IAAY,GAErBxG,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAE0B,GAAG,CAAC,CAACiB,QAAQ,EAAE8D,KAAK,KAAK;MAAA,IAAAC,qBAAA;MACxC,IAAMC,aAAa,IAAAD,qBAAA,GAAG1F,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAG2B,QAAQ,CAAC,cAAA+D,qBAAA,cAAAA,qBAAA,GAAI,EAAE;MACnD,OAAOC,aAAa,CAACzF,MAAM,GAAG,CAAC,gBAC7B1C,KAAA,CAAAsG,aAAA;QACEG,KAAK,EAAE;UACL2B,YAAY,EAAEH,KAAK,KAAKzG,cAAc,CAACkB,MAAM,GAAG,CAAC,GAAG,CAAC,GAAG;QAC1D;MAAE,gBAEF1C,KAAA,CAAAsG,aAAA,CAAC7F,QAAQ;QACP4E,OAAO,EAAE,IAAI,CAACvD,KAAK,CAACc,0BAA0B,CAACuB,QAAQ,CAAE;QACzDqB,QAAQ,EAAGoC,CAAC,IAAK;UACf,IAAI,CAAClC,sBAAsB,CAACkC,CAAC,EAAE;YAC7BzD,QAAQ;YACR7B,KAAK,EAAE6F;UACT,CAAC,CAAC;QACJ;MAAE,GAEDhE,QACO,CAAC,eACXnE,KAAA,CAAAsG,aAAA,CAACzF,GAAG;QAAC4F,KAAK,EAAE;UAAEC,OAAO,EAAE;QAAqB;MAAE,GAC3CyB,aAAa,CAACjF,GAAG,CAAEhB,IAAS,IAC3B,IAAI,CAAC+D,cAAc,CAAC/D,IAAI,EAAE,YAAY,EAAE;QACtCiC,QAAQ;QACR7B,KAAK,EAAE6F;MACT,CAAC,CACH,CACG,CACF,CAAC,GACJ,IAAI;IACV,CAAC,CAAC,EACD7D,UAAU,CAAC5B,MAAM,GAAG,CAAC,gBACpB1C,KAAA,CAAAsG,aAAA,CAACzF,GAAG,qBACFb,KAAA,CAAAsG,aAAA,CAAC3F,OAAO,MAAE,CAAC,EACV2D,UAAU,CAACpB,GAAG,CAAEhB,IAAS,IACxB,IAAI,CAAC+D,cAAc,CAAC/D,IAAI,EAAE,YAAY,CACxC,CACG,CAAC,GACJ,IACD,CACL,CAAC;EAEP;AACF","ignoreList":[]}

package/dist/types/instance-list-table/DisplaySettings.d.ts

@@ -14,6 +14,7 @@ interface DisplaySettingsState {
     filteredList: any;
     extraDisabledFieldSet: Set<string>;
     selectAllFields: boolean;
+    selectCategoryAllFieldsMap: Record<string, boolean>;
     allFieldsLength: number;
 }
 export declare class DisplaySettings extends React.Component<DisplaySettingsProps, DisplaySettingsState> {
@@ -21,12 +22,15 @@ export declare class DisplaySettings extends React.Component<DisplaySettingsProp
     attrAndRelationList: {
         id: string;
         name: string;
+        category: string;
     }[];
     constructor(props: DisplaySettingsProps);
     componentDidUpdate(prevProps: DisplaySettingsProps): void;
-    handleChecked(event: any, attr: any): void;
+    handleChecked(event: any, attr: any, categoryData?: any): void;
+    handlecCategoryChecked(event: any, categoryData: any): void;
     handleSelectAllFields(event: any, allFields: any[]): void;
-    renderCheckbox(attr: any, field: "nextFields" | "otherFields"): React.JSX.Element;
+    renderCheckbox(attr: any, field: "nextFields" | "otherFields", categoryData?: any): React.JSX.Element;
+    getCAategoryOrders: () => any[];
     filterColTag: () => void;
     handleSearchChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
     render(): React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-libs/cmdb-instances",
-  "version": "7.23.0",
+  "version": "7.24.1",
   "description": "> TODO: description",
   "homepage": "https://github.com/easyops-cn/next-libs/tree/master/libs/cmdb-instances",
   "license": "GPL-3.0",
@@ -36,11 +36,11 @@
   },
   "dependencies": {
     "@next-core/brick-types": "^2.97.0",
-    "@next-libs/basic-components": "^5.5.0",
+    "@next-libs/basic-components": "^5.5.1",
     "@next-libs/cmdb-utils": "^3.7.3",
     "@next-libs/code-display-components": "^2.1.0",
-    "@next-libs/code-editor-components": "^4.12.3",
-    "@next-libs/forms": "^3.6.0",
+    "@next-libs/code-editor-components": "^4.12.4",
+    "@next-libs/forms": "^3.6.1",
     "@next-libs/storage": "^2.0.4",
     "@next-sdk/cmdb-sdk": "^3.1.0",
     "@next-sdk/permission-sdk": "^2.1.1",
@@ -52,5 +52,5 @@
     "js-base64": "^3.7.7",
     "marked": "^2.1.3"
   },
-  "gitHead": "18be70a0f44226c60a4136be1d3eb2474cda949c"
+  "gitHead": "c438f6854a1281c70e9df475e43dfd277d412921"
 }