@next-libs/cmdb-instances 6.48.0 → 6.49.0

package/dist/cjs/model-attribute-form/ModelAttributeForm.js

@@ -1,57 +1,34 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ModelAttributeForm = exports.InstanceModelAttributeForm = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _compatible = require("@ant-design/compatible");
-
 var _antd = require("antd");
-
 var _icons = require("@ant-design/icons");
-
 var _ModelAttributeFormControl = require("../model-attribute-form-control/ModelAttributeFormControl");
-
 var _AttributeFormControlUrl = require("../attribute-form-control-url/AttributeFormControlUrl");
-
 var _lodash = _interopRequireWildcard(require("lodash"));
-
 var _CmdbInstancesSelectPanel = require("../cmdb-instances-select-panel/CmdbInstancesSelectPanel");
-
 var _cmdbUtils = require("@next-libs/cmdb-utils");
-
 var _ModelAttributeFormModule = _interopRequireDefault(require("./ModelAttributeForm.module.css"));
-
 var _components = require("../components");
-
 var _constants = require("./constants");
-
 var _i18next = _interopRequireDefault(require("i18next"));
-
 var _constants2 = require("../i18n/constants");
-
 const DEFAULT_ATTRIBUTE_TAG = "基本信息";
-
 const RefCmdbInstancesSelectPanel = /*#__PURE__*/_react.default.forwardRef(_CmdbInstancesSelectPanel.CmdbInstancesSelectPanel);
-
 class ModelAttributeForm extends _react.Component {
   getFeildTag(field) {
     var _field$tag, _left_tags;
-
     return (field === null || field === void 0 ? void 0 : (_field$tag = field.tag) === null || _field$tag === void 0 ? void 0 : _field$tag[0]) || (field === null || field === void 0 ? void 0 : (_left_tags = field.left_tags) === null || _left_tags === void 0 ? void 0 : _left_tags[0]) || (field !== null && field !== void 0 && field.__isRelation ? "" : DEFAULT_ATTRIBUTE_TAG);
   }
-
   constructor(props) {
     super(props);
     (0, _defineProperty2.default)(this, "modelMap", {});
@@ -67,17 +44,14 @@ class ModelAttributeForm extends _react.Component {
     });
     (0, _defineProperty2.default)(this, "resizeUpdate", () => {
       var _this$props$cardRect;
-
       return this.setState({
         fixedStyle: (0, _cmdbUtils.getFixedStyle)((_this$props$cardRect = this.props.cardRect) === null || _this$props$cardRect === void 0 ? void 0 : _this$props$cardRect.getBoundingClientRect())
       });
     });
     (0, _defineProperty2.default)(this, "handleResize", () => {
       var _this$props$cardRect2;
-
       const cardRectData = (_this$props$cardRect2 = this.props.cardRect) === null || _this$props$cardRect2 === void 0 ? void 0 : _this$props$cardRect2.getBoundingClientRect();
       const heightDifferenceBetweenCardRectAndViewPort = (cardRectData === null || cardRectData === void 0 ? void 0 : cardRectData.top) > 0 ? (cardRectData === null || cardRectData === void 0 ? void 0 : cardRectData.bottom) - window.innerHeight : (cardRectData === null || cardRectData === void 0 ? void 0 : cardRectData.height) - window.innerHeight;
-
       if (heightDifferenceBetweenCardRectAndViewPort < 0 && !!Object.keys(this.state.fixedStyle).length) {
         this.setState({
           fixedStyle: {}
@@ -89,10 +63,10 @@ class ModelAttributeForm extends _react.Component {
     (0, _defineProperty2.default)(this, "permissionAttrProcess", key => {
       if (key.includes("instance_access")) return "readAuthorizers";
       if (key.includes("instance_delete")) return "deleteAuthorizers";
-      if (key.includes("instance_update")) return "updateAuthorizers"; // HOST特有
-
-      if (key.includes("instance_operate")) return "operateAuthorizers"; // APP特有
-
+      if (key.includes("instance_update")) return "updateAuthorizers";
+      // HOST特有
+      if (key.includes("instance_operate")) return "operateAuthorizers";
+      // APP特有
       return _constants.permissionListMapOfApp[key] || key;
     });
     (0, _defineProperty2.default)(this, "valuesProcess", values => {
@@ -100,7 +74,8 @@ class ModelAttributeForm extends _react.Component {
       Object.values(_constants.permissionListMapOfApp).forEach(r => {
         appPermissionAuthorizers[r] = values[r] ? values[r].selectedUser.concat(values[r].selectedUserGroup) : [];
       });
-      return { ...values,
+      return {
+        ...values,
         deleteAuthorizers: values.deleteAuthorizers ? values.deleteAuthorizers.selectedUser.concat(values.deleteAuthorizers.selectedUserGroup) : [],
         readAuthorizers: values.readAuthorizers ? values.readAuthorizers.selectedUser.concat(values.readAuthorizers.selectedUserGroup) : [],
         updateAuthorizers: values.updateAuthorizers ? values.updateAuthorizers.selectedUser.concat(values.updateAuthorizers.selectedUserGroup) : [],
@@ -123,11 +98,9 @@ class ModelAttributeForm extends _react.Component {
           values: this.props.enabledWhiteList && this.props.permissionList ? this.valuesProcess(values) : values,
           type
         });
-
         if (result !== "error" && continueCreating) {
           this.props.form.resetFields();
         }
-
         this.setState({
           sending: false
         });
@@ -175,15 +148,12 @@ class ModelAttributeForm extends _react.Component {
     });
     (0, _defineProperty2.default)(this, "handleCancel", () => {
       var _this$props$onCancel, _this$props;
-
       (_this$props$onCancel = (_this$props = this.props).onCancel) === null || _this$props$onCancel === void 0 ? void 0 : _this$props$onCancel.call(_this$props);
     });
-
     if (this.props.objectList) {
       this.modelMap = (0, _lodash.keyBy)(this.props.objectList, "objectId");
-    } // istanbul ignore else
-
-
+    }
+    // istanbul ignore else
     if (this.props.modelData) {
       this.modelData = (0, _cmdbUtils.modifyModelData)(this.props.modelData);
     } else {
@@ -191,23 +161,18 @@ class ModelAttributeForm extends _react.Component {
         this.modelData = (0, _cmdbUtils.modifyModelData)(this.modelMap[this.props.objectId]);
       }
     }
-
     const hideModelData = this.modelData.view.hide_columns || [];
     let AttrListGroupByTag = [];
     let fieldsByTag;
-
     if (props.formItemProps) {
       this.formItemProps = props.formItemProps;
     }
-
     if (props.fieldsByTag) {
       fieldsByTag = this.props.fieldsByTag.map(items => {
         let fields;
-
         if (items.fields) {
           fields = items.fields.filter(item => item && !hideModelData.includes(item));
         }
-
         return {
           name: items.name,
           fields
@@ -216,10 +181,11 @@ class ModelAttributeForm extends _react.Component {
       AttrListGroupByTag = ModelAttributeForm.getFieldsByTag(this.props.basicInfoAttrList, fieldsByTag, this.modelData);
     } else {
       props.basicInfoAttrList.forEach(basicInfoAttr => {
-        const groupTag = this.getFeildTag(basicInfoAttr); // 关系的情况下，为了避免在模型管理的视图里删除后还会在编辑里出现，去掉默认分组
-
-        const attrs = AttrListGroupByTag.find(([key]) => key === groupTag); // 判断是否为黑名单内的属性
+        const groupTag = this.getFeildTag(basicInfoAttr);
+        // 关系的情况下，为了避免在模型管理的视图里删除后还会在编辑里出现，去掉默认分组
 
+        const attrs = AttrListGroupByTag.find(([key]) => key === groupTag);
+        // 判断是否为黑名单内的属性
         if ((0, _lodash.isNil)(props.blackList) || !props.blackList.includes(basicInfoAttr.id)) {
           if (attrs) {
             attrs[1].push(basicInfoAttr);
@@ -229,7 +195,6 @@ class ModelAttributeForm extends _react.Component {
         }
       });
     }
-
     this.state = {
       sending: false,
       attrListGroupByTag: AttrListGroupByTag,
@@ -239,49 +204,39 @@ class ModelAttributeForm extends _react.Component {
       defaultValueTemplateIndex: 1
     };
   }
-
   componentDidMount() {
     var _this$props$cardRect3, _this$props$cardRect4;
-
     if (this.props.cardRect) {
       this.cardRectResize = new ResizeObserver(this.handleResize);
       this.cardRectResize.observe(this.props.cardRect);
     }
-
     const top = ((_this$props$cardRect3 = this.props.cardRect) === null || _this$props$cardRect3 === void 0 ? void 0 : (_this$props$cardRect4 = _this$props$cardRect3.getBoundingClientRect()) === null || _this$props$cardRect4 === void 0 ? void 0 : _this$props$cardRect4.bottom) - window.innerHeight;
-
     if (top > 0) {
       var _this$props$cardRect5;
-
       this.setState({
         fixedStyle: (0, _cmdbUtils.getFixedStyle)((_this$props$cardRect5 = this.props.cardRect) === null || _this$props$cardRect5 === void 0 ? void 0 : _this$props$cardRect5.getBoundingClientRect())
       });
     }
-
     this.props.cardRect && window.addEventListener("resize", this.handleResize);
   }
-
   componentWillUnmount() {
     var _this$cardRectResize;
-
     // 离开页面时移除监听事件
     window.removeEventListener("resize", this.handleResize);
     (_this$cardRectResize = this.cardRectResize) === null || _this$cardRectResize === void 0 ? void 0 : _this$cardRectResize.disconnect();
   }
-
   static getDerivedStateFromProps(props, state) {
     if (props.defaultValueTemplateIndex !== state.defaultValueTemplateIndex) {
-      props.form.setFieldsValue({ ...props.form.getFieldsValue(),
+      props.form.setFieldsValue({
+        ...props.form.getFieldsValue(),
         ...(0, _lodash.pickBy)(props.attributeFormControlInitialValueMap)
       });
       return {
         defaultValueTemplateIndex: props.defaultValueTemplateIndex
       };
     }
-
     return null;
   }
-
   static getFieldsByTag(attributeList, fieldsByTag, modelData) {
     const map = new Map([]);
     fieldsByTag.forEach(({
@@ -294,7 +249,6 @@ class ModelAttributeForm extends _react.Component {
           const appendAttr = modelData ? modelData.__fieldList.find(__field => __field.__id === field) : attributeList.find(({
             id
           }) => id === field);
-
           if (appendAttr !== undefined) {
             map.set(name, [...map.get(name), appendAttr]);
           }
@@ -303,73 +257,64 @@ class ModelAttributeForm extends _react.Component {
     });
     return Array.from(map);
   }
-
   static sortAttributeList(attributeList, tagList) {
     const store = {};
     /* istanbul ignore next */
-
     for (const tag in tagList) {
       if (!store[tag]) {
         store[tag] = [];
       }
-
       tagList[tag].forEach(prop => {
         const result = attributeList[tag].find(v => v.id === prop);
         store[tag].push(result);
       });
     }
-
     return store;
   }
-
   handleFormErrors(fieldsError) {
     return Object.keys(fieldsError).some(field => fieldsError[field]);
   }
-
   get disabled() {
     const {
       sending
-    } = this.state; // const { getFieldsError } = this.props.form;
-
+    } = this.state;
+    // const { getFieldsError } = this.props.form;
     return sending;
-  } // get submitBtnText() {
+  }
+
+  // get submitBtnText() {
   //   return this.props.isCreate
   //     ? i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.SAVE}`)
   //     : i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.MODIFICATION}`);
   // }
 
-
   static tagsValidator(attribute) {
     return (rule, value, callback) => {
       if (!value) {
         return callback();
       }
-
       if (!Array.isArray(value)) {
         return callback(_i18next.default.t(`${_constants2.NS_LIBS_CMDB_INSTANCES}:${_constants2.K.NOT_MEET_REGEX}`));
       }
-
       const isValidAll = value.every(v => _ModelAttributeFormControl.ModelAttributeFormControl.computePattern(attribute).test(v));
       isValidAll ? callback() : callback(_i18next.default.t(`${_constants2.NS_LIBS_CMDB_INSTANCES}:${_constants2.K.NOT_MEET_REGEX}`));
     };
   }
-
   static urlValidator(attribute) {
     return (rule, value, callback) => {
       const {
         url
       } = _AttributeFormControlUrl.AttributeFormControlUrl.breakDownValue(value);
-
       _ModelAttributeFormControl.ModelAttributeFormControl.computePattern(attribute).test(url) ? callback() : callback(_i18next.default.t(`${_constants2.NS_LIBS_CMDB_INSTANCES}:${_constants2.K.NOT_MEET_REGEX}`));
     };
-  } // 关联模型form的rules
-
+  }
 
+  // 关联模型form的rules
   relationRules(attribute) {
     const {
       left_required: leftRequired
-    } = attribute; // 获取validationRule规则
-
+    } = attribute;
+    // 获取validationRule规则
     const getRules = (required, name) => {
       const requireRule = {
         required,
@@ -379,14 +324,11 @@ class ModelAttributeForm extends _react.Component {
       };
       return [requireRule];
     };
-
     if (leftRequired) {
       return getRules(leftRequired, attribute.right_description);
     }
-
     return [];
   }
-
   rules(attribute) {
     // historical issues：  如果是INTEGER和URL类型暂时不用正则表达式验证
     const required = attribute.required !== "false";
@@ -402,26 +344,21 @@ class ModelAttributeForm extends _react.Component {
         attribute_name: attribute.name
       })
     };
-
     try {
       const type = _ModelAttributeFormControl.ModelAttributeFormControl.computeFormControlType(attribute);
-
       if (attribute.value.regex === null || attribute.value.type === _ModelAttributeFormControl.ModelAttributeValueType.INTEGER || attribute.value.type === _ModelAttributeFormControl.ModelAttributeValueType.ENUMS) {
         return [requiredRule];
       }
-
       if (type === _ModelAttributeFormControl.FormControlTypeEnum.URL) {
         return [requiredRule, {
           validator: ModelAttributeForm.urlValidator(attribute)
         }];
       }
-
       if (type === _ModelAttributeFormControl.FormControlTypeEnum.TAGS) {
         return [requiredRule, {
           validator: ModelAttributeForm.tagsValidator(attribute)
         }];
       }
-
       return [requiredRule, {
         pattern: _ModelAttributeFormControl.ModelAttributeFormControl.computePattern(attribute),
         message: _i18next.default.t(`${_constants2.NS_LIBS_CMDB_INSTANCES}:${_constants2.K.NOT_MEET_REGEX}`)
@@ -431,7 +368,6 @@ class ModelAttributeForm extends _react.Component {
       return [requiredRule];
     }
   }
-
   render() {
     const Panel = _antd.Collapse.Panel;
     const {
@@ -449,15 +385,12 @@ class ModelAttributeForm extends _react.Component {
       getFieldDecorator
     } = form;
     let defaultActiveKey = this.state.attrListGroupByTag.map(([key]) => key);
-
     if (Array.isArray(brickList)) {
       defaultActiveKey = [...defaultActiveKey, ...brickList.map(brick => brick.name)];
     }
-
     if (defaultUserOrUserGroup) {
       defaultActiveKey = [...defaultActiveKey, "permission"];
     }
-
     const collapse = this.state.attrListGroupByTag && /*#__PURE__*/_react.default.createElement(_antd.Collapse, {
       bordered: false,
       defaultActiveKey: defaultActiveKey,
@@ -471,7 +404,6 @@ class ModelAttributeForm extends _react.Component {
         return this.renderRelationFormControl(attribute);
       } else if (attribute.__isRelation === false) {
         var _attribute$value;
-
         return /*#__PURE__*/_react.default.createElement(_compatible.Form.Item, (0, _extends2.default)({
           label: /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement("span", null, attribute.name), attribute.description && attribute.description !== "" && /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
             title: attribute.description
@@ -492,7 +424,8 @@ class ModelAttributeForm extends _react.Component {
           multiSelect: (attribute === null || attribute === void 0 ? void 0 : (_attribute$value = attribute.value) === null || _attribute$value === void 0 ? void 0 : _attribute$value.type) === _ModelAttributeFormControl.ModelAttributeValueType.ENUMS,
           objectId: this.props.objectId,
           jsonValidateCollection: err => {
-            const showError = { ...this.state.showError
+            const showError = {
+              ...this.state.showError
             };
             showError[tag + index] = err;
             this.setState({
@@ -525,10 +458,10 @@ class ModelAttributeForm extends _react.Component {
         optionsMode: "all"
       })));
     })));
-
     const submitContainer = /*#__PURE__*/_react.default.createElement("div", {
       className: _ModelAttributeFormModule.default.generalFormFooter,
-      style: { ...this.state.fixedStyle,
+      style: {
+        ...this.state.fixedStyle,
         borderTop: "none",
         paddingTop: "16px",
         paddingLeft: "20px"
@@ -557,19 +490,14 @@ class ModelAttributeForm extends _react.Component {
       },
       onClick: this.handleCancel
     }, cancelText !== null && cancelText !== void 0 ? cancelText : _i18next.default.t(`${_constants2.NS_LIBS_CMDB_INSTANCES}:${_constants2.K.CANCEL}`)))));
-
     return /*#__PURE__*/_react.default.createElement(_compatible.Form, null, collapse, submitContainer);
   }
-
 }
-
 exports.ModelAttributeForm = ModelAttributeForm;
 (0, _defineProperty2.default)(ModelAttributeForm, "defaultProps", {
   showCancelButton: true,
   cancelType: "default"
 });
-
 const InstanceModelAttributeForm = _compatible.Form.create()(ModelAttributeForm);
-
 exports.InstanceModelAttributeForm = InstanceModelAttributeForm;
 //# sourceMappingURL=ModelAttributeForm.js.map