@next-libs/cmdb-instances 7.22.7 → 7.24.0
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.
- package/dist/cjs/instance-list-table/DisplaySettings.js +109 -16
- package/dist/cjs/instance-list-table/DisplaySettings.js.map +1 -1
- package/dist/cjs/model-attribute-form/ModelAttributeForm.js +13 -3
- package/dist/cjs/model-attribute-form/ModelAttributeForm.js.map +1 -1
- package/dist/esm/instance-detail/index.module.css +1 -0
- package/dist/esm/instance-list-table/DisplaySettings.js +109 -17
- package/dist/esm/instance-list-table/DisplaySettings.js.map +1 -1
- package/dist/esm/model-attribute-form/ModelAttributeForm.js +12 -2
- package/dist/esm/model-attribute-form/ModelAttributeForm.js.map +1 -1
- package/dist/types/instance-list-table/DisplaySettings.d.ts +6 -2
- package/dist/types/model-attribute-form/ModelAttributeForm.d.ts +4 -1
- package/package.json +2 -2
|
@@ -18,6 +18,10 @@ class DisplaySettings extends _react.default.Component {
|
|
|
18
18
|
super(props);
|
|
19
19
|
(0, _defineProperty2.default)(this, "debounceHandleSearch", void 0);
|
|
20
20
|
(0, _defineProperty2.default)(this, "attrAndRelationList", []);
|
|
21
|
+
(0, _defineProperty2.default)(this, "getCAategoryOrders", () => {
|
|
22
|
+
const categoryOrders = [...new Set([...(0, _lodash.get)(this.props.modelData, "view.attr_category_order", []), "其他"])]; //分组排序
|
|
23
|
+
return categoryOrders;
|
|
24
|
+
});
|
|
21
25
|
(0, _defineProperty2.default)(this, "filterColTag", () => {
|
|
22
26
|
let filteredList = this.attrAndRelationList;
|
|
23
27
|
const q = this.state.q.trim().toLowerCase();
|
|
@@ -26,8 +30,22 @@ class DisplaySettings extends _react.default.Component {
|
|
|
26
30
|
return attr.name.toLowerCase().includes(q);
|
|
27
31
|
});
|
|
28
32
|
}
|
|
33
|
+
const fieldsKey = "nextFields";
|
|
34
|
+
const attrs = this.state[fieldsKey];
|
|
35
|
+
const categoryOrders = this.getCAategoryOrders();
|
|
36
|
+
const categoryMap = (0, _lodash.groupBy)(filteredList, "category");
|
|
37
|
+
const selectAllFields = attrs.length === this.state.allFieldsLength;
|
|
38
|
+
const selectCategoryAllFieldsMap = {};
|
|
39
|
+
categoryOrders.reduce((acc, item) => {
|
|
40
|
+
var _categoryMap$item;
|
|
41
|
+
const categoryAttrIds = (_categoryMap$item = categoryMap[item]) === null || _categoryMap$item === void 0 ? void 0 : _categoryMap$item.map(attr => attr.id);
|
|
42
|
+
acc[item] = selectAllFields ? selectAllFields : !!(categoryAttrIds !== null && categoryAttrIds !== void 0 && categoryAttrIds.every(id => attrs.includes(id)));
|
|
43
|
+
return acc;
|
|
44
|
+
}, selectCategoryAllFieldsMap);
|
|
29
45
|
this.setState({
|
|
30
|
-
filteredList
|
|
46
|
+
filteredList,
|
|
47
|
+
selectAllFields,
|
|
48
|
+
selectCategoryAllFieldsMap
|
|
31
49
|
});
|
|
32
50
|
});
|
|
33
51
|
(0, _defineProperty2.default)(this, "handleSearchChange", event => {
|
|
@@ -48,21 +66,33 @@ class DisplaySettings extends _react.default.Component {
|
|
|
48
66
|
}
|
|
49
67
|
this.attrAndRelationList = attrAndRelationList.map(attribute => ({
|
|
50
68
|
id: attribute.id,
|
|
51
|
-
name: attribute.name
|
|
69
|
+
name: attribute.name,
|
|
70
|
+
category: (0, _lodash.get)(attribute, "tag[0]", (0, _lodash.get)(attribute, "left_tags[0]", "其他"))
|
|
52
71
|
}));
|
|
53
72
|
const _filteredList = this.attrAndRelationList;
|
|
54
73
|
const extraAttrIds = _constants.extraFieldAttrs.map(extraFieldAttr => extraFieldAttr.id);
|
|
55
|
-
const
|
|
74
|
+
const _attrs = _filteredList.filter(attr => !extraAttrIds.includes(attr.id));
|
|
56
75
|
const extraAttrs = _filteredList.filter(attr => extraAttrIds.includes(attr.id));
|
|
57
76
|
const nextFields = props.currentFields ? props.currentFields.slice() : [];
|
|
58
|
-
const allFieldsLength = [...
|
|
77
|
+
const allFieldsLength = [..._attrs, ...extraAttrs].length;
|
|
78
|
+
const _selectAllFields = [...new Set([...nextFields])].length === allFieldsLength;
|
|
79
|
+
const _categoryOrders = this.getCAategoryOrders();
|
|
80
|
+
const _categoryMap = (0, _lodash.groupBy)(_attrs, "category");
|
|
81
|
+
const _selectCategoryAllFieldsMap = {};
|
|
82
|
+
_categoryOrders.reduce((acc, item) => {
|
|
83
|
+
var _categoryMap$item2;
|
|
84
|
+
const categoryAttrIds = (_categoryMap$item2 = _categoryMap[item]) === null || _categoryMap$item2 === void 0 ? void 0 : _categoryMap$item2.map(attr => attr.id);
|
|
85
|
+
acc[item] = _selectAllFields ? _selectAllFields : !!(categoryAttrIds !== null && categoryAttrIds !== void 0 && categoryAttrIds.every(id => nextFields.includes(id)));
|
|
86
|
+
return acc;
|
|
87
|
+
}, _selectCategoryAllFieldsMap);
|
|
59
88
|
this.state = {
|
|
60
89
|
nextFields,
|
|
61
90
|
q: "",
|
|
62
91
|
filteredList: this.attrAndRelationList,
|
|
63
92
|
extraDisabledFieldSet: new Set(props.extraDisabledFields),
|
|
64
|
-
selectAllFields:
|
|
65
|
-
allFieldsLength
|
|
93
|
+
selectAllFields: _selectAllFields,
|
|
94
|
+
allFieldsLength,
|
|
95
|
+
selectCategoryAllFieldsMap: _selectCategoryAllFieldsMap
|
|
66
96
|
};
|
|
67
97
|
this.debounceHandleSearch = (0, _lodash.debounce)(this.filterColTag, 300);
|
|
68
98
|
}
|
|
@@ -78,27 +108,65 @@ class DisplaySettings extends _react.default.Component {
|
|
|
78
108
|
});
|
|
79
109
|
}
|
|
80
110
|
}
|
|
81
|
-
handleChecked(event, attr) {
|
|
111
|
+
handleChecked(event, attr, categoryData) {
|
|
82
112
|
var _this$props$onChange, _this$props;
|
|
83
113
|
const fieldsKey = "nextFields";
|
|
114
|
+
const {
|
|
115
|
+
category,
|
|
116
|
+
attrs
|
|
117
|
+
} = categoryData !== null && categoryData !== void 0 ? categoryData : {};
|
|
84
118
|
const fields = event.target.checked ? this.state[fieldsKey].concat(attr.id) : (0, _lodash.without)(this.state[fieldsKey], attr.id);
|
|
119
|
+
if (category) {
|
|
120
|
+
const attrsIds = attrs.map(attr => attr.id);
|
|
121
|
+
this.setState({
|
|
122
|
+
[fieldsKey]: fields,
|
|
123
|
+
selectAllFields: fields.length === this.state.allFieldsLength,
|
|
124
|
+
selectCategoryAllFieldsMap: {
|
|
125
|
+
...this.state.selectCategoryAllFieldsMap,
|
|
126
|
+
[category]: attrsIds.every(id => fields.includes(id))
|
|
127
|
+
}
|
|
128
|
+
});
|
|
129
|
+
} else {
|
|
130
|
+
this.setState({
|
|
131
|
+
[fieldsKey]: fields,
|
|
132
|
+
selectAllFields: fields.length === this.state.allFieldsLength
|
|
133
|
+
});
|
|
134
|
+
}
|
|
135
|
+
(_this$props$onChange = (_this$props = this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props, fields);
|
|
136
|
+
}
|
|
137
|
+
handlecCategoryChecked(event, categoryData) {
|
|
138
|
+
var _this$props$onChange2, _this$props2;
|
|
139
|
+
const checked = event.target.checked;
|
|
140
|
+
const fieldsKey = "nextFields";
|
|
141
|
+
const {
|
|
142
|
+
category,
|
|
143
|
+
attrs
|
|
144
|
+
} = categoryData;
|
|
145
|
+
const attrsIds = attrs.map(attr => attr.id);
|
|
146
|
+
const fields = [...new Set([...(checked ? this.state[fieldsKey].concat(attrsIds) : (0, _lodash.without)(this.state[fieldsKey], ...attrsIds))])];
|
|
85
147
|
this.setState({
|
|
86
148
|
[fieldsKey]: fields,
|
|
87
|
-
selectAllFields: fields.length === this.state.allFieldsLength
|
|
149
|
+
selectAllFields: fields.length === this.state.allFieldsLength,
|
|
150
|
+
selectCategoryAllFieldsMap: {
|
|
151
|
+
...this.state.selectCategoryAllFieldsMap,
|
|
152
|
+
[category]: checked
|
|
153
|
+
}
|
|
88
154
|
});
|
|
89
|
-
(_this$props$
|
|
155
|
+
(_this$props$onChange2 = (_this$props2 = this.props).onChange) === null || _this$props$onChange2 === void 0 ? void 0 : _this$props$onChange2.call(_this$props2, fields);
|
|
90
156
|
}
|
|
91
157
|
handleSelectAllFields(event, allFields) {
|
|
92
|
-
var _this$props$
|
|
158
|
+
var _this$props$onChange3, _this$props3;
|
|
93
159
|
const fieldsKey = "nextFields";
|
|
94
|
-
const
|
|
160
|
+
const checked = event.target.checked;
|
|
161
|
+
const fields = checked ? allFields.map(attr => attr.id) : [];
|
|
95
162
|
this.setState({
|
|
96
163
|
[fieldsKey]: fields,
|
|
97
|
-
selectAllFields: event.target.checked
|
|
164
|
+
selectAllFields: event.target.checked,
|
|
165
|
+
selectCategoryAllFieldsMap: (0, _lodash.mapValues)(this.state.selectCategoryAllFieldsMap, () => checked)
|
|
98
166
|
});
|
|
99
|
-
(_this$props$
|
|
167
|
+
(_this$props$onChange3 = (_this$props3 = this.props).onChange) === null || _this$props$onChange3 === void 0 ? void 0 : _this$props$onChange3.call(_this$props3, fields);
|
|
100
168
|
}
|
|
101
|
-
renderCheckbox(attr, field) {
|
|
169
|
+
renderCheckbox(attr, field, categoryData) {
|
|
102
170
|
const fieldsKey = "nextFields";
|
|
103
171
|
const checked = this.state[fieldsKey].includes(attr.id);
|
|
104
172
|
const disabled = attr.id === this.props.extraDisabledField || this.state.extraDisabledFieldSet.has(attr.id);
|
|
@@ -117,7 +185,7 @@ class DisplaySettings extends _react.default.Component {
|
|
|
117
185
|
},
|
|
118
186
|
checked: checked,
|
|
119
187
|
disabled: disabled,
|
|
120
|
-
onChange: event => this.handleChecked(event, attr),
|
|
188
|
+
onChange: event => this.handleChecked(event, attr, categoryData),
|
|
121
189
|
"data-testid": `${attr.id}-checkbox`
|
|
122
190
|
}, attr.name));
|
|
123
191
|
}
|
|
@@ -125,6 +193,8 @@ class DisplaySettings extends _react.default.Component {
|
|
|
125
193
|
const filteredList = this.state.filteredList;
|
|
126
194
|
const extraAttrIds = _constants.extraFieldAttrs.map(extraFieldAttr => extraFieldAttr.id);
|
|
127
195
|
const attrs = filteredList.filter(attr => !extraAttrIds.includes(attr.id));
|
|
196
|
+
const categoryOrders = this.getCAategoryOrders();
|
|
197
|
+
const categoryMap = (0, _lodash.groupBy)(attrs, "category");
|
|
128
198
|
const extraAttrs = filteredList.filter(attr => extraAttrIds.includes(attr.id));
|
|
129
199
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_antd.Divider, {
|
|
130
200
|
orientation: "left",
|
|
@@ -156,7 +226,30 @@ class DisplaySettings extends _react.default.Component {
|
|
|
156
226
|
overflow: "auto"
|
|
157
227
|
},
|
|
158
228
|
className: "nextFields"
|
|
159
|
-
},
|
|
229
|
+
}, categoryOrders === null || categoryOrders === void 0 ? void 0 : categoryOrders.map((category, index) => {
|
|
230
|
+
var _categoryMap$category;
|
|
231
|
+
const categoryAttrs = (_categoryMap$category = categoryMap === null || categoryMap === void 0 ? void 0 : categoryMap[category]) !== null && _categoryMap$category !== void 0 ? _categoryMap$category : [];
|
|
232
|
+
return categoryAttrs.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
|
|
233
|
+
style: {
|
|
234
|
+
marginBottom: index === categoryOrders.length - 1 ? 0 : 15
|
|
235
|
+
}
|
|
236
|
+
}, /*#__PURE__*/_react.default.createElement(_antd.Checkbox, {
|
|
237
|
+
checked: this.state.selectCategoryAllFieldsMap[category],
|
|
238
|
+
onChange: e => {
|
|
239
|
+
this.handlecCategoryChecked(e, {
|
|
240
|
+
category,
|
|
241
|
+
attrs: categoryAttrs
|
|
242
|
+
});
|
|
243
|
+
}
|
|
244
|
+
}, category), /*#__PURE__*/_react.default.createElement(_antd.Row, {
|
|
245
|
+
style: {
|
|
246
|
+
padding: "12px 12px 0px 12px"
|
|
247
|
+
}
|
|
248
|
+
}, categoryAttrs.map(attr => this.renderCheckbox(attr, "nextFields", {
|
|
249
|
+
category,
|
|
250
|
+
attrs: categoryAttrs
|
|
251
|
+
})))) : null;
|
|
252
|
+
}), 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));
|
|
160
253
|
}
|
|
161
254
|
}
|
|
162
255
|
exports.DisplaySettings = DisplaySettings;
|
|
@@ -1 +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":[]}
|
|
1
|
+
{"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":"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","ignoreList":[]}
|
|
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports.ModelAttributeForm = exports.InstanceModelAttributeForm = void 0;
|
|
8
|
+
exports.ModelAttributeForm = exports.InstanceModelAttributeFormRef = exports.InstanceModelAttributeForm = void 0;
|
|
9
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
10
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
@@ -132,7 +132,10 @@ class ModelAttributeForm extends _react.Component {
|
|
|
132
132
|
});
|
|
133
133
|
/* istanbul ignore next */
|
|
134
134
|
(0, _defineProperty2.default)(this, "handleSubmit", (e, type) => {
|
|
135
|
-
|
|
135
|
+
// 允许不传入 event 参数
|
|
136
|
+
if (e) {
|
|
137
|
+
e.preventDefault();
|
|
138
|
+
}
|
|
136
139
|
this.props.scrollToFirstError ? this.props.form.validateFieldsAndScroll({
|
|
137
140
|
scroll: {
|
|
138
141
|
offsetTop: this.props.offsetTop || 60,
|
|
@@ -545,7 +548,7 @@ class ModelAttributeForm extends _react.Component {
|
|
|
545
548
|
},
|
|
546
549
|
onClick: this.handleCancel
|
|
547
550
|
}, cancelText !== null && cancelText !== void 0 ? cancelText : _i18next.default.t(`${_constants2.NS_LIBS_CMDB_INSTANCES}:${_constants2.K.CANCEL}`)))));
|
|
548
|
-
return /*#__PURE__*/_react.default.createElement(_compatible.Form, null, collapse, submitContainer);
|
|
551
|
+
return /*#__PURE__*/_react.default.createElement(_compatible.Form, null, collapse, !this.props.useManualVerification && submitContainer);
|
|
549
552
|
}
|
|
550
553
|
}
|
|
551
554
|
exports.ModelAttributeForm = ModelAttributeForm;
|
|
@@ -554,4 +557,11 @@ exports.ModelAttributeForm = ModelAttributeForm;
|
|
|
554
557
|
cancelType: "text"
|
|
555
558
|
});
|
|
556
559
|
const InstanceModelAttributeForm = exports.InstanceModelAttributeForm = _compatible.Form.create()(ModelAttributeForm);
|
|
560
|
+
const InstanceModelAttributeFormRef = exports.InstanceModelAttributeFormRef = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
|
|
561
|
+
const WrappedForm = _compatible.Form.create()(ModelAttributeForm);
|
|
562
|
+
return /*#__PURE__*/_react.default.createElement(WrappedForm, (0, _extends2.default)({}, props, {
|
|
563
|
+
wrappedComponentRef: ref
|
|
564
|
+
}));
|
|
565
|
+
});
|
|
566
|
+
InstanceModelAttributeFormRef.displayName = "InstanceModelAttributeFormRef";
|
|
557
567
|
//# sourceMappingURL=ModelAttributeForm.js.map
|