@next-libs/cmdb-instances 6.47.12 → 6.49.0

package/dist/cjs/instance-list/InstanceList.js

@@ -1,9 +1,7 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -13,41 +11,23 @@ exports.getQuery = getQuery;
 exports.isValueEqualFn = exports.isSpecialFn = exports.initAqToShow = void 0;
 exports.joinRelationFieldAndShowkey = joinRelationFieldAndShowkey;
 exports.specialQueryHandler = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _lodash = require("lodash");
-
 var _brickKit = require("@next-core/brick-kit");
-
 var _i18next = _interopRequireDefault(require("i18next"));
-
 var _constants = require("../i18n/constants");
-
 var _cmdbSdk = require("@next-sdk/cmdb-sdk");
-
 var _compatible = require("@ant-design/compatible");
-
 var _antd = require("antd");
-
 var _cmdbUtils = require("@next-libs/cmdb-utils");
-
 var _storage = require("@next-libs/storage");
-
 var _instanceListTable = require("../instance-list-table");
-
 var _InstanceListModule = _interopRequireDefault(require("./InstanceList.module.css"));
-
 var _constants2 = require("./constants");
-
 var _ModelAttributeFormControl = require("../model-attribute-form-control/ModelAttributeFormControl");
-
 var _IconButton = require("./IconButton");
-
 var _processors = require("../processors");
-
 function joinRelationFieldAndShowkey(fields, modelData, objectList) {
   const attrIdMap = (0, _lodash.keyBy)(modelData.attrList, "id");
   return fields.map(field => {
@@ -55,10 +35,8 @@ function joinRelationFieldAndShowkey(fields, modelData, objectList) {
       return field;
     } else {
       const relation = modelData.relation_list.find(relation => relation.left_id === field || relation.right_id === field);
-
       if (relation) {
         var _otherSideObject$view, _otherSideObject$view2, _otherSideObject$view3;
-
         const isLeft = relation.left_object_id === modelData.objectId;
         const otherSideObjectId = isLeft ? relation.right_object_id : relation.left_object_id;
         const otherSideObject = objectList.find(object => object.objectId === otherSideObjectId);
@@ -70,16 +48,13 @@ function joinRelationFieldAndShowkey(fields, modelData, objectList) {
     }
   });
 }
-
 function getQuery(modelData, idObjectMap, q, fields, onlySearchByIp) {
   const query = {
     $or: []
   };
   const queryValues = q.trim().split(/\s+/);
-
   if (onlySearchByIp) {
     var _getRuntime$getCurren;
-
     const searchIpFields = ((_getRuntime$getCurren = (0, _brickKit.getRuntime)().getCurrentApp().config) === null || _getRuntime$getCurren === void 0 ? void 0 : _getRuntime$getCurren.searchIpFields) || [];
     const queryOrs = [...new Set(["ip", ...searchIpFields])];
     const searchValue = {
@@ -92,7 +67,6 @@ function getQuery(modelData, idObjectMap, q, fields, onlySearchByIp) {
     });
     return query;
   }
-
   (0, _cmdbUtils.forEachAvailableFields)(modelData, attr => {
     queryValues.forEach(queryValue => query.$or.push({
       [attr.id]: {
@@ -114,41 +88,31 @@ function getQuery(modelData, idObjectMap, q, fields, onlySearchByIp) {
   }, fields);
   return query;
 }
-
 const isSpecialFn = (query, attrId) => {
   return Object.keys(query[attrId]).some(v => v === "$exists" || v === "$gte" || v === "$lte");
 };
-
 exports.isSpecialFn = isSpecialFn;
-
 const specialQueryHandler = (query, key, queries) => {
   // $exists $gte $lte 针对为空，不为空，时间范围特殊处理
   const isSpecial = isSpecialFn(query, key);
-
   if (isSpecial) {
     return;
   }
-
   queries.push(query);
 };
-
 exports.specialQueryHandler = specialQueryHandler;
-
 const isValueEqualFn = (query, attrId, valuesStr) => {
   const isSpecial = isSpecialFn(query, attrId);
   if (isSpecial) return false;
   return query[attrId] ? valuesStr && Object.values(query[attrId]).join(" ") !== valuesStr // 当条件是为空和不为空时，需要判断valuesStr是否存在
   : false;
 };
-
 exports.isValueEqualFn = isValueEqualFn;
-
 function translateConditions(aq, idObjectMap, modelData, t) {
   const conditions = [];
   const relations = [];
   modelData.relation_list.forEach(relation => {
     let sidesArr = [];
-
     if ((0, _cmdbUtils.isSelfRelation)(relation)) {
       sidesArr = [{
         this: "left",
@@ -160,14 +124,12 @@ function translateConditions(aq, idObjectMap, modelData, t) {
     } else {
       sidesArr = [(0, _cmdbUtils.getRelationObjectSides)(relation, modelData)];
     }
-
     sidesArr.forEach(sides => {
       const objectId = relation[`${sides.this}_id`];
       const relationObject = idObjectMap[relation[`${sides.that}_object_id`]];
       const nameKeys = (0, _cmdbUtils.getInstanceNameKeys)(relationObject);
       nameKeys.forEach(nameKey => {
         var _find$name, _find;
-
         const nameOfNameKey = (_find$name = (_find = (0, _lodash.find)(relationObject === null || relationObject === void 0 ? void 0 : relationObject.attrList, ["id", nameKey])) === null || _find === void 0 ? void 0 : _find.name) !== null && _find$name !== void 0 ? _find$name : nameKey;
         const id = `${objectId}.${nameKey}`;
         const name = `${relation[`${sides.this}_name`]}(${nameOfNameKey})`;
@@ -191,45 +153,35 @@ function translateConditions(aq, idObjectMap, modelData, t) {
     });
   });
   const attrAndRelationList = [...modelData.attrList, ...relations];
-
   if (!(0, _lodash.isEmpty)(aq)) {
     for (const query of aq) {
       let queries = [query];
-
       if (Object.keys(query)[0] === "$or" || Object.keys(query)[0] === "$and") {
         queries = query[Object.keys(query)[0]];
       }
-
       queries.forEach(query => {
         const key = Object.keys(query)[0];
         const value = Object.values(query)[0];
         let attr = attrAndRelationList.find(attr => attr.id === key || attr.relationSideId === key);
-
         if (Object.keys(value)[0] === _cmdbUtils.ElementOperators.Exists && attr.relationSideId) {
           const relationSideId = attr.relationSideId;
           attr = attrAndRelationList.find(attr => attr.id === `${relationSideId}.`) || attr;
         }
-
         if (attr) {
           query = (0, _processors.changeQueryWithCustomRules)(modelData.objectId, attr.id, query);
           const info = (0, _instanceListTable.getFieldConditionsAndValues)(query, key, attr.value.type, undefined, undefined, modelData.objectId, attr.id);
-
           if (![_instanceListTable.ConditionType.Between, _instanceListTable.ConditionType.Empty, _instanceListTable.ConditionType.NotEmpty, _instanceListTable.ConditionType.False, _instanceListTable.ConditionType.True].includes(info.currentCondition.type)) {
             info.values = info.values.map(v => (0, _lodash.isString)(v) && v.includes(" ") ? v.replace(/^"+|"+$/g, "") : v);
           }
-
           let condition = `${attr.name}: ${info.currentCondition.label}`;
-
           if (![_instanceListTable.ConditionType.Empty, _instanceListTable.ConditionType.NotEmpty].includes(info.currentCondition.type)) {
             condition += `"${info.values.join(" ~ ")}"`;
           }
-
           const curCondition = {
             attrId: key,
             condition,
             valuesStr: info.queryValuesStr
           };
-
           if (conditions.every(v => !(0, _lodash.isEqual)((0, _lodash.omit)(v, "attrId"), (0, _lodash.omit)(curCondition, "attrId")))) {
             conditions.push(curCondition);
           }
@@ -237,27 +189,20 @@ function translateConditions(aq, idObjectMap, modelData, t) {
       });
     }
   }
-
   return conditions;
 }
-
 function newKey(fieldIds, aq) {
   let key = "";
-
   if (!(0, _lodash.isEmpty)(fieldIds)) {
     key += fieldIds.join("-");
   }
-
   if (!(0, _lodash.isEmpty)(aq)) {
     key += `-${aq.length}`;
   }
-
   return key;
 }
-
 const isOfStruct = (modelData, fieldId) => {
   var _modelData$attrList$f;
-
   const structFields = (_modelData$attrList$f = modelData.attrList.filter(attr => attr.value.type === "struct" || attr.value.type === "structs")) === null || _modelData$attrList$f === void 0 ? void 0 : _modelData$attrList$f.map(attr => {
     const structs = [];
     attr.value.struct_define.forEach(struct => {
@@ -267,29 +212,23 @@ const isOfStruct = (modelData, fieldId) => {
   }).flat();
   return structFields.includes(fieldId);
 };
-
 const isOfBoolean = (attrList, fieldId) => {
   var _keyAttrMap$fieldId;
-
   const keyAttrMap = (0, _lodash.keyBy)(attrList, "id");
   return ((_keyAttrMap$fieldId = keyAttrMap[fieldId]) === null || _keyAttrMap$fieldId === void 0 ? void 0 : _keyAttrMap$fieldId.value.type) === _ModelAttributeFormControl.ModelAttributeValueType.BOOLEAN;
 };
-
 const initAqToShow = (aq, modelData, isToShow = true) => {
   let newAqToShow = [];
-
   if (aq) {
     aq.forEach(query => {
       const aqToShow = Object.entries(query).map(([key, expressions]) => {
         let newExpressions = [];
-
         if (key === _cmdbUtils.LogicalOperators.Or || key === _cmdbUtils.LogicalOperators.And) {
           const firstSubQuery = expressions[0];
           const fieldId = Object.keys(firstSubQuery)[0];
           const isStruct = isOfStruct(modelData, fieldId);
           const isBool = isOfBoolean(modelData.attrList, fieldId);
           const structQueries = expressions.filter(expression => Object.keys(expression)[0] === fieldId);
-
           if (isStruct && isToShow) {
             const structExpressions = structQueries.map(item => ({
               [fieldId.split(".")[0]]: item[fieldId]
@@ -298,7 +237,6 @@ const initAqToShow = (aq, modelData, isToShow = true) => {
           } else if (isBool && !isToShow) {
             const boolExpressions = expressions.map(expression => {
               const targetValue = expression[fieldId];
-
               if (typeof Object.values(targetValue)[0] === "string") {
                 return {
                   [fieldId]: {
@@ -313,7 +251,6 @@ const initAqToShow = (aq, modelData, isToShow = true) => {
           } else {
             newExpressions = [...newExpressions, ...expressions];
           }
-
           return {
             [key]: newExpressions
           };
@@ -325,15 +262,11 @@ const initAqToShow = (aq, modelData, isToShow = true) => {
     });
     return newAqToShow;
   }
-
   return;
 };
-
 exports.initAqToShow = initAqToShow;
-
 function LegacyInstanceList(props) {
   var _props$selectedRowKey, _state$appList, _props$extraFilterBri;
-
   const {
     showTooltip = true
   } = props;
@@ -342,16 +275,19 @@ function LegacyInstanceList(props) {
     name: _i18next.default.t(`${_constants.NS_LIBS_CMDB_INSTANCES}:${_constants.K.ALL_CLUSTER}`)
   }];
   const jsonLocalStorage = new _storage.JsonStorage(localStorage);
-
   const reducer = (prevState, updatedProperty) => {
-    return { ...prevState,
+    return {
+      ...prevState,
       ...updatedProperty
     };
-  }; // 资源自动发现页面24小时发现主机抽屉的实例列表处，通用的postSearchV3接口无法查到正确结果，需要用下面的接口替换，参数里也要加上jobId:***
+  };
+  // 资源自动发现页面24小时发现主机抽屉的实例列表处，通用的postSearchV3接口无法查到正确结果，需要用下面的接口替换，参数里也要加上jobId:***
   // 为了不影响其他地方的实例列表，在该处加一个useAutoDiscoveryProvider参数，该参数为undefined或false的，仍调用原接口
 
-
   const listProvider = (0, _brickKit.useProvider)("easyops.api.cmdb.job@SearchResource:1.0.1");
+  const instanceArchiveListProvider = (0, _brickKit.useProvider)("providers-of-cmdb.instance-archive-api-list-archive-instance", {
+    cache: false
+  });
   const {
     modelData,
     idObjectMap
@@ -360,7 +296,6 @@ function LegacyInstanceList(props) {
     const idObjectMap = {};
     props.objectList.forEach(object => {
       idObjectMap[object.objectId] = object;
-
       if (object.objectId === props.objectId) {
         modelData = object;
         modelData.attrList = !props.disabledDefaultFields ? (0, _lodash.union)(object.attrList, _constants2.extraFieldAttrs) : object.attrList;
@@ -373,23 +308,18 @@ function LegacyInstanceList(props) {
   }, [props.objectList, props.objectId]);
   const [inheritanceModelIdNameMap, setInheritanceModelIdNameMap] = (0, _react.useState)({});
   const [fixedHeader, setFixHeader] = (0, _react.useState)(false);
-
   const fetchInheritanceModelIdNameMap = async modelData => {
     let idNameMap = {};
-
     if (modelData.isAbstract) {
       idNameMap = await (0, _cmdbSdk.CmdbObjectApi_getIdMapName)({
         parentObjectId: modelData.objectId
       });
     }
-
     setInheritanceModelIdNameMap(idNameMap);
   };
-
   (0, _react.useEffect)(() => {
     fetchInheritanceModelIdNameMap(modelData);
   }, [modelData]);
-
   const computeDefaultFields = ({
     inModal
   } = {
@@ -404,22 +334,18 @@ function LegacyInstanceList(props) {
     return {
       fieldIds
     };
-  }; // 根据用户预定义的 presetConfigs.fieldIds 进行排序，如果不在预定义的字段，则根据 modelData.view.attr_order 进行排序
-
+  };
 
+  // 根据用户预定义的 presetConfigs.fieldIds 进行排序，如果不在预定义的字段，则根据 modelData.view.attr_order 进行排序
   const _sortFieldIds = fieldIds => {
     var _props$presetConfigs;
-
     let frontFields = [];
     let restFields = [];
-
     if ((_props$presetConfigs = props.presetConfigs) !== null && _props$presetConfigs !== void 0 && _props$presetConfigs.fieldIds) {
       frontFields = (0, _lodash.filter)(props.presetConfigs.fieldIds, id => fieldIds.includes(id));
     }
-
     restFields = (0, _lodash.sortBy)((0, _lodash.reject)(fieldIds, id => frontFields.includes(id)), fieldId => {
       const foundIndex = (0, _lodash.findIndex)(modelData.view.attr_order, orderId => orderId === fieldId);
-
       if (foundIndex === -1) {
         return null;
       } else {
@@ -428,25 +354,19 @@ function LegacyInstanceList(props) {
     });
     return [...frontFields, ...restFields];
   };
-
   const getFields = () => {
     var _props$presetConfigs2, _props$extraFixedFiel;
-
     let fieldIds = (_props$presetConfigs2 = props.presetConfigs) === null || _props$presetConfigs2 === void 0 ? void 0 : _props$presetConfigs2.fieldIds;
     const extraFixedFieldIds = (_props$extraFixedFiel = props.extraFixedFields) !== null && _props$extraFixedFiel !== void 0 ? _props$extraFixedFiel : [];
-
     if ((0, _lodash.isEmpty)(fieldIds)) {
       fieldIds = jsonLocalStorage.getItem(`${modelData.objectId}-selectAttrIds`);
     }
-
     if ((0, _lodash.isEmpty)(fieldIds)) {
       fieldIds = computeDefaultFields().fieldIds;
     }
-
     if (!(0, _lodash.isEmpty)(extraFixedFieldIds)) {
       fieldIds = (0, _lodash.uniq)([...fieldIds, ...extraFixedFieldIds]);
     }
-
     fieldIds = props.extraDisabledField ? (0, _lodash.uniq)([...fieldIds, props.extraDisabledField]) : fieldIds;
     fieldIds = _sortFieldIds(fieldIds);
     const hideModelData = modelData.view.hide_columns || [];
@@ -454,11 +374,9 @@ function LegacyInstanceList(props) {
     modelData.isAbstract && fieldIds.push("_object_id");
     return fieldIds;
   };
-
   const [q, setQ] = (0, _react.useState)(props.q);
   const [state, setState] = (0, _react.useReducer)(reducer, undefined, () => {
     var _ref, _props$dataSource$pag, _props$dataSource, _ref2, _props$dataSource$pag2, _props$dataSource2, _props$presetConfigs3;
-
     return {
       objectId: props.objectId,
       q: props.q,
@@ -493,25 +411,21 @@ function LegacyInstanceList(props) {
   const [selectedRowKeys, setSelectedRowKeys] = (0, _react.useState)((_props$selectedRowKey = props.selectedRowKeys) !== null && _props$selectedRowKey !== void 0 ? _props$selectedRowKey : []);
   const cache = (0, _react.useRef)(new Map());
   const isFirstRunRef = (0, _react.useRef)(true);
-
   const getInstanceListData = async (sort, asc, page) => {
     var _modelData$attrList, _modelData$attrList$f2, _modelData$attrList$f3, _props$onSearchExecut;
-
     const data = {};
     const v3Data = {
       fields: props !== null && props !== void 0 && props.extraFixedFields ? (0, _lodash.uniq)(["instanceId"].concat(props === null || props === void 0 ? void 0 : props.extraFixedFields)) : ["instanceId"]
     };
-
     if (!(0, _lodash.isEmpty)(props.permission)) {
       v3Data.permission = data.permission = props.permission;
     }
-
+    const archiveData = {};
     let query = {};
-    v3Data.page = data.page = page;
-    v3Data["page_size"] = data["page_size"] = state.pageSize;
+    v3Data.page = data.page = archiveData.page = page;
+    v3Data["page_size"] = data["page_size"] = archiveData["page_size"] = state.pageSize;
     const sortType = modelData === null || modelData === void 0 ? void 0 : (_modelData$attrList = modelData.attrList) === null || _modelData$attrList === void 0 ? void 0 : (_modelData$attrList$f2 = _modelData$attrList.find(attr => attr.id === sort)) === null || _modelData$attrList$f2 === void 0 ? void 0 : (_modelData$attrList$f3 = _modelData$attrList$f2.value) === null || _modelData$attrList$f3 === void 0 ? void 0 : _modelData$attrList$f3.default_type;
     const order = ["series-number", "auto-increment-id"].includes(sortType) ? asc ? 2 : -2 : asc ? 1 : -1;
-
     if (sort) {
       data.sort = {
         [sort]: order
@@ -521,19 +435,18 @@ function LegacyInstanceList(props) {
         order
       }];
     }
-
     if (state.q) {
       query = getQuery(modelData, idObjectMap, state.q, state.fieldIds, props.onlySearchByIp);
     }
-
+    if (state.q && props.useInstanceArchiveProvider) {
+      archiveData.key_word = state.q;
+    }
     if (!(0, _lodash.isEmpty)(state.aq)) {
       query[_cmdbUtils.LogicalOperators.And] = state.aq;
     }
-
     if (!(0, _lodash.isEmpty)(props.defaultQuery)) {
       query[_cmdbUtils.LogicalOperators.And] = [...(query[_cmdbUtils.LogicalOperators.And] || []), ...props.defaultQuery];
     }
-
     if (props.presetConfigs) {
       if (!(0, _lodash.isEmpty)(props.presetConfigs.query)) {
         if (Object.keys(query).length) {
@@ -545,47 +458,44 @@ function LegacyInstanceList(props) {
         }
       }
     }
-
     if (state.fieldIds) {
       data.fields = Object.fromEntries(state.fieldIds.map(fieldId => [fieldId, true]));
       v3Data.fields = [...state.fieldIds, ...v3Data.fields];
       v3Data.ignore_missing_field_error = true;
     }
-
     if (props.useAutoDiscoveryProvider) {
       v3Data.fields = joinRelationFieldAndShowkey(v3Data.fields, modelData, props.objectList);
     }
-
+    if (props.useInstanceArchiveProvider) {
+      archiveData.fields = v3Data.fields.join(",");
+    }
     if (state.aliveHosts && props.objectId === "HOST") {
-      query = { ...query,
+      query = {
+        ...query,
         _agentStatus: "正常"
       };
     }
-
     if (state.instanceSourceQuery) {
-      query = { ...query,
+      query = {
+        ...query,
         _object_id: state.instanceSourceQuery
       };
     }
-
     if (!(0, _lodash.isEmpty)(query)) {
       v3Data.query = data.query = query;
-    } // useAutoDiscoveryProvider=true, 使用useProvider的接口，请求参数里加上extraParams
-
+    }
+    // useAutoDiscoveryProvider=true, 使用useProvider的接口，请求参数里加上extraParams
 
     if (props.useAutoDiscoveryProvider && !(0, _lodash.isEmpty)(props.extraParams)) {
       Object.assign(v3Data, props.extraParams);
     }
-
     if (state.relatedToMe) {
       v3Data.only_my_instance = data.only_my_instance = state.relatedToMe;
-    } //按应用筛选
+    }
+    //按应用筛选
     // istanbul ignore next (state is not updated)
-
-
     if (state.searchByApp) {
       var _props$presetConfigs4, _props$presetConfigs5, _props$presetConfigs6, _props$presetConfigs7, _props$presetConfigs8;
-
       const hostRange = (_props$presetConfigs4 = props.presetConfigs) === null || _props$presetConfigs4 === void 0 ? void 0 : (_props$presetConfigs5 = _props$presetConfigs4.query) === null || _props$presetConfigs5 === void 0 ? void 0 : (_props$presetConfigs6 = _props$presetConfigs5["$and"]) === null || _props$presetConfigs6 === void 0 ? void 0 : (_props$presetConfigs7 = _props$presetConfigs6.find(i => i.instanceId)) === null || _props$presetConfigs7 === void 0 ? void 0 : (_props$presetConfigs8 = _props$presetConfigs7.instanceId) === null || _props$presetConfigs8 === void 0 ? void 0 : _props$presetConfigs8["$in"];
       v3Data.query = {
         [state.currentChangeSelect === "App" || state.currentChangeSelect === "Cluster" && state.clusterValue === "all" ? "_deviceList_CLUSTER.appId.instanceId" : "_deviceList_CLUSTER.instanceId"]: state.appSearchInstanceId,
@@ -599,17 +509,17 @@ function LegacyInstanceList(props) {
         } : {})
       };
     }
-
-    const promise = (_props$onSearchExecut = props.onSearchExecute) === null || _props$onSearchExecut === void 0 ? void 0 : _props$onSearchExecut.call(props, data, v3Data); // useAutoDiscoveryProvider=true, 使用useProvider的接口
-
+    if (props.useInstanceArchiveProvider) {
+      return instanceArchiveListProvider.query([props.objectId, archiveData]);
+    }
+    const promise = (_props$onSearchExecut = props.onSearchExecute) === null || _props$onSearchExecut === void 0 ? void 0 : _props$onSearchExecut.call(props, data, v3Data);
+    // useAutoDiscoveryProvider=true, 使用useProvider的接口
     return promise ? promise : props.useAutoDiscoveryProvider ? listProvider.query([props.objectId, v3Data]) : (0, _cmdbSdk.InstanceApi_postSearchV3)(props.objectId, v3Data);
   };
-
   const refreshInstanceList = async (sort, asc, page) => {
     setState({
       loading: true
     });
-
     try {
       if (props.dataSource) {
         setState({
@@ -643,16 +553,13 @@ function LegacyInstanceList(props) {
       });
     }
   };
-
   (0, _react.useEffect)(() => {
     var _props$presetConfigs9;
-
     const fieldIds = getFields();
-
-    if ( // 当 props.objectId 改变时，总是更新 state.fieldIds
+    if (
+    // 当 props.objectId 改变时，总是更新 state.fieldIds
     props.objectId !== state.objectId || !(0, _lodash.isEqual)(fieldIds, state.fieldIds) || !(0, _lodash.isEqual)((_props$presetConfigs9 = props.presetConfigs) === null || _props$presetConfigs9 === void 0 ? void 0 : _props$presetConfigs9.query, state.presetConfigsQuery)) {
       var _props$presetConfigs10;
-
       setState({
         fieldIds,
         presetConfigsQuery: (_props$presetConfigs10 = props.presetConfigs) === null || _props$presetConfigs10 === void 0 ? void 0 : _props$presetConfigs10.query
@@ -661,21 +568,18 @@ function LegacyInstanceList(props) {
   }, [props.objectId, props.presetConfigs]);
   (0, _react.useEffect)(() => {
     var _props$selectedRowKey2;
-
     setSelectedRowKeys((_props$selectedRowKey2 = props.selectedRowKeys) !== null && _props$selectedRowKey2 !== void 0 ? _props$selectedRowKey2 : []);
-  }, [props.objectId, props.selectedRowKeys]); // on filter condition change
+  }, [props.objectId, props.selectedRowKeys]);
 
+  // on filter condition change
   (0, _react.useEffect)(() => {
     if (isFirstRunRef.current) {
       isFirstRunRef.current = false;
       return;
     }
-
     let skip = false;
-
     if (state.page !== 1) {
       var _props$onPaginationCh;
-
       setState({
         page: 1
       });
@@ -684,45 +588,40 @@ function LegacyInstanceList(props) {
         pageSize: state.pageSize
       });
       skip = true;
-    } // 当 prop.objectId 改变时先跳过，等 state.fieldIds 更新后再获取数据
-
+    }
 
+    // 当 prop.objectId 改变时先跳过，等 state.fieldIds 更新后再获取数据
     if (props.objectId !== state.objectId) {
       setState({
         objectId: props.objectId
       });
       skip = true;
     }
-
     if (skip) {
       return;
     }
-
     refreshInstanceList(state.sort, state.asc, 1);
-  }, [state.q, state.aq, state.instanceSourceQuery, state.pageSize, state.aliveHosts, state.relatedToMe, props.objectId, props.permission, props.defaultQuery]); // on other condition change
+  }, [state.q, state.aq, state.instanceSourceQuery, state.pageSize, state.aliveHosts, state.relatedToMe, props.objectId, props.permission, props.defaultQuery]);
 
+  // on other condition change
   (0, _react.useEffect)(() => {
     if ((0, _lodash.isEmpty)(state.fieldIds)) return;
     refreshInstanceList(state.sort, state.asc, state.page);
   }, [state.page, state.sort, state.asc, state.fieldIds, state.appSearchInstanceId, state.currentChangeSelect, state.searchByApp, props.dataSource, state.presetConfigsQuery]);
-
   const onChange = e => {
     setQ(e.target.value);
-  }; // istanbul ignore next
-
+  };
 
+  // istanbul ignore next
   const onSelectionChange = (0, _react.useCallback)(async selected => {
     var _props$onSelectionCha;
-
     let {
       selectedItems,
       selectedKeys
     } = selected;
     setSelectedRowKeys(selectedKeys);
-
     if (selectedKeys.length > (0, _lodash.compact)(selectedItems).length) {
       const ids = selectedKeys.filter(id => !cache.current.has(id));
-
       if (ids.length) {
         let resp;
         const params = {
@@ -733,39 +632,32 @@ function LegacyInstanceList(props) {
             }
           },
           page_size: ids.length
-        }; // useAutoDiscoveryProvider=true, 使用useProvider的接口，虽然这里列表用不到选择功能，但还是加上保持统一
-
+        };
+        // useAutoDiscoveryProvider=true, 使用useProvider的接口，虽然这里列表用不到选择功能，但还是加上保持统一
         if (props.useAutoDiscoveryProvider) {
           resp = await listProvider.query([props.objectId, Object.assign(params, props.extraParams)]);
         } else {
           resp = await (0, _cmdbSdk.InstanceApi_postSearchV3)(props.objectId, params);
         }
-
         resp.list.forEach(i => cache.current.set(i.instanceId, i));
       }
-
       selectedItems = selectedKeys.map(id => cache.current.get(id));
     }
-
     (_props$onSelectionCha = props.onSelectionChange) === null || _props$onSelectionCha === void 0 ? void 0 : _props$onSelectionCha.call(props, {
       selectedItems,
       selectedKeys
     });
   }, []);
-
   const onSearch = value => {
     var _props$onSearch;
-
     const q = value.trim();
     setState({
       q
     });
     (_props$onSearch = props.onSearch) === null || _props$onSearch === void 0 ? void 0 : _props$onSearch.call(props, q);
   };
-
   const onAdvancedSearch = (queries, queriesToShow, fieldToShow) => {
     var _props$onAdvancedSear;
-
     setState({
       aq: queries,
       fieldToShow,
@@ -773,18 +665,14 @@ function LegacyInstanceList(props) {
     });
     (_props$onAdvancedSear = props.onAdvancedSearch) === null || _props$onAdvancedSear === void 0 ? void 0 : _props$onAdvancedSear.call(props, queries);
   };
-
   const onSortingChange = (0, _react.useCallback)(info => {
     var _props$onSortingChang;
-
     let asc;
     let sort;
-
     if (info.asc === undefined) {
       if (!state.sort) {
         return;
       }
-
       setState({
         asc: undefined,
         sort: undefined
@@ -797,12 +685,10 @@ function LegacyInstanceList(props) {
       asc = info.asc;
       sort = info.sort;
     }
-
     (_props$onSortingChang = props.onSortingChange) === null || _props$onSortingChang === void 0 ? void 0 : _props$onSortingChang.call(props, info);
   }, [state.sort]);
   const onPaginationChange = (0, _react.useCallback)(pagination => {
     var _props$onPaginationCh2;
-
     setState({
       page: pagination.page,
       pageSize: pagination.pageSize
@@ -811,42 +697,34 @@ function LegacyInstanceList(props) {
   }, []);
   const onInstanceSourceChange = (0, _react.useCallback)(instanceSourceQuery => {
     var _props$onInstanceSour;
-
     setState({
       instanceSourceQuery
     });
     (_props$onInstanceSour = props.onInstanceSourceChange) === null || _props$onInstanceSour === void 0 ? void 0 : _props$onInstanceSour.call(props, instanceSourceQuery);
   }, []);
-
   const onRelatedToMeChange = checked => {
     var _props$onRelatedToMeC;
-
     setState({
       relatedToMe: checked
     });
     (_props$onRelatedToMeC = props.onRelatedToMeChange) === null || _props$onRelatedToMeC === void 0 ? void 0 : _props$onRelatedToMeC.call(props, checked);
   };
-
   const onAliveHostsChange = checked => {
     var _props$onAliveHostsCh;
-
     setState({
       aliveHosts: checked
     });
     (_props$onAliveHostsCh = props.onAliveHostsChange) === null || _props$onAliveHostsCh === void 0 ? void 0 : _props$onAliveHostsCh.call(props, checked);
   };
-
   const toggleAutoBreakLine = autoBreakLine => {
     setState({
       autoBreakLine
     });
-  }; // istanbul ignore next (state is not updated)
-
-
+  };
+  // istanbul ignore next (state is not updated)
   const toggleSearchMode = _react.default.useCallback(async () => {
     if (!state.searchByApp) {
       var _appListResp$list, _appListResp$list2, _appListResp$list3;
-
       const appListResp = await (0, _cmdbSdk.InstanceApi_postSearchV3)("APP", {
         fields: ["clusters", "instanceId", "name"],
         sort: [{
@@ -871,9 +749,8 @@ function LegacyInstanceList(props) {
         page: 1
       });
     }
-  }, [state.searchByApp]); // istanbul ignore next (state is not updated)
-
-
+  }, [state.searchByApp]);
+  // istanbul ignore next (state is not updated)
   const appSelectChange = v => {
     setState({
       appSearchInstanceId: v,
@@ -882,9 +759,8 @@ function LegacyInstanceList(props) {
       clusterValue: "all",
       clusterList: [...baseList, ...state.appList.find(r => r.instanceId === v).clusters]
     });
-  }; // istanbul ignore next (state is not updated)
-
-
+  };
+  // istanbul ignore next (state is not updated)
   const clusterSelectChange = v => {
     setState({
       appSearchInstanceId: v === "all" ? state.appSelectValue : v,
@@ -892,27 +768,23 @@ function LegacyInstanceList(props) {
       clusterValue: v
     });
   };
-
   const defaultFields = (0, _react.useMemo)(() => {
     var _props$presetConfigs11, _props$extraFixedFiel2;
-
     let defaultFields;
     const fieldIds = (_props$presetConfigs11 = props.presetConfigs) === null || _props$presetConfigs11 === void 0 ? void 0 : _props$presetConfigs11.fieldIds,
-          extraFixedFieldIds = (_props$extraFixedFiel2 = props.extraFixedFields) !== null && _props$extraFixedFiel2 !== void 0 ? _props$extraFixedFiel2 : [];
-
+      extraFixedFieldIds = (_props$extraFixedFiel2 = props.extraFixedFields) !== null && _props$extraFixedFiel2 !== void 0 ? _props$extraFixedFiel2 : [];
     if (!(0, _lodash.isEmpty)(fieldIds)) {
       defaultFields = props.presetConfigs.fieldIds;
     } else {
       defaultFields = computeDefaultFields().fieldIds;
     }
-
     if (!(0, _lodash.isEmpty)(extraFixedFieldIds)) {
       defaultFields = (0, _lodash.uniq)([...defaultFields, ...extraFixedFieldIds]);
     }
-
     return defaultFields;
-  }, [props.presetConfigs, modelData]); // istanbul ignore next
+  }, [props.presetConfigs, modelData]);
 
+  // istanbul ignore next
   const handleConfirm = ({
     fields,
     isReset
@@ -933,78 +805,61 @@ function LegacyInstanceList(props) {
       props.onFieldsModalConfirm(fields);
     }
   };
-
   (0, _react.useEffect)(() => {
     var _props$notifyCurrentF;
-
     (_props$notifyCurrentF = props.notifyCurrentFields) === null || _props$notifyCurrentF === void 0 ? void 0 : _props$notifyCurrentF.call(props, state.fieldIds);
-  }, [props.notifyCurrentFields]); // istanbul ignore next
+  }, [props.notifyCurrentFields]);
 
+  // istanbul ignore next
   (0, _react.useEffect)(() => {
     var _props$selectedRowKey3;
-
     ((_props$selectedRowKey3 = props.selectedRowKeys) === null || _props$selectedRowKey3 === void 0 ? void 0 : _props$selectedRowKey3.length) && (async () => {
       const data = {};
       const v3Data = {
         fields: ["instanceId"]
       };
-
       if (!(0, _lodash.isEmpty)(props.permission)) {
         v3Data.permission = data.permission = props.permission;
       }
-
       if (state.fieldIds) {
         data.fields = Object.fromEntries(state.fieldIds.map(fieldId => [fieldId, true]));
         v3Data.fields = [...state.fieldIds, ...v3Data.fields];
         v3Data.ignore_missing_field_error = true;
       }
-
       v3Data.query = {
         instanceId: {
           $in: props.selectedRowKeys
         }
       };
       v3Data.page_size = props.selectedRowKeys.length;
-
       if (state.relatedToMe) {
         v3Data.only_my_instance = data.only_my_instance = state.relatedToMe;
       }
-
       if (props.extraParams) {
         Object.assign(v3Data, props.extraParams);
       }
-
       let resp;
-
       if (props.useAutoDiscoveryProvider) {
         resp = await listProvider.query([props.objectId, v3Data]);
       } else {
         resp = await (0, _cmdbSdk.InstanceApi_postSearchV3)(props.objectId, v3Data);
       }
-
       resp.list.forEach(i => cache.current.set(i.instanceId, i));
     })();
   }, [props.selectedRowKeys]);
-
   const handleToggleFixHeader = () => {
     setFixHeader(!fixedHeader);
   };
-
   const onAdvancedSearchCloseGen = (attrId, valuesStr) => {
     return () => {
       var _props$onAdvancedSear2;
-
       const queries = [];
       const queriesToShow = [];
-
       const filterAq = queries => queries.filter(v => isValueEqualFn(v, attrId, valuesStr));
-
       state.aq.forEach(query => {
         const key = Object.keys(query)[0];
-
         if ((key === "$or" || key === "$and") && Object.keys(query[key][0])[0] === attrId) {
           const filteredSubQueries = filterAq(query[key]);
-
           if (filteredSubQueries.length > 0) {
             queries.push({
               [key]: filteredSubQueries
@@ -1015,10 +870,10 @@ function LegacyInstanceList(props) {
           if (!Array.isArray(query[key]) && isSpecialFn(query, key)) {
             queries.push(query);
           } else {
-            const fieldId = Object.keys(query[key][0])[0]; // 判断是否为结构体
-
-            const isStruct = isOfStruct(modelData, fieldId); // 结构体情况处理
-
+            const fieldId = Object.keys(query[key][0])[0];
+            // 判断是否为结构体
+            const isStruct = isOfStruct(modelData, fieldId);
+            // 结构体情况处理
             if (!((key === "$or" || key === "$and") && (0, _lodash.startsWith)(fieldId, `${attrId}.`) && isStruct)) {
               queries.push(query);
             }
@@ -1029,10 +884,8 @@ function LegacyInstanceList(props) {
       });
       state.aqToShow.forEach(query => {
         const key = Object.keys(query)[0];
-
         if ((key === "$or" || key === "$and") && Object.keys(query[key][0])[0] === attrId) {
           const filteredSubQueries = filterAq(query[key]);
-
           if (filteredSubQueries.length > 0) {
             queriesToShow.push({
               [key]: filteredSubQueries
@@ -1051,7 +904,6 @@ function LegacyInstanceList(props) {
       (_props$onAdvancedSear2 = props.onAdvancedSearch) === null || _props$onAdvancedSear2 === void 0 ? void 0 : _props$onAdvancedSear2.call(props, queries);
     };
   };
-
   const conditions = translateConditions(state.aqToShow, idObjectMap, modelData);
   return /*#__PURE__*/_react.default.createElement(_antd.Spin, {
     spinning: state.loading
@@ -1060,6 +912,7 @@ function LegacyInstanceList(props) {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _InstanceListModule.default.searchRelated
   }, !state.searchByApp ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !props.searchDisabled && /*#__PURE__*/_react.default.createElement(_antd.Input.Search, {
+    placeholder: props.placeholder,
     enterButton: true,
     value: q,
     onChange: onChange,
@@ -1226,13 +1079,12 @@ function LegacyInstanceList(props) {
     rowSelectionType: props.rowSelectionType
   })) : null);
 }
+
 /**
  *  把 objectList 封装到构件中请求，废弃掉通过老模板使用的方式，可直接使用构件。
  *  同时也兼容之前的使用方式，对于外部传进来的会优先使用外部的数据，构件内部不会额外请求，
  *  不传的话构件内部做请求，并作缓存
  */
-
-
 function InstanceList(props) {
   const [objectList, setObjectList] = (0, _react.useState)(props.objectList);
   (0, _react.useEffect)(() => {
@@ -1242,7 +1094,6 @@ function InstanceList(props) {
       (async () => {
         if (!props.objectList) {
           const cacheData = _constants2.objectListCache.get(props.objectId);
-
           if (cacheData) {
             setObjectList(cacheData);
           } else {
@@ -1251,7 +1102,6 @@ function InstanceList(props) {
                 ref_object: props.objectId
               })).data;
               setObjectList(list);
-
               _constants2.objectListCache.set(props.objectId, list);
             } catch (e) {
               // istanbul ignore next