@next-libs/cmdb-instances 6.38.0 → 6.40.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/CHANGELOG.md +30 -0
  2. package/dist/cjs/instance-list-table/DisplaySettings.js +1 -2
  3. package/dist/cjs/instance-list-table/DisplaySettings.js.map +1 -1
  4. package/dist/esm/instance-detail/index.module.css +1 -0
  5. package/dist/esm/instance-list-table/DisplaySettings.js +2 -3
  6. package/dist/esm/instance-list-table/DisplaySettings.js.map +1 -1
  7. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -3,6 +3,36 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [6.40.1](https://github.com/easyops-cn/next-libs/compare/@next-libs/cmdb-instances@6.40.0...@next-libs/cmdb-instances@6.40.1) (2022-08-09)
7
+
8
+ **Note:** Version bump only for package @next-libs/cmdb-instances
9
+
10
+
11
+
12
+
13
+
14
+ # [6.40.0](https://github.com/easyops-cn/next-libs/compare/@next-libs/cmdb-instances@6.39.0...@next-libs/cmdb-instances@6.40.0) (2022-07-29)
15
+
16
+
17
+ ### Features
18
+
19
+ * **cmdb-instances:** 实例详情多行字符串支持换行显示 ([f3c8b3f](https://github.com/easyops-cn/next-libs/commit/f3c8b3f4d44c263b39ee1f7f9d2d0a9cb0c1987a))
20
+
21
+
22
+
23
+
24
+
25
+ # [6.39.0](https://github.com/easyops-cn/next-libs/compare/@next-libs/cmdb-instances@6.38.0...@next-libs/cmdb-instances@6.39.0) (2022-07-27)
26
+
27
+
28
+ ### Features
29
+
30
+ * **cmdb-instances:** 将显示设置的字段排序保持与模型视图设置字段排序一致 ([6210efa](https://github.com/easyops-cn/next-libs/commit/6210efad9190ed2c007b05d02eb4a36ceeb68f2d))
31
+
32
+
33
+
34
+
35
+
6
36
  # [6.38.0](https://github.com/easyops-cn/next-libs/compare/@next-libs/cmdb-instances@6.37.1...@next-libs/cmdb-instances@6.38.0) (2022-07-22)
7
37
 
8
38
 
package/dist/cjs/instance-list-table/DisplaySettings.js CHANGED
@@ -49,8 +49,7 @@ class DisplaySettings extends _react.default.Component {
49
49
  });
50
50
  this.debounceHandleSearch();
51
51
  });
52
- const relationList = (0, _cmdbUtils.getBatchEditableRelations)(this.props.modelData);
53
- const attrAndRelationList = [...this.props.modelData.attrList, ...relationList];
52
+ const attrAndRelationList = (0, _cmdbUtils.getBatchEditableFields)(this.props.modelData);
54
53
  let hideColumns = this.props.modelData.view.hide_columns || [];
55
54
  const ignoredFields = (0, _lodash.get)(_cmdbUtils.CMDB_RESOURCE_FIELDS_SETTINGS, `ignoredFields.${this.props.modelData.objectId}`, []);
56
55
  hideColumns = [...hideColumns, ...ignoredFields];
package/dist/cjs/instance-list-table/DisplaySettings.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/instance-list-table/DisplaySettings.tsx"],"names":["DisplaySettings","React","Component","constructor","props","filteredList","attrAndRelationList","q","state","trim","toLowerCase","filter","attr","name","includes","setState","event","value","target","debounceHandleSearch","relationList","modelData","attrList","hideColumns","view","hide_columns","ignoredFields","CMDB_RESOURCE_FIELDS_SETTINGS","objectId","forEach","hideColumn","id","map","attribute","nextFields","currentFields","slice","extraDisabledFieldSet","Set","extraDisabledFields","filterColTag","componentDidUpdate","prevProps","handleChecked","fieldsKey","fields","checked","concat","onChange","renderCheckbox","field","disabled","extraDisabledField","has","padding","stopPropagation","width","wordBreak","render","extraAttrIds","extraFieldAttrs","extraFieldAttr","attrs","extraAttrs","marginTop","i18n","t","NS_LIBS_CMDB_INSTANCES","K","FIELD_SETTINGS","SEARCH_BY_FIELD_NAME","handleSearchChange","minHeight","maxHeight","overflow","length"],"mappings":"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","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 getBatchEditableRelations,\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}\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\n const relationList = getBatchEditableRelations(this.props.modelData);\n const attrAndRelationList = [\n ...this.props.modelData.attrList,\n ...relationList,\n ];\n\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 this.state = {\n nextFields: props.currentFields ? props.currentFields.slice() : [],\n q: \"\",\n filteredList: this.attrAndRelationList,\n extraDisabledFieldSet: new Set(props.extraDisabledFields),\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({ [fieldsKey]: fields });\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 </div>\n <div\n style={{\n marginTop: 15,\n minHeight: 200,\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"],"file":"DisplaySettings.js"}
1
+ {"version":3,"sources":["../../../src/instance-list-table/DisplaySettings.tsx"],"names":["DisplaySettings","React","Component","constructor","props","filteredList","attrAndRelationList","q","state","trim","toLowerCase","filter","attr","name","includes","setState","event","value","target","debounceHandleSearch","modelData","hideColumns","view","hide_columns","ignoredFields","CMDB_RESOURCE_FIELDS_SETTINGS","objectId","forEach","hideColumn","id","map","attribute","nextFields","currentFields","slice","extraDisabledFieldSet","Set","extraDisabledFields","filterColTag","componentDidUpdate","prevProps","handleChecked","fieldsKey","fields","checked","concat","onChange","renderCheckbox","field","disabled","extraDisabledField","has","padding","stopPropagation","width","wordBreak","render","extraAttrIds","extraFieldAttrs","extraFieldAttr","attrs","extraAttrs","marginTop","i18n","t","NS_LIBS_CMDB_INSTANCES","K","FIELD_SETTINGS","SEARCH_BY_FIELD_NAME","handleSearchChange","minHeight","maxHeight","overflow","length"],"mappings":"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","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}\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 this.state = {\n nextFields: props.currentFields ? props.currentFields.slice() : [],\n q: \"\",\n filteredList: this.attrAndRelationList,\n extraDisabledFieldSet: new Set(props.extraDisabledFields),\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({ [fieldsKey]: fields });\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 </div>\n <div\n style={{\n marginTop: 15,\n minHeight: 200,\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"],"file":"DisplaySettings.js"}
package/dist/esm/instance-detail/index.module.css CHANGED
@@ -62,6 +62,7 @@
62
62
  .detailCard dd {
63
63
  margin-bottom: 0;
64
64
  word-break: break-all;
65
+ white-space: pre-wrap;
65
66
  color: var(
66
67
  --cmdb-instance-detail-detail-description-item-content,
67
68
  rgba(0, 0, 0, 0.85)
package/dist/esm/instance-list-table/DisplaySettings.js CHANGED
@@ -3,7 +3,7 @@ import React from "react";
3
3
  import { debounce, remove, without, get, isEmpty } from "lodash";
4
4
  import { extraFieldAttrs } from "./constants";
5
5
  import { Checkbox, Col, Divider, Input, Row } from "antd";
6
- import { getBatchEditableRelations, CMDB_RESOURCE_FIELDS_SETTINGS } from "@next-libs/cmdb-utils";
6
+ import { getBatchEditableFields, CMDB_RESOURCE_FIELDS_SETTINGS } from "@next-libs/cmdb-utils";
7
7
  import i18n from "i18next";
8
8
  import { K, NS_LIBS_CMDB_INSTANCES } from "../i18n/constants";
9
9
  export class DisplaySettings extends React.Component {
@@ -37,8 +37,7 @@ export class DisplaySettings extends React.Component {
37
37
  this.debounceHandleSearch();
38
38
  });
39
39
 
40
- var relationList = getBatchEditableRelations(this.props.modelData);
41
- var attrAndRelationList = [...this.props.modelData.attrList, ...relationList];
40
+ var attrAndRelationList = getBatchEditableFields(this.props.modelData);
42
41
  var hideColumns = this.props.modelData.view.hide_columns || [];
43
42
  var ignoredFields = get(CMDB_RESOURCE_FIELDS_SETTINGS, "ignoredFields.".concat(this.props.modelData.objectId), []);
44
43
  hideColumns = [...hideColumns, ...ignoredFields];
package/dist/esm/instance-list-table/DisplaySettings.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/instance-list-table/DisplaySettings.tsx"],"names":["React","debounce","remove","without","get","isEmpty","extraFieldAttrs","Checkbox","Col","Divider","Input","Row","getBatchEditableRelations","CMDB_RESOURCE_FIELDS_SETTINGS","i18n","K","NS_LIBS_CMDB_INSTANCES","DisplaySettings","Component","constructor","props","filteredList","attrAndRelationList","q","state","trim","toLowerCase","filter","attr","name","includes","setState","event","value","target","debounceHandleSearch","relationList","modelData","attrList","hideColumns","view","hide_columns","ignoredFields","objectId","forEach","hideColumn","id","map","attribute","nextFields","currentFields","slice","extraDisabledFieldSet","Set","extraDisabledFields","filterColTag","componentDidUpdate","prevProps","handleChecked","fieldsKey","fields","checked","concat","onChange","renderCheckbox","field","disabled","extraDisabledField","has","padding","stopPropagation","width","wordBreak","render","extraAttrIds","extraFieldAttr","attrs","extraAttrs","marginTop","t","FIELD_SETTINGS","SEARCH_BY_FIELD_NAME","handleSearchChange","minHeight","maxHeight","overflow","length"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,EAAmBC,MAAnB,EAA2BC,OAA3B,EAAoCC,GAApC,EAAyCC,OAAzC,QAAwD,QAAxD;AACA,SAASC,eAAT,QAAgC,aAAhC;AACA,SAASC,QAAT,EAAmBC,GAAnB,EAAwBC,OAAxB,EAAiCC,KAAjC,EAAwCC,GAAxC,QAAmD,MAAnD;AACA,SACEC,yBADF,EAEEC,6BAFF,QAGO,uBAHP;AAKA,OAAOC,IAAP,MAAiB,SAAjB;AACA,SAASC,CAAT,EAAYC,sBAAZ,QAA0C,mBAA1C;AAiBA,OAAO,MAAMC,eAAN,SAA8BjB,KAAK,CAACkB,SAApC,CAGL;AAIAC,EAAAA,WAAW,CAACC,KAAD,EAA8B;AACvC,UAAMA,KAAN;;AADuC;;AAAA,iDAFa,EAEb;;AAAA,0CA6F1B,MAAM;AACnB,UAAIC,YAAY,GAAG,KAAKC,mBAAxB;AACA,UAAMC,CAAC,GAAG,KAAKC,KAAL,CAAWD,CAAX,CAAaE,IAAb,GAAoBC,WAApB,EAAV;;AACA,UAAIH,CAAJ,EAAO;AACLF,QAAAA,YAAY,GAAGA,YAAY,CAACM,MAAb,CAAqBC,IAAD,IAAU;AAC3C,iBAAOA,IAAI,CAACC,IAAL,CAAUH,WAAV,GAAwBI,QAAxB,CAAiCP,CAAjC,CAAP;AACD,SAFc,CAAf;AAGD;;AACD,WAAKQ,QAAL,CAAc;AACZV,QAAAA;AADY,OAAd;AAGD,KAxGwC;;AAAA,gDA0GnBW,KAAD,IAAgD;AACnE,UAAMC,KAAK,GAAGD,KAAK,CAACE,MAAN,CAAaD,KAA3B;AACA,WAAKF,QAAL,CAAc;AACZR,QAAAA,CAAC,EAAEU;AADS,OAAd;AAGA,WAAKE,oBAAL;AACD,KAhHwC;;AAGvC,QAAMC,YAAY,GAAGxB,yBAAyB,CAAC,KAAKQ,KAAL,CAAWiB,SAAZ,CAA9C;AACA,QAAMf,mBAAmB,GAAG,CAC1B,GAAG,KAAKF,KAAL,CAAWiB,SAAX,CAAqBC,QADE,EAE1B,GAAGF,YAFuB,CAA5B;AAKA,QAAIG,WAAW,GAAG,KAAKnB,KAAL,CAAWiB,SAAX,CAAqBG,IAArB,CAA0BC,YAA1B,IAA0C,EAA5D;AACA,QAAMC,aAAa,GAAGtC,GAAG,CACvBS,6BADuB,0BAEN,KAAKO,KAAL,CAAWiB,SAAX,CAAqBM,QAFf,GAGvB,EAHuB,CAAzB;AAKAJ,IAAAA,WAAW,GAAG,CAAC,GAAGA,WAAJ,EAAiB,GAAGG,aAApB,CAAd;;AAEA,QAAI,CAACrC,OAAO,CAACkC,WAAD,CAAZ,EAA2B;AACzBA,MAAAA,WAAW,CAACK,OAAZ,CAAqBC,UAAD,IAAwB;AAC1C3C,QAAAA,MAAM,CAACoB,mBAAD,EAAuBM,IAAD,IAAUA,IAAI,CAACkB,EAAL,KAAYD,UAA5C,CAAN;AACD,OAFD;AAGD;;AAED,SAAKvB,mBAAL,GAA2BA,mBAAmB,CAACyB,GAApB,CAAyBC,SAAD,KAAqB;AACtEF,MAAAA,EAAE,EAAEE,SAAS,CAACF,EADwD;AAEtEjB,MAAAA,IAAI,EAAEmB,SAAS,CAACnB;AAFsD,KAArB,CAAxB,CAA3B;AAKA,SAAKL,KAAL,GAAa;AACXyB,MAAAA,UAAU,EAAE7B,KAAK,CAAC8B,aAAN,GAAsB9B,KAAK,CAAC8B,aAAN,CAAoBC,KAApB,EAAtB,GAAoD,EADrD;AAEX5B,MAAAA,CAAC,EAAE,EAFQ;AAGXF,MAAAA,YAAY,EAAE,KAAKC,mBAHR;AAIX8B,MAAAA,qBAAqB,EAAE,IAAIC,GAAJ,CAAQjC,KAAK,CAACkC,mBAAd;AAJZ,KAAb;AAMA,SAAKnB,oBAAL,GAA4BlC,QAAQ,CAAC,KAAKsD,YAAN,EAAoB,GAApB,CAApC;AACD;;AAEDC,EAAAA,kBAAkB,CAACC,SAAD,EAAkC;AAClD,QAAI,KAAKrC,KAAL,CAAW8B,aAAX,KAA6BO,SAAS,CAACP,aAA3C,EAA0D;AACxD,WAAKnB,QAAL,CAAc;AACZkB,QAAAA,UAAU,EAAE,KAAK7B,KAAL,CAAW8B,aAAX,GACR,KAAK9B,KAAL,CAAW8B,aAAX,CAAyBC,KAAzB,EADQ,GAER;AAHQ,OAAd;AAKD;;AAED,QAAI,KAAK/B,KAAL,CAAWkC,mBAAX,KAAmCG,SAAS,CAACH,mBAAjD,EAAsE;AACpE,WAAKvB,QAAL,CAAc;AACZqB,QAAAA,qBAAqB,EAAE,IAAIC,GAAJ,CAAQ,KAAKjC,KAAL,CAAWkC,mBAAnB;AADX,OAAd;AAGD;AACF;;AAEDI,EAAAA,aAAa,CAAC1B,KAAD,EAAaJ,IAAb,EAAwB;AAAA;;AACnC,QAAM+B,SAAS,GAAG,YAAlB;AACA,QAAMC,MAAM,GAAG5B,KAAK,CAACE,MAAN,CAAa2B,OAAb,GACX,KAAKrC,KAAL,CAAWmC,SAAX,EAAsBG,MAAtB,CAA6BlC,IAAI,CAACkB,EAAlC,CADW,GAEX3C,OAAO,CAAC,KAAKqB,KAAL,CAAWmC,SAAX,CAAD,EAAwB/B,IAAI,CAACkB,EAA7B,CAFX;AAIA,SAAKf,QAAL,CAAc;AAAE,OAAC4B,SAAD,GAAaC;AAAf,KAAd;AACA,gDAAKxC,KAAL,EAAW2C,QAAX,gGAAsBH,MAAtB;AACD;;AAEDI,EAAAA,cAAc,CAACpC,IAAD,EAAYqC,KAAZ,EAAiD;AAC7D,QAAMN,SAAS,GAAG,YAAlB;AACA,QAAME,OAAO,GAAG,KAAKrC,KAAL,CAAWmC,SAAX,EAAsB7B,QAAtB,CAA+BF,IAAI,CAACkB,EAApC,CAAhB;AACA,QAAMoB,QAAQ,GACZtC,IAAI,CAACkB,EAAL,KAAY,KAAK1B,KAAL,CAAW+C,kBAAvB,IACA,KAAK3C,KAAL,CAAW4B,qBAAX,CAAiCgB,GAAjC,CAAqCxC,IAAI,CAACkB,EAA1C,CAFF;AAGA,wBACE,oBAAC,GAAD;AACE,MAAA,GAAG,EAAElB,IAAI,CAACkB,EADZ;AAEE,MAAA,IAAI,EAAE,CAFR;AAGE,MAAA,KAAK,EAAE;AAAEuB,QAAAA,OAAO,EAAE;AAAX,OAHT;AAIE,MAAA,OAAO,EAAGrC,KAAD,IAAWA,KAAK,CAACsC,eAAN;AAJtB,oBAME,oBAAC,QAAD;AACE,MAAA,IAAI,EAAEL,KADR;AAEE,MAAA,KAAK,EAAE;AACLM,QAAAA,KAAK,EAAE,MADF;AAELC,QAAAA,SAAS,EAAE;AAFN,OAFT;AAME,MAAA,OAAO,EAAEX,OANX;AAOE,MAAA,QAAQ,EAAEK,QAPZ;AAQE,MAAA,QAAQ,EAAGlC,KAAD,IAAW,KAAK0B,aAAL,CAAmB1B,KAAnB,EAA0BJ,IAA1B,CARvB;AASE,+BAAgBA,IAAI,CAACkB,EAArB;AATF,OAWGlB,IAAI,CAACC,IAXR,CANF,CADF;AAsBD;;AAuBD4C,EAAAA,MAAM,GAAG;AACP,QAAMpD,YAAY,GAAG,KAAKG,KAAL,CAAWH,YAAhC;AACA,QAAMqD,YAAY,GAAGpE,eAAe,CAACyC,GAAhB,CAClB4B,cAAD,IAAoBA,cAAc,CAAC7B,EADhB,CAArB;AAGA,QAAM8B,KAAK,GAAGvD,YAAY,CAACM,MAAb,CACXC,IAAD,IAAe,CAAC8C,YAAY,CAAC5C,QAAb,CAAsBF,IAAI,CAACkB,EAA3B,CADJ,CAAd;AAGA,QAAM+B,UAAU,GAAGxD,YAAY,CAACM,MAAb,CAAqBC,IAAD,IACrC8C,YAAY,CAAC5C,QAAb,CAAsBF,IAAI,CAACkB,EAA3B,CADiB,CAAnB;AAIA,wBACE,uDACE,oBAAC,OAAD;AAAS,MAAA,WAAW,EAAC,MAArB;AAA4B,MAAA,KAAK,MAAjC;AAAkC,MAAA,KAAK,EAAE;AAAEgC,QAAAA,SAAS,EAAE;AAAb;AAAzC,OACGhE,IAAI,CAACiE,CAAL,WAAU/D,sBAAV,cAAoCD,CAAC,CAACiE,cAAtC,EADH,CADF,eAIE,8CACE,oBAAC,KAAD,CAAO,MAAP;AACE,MAAA,KAAK,EAAE,KAAKxD,KAAL,CAAWD,CADpB;AAEE,MAAA,WAAW,EAAET,IAAI,CAACiE,CAAL,WACR/D,sBADQ,cACkBD,CAAC,CAACkE,oBADpB,EAFf;AAKE,MAAA,QAAQ,EAAE,KAAKC,kBALjB;AAME,MAAA,KAAK,EAAE;AAAEX,QAAAA,KAAK,EAAE;AAAT,OANT;AAOE,qBAAY;AAPd,MADF,CAJF,eAeE;AACE,MAAA,KAAK,EAAE;AACLO,QAAAA,SAAS,EAAE,EADN;AAELK,QAAAA,SAAS,EAAE,GAFN;AAGLC,QAAAA,SAAS,EAAE,GAHN;AAILC,QAAAA,QAAQ,EAAE;AAJL,OADT;AAOE,MAAA,SAAS,EAAC;AAPZ,oBASE,oBAAC,GAAD,QACGT,KAAK,CAAC7B,GAAN,CAAWnB,IAAD,IAAe,KAAKoC,cAAL,CAAoBpC,IAApB,EAA0B,YAA1B,CAAzB,CADH,EAEGiD,UAAU,CAACS,MAAX,GAAoB,CAApB,gBACC,uDACE,oBAAC,OAAD,OADF,EAEGT,UAAU,CAAC9B,GAAX,CAAgBnB,IAAD,IACd,KAAKoC,cAAL,CAAoBpC,IAApB,EAA0B,YAA1B,CADD,CAFH,CADD,GAOG,IATN,CATF,CAfF,CADF;AAuCD;;AAzKD","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 getBatchEditableRelations,\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}\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\n const relationList = getBatchEditableRelations(this.props.modelData);\n const attrAndRelationList = [\n ...this.props.modelData.attrList,\n ...relationList,\n ];\n\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 this.state = {\n nextFields: props.currentFields ? props.currentFields.slice() : [],\n q: \"\",\n filteredList: this.attrAndRelationList,\n extraDisabledFieldSet: new Set(props.extraDisabledFields),\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({ [fieldsKey]: fields });\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 </div>\n <div\n style={{\n marginTop: 15,\n minHeight: 200,\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"],"file":"DisplaySettings.js"}
1
+ {"version":3,"sources":["../../../src/instance-list-table/DisplaySettings.tsx"],"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","filteredList","attrAndRelationList","q","state","trim","toLowerCase","filter","attr","name","includes","setState","event","value","target","debounceHandleSearch","modelData","hideColumns","view","hide_columns","ignoredFields","objectId","forEach","hideColumn","id","map","attribute","nextFields","currentFields","slice","extraDisabledFieldSet","Set","extraDisabledFields","filterColTag","componentDidUpdate","prevProps","handleChecked","fieldsKey","fields","checked","concat","onChange","renderCheckbox","field","disabled","extraDisabledField","has","padding","stopPropagation","width","wordBreak","render","extraAttrIds","extraFieldAttr","attrs","extraAttrs","marginTop","t","FIELD_SETTINGS","SEARCH_BY_FIELD_NAME","handleSearchChange","minHeight","maxHeight","overflow","length"],"mappings":"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","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}\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 this.state = {\n nextFields: props.currentFields ? props.currentFields.slice() : [],\n q: \"\",\n filteredList: this.attrAndRelationList,\n extraDisabledFieldSet: new Set(props.extraDisabledFields),\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({ [fieldsKey]: fields });\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 </div>\n <div\n style={{\n marginTop: 15,\n minHeight: 200,\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"],"file":"DisplaySettings.js"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@next-libs/cmdb-instances",
3
- "version": "6.38.0",
3
+ "version": "6.40.1",
4
4
  "description": "> TODO: description",
5
5
  "homepage": "https://github.com/easyops-cn/next-libs/tree/master/libs/cmdb-instances",
6
6
  "license": "GPL-3.0",
@@ -37,8 +37,8 @@
37
37
  "dependencies": {
38
38
  "@next-core/brick-types": "^2.16.0",
39
39
  "@next-libs/basic-components": "^3.5.1",
40
- "@next-libs/cmdb-utils": "^3.2.1",
41
- "@next-libs/code-editor-components": "^4.0.36",
40
+ "@next-libs/cmdb-utils": "^3.3.0",
41
+ "@next-libs/code-editor-components": "^4.1.0",
42
42
  "@next-libs/forms": "^3.2.27",
43
43
  "@next-libs/storage": "^2.0.2",
44
44
  "@next-sdk/cmdb-sdk": "^2.3.1",
@@ -50,5 +50,5 @@
50
50
  "immutability-helper": "^3.1.1",
51
51
  "marked": "^2.1.3"
52
52
  },
53
- "gitHead": "d8deafdeadb2e35ad5aaf7fc397b83672629e087"
53
+ "gitHead": "a5c485a5f40fdae0574c4e26361c1ac6f6635b33"
54
54
  }