@next-libs/cmdb-instances 6.47.12 → 6.49.0

package/dist/esm/instance-list-table/InstanceListTable.js

@@ -22,15 +22,13 @@ import { BrickAsComponent } from "@next-core/brick-kit";
 import { NS_LIBS_CMDB_INSTANCES, K } from "../i18n/constants";
 import i18n from "i18next";
 import { CmdbUrlLink } from "../cmdb-url-link/CmdbUrlLink";
-import { FloatDisplayBrick } from "../float-display-brick/FloatDisplayBrick"; // const { Paragraph } = Typography;
-
+import { FloatDisplayBrick } from "../float-display-brick/FloatDisplayBrick";
+// const { Paragraph } = Typography;
 var SortOrder;
-
 (function (SortOrder) {
   SortOrder["Ascend"] = "ascend";
   SortOrder["Descend"] = "descend";
 })(SortOrder || (SortOrder = {}));
-
 var SELF_RENDER_COLUMNS = {
   HOST: [{
     key: "_agentStatus",
@@ -50,20 +48,13 @@ var SELF_RENDER_COLUMNS = {
 export class LegacyInstanceListTable extends React.Component {
   constructor(props) {
     var _this, _SELF_RENDER_COLUMNS$, _this$props$propertyD;
-
     super(props);
     _this = this;
-
     _defineProperty(this, "keyDisplayConfigMap", {});
-
     _defineProperty(this, "recordUseBrickDataMap", void 0);
-
     _defineProperty(this, "inheritanceModelIdNameMap", void 0);
-
     _defineProperty(this, "selectedRows", []);
-
     _defineProperty(this, "ROM_KEY", "instanceId");
-
     _defineProperty(this, "instanceSourceTitle", /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", null, i18n.t("".concat(NS_LIBS_CMDB_INSTANCES, ":").concat(K.INSTANCE_SOURCE))), /*#__PURE__*/React.createElement(Tooltip, {
       title: i18n.t("".concat(NS_LIBS_CMDB_INSTANCES, ":").concat(K.INSTANCE_SOURCE_TOOLTIP))
     }, /*#__PURE__*/React.createElement("span", {
@@ -75,35 +66,28 @@ export class LegacyInstanceListTable extends React.Component {
         theme: "filled"
       }
     })))));
-
     _defineProperty(this, "onChange", (pagination, filters, sorter, extra) => {
       var _filters$_object_id;
-
       var newInstanceSourceQuery = filters === null || filters === void 0 ? void 0 : (_filters$_object_id = filters._object_id) === null || _filters$_object_id === void 0 ? void 0 : _filters$_object_id[0];
-
       if (newInstanceSourceQuery !== this.state.instanceSourceQuery) {
         this.props.onInstanceSourceChange(newInstanceSourceQuery);
       }
-
-      if ( // pagination.current will pass in 0 when total is 0 and sorter has changed
+      if (
+      // pagination.current will pass in 0 when total is 0 and sorter has changed
       pagination.current > 0 && pagination.current !== this.state.pagination.current || pagination.pageSize !== this.state.pagination.pageSize) {
         var _this$props$onPaginat, _this$props;
-
         (_this$props$onPaginat = (_this$props = this.props).onPaginationChange) === null || _this$props$onPaginat === void 0 ? void 0 : _this$props$onPaginat.call(_this$props, {
           page: pagination.current,
           pageSize: pagination.pageSize
         });
       }
-
       if (!Array.isArray(sorter)) {
         var asc = {
           [SortOrder.Ascend]: true,
           [SortOrder.Descend]: false
         }[sorter.order];
-
         if ((sorter.column ? sorter.field : undefined) !== this.props.sort || asc !== this.props.asc) {
           var _this$props$onSorting, _this$props2;
-
           (_this$props$onSorting = (_this$props2 = this.props).onSortingChange) === null || _this$props$onSorting === void 0 ? void 0 : _this$props$onSorting.call(_this$props2, {
             sort: sorter.field,
             asc
@@ -111,35 +95,26 @@ export class LegacyInstanceListTable extends React.Component {
         }
       }
     });
-
     _defineProperty(this, "onSelectChange", (selectedRowKeys, selectedRows) => {
       var _this$props$onSelecti, _this$props3;
-
       this.selectedRows = selectedRows;
       (_this$props$onSelecti = (_this$props3 = this.props).onSelectionChange) === null || _this$props$onSelecti === void 0 ? void 0 : _this$props$onSelecti.call(_this$props3, {
         selectedKeys: selectedRowKeys,
         selectedItems: selectedRows
       });
     });
-
     _defineProperty(this, "handelIpCopyText", /*#__PURE__*/function () {
       var _ref = _asyncToGenerator(function* (ev, dataIndex) {
         var _selectedRowKeys;
-
         ev.stopPropagation();
         var selectedRowKeys = _this.props.selectedRowKeys;
-
         var selectedRows = _this.selectedRows.filter(v => v);
-
         var objectId = _this.props.modelData.objectId;
-
         if (((_selectedRowKeys = selectedRowKeys) === null || _selectedRowKeys === void 0 ? void 0 : _selectedRowKeys.length) < 1) {
           message.warning(i18n.t("".concat(NS_LIBS_CMDB_INSTANCES, ":").concat(K.SELECT_COPY_DATA)));
           return false;
         }
-
         selectedRowKeys = selectedRowKeys.filter(k => selectedRows.every(row => row[_this.ROM_KEY] !== k));
-
         if (selectedRowKeys.length > 0) {
           var resp = yield InstanceApi_postSearch(objectId, {
             query: {
@@ -151,22 +126,18 @@ export class LegacyInstanceListTable extends React.Component {
           });
           selectedRows = [...selectedRows, ...((resp === null || resp === void 0 ? void 0 : resp.list) || [])];
         }
-
         var inputDom = document.createElement("textarea");
         inputDom.value = [...new Set(map(selectedRows.filter(v => v[dataIndex]), dataIndex))].join("\n");
         document.body.appendChild(inputDom);
         inputDom.select(); //选择对象
-
         document.execCommand("copy");
         inputDom.remove();
         message.success(i18n.t("".concat(NS_LIBS_CMDB_INSTANCES, ":").concat(K.COPY_SUCCESS)));
       });
-
       return function (_x, _x2) {
         return _ref.apply(this, arguments);
       };
     }());
-
     var _objectId = this.props.modelData.objectId;
     (_SELF_RENDER_COLUMNS$ = SELF_RENDER_COLUMNS[_objectId]) === null || _SELF_RENDER_COLUMNS$ === void 0 ? void 0 : _SELF_RENDER_COLUMNS$.forEach(config => this.keyDisplayConfigMap[config.key] = config);
     (_this$props$propertyD = this.props.propertyDisplayConfigs) === null || _this$props$propertyD === void 0 ? void 0 : _this$props$propertyD.forEach(config => this.keyDisplayConfigMap[config.key] = config);
@@ -194,9 +165,8 @@ export class LegacyInstanceListTable extends React.Component {
       }),
       defaultPagination: defaultPagination
     };
-  } // istanbul ignore next
-
-
+  }
+  // istanbul ignore next
   openConfirmModal(index) {
     var confirm = Modal.confirm;
     confirm({
@@ -208,35 +178,29 @@ export class LegacyInstanceListTable extends React.Component {
         this.remove(index);
       }
     });
-  } // istanbul ignore next
-
-
+  }
+  // istanbul ignore next
   remove(index) {
     var processList = [...this.props.instanceListData.list];
     processList.splice(index, 1);
     this.props.handleDeleteFunction(processList);
   }
-
   getChangeColumns(ids) {
     var columns = [];
     forEachAvailableFields(modifyModelData(this.props.modelData), (attr, firstColumns) => columns.push(this.setColumnSortOrder(this.getAttributeColumnData(attr, this.props.modelData, firstColumns))), (relation, sides, firstColumns) => columns.push(this.setColumnSortOrder(this.getRelationColumnData(relation, this.props.modelData, sides, firstColumns))), ids);
     var idColumnMap = new Map();
     columns.forEach(column => idColumnMap.set(column.dataIndex, column));
     var fieldIds;
-
     if (ids !== null && ids !== void 0 && ids.length) {
       fieldIds = ids;
     } else if (this.props.modelData.view && this.props.modelData.view.attr_order) {
       fieldIds = this.props.modelData.view.attr_order;
     }
-
     var sortedColumns;
-
     if (fieldIds) {
       sortedColumns = [];
       fieldIds.forEach(id => {
         var column = idColumnMap.get(id);
-
         if (column) {
           sortedColumns.push(column);
           idColumnMap.delete(id);
@@ -246,7 +210,6 @@ export class LegacyInstanceListTable extends React.Component {
     } else {
       sortedColumns = columns;
     }
-
     if (this.props.isOperate) {
       sortedColumns.push({
         title: i18n.t("".concat(NS_LIBS_CMDB_INSTANCES, ":").concat(K.OPERATION)),
@@ -269,13 +232,10 @@ export class LegacyInstanceListTable extends React.Component {
         }
       });
     }
-
     return sortedColumns;
   }
-
   getMergedColumns(columns, extraColumns) {
     var mergedColumns = extraColumns ? [...columns, ...this.processExtraColumns(extraColumns)] : columns;
-
     if (this.props.modelData.isAbstract) {
       mergedColumns = [_objectSpread(_objectSpread({
         title: this.instanceSourceTitle,
@@ -290,27 +250,22 @@ export class LegacyInstanceListTable extends React.Component {
       } : {}), {}, {
         render: (value, record, index) => {
           var _this$inheritanceMode;
-
           return /*#__PURE__*/React.createElement(Tag, null, ((_this$inheritanceMode = this.inheritanceModelIdNameMap) === null || _this$inheritanceMode === void 0 ? void 0 : _this$inheritanceMode[value]) || value);
         }
       }), ...mergedColumns.filter(c => c.dataIndex !== "_object_id")];
     }
-
     return mergedColumns;
   }
-
   processExtraColumns(extraColumns) {
     this.recordUseBrickDataMap = new Map();
     return extraColumns.map(column => {
       var {
-        useBrick
-      } = column,
-          processedColumn = _objectWithoutProperties(column, _excluded);
-
+          useBrick
+        } = column,
+        processedColumn = _objectWithoutProperties(column, _excluded);
       if (useBrick) {
         processedColumn.render = (value, record, index) => {
           var data = this.recordUseBrickDataMap.get(record);
-
           if (!data) {
             data = {
               cellData: value,
@@ -319,36 +274,29 @@ export class LegacyInstanceListTable extends React.Component {
             };
             this.recordUseBrickDataMap.set(record, data);
           }
-
           return /*#__PURE__*/React.createElement(BrickAsComponent, {
             useBrick: useBrick,
             data: data
           });
         };
       }
-
       return processedColumn;
     });
   }
-
   componentDidMount() {
     var _this2 = this;
-
     return _asyncToGenerator(function* () {
       if (_this2.props.modelData.isAbstract && isNil(_this2.inheritanceModelIdNameMap)) {
         _this2.inheritanceModelIdNameMap = yield CmdbObjectApi_getIdMapName({
           parentObjectId: _this2.props.modelData.objectId
         });
       }
-
       var columns = _this2.getChangeColumns(_this2.props.fieldIds);
-
       _this2.setState({
         columns: _this2.getMergedColumns(columns, _this2.props.extraColumns)
       });
     })();
   }
-
   UNSAFE_componentWillReceiveProps(nextProps) {
     this.inheritanceModelIdNameMap = _objectSpread(_objectSpread({}, this.inheritanceModelIdNameMap), nextProps.inheritanceModelIdNameMap);
     var columns = this.getChangeColumns(nextProps.fieldIds);
@@ -356,17 +304,14 @@ export class LegacyInstanceListTable extends React.Component {
       columns: this.getMergedColumns(columns, nextProps.extraColumns)
     });
   }
-
   handleClickItem(e, record) {
     if (this.props.onClickItem) {
       this.props.onClickItem(e, record.instanceId);
     }
-
     if (this.props.onClickItemV2) {
       this.props.onClickItemV2(e, record);
     }
   }
-
   getCustomPropertyRender(config, isPrimary) {
     return (value, record, index) => {
       return /*#__PURE__*/React.createElement(config.brick, {
@@ -389,7 +334,6 @@ export class LegacyInstanceListTable extends React.Component {
       });
     };
   }
-
   getDisplayConfigColumn(config, isPrimary) {
     return (value, record, index) => {
       if (config.brick) {
@@ -399,7 +343,6 @@ export class LegacyInstanceListTable extends React.Component {
       }
     };
   }
-
   getUseBrickConfigRender(config) {
     return (value, record, index) => {
       var data = {
@@ -413,7 +356,6 @@ export class LegacyInstanceListTable extends React.Component {
       });
     };
   }
-
   getLinkContent(node) {
     return /*#__PURE__*/React.createElement("span", {
       style: {
@@ -431,9 +373,8 @@ export class LegacyInstanceListTable extends React.Component {
     })), /*#__PURE__*/React.createElement("span", {
       className: styles.linkKey
     }, node));
-  } // istanbul ignore next
-
-
+  }
+  // istanbul ignore next
   getSpecialUrlTemplates(object, record, node, url, isRenderStructList) {
     if (!url) {
       return /*#__PURE__*/React.createElement("a", {
@@ -445,7 +386,6 @@ export class LegacyInstanceListTable extends React.Component {
         title: "".concat(i18n.t("".concat(NS_LIBS_CMDB_INSTANCES, ":").concat(K.JUMP_TO))).concat(object.name).concat(i18n.t("".concat(NS_LIBS_CMDB_INSTANCES, ":").concat(K.INSTANCE_DETAIL)))
       }, this.getLinkContent(node)) : this.getLinkContent(node));
     }
-
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
       style: {
         display: "flex"
@@ -470,7 +410,6 @@ export class LegacyInstanceListTable extends React.Component {
       className: styles.linkKey
     }, node)));
   }
-
   getAttributeColumnData(attribute, object, firstColumns) {
     var column = {
       title: attribute.name,
@@ -480,17 +419,14 @@ export class LegacyInstanceListTable extends React.Component {
     var displayConfig = this.keyDisplayConfigMap[attribute.id];
     var isPrimary = attribute.id === getInstanceNameKeys(object)[0];
     var tempColumns;
-
     switch (attribute.value.type) {
       case ModelAttributeValueType.STRUCT:
       case ModelAttributeValueType.STRUCT_LIST:
         column.sorter = false;
         break;
-
       default:
         column.sorter = !this.props.sortDisabled;
     }
-
     if (displayConfig) {
       if (displayConfig.brick || displayConfig.useBrick) {
         tempColumns = this.getDisplayConfigColumn(displayConfig, isPrimary);
@@ -502,14 +438,11 @@ export class LegacyInstanceListTable extends React.Component {
                 if (!(values instanceof Array)) {
                   values = [values];
                 }
-
                 return values.map(value => {
                   var color;
-
                   if (displayConfig.valueColorMap) {
                     color = displayConfig.valueColorMap[value];
                   }
-
                   return /*#__PURE__*/React.createElement(Tag, {
                     key: value,
                     color: color
@@ -519,18 +452,15 @@ export class LegacyInstanceListTable extends React.Component {
                 return null;
               }
             };
-
             break;
         }
       }
     } else {
       var isLegacy;
-
       switch (attribute.value.type) {
         case ModelAttributeValueType.STRUCT:
           isLegacy = true;
         // falls through
-
         case ModelAttributeValueType.STRUCT_LIST:
           tempColumns = (value, record, index) => {
             return value ? /*#__PURE__*/React.createElement(Popover, {
@@ -552,41 +482,29 @@ export class LegacyInstanceListTable extends React.Component {
               }
             }, i18n.t("".concat(NS_LIBS_CMDB_INSTANCES, ":").concat(K.VIEW)))) : null;
           };
-
           break;
-
         case ModelAttributeValueType.ARR:
         case ModelAttributeValueType.ENUMS:
           tempColumns = (value, record, index) => {
             return value && value.length > 0 ? value.join("; ") : null;
           };
-
           break;
-
         case ModelAttributeValueType.BOOLEAN:
           tempColumns = v => isNil(v) ? "" : "" + v;
-
           break;
-
         case ModelAttributeValueType.JSON:
           tempColumns = v => typeof v === "string" ? v : JSON.stringify(v);
-
           break;
-
         case ModelAttributeValueType.STRING:
           tempColumns = v => v;
-
           break;
-
         case ModelAttributeValueType.FLOAT:
           tempColumns = value => {
             return /*#__PURE__*/React.createElement(FloatDisplayBrick, {
               floatValue: value
             });
           };
-
           break;
-
         default:
           if (object.objectId === "HOST" && attribute.id in customRules) {
             tempColumns = (text, record, index) => {
@@ -597,39 +515,30 @@ export class LegacyInstanceListTable extends React.Component {
                 }).join(" ");
                 return valStr === "" ? undefined : valStr;
               }
-
               return customRules[attribute.id](text, attribute);
             };
           } else {
             tempColumns = v => v;
           }
-
       }
-    } // istanbul ignore next
-
-
+    }
+    // istanbul ignore next
     if (tempColumns) {
       column.render = firstColumns && this.props.detailUrlTemplates ? (value, record, index) => {
         //要跳到的路由
         var detailUrlTemplate = getTemplateFromMap(this.props.detailUrlTemplates, object.objectId);
-
         if (detailUrlTemplate) {
           var _this$inheritanceMode2;
-
           var data = _objectSpread(_objectSpread({}, record), {}, {
             objectId: object.isAbstract ? record._object_id : object.objectId
           });
-
           var url = parseTemplate(detailUrlTemplate, data);
-
           if (attribute.value.type === ModelAttributeValueType.STRUCT || attribute.value.type === ModelAttributeValueType.STRUCT_LIST) {
             return this.getSpecialUrlTemplates(object, record, tempColumns(value, record, index), url, true);
           }
-
           if (displayConfig && displayConfig.brick) {
             return this.getSpecialUrlTemplates(object, record, tempColumns(value, record, index), url);
           }
-
           return /*#__PURE__*/React.createElement(Link, _extends({
             to: url,
             onClick: e => this.handleClickItem(e, record),
@@ -658,10 +567,8 @@ export class LegacyInstanceListTable extends React.Component {
         }
       } : tempColumns;
     }
-
     return column;
   }
-
   getRelationColumnData(relation, object, sides, firstColumns) {
     var key = relation["".concat(sides.this, "_id")];
     var column = {
@@ -672,7 +579,6 @@ export class LegacyInstanceListTable extends React.Component {
     };
     var displayConfig = this.keyDisplayConfigMap[key];
     var tempColumns;
-
     if (displayConfig) {
       tempColumns = this.getDisplayConfigColumn(displayConfig);
     } else {
@@ -681,42 +587,36 @@ export class LegacyInstanceListTable extends React.Component {
           var _objectId2 = relation["".concat(sides.that, "_object_id")];
           var nameKeys = getInstanceNameKeys(this.props.idObjectMap[_objectId2]);
           var detailUrlTemplate;
-
           if (this.props.detailUrlTemplates) {
             detailUrlTemplate = getTemplateFromMap(this.props.detailUrlTemplates, _objectId2);
           }
-
           var instanceNodes = instances.map((instance, index) => {
             var subName;
-
             if (nameKeys.length > 1) {
               subName = instance[nameKeys[1]];
             }
-
             var instanceName = subName ? "".concat(instance[nameKeys[0]], " (").concat(subName, ")") : instance[nameKeys[0]];
-
             if (detailUrlTemplate) {
               var _this$props$separator;
-
               var url = parseTemplate(detailUrlTemplate, _objectSpread(_objectSpread({}, instance), {}, {
                 objectId: _objectId2
               }));
               return /*#__PURE__*/React.createElement(React.Fragment, {
                 key: instance.instanceId
               }, index > 0 && ((_this$props$separator = this.props.separatorUsedInRelationData) !== null && _this$props$separator !== void 0 ? _this$props$separator : "; "), this.props.relationLinkDisabled ? instanceName : /*#__PURE__*/React.createElement(Link, {
-                target: "_blank" // 使用 <Link> 以保持链接的原生能力
+                target: "_blank"
+                // 使用 <Link> 以保持链接的原生能力
                 ,
-                to: url // 自定义 onClick 以支持事件配置和拦截
+                to: url
+                // 自定义 onClick 以支持事件配置和拦截
                 ,
                 onClick: e => this.handleClickItem(e, record)
               }, instanceName));
             } else {
               if (index > 0) {
                 var _this$props$separator2;
-
                 instanceName = ((_this$props$separator2 = this.props.separatorUsedInRelationData) !== null && _this$props$separator2 !== void 0 ? _this$props$separator2 : "; ") + instanceName;
               }
-
               return instanceName;
             }
           });
@@ -725,19 +625,16 @@ export class LegacyInstanceListTable extends React.Component {
           return null;
         }
       };
-    } // istanbul ignore next
-
-
+    }
+    // istanbul ignore next
     if (tempColumns) {
       column.render = firstColumns && this.props.detailUrlTemplates ? (value, record, index) => {
         //要跳到的路由
         var detailUrlTemplate = getTemplateFromMap(this.props.detailUrlTemplates, object.objectId);
-
         if (detailUrlTemplate) {
           var data = _objectSpread(_objectSpread({}, record), {}, {
             objectId: object.objectId
           });
-
           var url = parseTemplate(detailUrlTemplate, data);
           return this.getSpecialUrlTemplates(object, record, tempColumns(value, record, index), url);
         } else {
@@ -745,20 +642,16 @@ export class LegacyInstanceListTable extends React.Component {
         }
       } : tempColumns;
     }
-
     return column;
   }
-
   setColumnSortOrder(column) {
     if (column.dataIndex !== undefined && column.dataIndex === this.props.sort || column.key !== undefined && column.key === this.props.sort) {
       column.sortOrder = this.props.asc ? SortOrder.Ascend : SortOrder.Descend;
     } else {
       column.sortOrder = null;
     }
-
     return column;
   }
-
   componentDidUpdate(prevProps) {
     if (this.props.instanceListData !== prevProps.instanceListData) {
       this.setState({
@@ -770,7 +663,6 @@ export class LegacyInstanceListTable extends React.Component {
         })
       });
     }
-
     if (this.props.sort !== prevProps.sort || this.props.asc !== prevProps.asc) {
       var columns = [];
       this.state.columns.forEach(column => columns.push(this.setColumnSortOrder(column)));
@@ -778,17 +670,14 @@ export class LegacyInstanceListTable extends React.Component {
         columns
       });
     }
-
     if (this.props.instanceSourceQuery !== prevProps.instanceSourceQuery) {
       this.setState({
         instanceSourceQuery: this.props.instanceSourceQuery
       });
     }
   }
-
   render() {
     var _this$state$columns$l, _this$state$columns;
-
     var {
       selectedRowKeys,
       rowSelectionType
@@ -805,18 +694,15 @@ export class LegacyInstanceListTable extends React.Component {
     });
     this.state.columns.map(column => {
       var _this$props$modelData, _this$props$modelData2, _this$props$modelData3, _this$props$modelData4;
-
-      var dataIndex = column.dataIndex; // istanbul ignore next
-
+      var dataIndex = column.dataIndex;
+      // istanbul ignore next
       if (((_this$props$modelData = this.props.modelData.attrList.find(attr => attr.id === dataIndex)) === null || _this$props$modelData === void 0 ? void 0 : (_this$props$modelData2 = _this$props$modelData.value) === null || _this$props$modelData2 === void 0 ? void 0 : _this$props$modelData2.mode) === "url") {
         column.render = (text, row, index) => CmdbUrlLink({
           linkStr: text
         });
       }
-
       if (this.props.ipCopy && ((_this$props$modelData3 = this.props.modelData.attrList.find(attr => attr.id === dataIndex)) === null || _this$props$modelData3 === void 0 ? void 0 : (_this$props$modelData4 = _this$props$modelData3.value) === null || _this$props$modelData4 === void 0 ? void 0 : _this$props$modelData4.type) === "ip") {
         column.filterDropdown = () => /*#__PURE__*/React.createElement("div", null);
-
         column.filterIcon = () => /*#__PURE__*/React.createElement(Tooltip, {
           className: styles.copyWrap,
           title: i18n.t("".concat(NS_LIBS_CMDB_INSTANCES, ":").concat(K.COPY_SELECTED_IP))
@@ -853,7 +739,6 @@ export class LegacyInstanceListTable extends React.Component {
       }
     }, this.props.configProps)));
   }
-
 }
 export var InstanceListTable = /*#__PURE__*/React.memo(withTranslation(NS_LIBS_CMDB_INSTANCES)(LegacyInstanceListTable));
 //# sourceMappingURL=InstanceListTable.js.map