@next-libs/cmdb-instances 6.48.0 → 6.49.1

package/dist/esm/instance-detail/InstanceDetail.js

@@ -24,29 +24,24 @@ import { CmdbUrlLink } from "../cmdb-url-link/CmdbUrlLink";
 import { FloatDisplayBrick } from "../float-display-brick/FloatDisplayBrick";
 export function attrFilter(field, modelData) {
   var _IGNORED_FIELDS$model, _left_groups;
-
   if ((_IGNORED_FIELDS$model = IGNORED_FIELDS[modelData.objectId]) !== null && _IGNORED_FIELDS$model !== void 0 && _IGNORED_FIELDS$model.includes(field.__id)) {
     return false;
   }
-
-  return (//非关系、left_groups包含basic_info、有left_tags且在分类中
+  return (
+    //非关系、left_groups包含basic_info、有left_tags且在分类中
     !field.__isRelation || field.__isRelation && ((_left_groups = field.left_groups) === null || _left_groups === void 0 ? void 0 : _left_groups.includes(BASIC_INFORMATION_RELATION_GROUP_ID)) || modelData.view.attr_category_order.includes(field.left_tags[0])
   );
 }
-
 function getHref(hash) {
   var isHash = (hash || "").startsWith("#");
-
   if (!isHash) {
     return hash;
   }
-
   var history = getHistory();
   return history.createHref(_objectSpread(_objectSpread({}, history.location), {}, {
     hash
   }));
 }
-
 export class LegacyInstanceDetail extends React.Component {
   constructor(props) {
     super(props);
@@ -76,10 +71,8 @@ export class LegacyInstanceDetail extends React.Component {
       initOffset: 0
     };
   }
-
   render() {
     var _this$props$brickConf;
-
     var {
       loaded,
       currentAttr,
@@ -138,12 +131,15 @@ export class LegacyInstanceDetail extends React.Component {
         }
       })))))
     );
-  } // TODO:
+  }
+
+  // TODO:
   // setFormattedInstanceData(state: LegacyInstanceDetailState): void {
   //   const { modelData, instanceData } = state;
   //   const baseAttrList = modelData.attrList.filter(
   //     attr => !["FK", "FKs"].includes(attr.value.type)
   //   );
+
   //   this.setState({
   //     formattedInstanceData: baseAttrList.reduce((acc, attr) => {
   //       acc[attr.id] = cmdbFieldValueFormat(
@@ -156,7 +152,6 @@ export class LegacyInstanceDetail extends React.Component {
   //   });
   // }
 
-
   getCardTitle() {
     var {
       instanceData,
@@ -178,22 +173,20 @@ export class LegacyInstanceDetail extends React.Component {
         marginLeft: "6px"
       }
     })));
-  } // istanbul ignore next
-
+  }
 
+  // istanbul ignore next
   onActionClick(eventName) {
     if (this.props.onActionClick) {
       this.props.onActionClick(eventName);
     }
   }
-
   getCardExtra() {
     var {
       buttonActions,
       dropdownActions
     } = this.state;
     var menu;
-
     if (dropdownActions && dropdownActions.length > 0) {
       menu = /*#__PURE__*/React.createElement(Menu, null, dropdownActions.map((action, index) => {
         if (action.url) {
@@ -214,7 +207,6 @@ export class LegacyInstanceDetail extends React.Component {
         }
       }));
     }
-
     return /*#__PURE__*/React.createElement("div", {
       className: style.instanceDetailActions
     }, buttonActions && buttonActions.map((action, index) => {
@@ -233,19 +225,16 @@ export class LegacyInstanceDetail extends React.Component {
     }), menu && /*#__PURE__*/React.createElement(Dropdown, {
       overlay: menu
     }, /*#__PURE__*/React.createElement("a", null, i18n.t("".concat(NS_LIBS_CMDB_INSTANCES, ":").concat(K.MORE)), " ", /*#__PURE__*/React.createElement(DownOutlined, null))));
-  } // istanbul ignore next (Temporarily ignored)
-
-
+  }
+  // istanbul ignore next (Temporarily ignored)
   scrollToTarget() {
     var _ref, _document$getElementB, _document$getElementB2;
-
-    var target = document.getElementById(location.hash.slice(1)); // istanbul ignore next (Temporarily ignored)
-
+    var target = document.getElementById(location.hash.slice(1));
+    // istanbul ignore next (Temporarily ignored)
     var 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;
     this.setState({
       initOffset
     });
-
     if (target) {
       setTimeout(() => {
         window.scrollTo({
@@ -254,7 +243,6 @@ export class LegacyInstanceDetail extends React.Component {
       });
     }
   }
-
   getCardContent() {
     var {
       basicInfoGroupList,
@@ -291,17 +279,14 @@ export class LegacyInstanceDetail extends React.Component {
       className: "".concat(i > 0 ? style.offsetMargin : "", " ").concat(style.groupName)
     }, basicInfoGroup.name), basicInfoGroup.attrList.map((attr, index) => {
       var _attr$tag, _basicInfoGroupList$;
-
       //当前模型的一对一关系模型的详情并且为基本信息的第一个属性时，跳转到该关系模型的详情页
       //第一个属性为关系时，取第二个属性，如此类推
       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)) {
         return this.getAttrListNode(attr, true);
       }
-
       return this.getAttrListNode(attr);
     })))));
   }
-
   getNewProperties(oldProperties, field) {
     return mapValues(oldProperties, propValue => {
       // istanbul ignore else
@@ -312,7 +297,6 @@ export class LegacyInstanceDetail extends React.Component {
         return this.getNewProperties(propValue, field);
       } else if (isString(propValue)) {
         var regex = new RegExp("#\\{" + field + "\\}\\.(\\w+)", "g");
-
         if (regex.test(propValue)) {
           return this.state[field][propValue.replace(regex, "$1")];
         } else {
@@ -322,12 +306,11 @@ export class LegacyInstanceDetail extends React.Component {
         return propValue;
       }
     });
-  } // istanbul ignore next
-
+  }
 
+  // istanbul ignore next
   getAttrListNode(attr, linkFlag) {
     var _instanceData$attr$__, _instanceData$attr$__2;
-
     var {
       isStruct,
       isStructs,
@@ -344,18 +327,15 @@ export class LegacyInstanceDetail extends React.Component {
     var config;
     var isComponentMode = false;
     var attrCustomConfig;
-
     if (this.props.attributeConfigs) {
       config = this.props.attributeConfigs[attr.id];
     }
-
     if (this.props.attrCustomConfigs) {
       // attrCustomConfig = cloneDeep(this.props.attrCustomConfigs[attr.id]);
       attrCustomConfig = this.props.attrCustomConfigs[attr.id];
-
       if (attrCustomConfig) {
-        isComponentMode = true; // istanbul ignore next (`component` is deprecated)
-
+        isComponentMode = true;
+        // istanbul ignore next (`component` is deprecated)
         if (attrCustomConfig.component) {
           // eslint-disable-next-line no-console
           console.warn("`component` of `<cmdb-instances.instance-detail>.attrCustomConfigs[attrId].component` is deprecated, use `useBrick` instead.");
@@ -365,7 +345,6 @@ export class LegacyInstanceDetail extends React.Component {
         }
       }
     }
-
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("dt", {
       className: isStruct(attr) || isStructs(attr) || isRelation(attr) || attr.__isRelation || isMarkdownField(attr) || config && config.isWholeLine ? style.structAttr : style.basicAttr
     }, attr.__isRelation ? attr.right_description : attr.name, attr.description && attr.description !== "" && /*#__PURE__*/React.createElement(Tooltip, {
@@ -425,24 +404,20 @@ export class LegacyInstanceDetail extends React.Component {
       structData: instanceData[attr.id],
       isEditable: false
     })));
-  } // istanbul ignore next
-
-
+  }
+  // istanbul ignore next
   handleRelationModal(attr) {
     var _this = this;
-
     return _asyncToGenerator(function* () {
       yield _this.searchInstanceRelationData(1, 10, attr);
     })();
-  } // istanbul ignore next
-
+  }
 
+  // istanbul ignore next
   searchInstanceRelationData(page, pageSize, attr) {
     var _this2 = this;
-
     return _asyncToGenerator(function* () {
       var _modelData$view;
-
       var {
         right_id,
         left_object_id,
@@ -455,17 +430,14 @@ export class LegacyInstanceDetail extends React.Component {
         modelDataMap
       } = _this2.state;
       var hideColumns = (modelData === null || modelData === void 0 ? void 0 : (_modelData$view = modelData.view) === null || _modelData$view === void 0 ? void 0 : _modelData$view.hide_columns) || [];
-
       if (left_object_id === modelData.objectId && !hideColumns.includes(left_id)) {
         objectId = right_object_id;
         queryId = right_id;
       }
-
       if (right_object_id === modelData.objectId && !hideColumns.includes(right_id)) {
         objectId = left_object_id;
         queryId = left_id;
       }
-
       var fields = uniq(map(modelDataMap[objectId].attrList, "id"));
       var params = {
         fields,
@@ -479,15 +451,14 @@ export class LegacyInstanceDetail extends React.Component {
         }
       };
       var instanceRelationModalData = yield fetchCmdbInstanceSearch(objectId, params);
-
       _this2.setState({
         instanceRelationModalData,
         currentAttr: attr
       });
     })();
-  } // istanbul ignore next
-
+  }
 
+  // istanbul ignore next
   formatBasicInfoGroupList(modelData, basicInfoGroupList) {
     // let { modelData, basicInfoGroupList } = state;
     var {
@@ -496,12 +467,10 @@ export class LegacyInstanceDetail extends React.Component {
     } = this.props;
     var basicInfoAttrList;
     basicInfoGroupList = [];
-
     if (fieldsByTag) {
       basicInfoGroupList = map(fieldsByTag, tag => {
         var attrList = compact(map(tag.fields, attr => {
           var matched = modelData.__fieldList.find(field => field.__id === attr);
-
           return matched;
         }));
         return {
@@ -514,7 +483,6 @@ export class LegacyInstanceDetail extends React.Component {
       if (attributeKeys !== null && attributeKeys !== void 0 && attributeKeys.length) {
         basicInfoAttrList = attributeKeys.map(attr => {
           var matched = modelData.__fieldList.find(field => field.__id === attr);
-
           if (matched && attrFilter(matched, modelData)) {
             return matched;
           }
@@ -522,14 +490,11 @@ export class LegacyInstanceDetail extends React.Component {
       } else {
         basicInfoAttrList = modelData.__fieldList.filter(field => attrFilter(field, modelData));
       }
-
       basicInfoAttrList.forEach(field => {
         var groupTag;
         var nameKey = getInstanceNameKeys(modelData)[0];
-
         if (field.__isRelation) {
           var _field$left_tags;
-
           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] : "";
           /*
               原有逻辑，没有tag会根据默认在基本信息中展示，导致删除了的关系在实例详情中还存在。
@@ -539,13 +504,10 @@ export class LegacyInstanceDetail extends React.Component {
             */
         } else {
           var _field$tag;
-
           var basicInfoText = i18n.t("".concat(NS_LIBS_CMDB_INSTANCES, ":").concat(K.BASIC_INFORMATION));
           groupTag = ((_field$tag = field.tag) === null || _field$tag === void 0 ? void 0 : _field$tag.length) > 0 ? field.tag[0] || basicInfoText : basicInfoText;
         }
-
         var basicInfoGroup = basicInfoGroupList.find(item => item.name === groupTag);
-
         if (basicInfoGroup) {
           field.id === nameKey ? basicInfoGroup["attrList"].unshift(field) : basicInfoGroup["attrList"].push(field);
         } else {
@@ -556,9 +518,8 @@ export class LegacyInstanceDetail extends React.Component {
           });
         }
       });
-    } // 用于处理分类排序失效问题
-
-
+    }
+    // 用于处理分类排序失效问题
     var basicInfoGroups = [];
     var basicInfoGroupNameList = basicInfoGroupList.map(basicInfo => basicInfo.name);
     var attrCategoryOrder = modelData.view.attr_category_order.filter(category => basicInfoGroupNameList.includes(category));
@@ -567,9 +528,9 @@ export class LegacyInstanceDetail extends React.Component {
       basicInfoGroups[index] = v;
     });
     return basicInfoGroups;
-  } // istanbul ignore next
-
+  }
 
+  // istanbul ignore next
   setBasicInfoGroupList(state) {
     var {
       modelData,
@@ -581,57 +542,46 @@ export class LegacyInstanceDetail extends React.Component {
       basicInfoGroupListShow: basicInfoList
     });
   }
-
   componentDidUpdate(prevProps) {
     var _this3 = this;
-
     if (this.props.objectId && this.props.instanceId && prevProps.instanceId !== this.props.instanceId) {
       _asyncToGenerator(function* () {
         return yield _this3.fetchData(_this3.props);
       })();
     }
   }
-
   componentDidMount() {
     var _this4 = this;
-
     return _asyncToGenerator(function* () {
       if (_this4.props.actions) {
         var buttonActions = [];
         var dropdownActions = [];
-
         _this4.props.actions.forEach(action => {
           switch (action.type) {
             case "dropdown":
               dropdownActions.push(action);
               break;
-
             case "button":
             default:
               buttonActions.push(action);
               break;
           }
         });
-
         _this4.setState({
           buttonActions,
           dropdownActions
         });
       }
-
       if (_this4.props.instanceId && _this4.props.objectId) {
         yield _this4.fetchData(_this4.props);
       }
-
       _this4.scrollToTarget();
     })();
   }
-
   toggleBasicInfoGroupFilter(basicInfoGroup) {
     var {
       basicInfoGroupList
     } = this.state;
-
     if (!basicInfoGroup.active) {
       basicInfoGroupList.forEach(item => {
         item.active = false;
@@ -644,20 +594,17 @@ export class LegacyInstanceDetail extends React.Component {
         basicInfoGroupListShow: basicInfoGroupList
       });
     }
-
     basicInfoGroup.active = !basicInfoGroup.active;
-  } // istanbul ignore next
-
+  }
 
+  // istanbul ignore next
   getInstanceDetailData(props, modelDataMap) {
     var modelData = modelDataMap[props.objectId];
     var hideModelData = modelData.view.hide_columns || [];
-
     var filterModelData = _objectSpread(_objectSpread({}, modelData), {}, {
       attrList: modelData.attrList.filter(item => !hideModelData.includes(item.id)),
       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))
     });
-
     var basicInfoGroupList = this.formatBasicInfoGroupList(modifyModelData(filterModelData), []);
     var attrIdList = flatten(basicInfoGroupList.map(v => {
       return v.attrList.map(attr => attr.id || attr.__id);
@@ -668,25 +615,21 @@ export class LegacyInstanceDetail extends React.Component {
       filterModelData,
       fields
     };
-  } // istanbul ignore next
-
+  }
 
+  // istanbul ignore next
   fetchData(props) {
     var _this5 = this;
-
     return _asyncToGenerator(function* () {
       var modelListData, modelDataMap, instanceData;
       var relationLimit = 10;
-
       try {
         if (props.modelDataList) {
           modelDataMap = keyBy(props.modelDataList, "objectId");
-
           if (props.showFields) {
             var {
               fields
             } = _this5.getInstanceDetailData(props, modelDataMap);
-
             instanceData = yield fetchCmdbInstanceDetailByFields(props.objectId, props.instanceId, fields, relationLimit);
           } else {
             instanceData = yield fetchCmdbInstanceDetail(props.objectId, props.instanceId);
@@ -695,22 +638,18 @@ export class LegacyInstanceDetail extends React.Component {
           if (props.showFields) {
             modelListData = yield fetchCmdbObjectRef(props.objectId);
             modelDataMap = keyBy(modelListData.data, "objectId");
-
             var {
               fields: _fields
             } = _this5.getInstanceDetailData(props, modelDataMap);
-
             instanceData = yield fetchCmdbInstanceDetailByFields(props.objectId, props.instanceId, _fields, relationLimit);
           } else {
             [modelListData, instanceData] = yield Promise.all([fetchCmdbObjectRef(props.objectId), fetchCmdbInstanceDetail(props.objectId, props.instanceId)]);
             modelDataMap = keyBy(modelListData.data, "objectId");
           }
         }
-
         var {
           filterModelData
         } = _this5.getInstanceDetailData(props, modelDataMap);
-
         _this5.setState({
           modelDataMap,
           modelData: modifyModelData(filterModelData),
@@ -719,62 +658,48 @@ export class LegacyInstanceDetail extends React.Component {
           basicInfoGroupListShow: [],
           basicInfoGroupList: []
         });
-
-        _this5.setBasicInfoGroupList(_this5.state); // this.setFormattedInstanceData(this.state);
-
+        _this5.setBasicInfoGroupList(_this5.state);
+        // this.setFormattedInstanceData(this.state);
       } catch (e) {
         // 统一处理请求错误
-        handleHttpError(e); // 标记 `loaded` 和 `failed` 状态
-
+        handleHttpError(e);
+        // 标记 `loaded` 和 `failed` 状态
         _this5.setState({
           loaded: true
         });
       }
     })();
   }
-
   isStruct(attr) {
     var _attr$value;
-
     return ((_attr$value = attr.value) === null || _attr$value === void 0 ? void 0 : _attr$value.type) === "struct";
   }
-
   isStructs(attr) {
     var _attr$value2;
-
     return ((_attr$value2 = attr.value) === null || _attr$value2 === void 0 ? void 0 : _attr$value2.type) === "structs";
   }
-
   isUrl(attr) {
     var _attr$value3, _attr$value4;
-
     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";
   }
-
   isRelation(attr) {
     var _attr$value5, _attr$value6;
-
     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";
   }
-
   isFloat(attr) {
     var _attr$value7;
-
     return ((_attr$value7 = attr.value) === null || _attr$value7 === void 0 ? void 0 : _attr$value7.type) === "float";
   }
-
   isSpecialDisplayField(attr) {
-    return (// TODO: ENABLED_FEATURES.includes("user-business-special-display") &&
+    return (
+      // TODO: ENABLED_FEATURES.includes("user-business-special-display") &&
       ["USER", "BUSINESS"].includes(attr.id === attr.left_id ? attr.right_object_id : attr.left_object_id)
     );
   }
-
   isMarkdownField(attr) {
     var _attr$value8;
-
     return ((_attr$value8 = attr.value) === null || _attr$value8 === void 0 ? void 0 : _attr$value8.type) === "str" && get(attr, "value.mode") === "markdown";
   }
-
 }
 export var InstanceDetail = withTranslation(NS_LIBS_CMDB_INSTANCES)(LegacyInstanceDetail);
 //# sourceMappingURL=InstanceDetail.js.map