@next-libs/cmdb-instances 6.47.12 → 6.49.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/attribute-form-control-url/AttributeFormControlUrl.js +8 -23
- package/dist/cjs/attribute-form-control-url/AttributeFormControlUrl.js.map +1 -1
- package/dist/cjs/cmdb-instances-input-form/CmdbInstancesInputFormItem.js +3 -43
- package/dist/cjs/cmdb-instances-input-form/CmdbInstancesInputFormItem.js.map +1 -1
- package/dist/cjs/cmdb-instances-select-panel/CmdbInstancesSelectPanel.js +6 -45
- package/dist/cjs/cmdb-instances-select-panel/CmdbInstancesSelectPanel.js.map +1 -1
- package/dist/cjs/cmdb-url-link/CmdbUrlLink.js +0 -11
- package/dist/cjs/cmdb-url-link/CmdbUrlLink.js.map +1 -1
- package/dist/cjs/components/index.js +0 -4
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/components/instance-format/index.js +0 -15
- package/dist/cjs/components/instance-format/index.js.map +1 -1
- package/dist/cjs/components/user-or-user-group-select/UserOrUserGroupSelect.js +33 -92
- package/dist/cjs/components/user-or-user-group-select/UserOrUserGroupSelect.js.map +1 -1
- package/dist/cjs/data-providers/fetchCmdbInstanceDetail.js +0 -3
- package/dist/cjs/data-providers/fetchCmdbInstanceDetail.js.map +1 -1
- package/dist/cjs/data-providers/fetchCmdbInstanceSearch.js +0 -2
- package/dist/cjs/data-providers/fetchCmdbInstanceSearch.js.map +1 -1
- package/dist/cjs/data-providers/fetchCmdbObjectDetail.js +0 -2
- package/dist/cjs/data-providers/fetchCmdbObjectDetail.js.map +1 -1
- package/dist/cjs/data-providers/fetchCmdbObjectList.js +0 -2
- package/dist/cjs/data-providers/fetchCmdbObjectList.js.map +1 -1
- package/dist/cjs/data-providers/fetchCmdbObjectRef.js +0 -2
- package/dist/cjs/data-providers/fetchCmdbObjectRef.js.map +1 -1
- package/dist/cjs/data-providers/index.js +0 -10
- package/dist/cjs/data-providers/index.js.map +1 -1
- package/dist/cjs/float-display-brick/FloatDisplayBrick.js +0 -7
- package/dist/cjs/float-display-brick/FloatDisplayBrick.js.map +1 -1
- package/dist/cjs/i18n/constants.js +0 -1
- package/dist/cjs/i18n/constants.js.map +1 -1
- package/dist/cjs/i18n/index.js +0 -7
- package/dist/cjs/i18n/index.js.map +1 -1
- package/dist/cjs/i18n/locales/en.js +0 -2
- package/dist/cjs/i18n/locales/en.js.map +1 -1
- package/dist/cjs/i18n/locales/zh.js +0 -2
- package/dist/cjs/i18n/locales/zh.js.map +1 -1
- package/dist/cjs/index.js +0 -29
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/instance-attribute-form/InstanceAttributeForm.js +4 -25
- package/dist/cjs/instance-attribute-form/InstanceAttributeForm.js.map +1 -1
- package/dist/cjs/instance-detail/InstanceDetail.js +42 -124
- package/dist/cjs/instance-detail/InstanceDetail.js.map +1 -1
- package/dist/cjs/instance-detail/components/instance-relation-field-display/constants.js.map +1 -1
- package/dist/cjs/instance-detail/components/instance-relation-field-display/instance-relation-field-display.js +4 -19
- package/dist/cjs/instance-detail/components/instance-relation-field-display/instance-relation-field-display.js.map +1 -1
- package/dist/cjs/instance-detail/components/instance-relation-table-show/instance-relation-table-show.js +4 -11
- package/dist/cjs/instance-detail/components/instance-relation-table-show/instance-relation-table-show.js.map +1 -1
- package/dist/cjs/instance-detail/constants/index.js.map +1 -1
- package/dist/cjs/instance-list/IconButton.js +0 -18
- package/dist/cjs/instance-list/IconButton.js.map +1 -1
- package/dist/cjs/instance-list/InstanceList.js +60 -210
- package/dist/cjs/instance-list/InstanceList.js.map +1 -1
- package/dist/cjs/instance-list/constants.js +0 -7
- package/dist/cjs/instance-list/constants.js.map +1 -1
- package/dist/cjs/instance-list-modal/InstanceListModal.js +8 -32
- package/dist/cjs/instance-list-modal/InstanceListModal.js.map +1 -1
- package/dist/cjs/instance-list-table/AdvancedSearch.js +12 -133
- package/dist/cjs/instance-list-table/AdvancedSearch.js.map +1 -1
- package/dist/cjs/instance-list-table/AdvancedSearchCondition.js +3 -45
- package/dist/cjs/instance-list-table/AdvancedSearchCondition.js.map +1 -1
- package/dist/cjs/instance-list-table/DisplaySettings.js +0 -24
- package/dist/cjs/instance-list-table/DisplaySettings.js.map +1 -1
- package/dist/cjs/instance-list-table/DisplaySettingsModal.js +0 -10
- package/dist/cjs/instance-list-table/DisplaySettingsModal.js.map +1 -1
- package/dist/cjs/instance-list-table/DynamicSearch.js +4 -44
- package/dist/cjs/instance-list-table/DynamicSearch.js.map +1 -1
- package/dist/cjs/instance-list-table/InstanceListTable.js +30 -151
- package/dist/cjs/instance-list-table/InstanceListTable.js.map +1 -1
- package/dist/cjs/instance-list-table/MoreButtonsContainer.js +0 -15
- package/dist/cjs/instance-list-table/MoreButtonsContainer.js.map +1 -1
- package/dist/cjs/instance-list-table/constants.js +0 -2
- package/dist/cjs/instance-list-table/constants.js.map +1 -1
- package/dist/cjs/instance-list-table/data-providers/fetchCmdbInstanceAggregateCount.js +0 -2
- package/dist/cjs/instance-list-table/data-providers/fetchCmdbInstanceAggregateCount.js.map +1 -1
- package/dist/cjs/instance-list-table/data-providers/fetchCmdbInstanceCount.js +0 -2
- package/dist/cjs/instance-list-table/data-providers/fetchCmdbInstanceCount.js.map +1 -1
- package/dist/cjs/instance-list-table/data-providers/fetchCmdbInstanceDetail.js +0 -2
- package/dist/cjs/instance-list-table/data-providers/fetchCmdbInstanceDetail.js.map +1 -1
- package/dist/cjs/instance-list-table/data-providers/fetchCmdbObjectDetail.js +0 -2
- package/dist/cjs/instance-list-table/data-providers/fetchCmdbObjectDetail.js.map +1 -1
- package/dist/cjs/instance-list-table/data-providers/fetchPermRoleList.js +0 -2
- package/dist/cjs/instance-list-table/data-providers/fetchPermRoleList.js.map +1 -1
- package/dist/cjs/instance-list-table/data-providers/fetchPermissionList.js +0 -2
- package/dist/cjs/instance-list-table/data-providers/fetchPermissionList.js.map +1 -1
- package/dist/cjs/instance-list-table/data-providers/getDefaultValueTemplate.js +1 -2
- package/dist/cjs/instance-list-table/data-providers/getDefaultValueTemplate.js.map +1 -1
- package/dist/cjs/instance-list-table/data-providers/index.js +0 -16
- package/dist/cjs/instance-list-table/data-providers/index.js.map +1 -1
- package/dist/cjs/instance-list-table/data-providers/searchCmdbInstances.js +0 -2
- package/dist/cjs/instance-list-table/data-providers/searchCmdbInstances.js.map +1 -1
- package/dist/cjs/instance-list-table/index.js +0 -12
- package/dist/cjs/instance-list-table/index.js.map +1 -1
- package/dist/cjs/instance-list-table/utils.js +0 -24
- package/dist/cjs/instance-list-table/utils.js.map +1 -1
- package/dist/cjs/model-attribute-form/ModelAttributeForm.js +27 -99
- package/dist/cjs/model-attribute-form/ModelAttributeForm.js.map +1 -1
- package/dist/cjs/model-attribute-form/constants.js.map +1 -1
- package/dist/cjs/model-attribute-form-control/ModelAttributeFormControl.js +13 -94
- package/dist/cjs/model-attribute-form-control/ModelAttributeFormControl.js.map +1 -1
- package/dist/cjs/model-relation-form/ModelRelationForm.js +0 -18
- package/dist/cjs/model-relation-form/ModelRelationForm.js.map +1 -1
- package/dist/cjs/processors.js +2 -21
- package/dist/cjs/processors.js.map +1 -1
- package/dist/cjs/struct-components/AddStruct.js +4 -15
- package/dist/cjs/struct-components/AddStruct.js.map +1 -1
- package/dist/cjs/struct-components/AddStructModal.js +0 -48
- package/dist/cjs/struct-components/AddStructModal.js.map +1 -1
- package/dist/cjs/struct-components/StructTable.js +2 -32
- package/dist/cjs/struct-components/StructTable.js.map +1 -1
- package/dist/cjs/struct-components/index.js +0 -8
- package/dist/cjs/struct-components/index.js.map +1 -1
- package/dist/cjs/struct-components/interfaces.js +0 -1
- package/dist/cjs/struct-components/interfaces.js.map +1 -1
- package/dist/cjs/struct-components/mockData.js.map +1 -1
- package/dist/esm/attribute-form-control-url/AttributeFormControlUrl.js +8 -18
- package/dist/esm/attribute-form-control-url/AttributeFormControlUrl.js.map +1 -1
- package/dist/esm/cmdb-instances-input-form/CmdbInstancesInputFormItem.js +3 -35
- package/dist/esm/cmdb-instances-input-form/CmdbInstancesInputFormItem.js.map +1 -1
- package/dist/esm/cmdb-instances-select-panel/CmdbInstancesSelectPanel.js +4 -32
- package/dist/esm/cmdb-instances-select-panel/CmdbInstancesSelectPanel.js.map +1 -1
- package/dist/esm/cmdb-url-link/CmdbUrlLink.js +0 -3
- package/dist/esm/cmdb-url-link/CmdbUrlLink.js.map +1 -1
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/components/instance-format/index.js +0 -5
- package/dist/esm/components/instance-format/index.js.map +1 -1
- package/dist/esm/components/user-or-user-group-select/UserOrUserGroupSelect.js +19 -74
- package/dist/esm/components/user-or-user-group-select/UserOrUserGroupSelect.js.map +1 -1
- package/dist/esm/data-providers/fetchCmdbInstanceDetail.js.map +1 -1
- package/dist/esm/data-providers/fetchCmdbInstanceSearch.js.map +1 -1
- package/dist/esm/data-providers/fetchCmdbObjectDetail.js.map +1 -1
- package/dist/esm/data-providers/fetchCmdbObjectList.js.map +1 -1
- package/dist/esm/data-providers/fetchCmdbObjectRef.js.map +1 -1
- package/dist/esm/data-providers/index.js.map +1 -1
- package/dist/esm/float-display-brick/FloatDisplayBrick.js +0 -1
- package/dist/esm/float-display-brick/FloatDisplayBrick.js.map +1 -1
- package/dist/esm/i18n/constants.js +0 -1
- package/dist/esm/i18n/constants.js.map +1 -1
- package/dist/esm/i18n/index.js +2 -1
- package/dist/esm/i18n/index.js.map +1 -1
- package/dist/esm/i18n/locales/en.js.map +1 -1
- package/dist/esm/i18n/locales/zh.js.map +1 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/instance-attribute-form/InstanceAttributeForm.js +4 -10
- package/dist/esm/instance-attribute-form/InstanceAttributeForm.js.map +1 -1
- package/dist/esm/instance-detail/InstanceDetail.js +36 -111
- package/dist/esm/instance-detail/InstanceDetail.js.map +1 -1
- package/dist/esm/instance-detail/components/instance-relation-field-display/constants.js.map +1 -1
- package/dist/esm/instance-detail/components/instance-relation-field-display/instance-relation-field-display.js +4 -10
- package/dist/esm/instance-detail/components/instance-relation-field-display/instance-relation-field-display.js.map +1 -1
- package/dist/esm/instance-detail/components/instance-relation-table-show/instance-relation-table-show.js +2 -2
- package/dist/esm/instance-detail/components/instance-relation-table-show/instance-relation-table-show.js.map +1 -1
- package/dist/esm/instance-detail/constants/index.js.map +1 -1
- package/dist/esm/instance-list/IconButton.js +0 -8
- package/dist/esm/instance-list/IconButton.js.map +1 -1
- package/dist/esm/instance-list/InstanceList.js +54 -180
- package/dist/esm/instance-list/InstanceList.js.map +1 -1
- package/dist/esm/instance-list/constants.js +0 -2
- package/dist/esm/instance-list/constants.js.map +1 -1
- package/dist/esm/instance-list-modal/InstanceListModal.js +8 -20
- package/dist/esm/instance-list-modal/InstanceListModal.js.map +1 -1
- package/dist/esm/instance-list-table/AdvancedSearch.js +10 -119
- package/dist/esm/instance-list-table/AdvancedSearch.js.map +1 -1
- package/dist/esm/instance-list-table/AdvancedSearchCondition.js +1 -31
- package/dist/esm/instance-list-table/AdvancedSearchCondition.js.map +1 -1
- package/dist/esm/instance-list-table/DisplaySettings.js +0 -16
- package/dist/esm/instance-list-table/DisplaySettings.js.map +1 -1
- package/dist/esm/instance-list-table/DisplaySettingsModal.js +0 -3
- package/dist/esm/instance-list-table/DisplaySettingsModal.js.map +1 -1
- package/dist/esm/instance-list-table/DynamicSearch.js +0 -34
- package/dist/esm/instance-list-table/DynamicSearch.js.map +1 -1
- package/dist/esm/instance-list-table/InstanceListTable.js +23 -138
- package/dist/esm/instance-list-table/InstanceListTable.js.map +1 -1
- package/dist/esm/instance-list-table/MoreButtonsContainer.js +0 -7
- package/dist/esm/instance-list-table/MoreButtonsContainer.js.map +1 -1
- package/dist/esm/instance-list-table/constants.js +0 -2
- package/dist/esm/instance-list-table/constants.js.map +1 -1
- package/dist/esm/instance-list-table/data-providers/fetchCmdbInstanceAggregateCount.js.map +1 -1
- package/dist/esm/instance-list-table/data-providers/fetchCmdbInstanceCount.js.map +1 -1
- package/dist/esm/instance-list-table/data-providers/fetchCmdbInstanceDetail.js.map +1 -1
- package/dist/esm/instance-list-table/data-providers/fetchCmdbObjectDetail.js.map +1 -1
- package/dist/esm/instance-list-table/data-providers/fetchPermRoleList.js.map +1 -1
- package/dist/esm/instance-list-table/data-providers/fetchPermissionList.js.map +1 -1
- package/dist/esm/instance-list-table/data-providers/getDefaultValueTemplate.js +1 -1
- package/dist/esm/instance-list-table/data-providers/getDefaultValueTemplate.js.map +1 -1
- package/dist/esm/instance-list-table/data-providers/index.js.map +1 -1
- package/dist/esm/instance-list-table/data-providers/searchCmdbInstances.js.map +1 -1
- package/dist/esm/instance-list-table/index.js.map +1 -1
- package/dist/esm/instance-list-table/utils.js +0 -15
- package/dist/esm/instance-list-table/utils.js.map +1 -1
- package/dist/esm/model-attribute-form/ModelAttributeForm.js +19 -92
- package/dist/esm/model-attribute-form/ModelAttributeForm.js.map +1 -1
- package/dist/esm/model-attribute-form/constants.js.map +1 -1
- package/dist/esm/model-attribute-form-control/ModelAttributeFormControl.js +27 -102
- package/dist/esm/model-attribute-form-control/ModelAttributeFormControl.js.map +1 -1
- package/dist/esm/model-relation-form/ModelRelationForm.js +0 -10
- package/dist/esm/model-relation-form/ModelRelationForm.js.map +1 -1
- package/dist/esm/processors.js +2 -7
- package/dist/esm/processors.js.map +1 -1
- package/dist/esm/struct-components/AddStruct.js +4 -9
- package/dist/esm/struct-components/AddStruct.js.map +1 -1
- package/dist/esm/struct-components/AddStructModal.js +0 -36
- package/dist/esm/struct-components/AddStructModal.js.map +1 -1
- package/dist/esm/struct-components/StructTable.js +2 -26
- package/dist/esm/struct-components/StructTable.js.map +1 -1
- package/dist/esm/struct-components/index.js.map +1 -1
- package/dist/esm/struct-components/interfaces.js +0 -1
- package/dist/esm/struct-components/interfaces.js.map +1 -1
- package/dist/esm/struct-components/mockData.js.map +1 -1
- package/dist/types/instance-list/InstanceList.d.ts +10 -0
- package/package.json +9 -9
- package/CHANGELOG.md +0 -3676
|
@@ -1,36 +1,22 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
|
-
|
|
5
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports.LegacyInstanceAttributeForm = exports.InstanceAttributeForm = void 0;
|
|
11
|
-
|
|
12
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
13
|
-
|
|
14
10
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
|
-
|
|
16
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
17
|
-
|
|
18
12
|
var _compatible = require("@ant-design/compatible");
|
|
19
|
-
|
|
20
13
|
var _lodash = require("lodash");
|
|
21
|
-
|
|
22
14
|
var _ModelAttributeFormControl = require("../model-attribute-form-control/ModelAttributeFormControl");
|
|
23
|
-
|
|
24
15
|
var _i18next = _interopRequireDefault(require("i18next"));
|
|
25
|
-
|
|
26
16
|
var _constants = require("../i18n/constants");
|
|
27
|
-
|
|
28
17
|
var _ModelRelationForm = require("../model-relation-form/ModelRelationForm");
|
|
29
|
-
|
|
30
18
|
var _i18n = require("../i18n");
|
|
31
|
-
|
|
32
19
|
(0, _i18n.addResourceBundle)();
|
|
33
|
-
|
|
34
20
|
class LegacyInstanceAttributeForm extends _react.Component {
|
|
35
21
|
constructor(Props) {
|
|
36
22
|
super(Props);
|
|
@@ -44,10 +30,10 @@ class LegacyInstanceAttributeForm extends _react.Component {
|
|
|
44
30
|
wrapperCol: {
|
|
45
31
|
span: 18
|
|
46
32
|
}
|
|
47
|
-
};
|
|
48
|
-
|
|
49
|
-
const InitialRelationValue = (0, _lodash.get)(this.props.attributeFormControlInitialValueMap, relation.left_id);
|
|
50
|
-
|
|
33
|
+
};
|
|
34
|
+
// istanbul ignore next
|
|
35
|
+
const InitialRelationValue = (0, _lodash.get)(this.props.attributeFormControlInitialValueMap, relation.left_id);
|
|
36
|
+
// istanbul ignore next
|
|
51
37
|
const initialValue = InitialRelationValue ? InitialRelationValue.map(instanceData => instanceData.instanceId) : [];
|
|
52
38
|
return /*#__PURE__*/_react.default.createElement(_compatible.Form.Item, (0, _extends2.default)({
|
|
53
39
|
label: relation.left_description,
|
|
@@ -60,12 +46,10 @@ class LegacyInstanceAttributeForm extends _react.Component {
|
|
|
60
46
|
instanceListData: this.props.attributeFormControlInitialValueMap[relation.left_id]
|
|
61
47
|
})));
|
|
62
48
|
});
|
|
63
|
-
|
|
64
49
|
if (this.props.objectList) {
|
|
65
50
|
this.modelMap = (0, _lodash.keyBy)(this.props.objectList, "objectId");
|
|
66
51
|
}
|
|
67
52
|
}
|
|
68
|
-
|
|
69
53
|
render() {
|
|
70
54
|
const {
|
|
71
55
|
basicInfoAttrList,
|
|
@@ -84,7 +68,6 @@ class LegacyInstanceAttributeForm extends _react.Component {
|
|
|
84
68
|
};
|
|
85
69
|
const collapse = basicInfoAttrList && basicInfoAttrList.map(attribute => {
|
|
86
70
|
var _value;
|
|
87
|
-
|
|
88
71
|
return attribute.__isRelation ? this.renderRelationFormControl(attribute) : /*#__PURE__*/_react.default.createElement(_compatible.Form.Item, (0, _extends2.default)({
|
|
89
72
|
label: attribute.name,
|
|
90
73
|
key: attribute.name
|
|
@@ -101,17 +84,13 @@ class LegacyInstanceAttributeForm extends _react.Component {
|
|
|
101
84
|
});
|
|
102
85
|
return /*#__PURE__*/_react.default.createElement(_compatible.Form, null, collapse);
|
|
103
86
|
}
|
|
104
|
-
|
|
105
87
|
}
|
|
106
|
-
|
|
107
88
|
exports.LegacyInstanceAttributeForm = LegacyInstanceAttributeForm;
|
|
108
|
-
|
|
109
89
|
const InstanceAttributeForm = _compatible.Form.create({
|
|
110
90
|
name: "instanceAttributeForm",
|
|
111
91
|
validateMessages: {
|
|
112
92
|
required: _i18next.default.t(`${_constants.NS_LIBS_CMDB_INSTANCES}:${_constants.K.VALIDATE_MESSAGE_REQUIRED}`)
|
|
113
93
|
}
|
|
114
94
|
})(LegacyInstanceAttributeForm);
|
|
115
|
-
|
|
116
95
|
exports.InstanceAttributeForm = InstanceAttributeForm;
|
|
117
96
|
//# sourceMappingURL=InstanceAttributeForm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InstanceAttributeForm.js","names":["addResourceBundle","LegacyInstanceAttributeForm","Component","constructor","Props","relation","formItemLayout","labelCol","span","wrapperCol","InitialRelationValue","get","props","attributeFormControlInitialValueMap","left_id","initialValue","map","instanceData","instanceId","left_description","form","getFieldDecorator","modelMap","objectList","keyBy","render","basicInfoAttrList","collapse","attribute","__isRelation","renderRelationFormControl","name","__id","rules","required","isCreate","value","type","ModelAttributeValueType","ENUMS","InstanceAttributeForm","Form","create","validateMessages","i18n","t","NS_LIBS_CMDB_INSTANCES","K","VALIDATE_MESSAGE_REQUIRED"],"sources":["../../../src/instance-attribute-form/InstanceAttributeForm.tsx"],"sourcesContent":["import React, { Component } from \"react\";\nimport {\n CmdbModels,\n InstanceApi_GetDefaultValueTemplateResponseBody,\n InstanceApi_GetDetailResponseBody,\n} from \"@next-sdk/cmdb-sdk\";\nimport { Form } from \"@ant-design/compatible\";\nimport { get, keyBy } from \"lodash\";\nimport { FormComponentProps } from \"@ant-design/compatible/lib/form\";\nimport {\n ModelAttributeFormControl,\n ModelAttributeValueType,\n} from \"../model-attribute-form-control/ModelAttributeFormControl\";\n\nimport i18n from \"i18next\";\nimport { NS_LIBS_CMDB_INSTANCES, K } from \"../i18n/constants\";\n\nimport {\n ModifiedModelObjectAttr,\n ModifiedModelObjectRelation,\n ModifiedModelObjectField,\n} from \"@next-libs/cmdb-utils\";\n\nimport { ModelRelationForm } from \"../model-relation-form/ModelRelationForm\";\n\nimport { addResourceBundle } from \"../i18n\";\naddResourceBundle();\n\nexport interface InstanceAttributeFormProps extends FormComponentProps {\n isCreate?: boolean;\n objectList?: Partial<CmdbModels.ModelCmdbObject>[];\n basicInfoAttrList?: ModifiedModelObjectField[];\n attributeFormControlInitialValueMap?:\n | InstanceApi_GetDefaultValueTemplateResponseBody\n | Partial<InstanceApi_GetDetailResponseBody>;\n}\n\nexport class LegacyInstanceAttributeForm extends Component<InstanceAttributeFormProps> {\n private modelMap: Record<string, Partial<CmdbModels.ModelCmdbObject>> = {};\n\n constructor(Props: InstanceAttributeFormProps) {\n super(Props);\n\n if (this.props.objectList) {\n this.modelMap = keyBy(this.props.objectList, \"objectId\");\n }\n }\n\n renderRelationFormControl = (\n relation: Partial<ModifiedModelObjectRelation>\n ) => {\n // istanbul ignore next\n const formItemLayout = {\n labelCol: { span: 4 },\n wrapperCol: { span: 18 },\n };\n // istanbul ignore next\n const InitialRelationValue = get(\n this.props.attributeFormControlInitialValueMap,\n relation.left_id\n );\n // istanbul ignore next\n const initialValue = InitialRelationValue\n ? InitialRelationValue.map((instanceData: any) => instanceData.instanceId)\n : [];\n\n return (\n <Form.Item\n label={relation.left_description}\n key={relation.left_id}\n {...formItemLayout}\n >\n {this.props.form.getFieldDecorator(relation.left_id, { initialValue })(\n <ModelRelationForm\n modelMap={this.modelMap}\n relation={relation}\n instanceListData={\n this.props.attributeFormControlInitialValueMap[relation.left_id]\n }\n />\n )}\n </Form.Item>\n );\n };\n\n render(): React.ReactNode {\n const { basicInfoAttrList, form } = this.props;\n const { getFieldDecorator } = form;\n const formItemLayout = {\n labelCol: { span: 4 },\n wrapperCol: { span: 18 },\n };\n const collapse =\n basicInfoAttrList &&\n basicInfoAttrList.map((attribute) =>\n attribute.__isRelation ? (\n this.renderRelationFormControl(attribute)\n ) : (\n <Form.Item\n label={attribute.name}\n key={attribute.name}\n {...formItemLayout}\n >\n {getFieldDecorator(attribute.__id, {\n rules: [\n {\n required:\n (attribute as ModifiedModelObjectAttr).required !== \"false\",\n },\n ],\n initialValue: get(\n this.props.attributeFormControlInitialValueMap,\n attribute.__id\n ),\n })(\n <ModelAttributeFormControl\n isCreate={this.props.isCreate}\n attribute={attribute}\n multiSelect={\n (attribute as ModifiedModelObjectAttr).value?.type ===\n ModelAttributeValueType.ENUMS\n }\n />\n )}\n </Form.Item>\n )\n );\n return <Form>{collapse}</Form>;\n }\n}\n\nexport const InstanceAttributeForm = Form.create<InstanceAttributeFormProps>({\n name: \"instanceAttributeForm\",\n validateMessages: {\n required: i18n.t(\n `${NS_LIBS_CMDB_INSTANCES}:${K.VALIDATE_MESSAGE_REQUIRED}`\n ),\n },\n})(LegacyInstanceAttributeForm);\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"InstanceAttributeForm.js","names":["addResourceBundle","LegacyInstanceAttributeForm","Component","constructor","Props","relation","formItemLayout","labelCol","span","wrapperCol","InitialRelationValue","get","props","attributeFormControlInitialValueMap","left_id","initialValue","map","instanceData","instanceId","left_description","form","getFieldDecorator","modelMap","objectList","keyBy","render","basicInfoAttrList","collapse","attribute","__isRelation","renderRelationFormControl","name","__id","rules","required","isCreate","value","type","ModelAttributeValueType","ENUMS","InstanceAttributeForm","Form","create","validateMessages","i18n","t","NS_LIBS_CMDB_INSTANCES","K","VALIDATE_MESSAGE_REQUIRED"],"sources":["../../../src/instance-attribute-form/InstanceAttributeForm.tsx"],"sourcesContent":["import React, { Component } from \"react\";\nimport {\n CmdbModels,\n InstanceApi_GetDefaultValueTemplateResponseBody,\n InstanceApi_GetDetailResponseBody,\n} from \"@next-sdk/cmdb-sdk\";\nimport { Form } from \"@ant-design/compatible\";\nimport { get, keyBy } from \"lodash\";\nimport { FormComponentProps } from \"@ant-design/compatible/lib/form\";\nimport {\n ModelAttributeFormControl,\n ModelAttributeValueType,\n} from \"../model-attribute-form-control/ModelAttributeFormControl\";\n\nimport i18n from \"i18next\";\nimport { NS_LIBS_CMDB_INSTANCES, K } from \"../i18n/constants\";\n\nimport {\n ModifiedModelObjectAttr,\n ModifiedModelObjectRelation,\n ModifiedModelObjectField,\n} from \"@next-libs/cmdb-utils\";\n\nimport { ModelRelationForm } from \"../model-relation-form/ModelRelationForm\";\n\nimport { addResourceBundle } from \"../i18n\";\naddResourceBundle();\n\nexport interface InstanceAttributeFormProps extends FormComponentProps {\n isCreate?: boolean;\n objectList?: Partial<CmdbModels.ModelCmdbObject>[];\n basicInfoAttrList?: ModifiedModelObjectField[];\n attributeFormControlInitialValueMap?:\n | InstanceApi_GetDefaultValueTemplateResponseBody\n | Partial<InstanceApi_GetDetailResponseBody>;\n}\n\nexport class LegacyInstanceAttributeForm extends Component<InstanceAttributeFormProps> {\n private modelMap: Record<string, Partial<CmdbModels.ModelCmdbObject>> = {};\n\n constructor(Props: InstanceAttributeFormProps) {\n super(Props);\n\n if (this.props.objectList) {\n this.modelMap = keyBy(this.props.objectList, \"objectId\");\n }\n }\n\n renderRelationFormControl = (\n relation: Partial<ModifiedModelObjectRelation>\n ) => {\n // istanbul ignore next\n const formItemLayout = {\n labelCol: { span: 4 },\n wrapperCol: { span: 18 },\n };\n // istanbul ignore next\n const InitialRelationValue = get(\n this.props.attributeFormControlInitialValueMap,\n relation.left_id\n );\n // istanbul ignore next\n const initialValue = InitialRelationValue\n ? InitialRelationValue.map((instanceData: any) => instanceData.instanceId)\n : [];\n\n return (\n <Form.Item\n label={relation.left_description}\n key={relation.left_id}\n {...formItemLayout}\n >\n {this.props.form.getFieldDecorator(relation.left_id, { initialValue })(\n <ModelRelationForm\n modelMap={this.modelMap}\n relation={relation}\n instanceListData={\n this.props.attributeFormControlInitialValueMap[relation.left_id]\n }\n />\n )}\n </Form.Item>\n );\n };\n\n render(): React.ReactNode {\n const { basicInfoAttrList, form } = this.props;\n const { getFieldDecorator } = form;\n const formItemLayout = {\n labelCol: { span: 4 },\n wrapperCol: { span: 18 },\n };\n const collapse =\n basicInfoAttrList &&\n basicInfoAttrList.map((attribute) =>\n attribute.__isRelation ? (\n this.renderRelationFormControl(attribute)\n ) : (\n <Form.Item\n label={attribute.name}\n key={attribute.name}\n {...formItemLayout}\n >\n {getFieldDecorator(attribute.__id, {\n rules: [\n {\n required:\n (attribute as ModifiedModelObjectAttr).required !== \"false\",\n },\n ],\n initialValue: get(\n this.props.attributeFormControlInitialValueMap,\n attribute.__id\n ),\n })(\n <ModelAttributeFormControl\n isCreate={this.props.isCreate}\n attribute={attribute}\n multiSelect={\n (attribute as ModifiedModelObjectAttr).value?.type ===\n ModelAttributeValueType.ENUMS\n }\n />\n )}\n </Form.Item>\n )\n );\n return <Form>{collapse}</Form>;\n }\n}\n\nexport const InstanceAttributeForm = Form.create<InstanceAttributeFormProps>({\n name: \"instanceAttributeForm\",\n validateMessages: {\n required: i18n.t(\n `${NS_LIBS_CMDB_INSTANCES}:${K.VALIDATE_MESSAGE_REQUIRED}`\n ),\n },\n})(LegacyInstanceAttributeForm);\n"],"mappings":"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"}
|
|
@@ -1,82 +1,54 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.LegacyInstanceDetail = exports.InstanceDetail = void 0;
|
|
9
8
|
exports.attrFilter = attrFilter;
|
|
10
|
-
|
|
11
9
|
var _react = _interopRequireDefault(require("react"));
|
|
12
|
-
|
|
13
10
|
var _icons = require("@ant-design/icons");
|
|
14
|
-
|
|
15
11
|
var _antd = require("antd");
|
|
16
|
-
|
|
17
12
|
var _reactI18next = require("react-i18next");
|
|
18
|
-
|
|
19
13
|
var _marked = _interopRequireDefault(require("marked"));
|
|
20
|
-
|
|
21
14
|
var _dompurify = _interopRequireDefault(require("dompurify"));
|
|
22
|
-
|
|
23
15
|
var _lodash = require("lodash");
|
|
24
|
-
|
|
25
16
|
var _brickKit = require("@next-core/brick-kit");
|
|
26
|
-
|
|
27
17
|
var _instanceRelationTableShow = require("./components/instance-relation-table-show/instance-relation-table-show");
|
|
28
|
-
|
|
29
18
|
var _cmdbUtils = require("@next-libs/cmdb-utils");
|
|
30
|
-
|
|
31
19
|
var _basicComponents = require("@next-libs/basic-components");
|
|
32
|
-
|
|
33
20
|
var _StructTable = require("../struct-components/StructTable");
|
|
34
|
-
|
|
35
21
|
var _components = require("../components");
|
|
36
|
-
|
|
37
22
|
var _i18next = _interopRequireDefault(require("i18next"));
|
|
38
|
-
|
|
39
23
|
var _constants = require("../i18n/constants");
|
|
40
|
-
|
|
41
24
|
var _indexModule = _interopRequireDefault(require("./index.module.css"));
|
|
42
|
-
|
|
43
25
|
var _sharedModule = _interopRequireDefault(require("./shared.module.css"));
|
|
44
|
-
|
|
45
26
|
var _dataProviders = require("../data-providers");
|
|
46
|
-
|
|
47
27
|
var _constants2 = require("./constants");
|
|
48
|
-
|
|
49
28
|
var _util = require("util");
|
|
50
|
-
|
|
51
29
|
var _CmdbUrlLink = require("../cmdb-url-link/CmdbUrlLink");
|
|
52
|
-
|
|
53
30
|
var _FloatDisplayBrick = require("../float-display-brick/FloatDisplayBrick");
|
|
54
|
-
|
|
55
31
|
function attrFilter(field, modelData) {
|
|
56
32
|
var _IGNORED_FIELDS$model, _left_groups;
|
|
57
|
-
|
|
58
33
|
if ((_IGNORED_FIELDS$model = _cmdbUtils.IGNORED_FIELDS[modelData.objectId]) !== null && _IGNORED_FIELDS$model !== void 0 && _IGNORED_FIELDS$model.includes(field.__id)) {
|
|
59
34
|
return false;
|
|
60
35
|
}
|
|
61
|
-
|
|
62
|
-
|
|
36
|
+
return (
|
|
37
|
+
//非关系、left_groups包含basic_info、有left_tags且在分类中
|
|
63
38
|
!field.__isRelation || field.__isRelation && ((_left_groups = field.left_groups) === null || _left_groups === void 0 ? void 0 : _left_groups.includes(_constants2.BASIC_INFORMATION_RELATION_GROUP_ID)) || modelData.view.attr_category_order.includes(field.left_tags[0])
|
|
64
39
|
);
|
|
65
40
|
}
|
|
66
|
-
|
|
67
41
|
function getHref(hash) {
|
|
68
42
|
const isHash = (hash || "").startsWith("#");
|
|
69
|
-
|
|
70
43
|
if (!isHash) {
|
|
71
44
|
return hash;
|
|
72
45
|
}
|
|
73
|
-
|
|
74
46
|
const history = (0, _brickKit.getHistory)();
|
|
75
|
-
return history.createHref({
|
|
47
|
+
return history.createHref({
|
|
48
|
+
...history.location,
|
|
76
49
|
hash
|
|
77
50
|
});
|
|
78
51
|
}
|
|
79
|
-
|
|
80
52
|
class LegacyInstanceDetail extends _react.default.Component {
|
|
81
53
|
constructor(props) {
|
|
82
54
|
super(props);
|
|
@@ -106,10 +78,8 @@ class LegacyInstanceDetail extends _react.default.Component {
|
|
|
106
78
|
initOffset: 0
|
|
107
79
|
};
|
|
108
80
|
}
|
|
109
|
-
|
|
110
81
|
render() {
|
|
111
82
|
var _this$props$brickConf;
|
|
112
|
-
|
|
113
83
|
const {
|
|
114
84
|
loaded,
|
|
115
85
|
currentAttr,
|
|
@@ -168,12 +138,15 @@ class LegacyInstanceDetail extends _react.default.Component {
|
|
|
168
138
|
}
|
|
169
139
|
})))))
|
|
170
140
|
);
|
|
171
|
-
}
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
// TODO:
|
|
172
144
|
// setFormattedInstanceData(state: LegacyInstanceDetailState): void {
|
|
173
145
|
// const { modelData, instanceData } = state;
|
|
174
146
|
// const baseAttrList = modelData.attrList.filter(
|
|
175
147
|
// attr => !["FK", "FKs"].includes(attr.value.type)
|
|
176
148
|
// );
|
|
149
|
+
|
|
177
150
|
// this.setState({
|
|
178
151
|
// formattedInstanceData: baseAttrList.reduce((acc, attr) => {
|
|
179
152
|
// acc[attr.id] = cmdbFieldValueFormat(
|
|
@@ -186,7 +159,6 @@ class LegacyInstanceDetail extends _react.default.Component {
|
|
|
186
159
|
// });
|
|
187
160
|
// }
|
|
188
161
|
|
|
189
|
-
|
|
190
162
|
getCardTitle() {
|
|
191
163
|
const {
|
|
192
164
|
instanceData,
|
|
@@ -208,22 +180,20 @@ class LegacyInstanceDetail extends _react.default.Component {
|
|
|
208
180
|
marginLeft: "6px"
|
|
209
181
|
}
|
|
210
182
|
})));
|
|
211
|
-
}
|
|
212
|
-
|
|
183
|
+
}
|
|
213
184
|
|
|
185
|
+
// istanbul ignore next
|
|
214
186
|
onActionClick(eventName) {
|
|
215
187
|
if (this.props.onActionClick) {
|
|
216
188
|
this.props.onActionClick(eventName);
|
|
217
189
|
}
|
|
218
190
|
}
|
|
219
|
-
|
|
220
191
|
getCardExtra() {
|
|
221
192
|
const {
|
|
222
193
|
buttonActions,
|
|
223
194
|
dropdownActions
|
|
224
195
|
} = this.state;
|
|
225
196
|
let menu;
|
|
226
|
-
|
|
227
197
|
if (dropdownActions && dropdownActions.length > 0) {
|
|
228
198
|
menu = /*#__PURE__*/_react.default.createElement(_antd.Menu, null, dropdownActions.map((action, index) => {
|
|
229
199
|
if (action.url) {
|
|
@@ -244,7 +214,6 @@ class LegacyInstanceDetail extends _react.default.Component {
|
|
|
244
214
|
}
|
|
245
215
|
}));
|
|
246
216
|
}
|
|
247
|
-
|
|
248
217
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
249
218
|
className: _indexModule.default.instanceDetailActions
|
|
250
219
|
}, buttonActions && buttonActions.map((action, index) => {
|
|
@@ -263,19 +232,16 @@ class LegacyInstanceDetail extends _react.default.Component {
|
|
|
263
232
|
}), menu && /*#__PURE__*/_react.default.createElement(_antd.Dropdown, {
|
|
264
233
|
overlay: menu
|
|
265
234
|
}, /*#__PURE__*/_react.default.createElement("a", null, _i18next.default.t(`${_constants.NS_LIBS_CMDB_INSTANCES}:${_constants.K.MORE}`), " ", /*#__PURE__*/_react.default.createElement(_icons.DownOutlined, null))));
|
|
266
|
-
}
|
|
267
|
-
|
|
268
|
-
|
|
235
|
+
}
|
|
236
|
+
// istanbul ignore next (Temporarily ignored)
|
|
269
237
|
scrollToTarget() {
|
|
270
238
|
var _ref, _document$getElementB, _document$getElementB2;
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
239
|
+
const target = document.getElementById(location.hash.slice(1));
|
|
240
|
+
// istanbul ignore next (Temporarily ignored)
|
|
274
241
|
const initOffset = (_ref = ((_document$getElementB = (_document$getElementB2 = document.getElementById("basic-group-0")) === null || _document$getElementB2 === void 0 ? void 0 : _document$getElementB2.offsetTop) !== null && _document$getElementB !== void 0 ? _document$getElementB : 0) + this.props.anchorOffset) !== null && _ref !== void 0 ? _ref : 0 + 30;
|
|
275
242
|
this.setState({
|
|
276
243
|
initOffset
|
|
277
244
|
});
|
|
278
|
-
|
|
279
245
|
if (target) {
|
|
280
246
|
setTimeout(() => {
|
|
281
247
|
window.scrollTo({
|
|
@@ -284,7 +250,6 @@ class LegacyInstanceDetail extends _react.default.Component {
|
|
|
284
250
|
});
|
|
285
251
|
}
|
|
286
252
|
}
|
|
287
|
-
|
|
288
253
|
getCardContent() {
|
|
289
254
|
const {
|
|
290
255
|
basicInfoGroupList,
|
|
@@ -321,17 +286,14 @@ class LegacyInstanceDetail extends _react.default.Component {
|
|
|
321
286
|
className: `${i > 0 ? _indexModule.default.offsetMargin : ""} ${_indexModule.default.groupName}`
|
|
322
287
|
}, basicInfoGroup.name), basicInfoGroup.attrList.map((attr, index) => {
|
|
323
288
|
var _attr$tag, _basicInfoGroupList$;
|
|
324
|
-
|
|
325
289
|
//当前模型的一对一关系模型的详情并且为基本信息的第一个属性时,跳转到该关系模型的详情页
|
|
326
290
|
//第一个属性为关系时,取第二个属性,如此类推
|
|
327
291
|
if (this.props.isRelationInstanceDetail && (attr === null || attr === void 0 ? void 0 : (_attr$tag = attr.tag) === null || _attr$tag === void 0 ? void 0 : _attr$tag[0]) === (basicInfoGroupList === null || basicInfoGroupList === void 0 ? void 0 : (_basicInfoGroupList$ = basicInfoGroupList[0]) === null || _basicInfoGroupList$ === void 0 ? void 0 : _basicInfoGroupList$.name) && index === basicInfoGroup.attrList.findIndex(r => !r.__isRelation)) {
|
|
328
292
|
return this.getAttrListNode(attr, true);
|
|
329
293
|
}
|
|
330
|
-
|
|
331
294
|
return this.getAttrListNode(attr);
|
|
332
295
|
})))));
|
|
333
296
|
}
|
|
334
|
-
|
|
335
297
|
getNewProperties(oldProperties, field) {
|
|
336
298
|
return (0, _lodash.mapValues)(oldProperties, propValue => {
|
|
337
299
|
// istanbul ignore else
|
|
@@ -342,7 +304,6 @@ class LegacyInstanceDetail extends _react.default.Component {
|
|
|
342
304
|
return this.getNewProperties(propValue, field);
|
|
343
305
|
} else if ((0, _lodash.isString)(propValue)) {
|
|
344
306
|
const regex = new RegExp("#\\{" + field + "\\}\\.(\\w+)", "g");
|
|
345
|
-
|
|
346
307
|
if (regex.test(propValue)) {
|
|
347
308
|
return this.state[field][propValue.replace(regex, "$1")];
|
|
348
309
|
} else {
|
|
@@ -352,12 +313,11 @@ class LegacyInstanceDetail extends _react.default.Component {
|
|
|
352
313
|
return propValue;
|
|
353
314
|
}
|
|
354
315
|
});
|
|
355
|
-
}
|
|
356
|
-
|
|
316
|
+
}
|
|
357
317
|
|
|
318
|
+
// istanbul ignore next
|
|
358
319
|
getAttrListNode(attr, linkFlag) {
|
|
359
320
|
var _instanceData$attr$__, _instanceData$attr$__2;
|
|
360
|
-
|
|
361
321
|
const {
|
|
362
322
|
isStruct,
|
|
363
323
|
isStructs,
|
|
@@ -374,18 +334,15 @@ class LegacyInstanceDetail extends _react.default.Component {
|
|
|
374
334
|
let config;
|
|
375
335
|
let isComponentMode = false;
|
|
376
336
|
let attrCustomConfig;
|
|
377
|
-
|
|
378
337
|
if (this.props.attributeConfigs) {
|
|
379
338
|
config = this.props.attributeConfigs[attr.id];
|
|
380
339
|
}
|
|
381
|
-
|
|
382
340
|
if (this.props.attrCustomConfigs) {
|
|
383
341
|
// attrCustomConfig = cloneDeep(this.props.attrCustomConfigs[attr.id]);
|
|
384
342
|
attrCustomConfig = this.props.attrCustomConfigs[attr.id];
|
|
385
|
-
|
|
386
343
|
if (attrCustomConfig) {
|
|
387
|
-
isComponentMode = true;
|
|
388
|
-
|
|
344
|
+
isComponentMode = true;
|
|
345
|
+
// istanbul ignore next (`component` is deprecated)
|
|
389
346
|
if (attrCustomConfig.component) {
|
|
390
347
|
// eslint-disable-next-line no-console
|
|
391
348
|
console.warn("`component` of `<cmdb-instances.instance-detail>.attrCustomConfigs[attrId].component` is deprecated, use `useBrick` instead.");
|
|
@@ -395,7 +352,6 @@ class LegacyInstanceDetail extends _react.default.Component {
|
|
|
395
352
|
}
|
|
396
353
|
}
|
|
397
354
|
}
|
|
398
|
-
|
|
399
355
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("dt", {
|
|
400
356
|
className: isStruct(attr) || isStructs(attr) || isRelation(attr) || attr.__isRelation || isMarkdownField(attr) || config && config.isWholeLine ? _indexModule.default.structAttr : _indexModule.default.basicAttr
|
|
401
357
|
}, attr.__isRelation ? attr.right_description : attr.name, attr.description && attr.description !== "" && /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
|
|
@@ -432,7 +388,8 @@ class LegacyInstanceDetail extends _react.default.Component {
|
|
|
432
388
|
}
|
|
433
389
|
}) : /*#__PURE__*/_react.default.createElement(attrCustomConfig.component.brick, {
|
|
434
390
|
ref: el => {
|
|
435
|
-
el && Object.assign(el, {
|
|
391
|
+
el && Object.assign(el, {
|
|
392
|
+
...attrCustomConfig.component.properties
|
|
436
393
|
});
|
|
437
394
|
}
|
|
438
395
|
})), !isStructs(attr) && !isStruct(attr) && !isRelation(attr) && !isMarkdownField(attr) && !isComponentMode && !isUrl(attr) && !isFloat(attr) && (linkFlag ? /*#__PURE__*/_react.default.createElement(_basicComponents.Link, {
|
|
@@ -456,17 +413,15 @@ class LegacyInstanceDetail extends _react.default.Component {
|
|
|
456
413
|
structData: instanceData[attr.id],
|
|
457
414
|
isEditable: false
|
|
458
415
|
})));
|
|
459
|
-
}
|
|
460
|
-
|
|
461
|
-
|
|
416
|
+
}
|
|
417
|
+
// istanbul ignore next
|
|
462
418
|
async handleRelationModal(attr) {
|
|
463
419
|
await this.searchInstanceRelationData(1, 10, attr);
|
|
464
|
-
}
|
|
465
|
-
|
|
420
|
+
}
|
|
466
421
|
|
|
422
|
+
// istanbul ignore next
|
|
467
423
|
async searchInstanceRelationData(page, pageSize, attr) {
|
|
468
424
|
var _modelData$view;
|
|
469
|
-
|
|
470
425
|
const {
|
|
471
426
|
right_id,
|
|
472
427
|
left_object_id,
|
|
@@ -479,17 +434,14 @@ class LegacyInstanceDetail extends _react.default.Component {
|
|
|
479
434
|
modelDataMap
|
|
480
435
|
} = this.state;
|
|
481
436
|
const hideColumns = (modelData === null || modelData === void 0 ? void 0 : (_modelData$view = modelData.view) === null || _modelData$view === void 0 ? void 0 : _modelData$view.hide_columns) || [];
|
|
482
|
-
|
|
483
437
|
if (left_object_id === modelData.objectId && !hideColumns.includes(left_id)) {
|
|
484
438
|
objectId = right_object_id;
|
|
485
439
|
queryId = right_id;
|
|
486
440
|
}
|
|
487
|
-
|
|
488
441
|
if (right_object_id === modelData.objectId && !hideColumns.includes(right_id)) {
|
|
489
442
|
objectId = left_object_id;
|
|
490
443
|
queryId = left_id;
|
|
491
444
|
}
|
|
492
|
-
|
|
493
445
|
const fields = (0, _lodash.uniq)((0, _lodash.map)(modelDataMap[objectId].attrList, "id"));
|
|
494
446
|
const params = {
|
|
495
447
|
fields,
|
|
@@ -507,9 +459,9 @@ class LegacyInstanceDetail extends _react.default.Component {
|
|
|
507
459
|
instanceRelationModalData,
|
|
508
460
|
currentAttr: attr
|
|
509
461
|
});
|
|
510
|
-
}
|
|
511
|
-
|
|
462
|
+
}
|
|
512
463
|
|
|
464
|
+
// istanbul ignore next
|
|
513
465
|
formatBasicInfoGroupList(modelData, basicInfoGroupList) {
|
|
514
466
|
// let { modelData, basicInfoGroupList } = state;
|
|
515
467
|
const {
|
|
@@ -518,12 +470,10 @@ class LegacyInstanceDetail extends _react.default.Component {
|
|
|
518
470
|
} = this.props;
|
|
519
471
|
let basicInfoAttrList;
|
|
520
472
|
basicInfoGroupList = [];
|
|
521
|
-
|
|
522
473
|
if (fieldsByTag) {
|
|
523
474
|
basicInfoGroupList = (0, _lodash.map)(fieldsByTag, tag => {
|
|
524
475
|
const attrList = (0, _lodash.compact)((0, _lodash.map)(tag.fields, attr => {
|
|
525
476
|
const matched = modelData.__fieldList.find(field => field.__id === attr);
|
|
526
|
-
|
|
527
477
|
return matched;
|
|
528
478
|
}));
|
|
529
479
|
return {
|
|
@@ -536,7 +486,6 @@ class LegacyInstanceDetail extends _react.default.Component {
|
|
|
536
486
|
if (attributeKeys !== null && attributeKeys !== void 0 && attributeKeys.length) {
|
|
537
487
|
basicInfoAttrList = attributeKeys.map(attr => {
|
|
538
488
|
const matched = modelData.__fieldList.find(field => field.__id === attr);
|
|
539
|
-
|
|
540
489
|
if (matched && attrFilter(matched, modelData)) {
|
|
541
490
|
return matched;
|
|
542
491
|
}
|
|
@@ -544,14 +493,11 @@ class LegacyInstanceDetail extends _react.default.Component {
|
|
|
544
493
|
} else {
|
|
545
494
|
basicInfoAttrList = modelData.__fieldList.filter(field => attrFilter(field, modelData));
|
|
546
495
|
}
|
|
547
|
-
|
|
548
496
|
basicInfoAttrList.forEach(field => {
|
|
549
497
|
let groupTag;
|
|
550
498
|
const nameKey = (0, _cmdbUtils.getInstanceNameKeys)(modelData)[0];
|
|
551
|
-
|
|
552
499
|
if (field.__isRelation) {
|
|
553
500
|
var _field$left_tags;
|
|
554
|
-
|
|
555
501
|
groupTag = (_field$left_tags = field.left_tags) !== null && _field$left_tags !== void 0 && _field$left_tags.length && field.left_tags[0].trim() !== "" ? field.left_tags[0] : "";
|
|
556
502
|
/*
|
|
557
503
|
原有逻辑,没有tag会根据默认在基本信息中展示,导致删除了的关系在实例详情中还存在。
|
|
@@ -561,14 +507,10 @@ class LegacyInstanceDetail extends _react.default.Component {
|
|
|
561
507
|
*/
|
|
562
508
|
} else {
|
|
563
509
|
var _field$tag;
|
|
564
|
-
|
|
565
510
|
const basicInfoText = _i18next.default.t(`${_constants.NS_LIBS_CMDB_INSTANCES}:${_constants.K.BASIC_INFORMATION}`);
|
|
566
|
-
|
|
567
511
|
groupTag = ((_field$tag = field.tag) === null || _field$tag === void 0 ? void 0 : _field$tag.length) > 0 ? field.tag[0] || basicInfoText : basicInfoText;
|
|
568
512
|
}
|
|
569
|
-
|
|
570
513
|
const basicInfoGroup = basicInfoGroupList.find(item => item.name === groupTag);
|
|
571
|
-
|
|
572
514
|
if (basicInfoGroup) {
|
|
573
515
|
field.id === nameKey ? basicInfoGroup["attrList"].unshift(field) : basicInfoGroup["attrList"].push(field);
|
|
574
516
|
} else {
|
|
@@ -579,9 +521,8 @@ class LegacyInstanceDetail extends _react.default.Component {
|
|
|
579
521
|
});
|
|
580
522
|
}
|
|
581
523
|
});
|
|
582
|
-
}
|
|
583
|
-
|
|
584
|
-
|
|
524
|
+
}
|
|
525
|
+
// 用于处理分类排序失效问题
|
|
585
526
|
const basicInfoGroups = [];
|
|
586
527
|
const basicInfoGroupNameList = basicInfoGroupList.map(basicInfo => basicInfo.name);
|
|
587
528
|
const attrCategoryOrder = modelData.view.attr_category_order.filter(category => basicInfoGroupNameList.includes(category));
|
|
@@ -590,9 +531,9 @@ class LegacyInstanceDetail extends _react.default.Component {
|
|
|
590
531
|
basicInfoGroups[index] = v;
|
|
591
532
|
});
|
|
592
533
|
return basicInfoGroups;
|
|
593
|
-
}
|
|
594
|
-
|
|
534
|
+
}
|
|
595
535
|
|
|
536
|
+
// istanbul ignore next
|
|
596
537
|
setBasicInfoGroupList(state) {
|
|
597
538
|
const {
|
|
598
539
|
modelData,
|
|
@@ -604,13 +545,11 @@ class LegacyInstanceDetail extends _react.default.Component {
|
|
|
604
545
|
basicInfoGroupListShow: basicInfoList
|
|
605
546
|
});
|
|
606
547
|
}
|
|
607
|
-
|
|
608
548
|
componentDidUpdate(prevProps) {
|
|
609
549
|
if (this.props.objectId && this.props.instanceId && prevProps.instanceId !== this.props.instanceId) {
|
|
610
550
|
(async () => await this.fetchData(this.props))();
|
|
611
551
|
}
|
|
612
552
|
}
|
|
613
|
-
|
|
614
553
|
async componentDidMount() {
|
|
615
554
|
if (this.props.actions) {
|
|
616
555
|
const buttonActions = [];
|
|
@@ -620,7 +559,6 @@ class LegacyInstanceDetail extends _react.default.Component {
|
|
|
620
559
|
case "dropdown":
|
|
621
560
|
dropdownActions.push(action);
|
|
622
561
|
break;
|
|
623
|
-
|
|
624
562
|
case "button":
|
|
625
563
|
default:
|
|
626
564
|
buttonActions.push(action);
|
|
@@ -632,19 +570,15 @@ class LegacyInstanceDetail extends _react.default.Component {
|
|
|
632
570
|
dropdownActions
|
|
633
571
|
});
|
|
634
572
|
}
|
|
635
|
-
|
|
636
573
|
if (this.props.instanceId && this.props.objectId) {
|
|
637
574
|
await this.fetchData(this.props);
|
|
638
575
|
}
|
|
639
|
-
|
|
640
576
|
this.scrollToTarget();
|
|
641
577
|
}
|
|
642
|
-
|
|
643
578
|
toggleBasicInfoGroupFilter(basicInfoGroup) {
|
|
644
579
|
const {
|
|
645
580
|
basicInfoGroupList
|
|
646
581
|
} = this.state;
|
|
647
|
-
|
|
648
582
|
if (!basicInfoGroup.active) {
|
|
649
583
|
basicInfoGroupList.forEach(item => {
|
|
650
584
|
item.active = false;
|
|
@@ -657,15 +591,15 @@ class LegacyInstanceDetail extends _react.default.Component {
|
|
|
657
591
|
basicInfoGroupListShow: basicInfoGroupList
|
|
658
592
|
});
|
|
659
593
|
}
|
|
660
|
-
|
|
661
594
|
basicInfoGroup.active = !basicInfoGroup.active;
|
|
662
|
-
}
|
|
663
|
-
|
|
595
|
+
}
|
|
664
596
|
|
|
597
|
+
// istanbul ignore next
|
|
665
598
|
getInstanceDetailData(props, modelDataMap) {
|
|
666
599
|
const modelData = modelDataMap[props.objectId];
|
|
667
600
|
const hideModelData = modelData.view.hide_columns || [];
|
|
668
|
-
const filterModelData = {
|
|
601
|
+
const filterModelData = {
|
|
602
|
+
...modelData,
|
|
669
603
|
attrList: modelData.attrList.filter(item => !hideModelData.includes(item.id)),
|
|
670
604
|
relation_list: modelData.relation_list.filter(item => !(hideModelData.includes(item.left_id) && item.left_object_id === props.objectId || hideModelData.includes(item.right_id) && item.right_object_id === props.objectId))
|
|
671
605
|
};
|
|
@@ -679,17 +613,15 @@ class LegacyInstanceDetail extends _react.default.Component {
|
|
|
679
613
|
filterModelData,
|
|
680
614
|
fields
|
|
681
615
|
};
|
|
682
|
-
}
|
|
683
|
-
|
|
616
|
+
}
|
|
684
617
|
|
|
618
|
+
// istanbul ignore next
|
|
685
619
|
async fetchData(props) {
|
|
686
620
|
let modelListData, modelDataMap, instanceData;
|
|
687
621
|
const relationLimit = 10;
|
|
688
|
-
|
|
689
622
|
try {
|
|
690
623
|
if (props.modelDataList) {
|
|
691
624
|
modelDataMap = (0, _lodash.keyBy)(props.modelDataList, "objectId");
|
|
692
|
-
|
|
693
625
|
if (props.showFields) {
|
|
694
626
|
const {
|
|
695
627
|
fields
|
|
@@ -711,7 +643,6 @@ class LegacyInstanceDetail extends _react.default.Component {
|
|
|
711
643
|
modelDataMap = (0, _lodash.keyBy)(modelListData.data, "objectId");
|
|
712
644
|
}
|
|
713
645
|
}
|
|
714
|
-
|
|
715
646
|
const {
|
|
716
647
|
filterModelData
|
|
717
648
|
} = this.getInstanceDetailData(props, modelDataMap);
|
|
@@ -723,61 +654,48 @@ class LegacyInstanceDetail extends _react.default.Component {
|
|
|
723
654
|
basicInfoGroupListShow: [],
|
|
724
655
|
basicInfoGroupList: []
|
|
725
656
|
});
|
|
726
|
-
this.setBasicInfoGroupList(this.state);
|
|
657
|
+
this.setBasicInfoGroupList(this.state);
|
|
658
|
+
// this.setFormattedInstanceData(this.state);
|
|
727
659
|
} catch (e) {
|
|
728
660
|
// 统一处理请求错误
|
|
729
|
-
(0, _brickKit.handleHttpError)(e);
|
|
730
|
-
|
|
661
|
+
(0, _brickKit.handleHttpError)(e);
|
|
662
|
+
// 标记 `loaded` 和 `failed` 状态
|
|
731
663
|
this.setState({
|
|
732
664
|
loaded: true
|
|
733
665
|
});
|
|
734
666
|
}
|
|
735
667
|
}
|
|
736
|
-
|
|
737
668
|
isStruct(attr) {
|
|
738
669
|
var _attr$value;
|
|
739
|
-
|
|
740
670
|
return ((_attr$value = attr.value) === null || _attr$value === void 0 ? void 0 : _attr$value.type) === "struct";
|
|
741
671
|
}
|
|
742
|
-
|
|
743
672
|
isStructs(attr) {
|
|
744
673
|
var _attr$value2;
|
|
745
|
-
|
|
746
674
|
return ((_attr$value2 = attr.value) === null || _attr$value2 === void 0 ? void 0 : _attr$value2.type) === "structs";
|
|
747
675
|
}
|
|
748
|
-
|
|
749
676
|
isUrl(attr) {
|
|
750
677
|
var _attr$value3, _attr$value4;
|
|
751
|
-
|
|
752
678
|
return ((_attr$value3 = attr.value) === null || _attr$value3 === void 0 ? void 0 : _attr$value3.type) === "str" && ((_attr$value4 = attr.value) === null || _attr$value4 === void 0 ? void 0 : _attr$value4.mode) === "url";
|
|
753
679
|
}
|
|
754
|
-
|
|
755
680
|
isRelation(attr) {
|
|
756
681
|
var _attr$value5, _attr$value6;
|
|
757
|
-
|
|
758
682
|
return ((_attr$value5 = attr.value) === null || _attr$value5 === void 0 ? void 0 : _attr$value5.type) === "FK" || ((_attr$value6 = attr.value) === null || _attr$value6 === void 0 ? void 0 : _attr$value6.type) === "FKs";
|
|
759
683
|
}
|
|
760
|
-
|
|
761
684
|
isFloat(attr) {
|
|
762
685
|
var _attr$value7;
|
|
763
|
-
|
|
764
686
|
return ((_attr$value7 = attr.value) === null || _attr$value7 === void 0 ? void 0 : _attr$value7.type) === "float";
|
|
765
687
|
}
|
|
766
|
-
|
|
767
688
|
isSpecialDisplayField(attr) {
|
|
768
|
-
return (
|
|
689
|
+
return (
|
|
690
|
+
// TODO: ENABLED_FEATURES.includes("user-business-special-display") &&
|
|
769
691
|
["USER", "BUSINESS"].includes(attr.id === attr.left_id ? attr.right_object_id : attr.left_object_id)
|
|
770
692
|
);
|
|
771
693
|
}
|
|
772
|
-
|
|
773
694
|
isMarkdownField(attr) {
|
|
774
695
|
var _attr$value8;
|
|
775
|
-
|
|
776
696
|
return ((_attr$value8 = attr.value) === null || _attr$value8 === void 0 ? void 0 : _attr$value8.type) === "str" && (0, _lodash.get)(attr, "value.mode") === "markdown";
|
|
777
697
|
}
|
|
778
|
-
|
|
779
698
|
}
|
|
780
|
-
|
|
781
699
|
exports.LegacyInstanceDetail = LegacyInstanceDetail;
|
|
782
700
|
const InstanceDetail = (0, _reactI18next.withTranslation)(_constants.NS_LIBS_CMDB_INSTANCES)(LegacyInstanceDetail);
|
|
783
701
|
exports.InstanceDetail = InstanceDetail;
|