@next-libs/cmdb-instances 6.26.3 → 6.26.4

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [6.26.4](https://github.com/easyops-cn/next-libs/compare/@next-libs/cmdb-instances@6.26.3...@next-libs/cmdb-instances@6.26.4) (2022-05-25)
+
+**Note:** Version bump only for package @next-libs/cmdb-instances
+
+
+
+
+
 ## [6.26.3](https://github.com/easyops-cn/next-libs/compare/@next-libs/cmdb-instances@6.26.2...@next-libs/cmdb-instances@6.26.3) (2022-05-24)
 
 **Note:** Version bump only for package @next-libs/cmdb-instances

package/dist/cjs/cmdb-instances-select-panel/CmdbInstancesSelectPanel.js

@@ -93,7 +93,7 @@ function CmdbInstancesSelectPanel(props, ref) {
     return instances;
   };
 
-  const loadedInstanceIds = ((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.map(i => (0, _lodash.isObject)(i) ? i.instanceId : i)) || [];
+  const toLoadInstanceIds = ((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.map(i => (0, _lodash.isObject)(i) ? i.instanceId : i)) || [];
   (0, _react.useEffect)(() => {
     const getModelMap = async () => {
       let modelMap;
@@ -120,19 +120,19 @@ function CmdbInstancesSelectPanel(props, ref) {
     const initInstances = async () => {
       var _props$onFetchedInsta;
 
-      instances = await fetchInstances(loadedInstanceIds);
+      instances = await fetchInstances(toLoadInstanceIds);
       setSelectedInstanceList(instances);
       setPartialSelectedInstances(props !== null && props !== void 0 && props.isOperate ? instances : instances.slice(0, displayedSelectedInstancesMaxNumber));
       (_props$onFetchedInsta = props.onFetchedInstances) === null || _props$onFetchedInsta === void 0 ? void 0 : _props$onFetchedInsta.call(props, instances);
     };
 
-    if (!(0, _lodash.isEmpty)(loadedInstanceIds)) {
+    if (!(0, _lodash.isEmpty)(toLoadInstanceIds)) {
       initInstances();
     } else {
       setSelectedInstanceList([]);
       setPartialSelectedInstances([]);
     }
-  }, [loadedInstanceIds.join()]);
+  }, [toLoadInstanceIds.sort().join()]);
 
   const openAddInstancesModal = () => {
     setAddInstancesModal({

package/dist/cjs/cmdb-instances-select-panel/CmdbInstancesSelectPanel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/cmdb-instances-select-panel/CmdbInstancesSelectPanel.tsx"],"names":["isCmdbInstancesSelectPanelPropsWithObjectMap","props","objectMap","CmdbInstancesSelectPanel","ref","modelData","objectId","isFilterView","hideModelData","view","hide_columns","attrList","filter","item","includes","id","relation_list","left_id","left_object_id","right_id","right_object_id","displayedSelectedInstancesMaxNumber","previewMaxNumber","selectedInstanceList","setSelectedInstanceList","partialSelectedInstances","setPartialSelectedInstances","addInstancesModal","setAddInstancesModal","visible","allSelectedInstancesModal","setAllSelectedInstancesModal","modelMap","setModelMap","fetchInstances","instanceIdList","instances","length","query","instanceId","$in","page","page_size","fields","list","loadedInstanceIds","value","map","i","getModelMap","data","ref_object","initInstances","isOperate","slice","onFetchedInstances","join","openAddInstancesModal","closeAddInstancesModal","openAllSelectedInstancesModal","closeAllSelectedInstancesModal","handleInstancesSelected","selectedKeys","onChange","fieldIds","attr","showPreview","cs","style","selectedInstancesTableWrapper","withPreview","relation","relationLimit","right_max","$size","$lt","instanceQuery","wrapper","modalTitle","i18n","t","NS_LIBS_CMDB_INSTANCES","K","FILTER_FROM_CMDB","name","instance","singleSelect","addInstancesModalPageSize","searchDisabled","advancedSearchDisabled","ipCopy","showCloseBtn","showSizeChanger","pageSizeOptions","VIEW_ALL_SELECTED_INSTANCES","textAlign","marginBottom","addButton","addTitle","CHOOSE_INSTANCE","showDetailUrl","detailUrlTemplates","pagination","v","showAllSelectedInstancesButton","VIEW_ALL_DATA","count"],"mappings":"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","sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport classnames from \"classnames\";\n\nimport {\n  CmdbModels,\n  InstanceApi_postSearch,\n  CmdbObjectApi_getObjectRef,\n} from \"@next-sdk/cmdb-sdk\";\nimport { InstanceListTable } from \"../instance-list-table\";\nimport { InstanceListModal } from \"../instance-list-modal/InstanceListModal\";\nimport {\n  modifyModelData,\n  ModifiedModelObjectRelation,\n} from \"@next-libs/cmdb-utils\";\nimport style from \"./style.module.css\";\nimport i18n from \"i18next\";\nimport { K, NS_LIBS_CMDB_INSTANCES } from \"../i18n/constants\";\nimport { keyBy, isEqual, isNil, isObject, isEmpty } from \"lodash\";\nimport { Spin } from \"antd\";\n\nexport interface BaseCmdbInstancesSelectPanelProps {\n  objectId: string;\n  value?: any[];\n  onChange?: (instanceList: any[]) => void;\n  instanceQuery?: any;\n  fields?: string[];\n  singleSelect?: boolean;\n  addTitle?: React.ReactNode | string;\n  modalTitle?: React.ReactNode | string;\n  previewMaxNumber?: number;\n  addInstancesModalPageSize?: number;\n  showSizeChanger?: boolean;\n  pageSizeOptions?: string[];\n  isOperate?: boolean; //cmdb实例列表支持删除实例\n  showDetailUrl?: boolean;\n  isFilterView?: boolean; //是否过滤视图属性\n  onFetchedInstances?: (instanceList: any[]) => void; // objectId改变后触发\n  relation?: Partial<ModifiedModelObjectRelation>;\n  searchDisabled?: boolean;\n  advancedSearchDisabled?: boolean;\n}\n\nexport interface CmdbInstancesSelectPanelPropsWithObjectMap\n  extends BaseCmdbInstancesSelectPanelProps {\n  objectMap: Record<string, Partial<CmdbModels.ModelCmdbObject>>;\n  ipCopy?: boolean;\n  showSizeChanger?: boolean;\n  showCloseBtn?: boolean;\n  pageSizeOptions?: string[];\n}\n\nexport interface CmdbInstancesSelectPanelPropsWithModelData\n  extends BaseCmdbInstancesSelectPanelProps {\n  modelData: Partial<CmdbModels.ModelCmdbObject>;\n  ipCopy?: boolean;\n  showSizeChanger?: boolean;\n  showCloseBtn?: boolean;\n  pageSizeOptions?: string[];\n}\n\nexport type CmdbInstancesSelectPanelProps =\n  | CmdbInstancesSelectPanelPropsWithObjectMap\n  | CmdbInstancesSelectPanelPropsWithModelData;\n\nexport function isCmdbInstancesSelectPanelPropsWithObjectMap(\n  props: CmdbInstancesSelectPanelProps\n): props is CmdbInstancesSelectPanelPropsWithObjectMap {\n  return !isNil(\n    (props as CmdbInstancesSelectPanelPropsWithObjectMap).objectMap\n  );\n}\n\nexport function CmdbInstancesSelectPanel(\n  props: CmdbInstancesSelectPanelProps,\n  ref: any\n): React.ReactElement {\n  let modelData: Partial<CmdbModels.ModelCmdbObject>;\n  if (isCmdbInstancesSelectPanelPropsWithObjectMap(props)) {\n    modelData = props.objectMap[props.objectId];\n  } else {\n    modelData = props.modelData;\n  }\n\n  if (props.isFilterView) {\n    //过滤掉视图不可见字段\n    const hideModelData = modelData?.view?.hide_columns || [];\n    modelData = {\n      ...modelData,\n      attrList: modelData.attrList.filter(\n        (item: any) => !hideModelData.includes(item.id)\n      ),\n      relation_list: modelData.relation_list.filter(\n        (item: any) =>\n          !(\n            (hideModelData.includes(item.left_id) &&\n              item.left_object_id === props.objectId) ||\n            (hideModelData.includes(item.right_id) &&\n              item.right_object_id === props.objectId)\n          )\n      ),\n    };\n  }\n\n  const displayedSelectedInstancesMaxNumber = props.previewMaxNumber ?? 5;\n\n  const [selectedInstanceList, setSelectedInstanceList] = useState([]);\n  const [partialSelectedInstances, setPartialSelectedInstances] = useState([]);\n  const [addInstancesModal, setAddInstancesModal] = useState({\n    visible: false,\n  });\n  const [allSelectedInstancesModal, setAllSelectedInstancesModal] = useState({\n    visible: false,\n  });\n  const [modelMap, setModelMap] = useState({});\n\n  const fetchInstances = async (instanceIdList: string[]): Promise<any[]> => {\n    let instances: any[] = [];\n    if (instanceIdList?.length) {\n      instances = (\n        await InstanceApi_postSearch(props.objectId, {\n          query: {\n            instanceId: {\n              $in: instanceIdList,\n            },\n          },\n          page: 1,\n          page_size: instanceIdList.length,\n          // todo(ice): selected confirm with instances\n          fields: { \"*\": true },\n        })\n      ).list;\n    }\n\n    return instances;\n  };\n  const loadedInstanceIds =\n    props.value?.map((i) => (isObject(i) ? (i as any).instanceId : i)) || [];\n\n  useEffect(() => {\n    const getModelMap = async (): Promise<void> => {\n      let modelMap: Record<string, Partial<CmdbModels.ModelCmdbObject>>;\n\n      if (isCmdbInstancesSelectPanelPropsWithObjectMap(props)) {\n        modelMap = props.objectMap;\n      } else {\n        const { data } = await CmdbObjectApi_getObjectRef({\n          ref_object: props.objectId,\n        });\n        modelMap = keyBy(data, \"objectId\");\n      }\n      setModelMap(modelMap);\n    };\n    getModelMap();\n  }, [props.objectId]);\n\n  useEffect(() => {\n    let instances = [];\n\n    const initInstances = async (): Promise<void> => {\n      instances = await fetchInstances(loadedInstanceIds);\n      setSelectedInstanceList(instances);\n      setPartialSelectedInstances(\n        props?.isOperate\n          ? instances\n          : instances.slice(0, displayedSelectedInstancesMaxNumber)\n      );\n      props.onFetchedInstances?.(instances);\n    };\n    if (!isEmpty(loadedInstanceIds)) {\n      initInstances();\n    } else {\n      setSelectedInstanceList([]);\n      setPartialSelectedInstances([]);\n    }\n  }, [loadedInstanceIds.join()]);\n\n  const openAddInstancesModal = () => {\n    setAddInstancesModal({ visible: true });\n  };\n\n  const closeAddInstancesModal = () => {\n    setAddInstancesModal({ visible: false });\n  };\n\n  const openAllSelectedInstancesModal = () => {\n    setAllSelectedInstancesModal({ visible: true });\n  };\n\n  const closeAllSelectedInstancesModal = () => {\n    setAllSelectedInstancesModal({ visible: false });\n  };\n\n  const handleInstancesSelected = async (selectedKeys: string[]) => {\n    closeAddInstancesModal();\n\n    const instances = await fetchInstances(selectedKeys);\n    setSelectedInstanceList(instances);\n    setPartialSelectedInstances(\n      props?.isOperate\n        ? instances\n        : instances.slice(0, displayedSelectedInstancesMaxNumber)\n    );\n\n    props.onChange?.(instances);\n  };\n\n  const fieldIds = modifyModelData(modelData).attrList.map(\n    (attr: any) => attr.id\n  );\n  const showPreview =\n    selectedInstanceList.length > displayedSelectedInstancesMaxNumber;\n  const cs = classnames({\n    [style.selectedInstancesTableWrapper]: true,\n    [style.withPreview]: showPreview,\n  });\n  const { relation } = props;\n  let relationLimit;\n  if (relation?.right_max === 1) {\n    relationLimit = { [relation.right_id]: { $size: { $lt: 1 } } };\n  }\n  const query = props.instanceQuery ?? relationLimit;\n  return (\n    <div className={style.wrapper} ref={ref}>\n      <InstanceListModal\n        objectMap={modelMap}\n        objectId={props.objectId}\n        visible={addInstancesModal.visible}\n        title={\n          props.modalTitle ??\n          i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.FILTER_FROM_CMDB}`, {\n            name: modelData.name,\n          })\n        }\n        selectedRowKeys={selectedInstanceList.map(\n          (instance) => instance.instanceId\n        )}\n        onSelected={handleInstancesSelected}\n        onCancel={closeAddInstancesModal}\n        singleSelect={props.singleSelect}\n        presetConfigs={{\n          query,\n          fieldIds: props.fields,\n        }}\n        pageSize={props.addInstancesModalPageSize}\n        searchDisabled={props.searchDisabled}\n        advancedSearchDisabled={props.advancedSearchDisabled}\n        ipCopy={props.ipCopy}\n        showCloseBtn={props.showCloseBtn}\n        showSizeChanger={props.showSizeChanger}\n        pageSizeOptions={props.pageSizeOptions}\n      />\n      <InstanceListModal\n        objectMap={modelMap}\n        objectId={props.objectId}\n        visible={allSelectedInstancesModal.visible}\n        title={i18n.t(\n          `${NS_LIBS_CMDB_INSTANCES}:${K.VIEW_ALL_SELECTED_INSTANCES}`\n        )}\n        presetConfigs={{\n          query: {\n            instanceId: {\n              $in: selectedInstanceList.map((instance) => instance.instanceId),\n            },\n          },\n        }}\n        selectDisabled={!props.ipCopy}\n        ipCopy={props.ipCopy}\n        showCloseBtn={props.showCloseBtn}\n        showSizeChanger={props.showSizeChanger}\n        pageSizeOptions={props.pageSizeOptions}\n        onCancel={closeAllSelectedInstancesModal}\n      />\n      <Spin\n        style={{ textAlign: \"left\", marginBottom: \"12px\" }}\n        spinning={isEqual(modelMap, {})}\n      >\n        <a\n          className={style.addButton}\n          style={{\n            marginBottom: \"12px\",\n          }}\n          onClick={openAddInstancesModal}\n        >\n          {props.addTitle ??\n            i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.CHOOSE_INSTANCE}`)}\n        </a>\n      </Spin>\n      <div className={cs}>\n        <InstanceListTable\n          {...(props.showDetailUrl\n            ? {\n                detailUrlTemplates: {\n                  [props.objectId]:\n                    \"/next-cmdb-instance-management/next/#{objectId}/instance/#{instanceId}\",\n                },\n              }\n            : {})}\n          idObjectMap={modelMap}\n          modelData={modelData}\n          instanceListData={{\n            list: partialSelectedInstances,\n          }}\n          fieldIds={props.fields || fieldIds}\n          selectDisabled={true}\n          sortDisabled={true}\n          configProps={{\n            pagination: false,\n          }}\n          isOperate={props.isOperate}\n          handleDeleteFunction={(v) => {\n            setSelectedInstanceList(v);\n            setPartialSelectedInstances(v);\n            props.onChange?.(v);\n          }}\n          target={\"_blank\"}\n        ></InstanceListTable>\n        {!props?.isOperate && showPreview && (\n          <div\n            className={style.showAllSelectedInstancesButton}\n            onClick={openAllSelectedInstancesModal}\n          >\n            <a>\n              {i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.VIEW_ALL_DATA}`, {\n                count: selectedInstanceList.length,\n              })}\n            </a>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"file":"CmdbInstancesSelectPanel.js"}
+{"version":3,"sources":["../../../src/cmdb-instances-select-panel/CmdbInstancesSelectPanel.tsx"],"names":["isCmdbInstancesSelectPanelPropsWithObjectMap","props","objectMap","CmdbInstancesSelectPanel","ref","modelData","objectId","isFilterView","hideModelData","view","hide_columns","attrList","filter","item","includes","id","relation_list","left_id","left_object_id","right_id","right_object_id","displayedSelectedInstancesMaxNumber","previewMaxNumber","selectedInstanceList","setSelectedInstanceList","partialSelectedInstances","setPartialSelectedInstances","addInstancesModal","setAddInstancesModal","visible","allSelectedInstancesModal","setAllSelectedInstancesModal","modelMap","setModelMap","fetchInstances","instanceIdList","instances","length","query","instanceId","$in","page","page_size","fields","list","toLoadInstanceIds","value","map","i","getModelMap","data","ref_object","initInstances","isOperate","slice","onFetchedInstances","sort","join","openAddInstancesModal","closeAddInstancesModal","openAllSelectedInstancesModal","closeAllSelectedInstancesModal","handleInstancesSelected","selectedKeys","onChange","fieldIds","attr","showPreview","cs","style","selectedInstancesTableWrapper","withPreview","relation","relationLimit","right_max","$size","$lt","instanceQuery","wrapper","modalTitle","i18n","t","NS_LIBS_CMDB_INSTANCES","K","FILTER_FROM_CMDB","name","instance","singleSelect","addInstancesModalPageSize","searchDisabled","advancedSearchDisabled","ipCopy","showCloseBtn","showSizeChanger","pageSizeOptions","VIEW_ALL_SELECTED_INSTANCES","textAlign","marginBottom","addButton","addTitle","CHOOSE_INSTANCE","showDetailUrl","detailUrlTemplates","pagination","v","showAllSelectedInstancesButton","VIEW_ALL_DATA","count"],"mappings":"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","sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport classnames from \"classnames\";\n\nimport {\n  CmdbModels,\n  InstanceApi_postSearch,\n  CmdbObjectApi_getObjectRef,\n} from \"@next-sdk/cmdb-sdk\";\nimport { InstanceListTable } from \"../instance-list-table\";\nimport { InstanceListModal } from \"../instance-list-modal/InstanceListModal\";\nimport {\n  modifyModelData,\n  ModifiedModelObjectRelation,\n} from \"@next-libs/cmdb-utils\";\nimport style from \"./style.module.css\";\nimport i18n from \"i18next\";\nimport { K, NS_LIBS_CMDB_INSTANCES } from \"../i18n/constants\";\nimport { keyBy, isEqual, isNil, isObject, isEmpty } from \"lodash\";\nimport { Spin } from \"antd\";\n\nexport interface BaseCmdbInstancesSelectPanelProps {\n  objectId: string;\n  value?: any[];\n  onChange?: (instanceList: any[]) => void;\n  instanceQuery?: any;\n  fields?: string[];\n  singleSelect?: boolean;\n  addTitle?: React.ReactNode | string;\n  modalTitle?: React.ReactNode | string;\n  previewMaxNumber?: number;\n  addInstancesModalPageSize?: number;\n  showSizeChanger?: boolean;\n  pageSizeOptions?: string[];\n  isOperate?: boolean; //cmdb实例列表支持删除实例\n  showDetailUrl?: boolean;\n  isFilterView?: boolean; //是否过滤视图属性\n  onFetchedInstances?: (instanceList: any[]) => void; // objectId改变后触发\n  relation?: Partial<ModifiedModelObjectRelation>;\n  searchDisabled?: boolean;\n  advancedSearchDisabled?: boolean;\n}\n\nexport interface CmdbInstancesSelectPanelPropsWithObjectMap\n  extends BaseCmdbInstancesSelectPanelProps {\n  objectMap: Record<string, Partial<CmdbModels.ModelCmdbObject>>;\n  ipCopy?: boolean;\n  showSizeChanger?: boolean;\n  showCloseBtn?: boolean;\n  pageSizeOptions?: string[];\n}\n\nexport interface CmdbInstancesSelectPanelPropsWithModelData\n  extends BaseCmdbInstancesSelectPanelProps {\n  modelData: Partial<CmdbModels.ModelCmdbObject>;\n  ipCopy?: boolean;\n  showSizeChanger?: boolean;\n  showCloseBtn?: boolean;\n  pageSizeOptions?: string[];\n}\n\nexport type CmdbInstancesSelectPanelProps =\n  | CmdbInstancesSelectPanelPropsWithObjectMap\n  | CmdbInstancesSelectPanelPropsWithModelData;\n\nexport function isCmdbInstancesSelectPanelPropsWithObjectMap(\n  props: CmdbInstancesSelectPanelProps\n): props is CmdbInstancesSelectPanelPropsWithObjectMap {\n  return !isNil(\n    (props as CmdbInstancesSelectPanelPropsWithObjectMap).objectMap\n  );\n}\n\nexport function CmdbInstancesSelectPanel(\n  props: CmdbInstancesSelectPanelProps,\n  ref: any\n): React.ReactElement {\n  let modelData: Partial<CmdbModels.ModelCmdbObject>;\n  if (isCmdbInstancesSelectPanelPropsWithObjectMap(props)) {\n    modelData = props.objectMap[props.objectId];\n  } else {\n    modelData = props.modelData;\n  }\n\n  if (props.isFilterView) {\n    //过滤掉视图不可见字段\n    const hideModelData = modelData?.view?.hide_columns || [];\n    modelData = {\n      ...modelData,\n      attrList: modelData.attrList.filter(\n        (item: any) => !hideModelData.includes(item.id)\n      ),\n      relation_list: modelData.relation_list.filter(\n        (item: any) =>\n          !(\n            (hideModelData.includes(item.left_id) &&\n              item.left_object_id === props.objectId) ||\n            (hideModelData.includes(item.right_id) &&\n              item.right_object_id === props.objectId)\n          )\n      ),\n    };\n  }\n\n  const displayedSelectedInstancesMaxNumber = props.previewMaxNumber ?? 5;\n\n  const [selectedInstanceList, setSelectedInstanceList] = useState([]);\n  const [partialSelectedInstances, setPartialSelectedInstances] = useState([]);\n  const [addInstancesModal, setAddInstancesModal] = useState({\n    visible: false,\n  });\n  const [allSelectedInstancesModal, setAllSelectedInstancesModal] = useState({\n    visible: false,\n  });\n  const [modelMap, setModelMap] = useState({});\n\n  const fetchInstances = async (instanceIdList: string[]): Promise<any[]> => {\n    let instances: any[] = [];\n    if (instanceIdList?.length) {\n      instances = (\n        await InstanceApi_postSearch(props.objectId, {\n          query: {\n            instanceId: {\n              $in: instanceIdList,\n            },\n          },\n          page: 1,\n          page_size: instanceIdList.length,\n          // todo(ice): selected confirm with instances\n          fields: { \"*\": true },\n        })\n      ).list;\n    }\n\n    return instances;\n  };\n  const toLoadInstanceIds =\n    props.value?.map((i) => (isObject(i) ? (i as any).instanceId : i)) || [];\n\n  useEffect(() => {\n    const getModelMap = async (): Promise<void> => {\n      let modelMap: Record<string, Partial<CmdbModels.ModelCmdbObject>>;\n\n      if (isCmdbInstancesSelectPanelPropsWithObjectMap(props)) {\n        modelMap = props.objectMap;\n      } else {\n        const { data } = await CmdbObjectApi_getObjectRef({\n          ref_object: props.objectId,\n        });\n        modelMap = keyBy(data, \"objectId\");\n      }\n      setModelMap(modelMap);\n    };\n    getModelMap();\n  }, [props.objectId]);\n\n  useEffect(() => {\n    let instances = [];\n\n    const initInstances = async (): Promise<void> => {\n      instances = await fetchInstances(toLoadInstanceIds);\n      setSelectedInstanceList(instances);\n      setPartialSelectedInstances(\n        props?.isOperate\n          ? instances\n          : instances.slice(0, displayedSelectedInstancesMaxNumber)\n      );\n      props.onFetchedInstances?.(instances);\n    };\n    if (!isEmpty(toLoadInstanceIds)) {\n      initInstances();\n    } else {\n      setSelectedInstanceList([]);\n      setPartialSelectedInstances([]);\n    }\n  }, [toLoadInstanceIds.sort().join()]);\n\n  const openAddInstancesModal = () => {\n    setAddInstancesModal({ visible: true });\n  };\n\n  const closeAddInstancesModal = () => {\n    setAddInstancesModal({ visible: false });\n  };\n\n  const openAllSelectedInstancesModal = () => {\n    setAllSelectedInstancesModal({ visible: true });\n  };\n\n  const closeAllSelectedInstancesModal = () => {\n    setAllSelectedInstancesModal({ visible: false });\n  };\n\n  const handleInstancesSelected = async (selectedKeys: string[]) => {\n    closeAddInstancesModal();\n\n    const instances = await fetchInstances(selectedKeys);\n    setSelectedInstanceList(instances);\n    setPartialSelectedInstances(\n      props?.isOperate\n        ? instances\n        : instances.slice(0, displayedSelectedInstancesMaxNumber)\n    );\n\n    props.onChange?.(instances);\n  };\n\n  const fieldIds = modifyModelData(modelData).attrList.map(\n    (attr: any) => attr.id\n  );\n  const showPreview =\n    selectedInstanceList.length > displayedSelectedInstancesMaxNumber;\n  const cs = classnames({\n    [style.selectedInstancesTableWrapper]: true,\n    [style.withPreview]: showPreview,\n  });\n  const { relation } = props;\n  let relationLimit;\n  if (relation?.right_max === 1) {\n    relationLimit = { [relation.right_id]: { $size: { $lt: 1 } } };\n  }\n  const query = props.instanceQuery ?? relationLimit;\n  return (\n    <div className={style.wrapper} ref={ref}>\n      <InstanceListModal\n        objectMap={modelMap}\n        objectId={props.objectId}\n        visible={addInstancesModal.visible}\n        title={\n          props.modalTitle ??\n          i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.FILTER_FROM_CMDB}`, {\n            name: modelData.name,\n          })\n        }\n        selectedRowKeys={selectedInstanceList.map(\n          (instance) => instance.instanceId\n        )}\n        onSelected={handleInstancesSelected}\n        onCancel={closeAddInstancesModal}\n        singleSelect={props.singleSelect}\n        presetConfigs={{\n          query,\n          fieldIds: props.fields,\n        }}\n        pageSize={props.addInstancesModalPageSize}\n        searchDisabled={props.searchDisabled}\n        advancedSearchDisabled={props.advancedSearchDisabled}\n        ipCopy={props.ipCopy}\n        showCloseBtn={props.showCloseBtn}\n        showSizeChanger={props.showSizeChanger}\n        pageSizeOptions={props.pageSizeOptions}\n      />\n      <InstanceListModal\n        objectMap={modelMap}\n        objectId={props.objectId}\n        visible={allSelectedInstancesModal.visible}\n        title={i18n.t(\n          `${NS_LIBS_CMDB_INSTANCES}:${K.VIEW_ALL_SELECTED_INSTANCES}`\n        )}\n        presetConfigs={{\n          query: {\n            instanceId: {\n              $in: selectedInstanceList.map((instance) => instance.instanceId),\n            },\n          },\n        }}\n        selectDisabled={!props.ipCopy}\n        ipCopy={props.ipCopy}\n        showCloseBtn={props.showCloseBtn}\n        showSizeChanger={props.showSizeChanger}\n        pageSizeOptions={props.pageSizeOptions}\n        onCancel={closeAllSelectedInstancesModal}\n      />\n      <Spin\n        style={{ textAlign: \"left\", marginBottom: \"12px\" }}\n        spinning={isEqual(modelMap, {})}\n      >\n        <a\n          className={style.addButton}\n          style={{\n            marginBottom: \"12px\",\n          }}\n          onClick={openAddInstancesModal}\n        >\n          {props.addTitle ??\n            i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.CHOOSE_INSTANCE}`)}\n        </a>\n      </Spin>\n      <div className={cs}>\n        <InstanceListTable\n          {...(props.showDetailUrl\n            ? {\n                detailUrlTemplates: {\n                  [props.objectId]:\n                    \"/next-cmdb-instance-management/next/#{objectId}/instance/#{instanceId}\",\n                },\n              }\n            : {})}\n          idObjectMap={modelMap}\n          modelData={modelData}\n          instanceListData={{\n            list: partialSelectedInstances,\n          }}\n          fieldIds={props.fields || fieldIds}\n          selectDisabled={true}\n          sortDisabled={true}\n          configProps={{\n            pagination: false,\n          }}\n          isOperate={props.isOperate}\n          handleDeleteFunction={(v) => {\n            setSelectedInstanceList(v);\n            setPartialSelectedInstances(v);\n            props.onChange?.(v);\n          }}\n          target={\"_blank\"}\n        ></InstanceListTable>\n        {!props?.isOperate && showPreview && (\n          <div\n            className={style.showAllSelectedInstancesButton}\n            onClick={openAllSelectedInstancesModal}\n          >\n            <a>\n              {i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.VIEW_ALL_DATA}`, {\n                count: selectedInstanceList.length,\n              })}\n            </a>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"file":"CmdbInstancesSelectPanel.js"}

package/dist/esm/cmdb-instances-select-panel/CmdbInstancesSelectPanel.js

@@ -76,7 +76,7 @@ export function CmdbInstancesSelectPanel(props, ref) {
     };
   }();
 
-  var loadedInstanceIds = ((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.map(i => isObject(i) ? i.instanceId : i)) || [];
+  var toLoadInstanceIds = ((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.map(i => isObject(i) ? i.instanceId : i)) || [];
   useEffect(() => {
     var getModelMap = /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator(function* () {
@@ -110,7 +110,7 @@ export function CmdbInstancesSelectPanel(props, ref) {
       var _ref3 = _asyncToGenerator(function* () {
         var _props$onFetchedInsta;
 
-        instances = yield fetchInstances(loadedInstanceIds);
+        instances = yield fetchInstances(toLoadInstanceIds);
         setSelectedInstanceList(instances);
         setPartialSelectedInstances(props !== null && props !== void 0 && props.isOperate ? instances : instances.slice(0, displayedSelectedInstancesMaxNumber));
         (_props$onFetchedInsta = props.onFetchedInstances) === null || _props$onFetchedInsta === void 0 ? void 0 : _props$onFetchedInsta.call(props, instances);
@@ -121,13 +121,13 @@ export function CmdbInstancesSelectPanel(props, ref) {
       };
     }();
 
-    if (!isEmpty(loadedInstanceIds)) {
+    if (!isEmpty(toLoadInstanceIds)) {
       initInstances();
     } else {
       setSelectedInstanceList([]);
       setPartialSelectedInstances([]);
     }
-  }, [loadedInstanceIds.join()]);
+  }, [toLoadInstanceIds.sort().join()]);
 
   var openAddInstancesModal = () => {
     setAddInstancesModal({

package/dist/esm/cmdb-instances-select-panel/CmdbInstancesSelectPanel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/cmdb-instances-select-panel/CmdbInstancesSelectPanel.tsx"],"names":["React","useState","useEffect","classnames","InstanceApi_postSearch","CmdbObjectApi_getObjectRef","InstanceListTable","InstanceListModal","modifyModelData","style","i18n","K","NS_LIBS_CMDB_INSTANCES","keyBy","isEqual","isNil","isObject","isEmpty","Spin","isCmdbInstancesSelectPanelPropsWithObjectMap","props","objectMap","CmdbInstancesSelectPanel","ref","modelData","objectId","isFilterView","hideModelData","view","hide_columns","attrList","filter","item","includes","id","relation_list","left_id","left_object_id","right_id","right_object_id","displayedSelectedInstancesMaxNumber","previewMaxNumber","selectedInstanceList","setSelectedInstanceList","partialSelectedInstances","setPartialSelectedInstances","addInstancesModal","setAddInstancesModal","visible","allSelectedInstancesModal","setAllSelectedInstancesModal","modelMap","setModelMap","fetchInstances","instanceIdList","instances","length","query","instanceId","$in","page","page_size","fields","list","loadedInstanceIds","value","map","i","getModelMap","data","ref_object","initInstances","isOperate","slice","onFetchedInstances","join","openAddInstancesModal","closeAddInstancesModal","openAllSelectedInstancesModal","closeAllSelectedInstancesModal","handleInstancesSelected","selectedKeys","onChange","fieldIds","attr","showPreview","cs","selectedInstancesTableWrapper","withPreview","relation","relationLimit","right_max","$size","$lt","instanceQuery","wrapper","modalTitle","t","FILTER_FROM_CMDB","name","instance","singleSelect","addInstancesModalPageSize","searchDisabled","advancedSearchDisabled","ipCopy","showCloseBtn","showSizeChanger","pageSizeOptions","VIEW_ALL_SELECTED_INSTANCES","textAlign","marginBottom","addButton","addTitle","CHOOSE_INSTANCE","showDetailUrl","detailUrlTemplates","pagination","v","showAllSelectedInstancesButton","VIEW_ALL_DATA","count"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,EAA0BC,SAA1B,QAA2C,OAA3C;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAEA,SAEEC,sBAFF,EAGEC,0BAHF,QAIO,oBAJP;AAKA,SAASC,iBAAT,QAAkC,wBAAlC;AACA,SAASC,iBAAT,QAAkC,0CAAlC;AACA,SACEC,eADF,QAGO,uBAHP;AAIA,OAAOC,KAAP,MAAkB,oBAAlB;AACA,OAAOC,IAAP,MAAiB,SAAjB;AACA,SAASC,CAAT,EAAYC,sBAAZ,QAA0C,mBAA1C;AACA,SAASC,KAAT,EAAgBC,OAAhB,EAAyBC,KAAzB,EAAgCC,QAAhC,EAA0CC,OAA1C,QAAyD,QAAzD;AACA,SAASC,IAAT,QAAqB,MAArB;AA8CA,OAAO,SAASC,4CAAT,CACLC,KADK,EAEgD;AACrD,SAAO,CAACL,KAAK,CACVK,KAAD,CAAsDC,SAD3C,CAAb;AAGD;AAED,OAAO,SAASC,wBAAT,CACLF,KADK,EAELG,GAFK,EAGe;AAAA;;AACpB,MAAIC,SAAJ;;AACA,MAAIL,4CAA4C,CAACC,KAAD,CAAhD,EAAyD;AACvDI,IAAAA,SAAS,GAAGJ,KAAK,CAACC,SAAN,CAAgBD,KAAK,CAACK,QAAtB,CAAZ;AACD,GAFD,MAEO;AACLD,IAAAA,SAAS,GAAGJ,KAAK,CAACI,SAAlB;AACD;;AAED,MAAIJ,KAAK,CAACM,YAAV,EAAwB;AAAA;;AACtB;AACA,QAAMC,aAAa,GAAG,eAAAH,SAAS,UAAT,mEAAWI,IAAX,oEAAiBC,YAAjB,KAAiC,EAAvD;AACAL,IAAAA,SAAS,mCACJA,SADI;AAEPM,MAAAA,QAAQ,EAAEN,SAAS,CAACM,QAAV,CAAmBC,MAAnB,CACPC,IAAD,IAAe,CAACL,aAAa,CAACM,QAAd,CAAuBD,IAAI,CAACE,EAA5B,CADR,CAFH;AAKPC,MAAAA,aAAa,EAAEX,SAAS,CAACW,aAAV,CAAwBJ,MAAxB,CACZC,IAAD,IACE,EACGL,aAAa,CAACM,QAAd,CAAuBD,IAAI,CAACI,OAA5B,KACCJ,IAAI,CAACK,cAAL,KAAwBjB,KAAK,CAACK,QADhC,IAECE,aAAa,CAACM,QAAd,CAAuBD,IAAI,CAACM,QAA5B,KACCN,IAAI,CAACO,eAAL,KAAyBnB,KAAK,CAACK,QAJnC,CAFW;AALR,MAAT;AAeD;;AAED,MAAMe,mCAAmC,4BAAGpB,KAAK,CAACqB,gBAAT,yEAA6B,CAAtE;AAEA,MAAM,CAACC,oBAAD,EAAuBC,uBAAvB,IAAkD1C,QAAQ,CAAC,EAAD,CAAhE;AACA,MAAM,CAAC2C,wBAAD,EAA2BC,2BAA3B,IAA0D5C,QAAQ,CAAC,EAAD,CAAxE;AACA,MAAM,CAAC6C,iBAAD,EAAoBC,oBAApB,IAA4C9C,QAAQ,CAAC;AACzD+C,IAAAA,OAAO,EAAE;AADgD,GAAD,CAA1D;AAGA,MAAM,CAACC,yBAAD,EAA4BC,4BAA5B,IAA4DjD,QAAQ,CAAC;AACzE+C,IAAAA,OAAO,EAAE;AADgE,GAAD,CAA1E;AAGA,MAAM,CAACG,QAAD,EAAWC,WAAX,IAA0BnD,QAAQ,CAAC,EAAD,CAAxC;;AAEA,MAAMoD,cAAc;AAAA,iCAAG,WAAOC,cAAP,EAAoD;AACzE,UAAIC,SAAgB,GAAG,EAAvB;;AACA,UAAID,cAAJ,aAAIA,cAAJ,eAAIA,cAAc,CAAEE,MAApB,EAA4B;AAC1BD,QAAAA,SAAS,GAAG,OACJnD,sBAAsB,CAACgB,KAAK,CAACK,QAAP,EAAiB;AAC3CgC,UAAAA,KAAK,EAAE;AACLC,YAAAA,UAAU,EAAE;AACVC,cAAAA,GAAG,EAAEL;AADK;AADP,WADoC;AAM3CM,UAAAA,IAAI,EAAE,CANqC;AAO3CC,UAAAA,SAAS,EAAEP,cAAc,CAACE,MAPiB;AAQ3C;AACAM,UAAAA,MAAM,EAAE;AAAE,iBAAK;AAAP;AATmC,SAAjB,CADlB,EAYVC,IAZF;AAaD;;AAED,aAAOR,SAAP;AACD,KAnBmB;;AAAA,oBAAdF,cAAc;AAAA;AAAA;AAAA,KAApB;;AAoBA,MAAMW,iBAAiB,GACrB,iBAAA5C,KAAK,CAAC6C,KAAN,8DAAaC,GAAb,CAAkBC,CAAD,IAAQnD,QAAQ,CAACmD,CAAD,CAAR,GAAeA,CAAD,CAAWT,UAAzB,GAAsCS,CAA/D,MAAsE,EADxE;AAGAjE,EAAAA,SAAS,CAAC,MAAM;AACd,QAAMkE,WAAW;AAAA,oCAAG,aAA2B;AAC7C,YAAIjB,QAAJ;;AAEA,YAAIhC,4CAA4C,CAACC,KAAD,CAAhD,EAAyD;AACvD+B,UAAAA,QAAQ,GAAG/B,KAAK,CAACC,SAAjB;AACD,SAFD,MAEO;AACL,cAAM;AAAEgD,YAAAA;AAAF,oBAAiBhE,0BAA0B,CAAC;AAChDiE,YAAAA,UAAU,EAAElD,KAAK,CAACK;AAD8B,WAAD,CAAjD;AAGA0B,UAAAA,QAAQ,GAAGtC,KAAK,CAACwD,IAAD,EAAO,UAAP,CAAhB;AACD;;AACDjB,QAAAA,WAAW,CAACD,QAAD,CAAX;AACD,OAZgB;;AAAA,sBAAXiB,WAAW;AAAA;AAAA;AAAA,OAAjB;;AAaAA,IAAAA,WAAW;AACZ,GAfQ,EAeN,CAAChD,KAAK,CAACK,QAAP,CAfM,CAAT;AAiBAvB,EAAAA,SAAS,CAAC,MAAM;AACd,QAAIqD,SAAS,GAAG,EAAhB;;AAEA,QAAMgB,aAAa;AAAA,oCAAG,aAA2B;AAAA;;AAC/ChB,QAAAA,SAAS,SAASF,cAAc,CAACW,iBAAD,CAAhC;AACArB,QAAAA,uBAAuB,CAACY,SAAD,CAAvB;AACAV,QAAAA,2BAA2B,CACzBzB,KAAK,SAAL,IAAAA,KAAK,WAAL,IAAAA,KAAK,CAAEoD,SAAP,GACIjB,SADJ,GAEIA,SAAS,CAACkB,KAAV,CAAgB,CAAhB,EAAmBjC,mCAAnB,CAHqB,CAA3B;AAKA,iCAAApB,KAAK,CAACsD,kBAAN,qFAAAtD,KAAK,EAAsBmC,SAAtB,CAAL;AACD,OATkB;;AAAA,sBAAbgB,aAAa;AAAA;AAAA;AAAA,OAAnB;;AAUA,QAAI,CAACtD,OAAO,CAAC+C,iBAAD,CAAZ,EAAiC;AAC/BO,MAAAA,aAAa;AACd,KAFD,MAEO;AACL5B,MAAAA,uBAAuB,CAAC,EAAD,CAAvB;AACAE,MAAAA,2BAA2B,CAAC,EAAD,CAA3B;AACD;AACF,GAnBQ,EAmBN,CAACmB,iBAAiB,CAACW,IAAlB,EAAD,CAnBM,CAAT;;AAqBA,MAAMC,qBAAqB,GAAG,MAAM;AAClC7B,IAAAA,oBAAoB,CAAC;AAAEC,MAAAA,OAAO,EAAE;AAAX,KAAD,CAApB;AACD,GAFD;;AAIA,MAAM6B,sBAAsB,GAAG,MAAM;AACnC9B,IAAAA,oBAAoB,CAAC;AAAEC,MAAAA,OAAO,EAAE;AAAX,KAAD,CAApB;AACD,GAFD;;AAIA,MAAM8B,6BAA6B,GAAG,MAAM;AAC1C5B,IAAAA,4BAA4B,CAAC;AAAEF,MAAAA,OAAO,EAAE;AAAX,KAAD,CAA5B;AACD,GAFD;;AAIA,MAAM+B,8BAA8B,GAAG,MAAM;AAC3C7B,IAAAA,4BAA4B,CAAC;AAAEF,MAAAA,OAAO,EAAE;AAAX,KAAD,CAA5B;AACD,GAFD;;AAIA,MAAMgC,uBAAuB;AAAA,kCAAG,WAAOC,YAAP,EAAkC;AAAA;;AAChEJ,MAAAA,sBAAsB;AAEtB,UAAMtB,SAAS,SAASF,cAAc,CAAC4B,YAAD,CAAtC;AACAtC,MAAAA,uBAAuB,CAACY,SAAD,CAAvB;AACAV,MAAAA,2BAA2B,CACzBzB,KAAK,SAAL,IAAAA,KAAK,WAAL,IAAAA,KAAK,CAAEoD,SAAP,GACIjB,SADJ,GAEIA,SAAS,CAACkB,KAAV,CAAgB,CAAhB,EAAmBjC,mCAAnB,CAHqB,CAA3B;AAMA,yBAAApB,KAAK,CAAC8D,QAAN,yEAAA9D,KAAK,EAAYmC,SAAZ,CAAL;AACD,KAZ4B;;AAAA,oBAAvByB,uBAAuB;AAAA;AAAA;AAAA,KAA7B;;AAcA,MAAMG,QAAQ,GAAG3E,eAAe,CAACgB,SAAD,CAAf,CAA2BM,QAA3B,CAAoCoC,GAApC,CACdkB,IAAD,IAAeA,IAAI,CAAClD,EADL,CAAjB;AAGA,MAAMmD,WAAW,GACf3C,oBAAoB,CAACc,MAArB,GAA8BhB,mCADhC;AAEA,MAAM8C,EAAE,GAAGnF,UAAU,CAAC;AACpB,KAACM,KAAK,CAAC8E,6BAAP,GAAuC,IADnB;AAEpB,KAAC9E,KAAK,CAAC+E,WAAP,GAAqBH;AAFD,GAAD,CAArB;AAIA,MAAM;AAAEI,IAAAA;AAAF,MAAerE,KAArB;AACA,MAAIsE,aAAJ;;AACA,MAAI,CAAAD,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAEE,SAAV,MAAwB,CAA5B,EAA+B;AAC7BD,IAAAA,aAAa,GAAG;AAAE,OAACD,QAAQ,CAACnD,QAAV,GAAqB;AAAEsD,QAAAA,KAAK,EAAE;AAAEC,UAAAA,GAAG,EAAE;AAAP;AAAT;AAAvB,KAAhB;AACD;;AACD,MAAMpC,KAAK,2BAAGrC,KAAK,CAAC0E,aAAT,uEAA0BJ,aAArC;AACA,sBACE;AAAK,IAAA,SAAS,EAAEjF,KAAK,CAACsF,OAAtB;AAA+B,IAAA,GAAG,EAAExE;AAApC,kBACE,oBAAC,iBAAD;AACE,IAAA,SAAS,EAAE4B,QADb;AAEE,IAAA,QAAQ,EAAE/B,KAAK,CAACK,QAFlB;AAGE,IAAA,OAAO,EAAEqB,iBAAiB,CAACE,OAH7B;AAIE,IAAA,KAAK,uBACH5B,KAAK,CAAC4E,UADH,iEAEHtF,IAAI,CAACuF,CAAL,WAAUrF,sBAAV,cAAoCD,CAAC,CAACuF,gBAAtC,GAA0D;AACxDC,MAAAA,IAAI,EAAE3E,SAAS,CAAC2E;AADwC,KAA1D,CANJ;AAUE,IAAA,eAAe,EAAEzD,oBAAoB,CAACwB,GAArB,CACdkC,QAAD,IAAcA,QAAQ,CAAC1C,UADR,CAVnB;AAaE,IAAA,UAAU,EAAEsB,uBAbd;AAcE,IAAA,QAAQ,EAAEH,sBAdZ;AAeE,IAAA,YAAY,EAAEzD,KAAK,CAACiF,YAftB;AAgBE,IAAA,aAAa,EAAE;AACb5C,MAAAA,KADa;AAEb0B,MAAAA,QAAQ,EAAE/D,KAAK,CAAC0C;AAFH,KAhBjB;AAoBE,IAAA,QAAQ,EAAE1C,KAAK,CAACkF,yBApBlB;AAqBE,IAAA,cAAc,EAAElF,KAAK,CAACmF,cArBxB;AAsBE,IAAA,sBAAsB,EAAEnF,KAAK,CAACoF,sBAtBhC;AAuBE,IAAA,MAAM,EAAEpF,KAAK,CAACqF,MAvBhB;AAwBE,IAAA,YAAY,EAAErF,KAAK,CAACsF,YAxBtB;AAyBE,IAAA,eAAe,EAAEtF,KAAK,CAACuF,eAzBzB;AA0BE,IAAA,eAAe,EAAEvF,KAAK,CAACwF;AA1BzB,IADF,eA6BE,oBAAC,iBAAD;AACE,IAAA,SAAS,EAAEzD,QADb;AAEE,IAAA,QAAQ,EAAE/B,KAAK,CAACK,QAFlB;AAGE,IAAA,OAAO,EAAEwB,yBAAyB,CAACD,OAHrC;AAIE,IAAA,KAAK,EAAEtC,IAAI,CAACuF,CAAL,WACFrF,sBADE,cACwBD,CAAC,CAACkG,2BAD1B,EAJT;AAOE,IAAA,aAAa,EAAE;AACbpD,MAAAA,KAAK,EAAE;AACLC,QAAAA,UAAU,EAAE;AACVC,UAAAA,GAAG,EAAEjB,oBAAoB,CAACwB,GAArB,CAA0BkC,QAAD,IAAcA,QAAQ,CAAC1C,UAAhD;AADK;AADP;AADM,KAPjB;AAcE,IAAA,cAAc,EAAE,CAACtC,KAAK,CAACqF,MAdzB;AAeE,IAAA,MAAM,EAAErF,KAAK,CAACqF,MAfhB;AAgBE,IAAA,YAAY,EAAErF,KAAK,CAACsF,YAhBtB;AAiBE,IAAA,eAAe,EAAEtF,KAAK,CAACuF,eAjBzB;AAkBE,IAAA,eAAe,EAAEvF,KAAK,CAACwF,eAlBzB;AAmBE,IAAA,QAAQ,EAAE7B;AAnBZ,IA7BF,eAkDE,oBAAC,IAAD;AACE,IAAA,KAAK,EAAE;AAAE+B,MAAAA,SAAS,EAAE,MAAb;AAAqBC,MAAAA,YAAY,EAAE;AAAnC,KADT;AAEE,IAAA,QAAQ,EAAEjG,OAAO,CAACqC,QAAD,EAAW,EAAX;AAFnB,kBAIE;AACE,IAAA,SAAS,EAAE1C,KAAK,CAACuG,SADnB;AAEE,IAAA,KAAK,EAAE;AACLD,MAAAA,YAAY,EAAE;AADT,KAFT;AAKE,IAAA,OAAO,EAAEnC;AALX,wBAOGxD,KAAK,CAAC6F,QAPT,6DAQIvG,IAAI,CAACuF,CAAL,WAAUrF,sBAAV,cAAoCD,CAAC,CAACuG,eAAtC,EARJ,CAJF,CAlDF,eAiEE;AAAK,IAAA,SAAS,EAAE5B;AAAhB,kBACE,oBAAC,iBAAD,eACOlE,KAAK,CAAC+F,aAAN,GACD;AACEC,IAAAA,kBAAkB,EAAE;AAClB,OAAChG,KAAK,CAACK,QAAP,GACE;AAFgB;AADtB,GADC,GAOD,EARN;AASE,IAAA,WAAW,EAAE0B,QATf;AAUE,IAAA,SAAS,EAAE3B,SAVb;AAWE,IAAA,gBAAgB,EAAE;AAChBuC,MAAAA,IAAI,EAAEnB;AADU,KAXpB;AAcE,IAAA,QAAQ,EAAExB,KAAK,CAAC0C,MAAN,IAAgBqB,QAd5B;AAeE,IAAA,cAAc,EAAE,IAflB;AAgBE,IAAA,YAAY,EAAE,IAhBhB;AAiBE,IAAA,WAAW,EAAE;AACXkC,MAAAA,UAAU,EAAE;AADD,KAjBf;AAoBE,IAAA,SAAS,EAAEjG,KAAK,CAACoD,SApBnB;AAqBE,IAAA,oBAAoB,EAAG8C,CAAD,IAAO;AAAA;;AAC3B3E,MAAAA,uBAAuB,CAAC2E,CAAD,CAAvB;AACAzE,MAAAA,2BAA2B,CAACyE,CAAD,CAA3B;AACA,0BAAAlG,KAAK,CAAC8D,QAAN,2EAAA9D,KAAK,EAAYkG,CAAZ,CAAL;AACD,KAzBH;AA0BE,IAAA,MAAM,EAAE;AA1BV,KADF,EA6BG,EAAClG,KAAD,aAACA,KAAD,eAACA,KAAK,CAAEoD,SAAR,KAAqBa,WAArB,iBACC;AACE,IAAA,SAAS,EAAE5E,KAAK,CAAC8G,8BADnB;AAEE,IAAA,OAAO,EAAEzC;AAFX,kBAIE,+BACGpE,IAAI,CAACuF,CAAL,WAAUrF,sBAAV,cAAoCD,CAAC,CAAC6G,aAAtC,GAAuD;AACtDC,IAAAA,KAAK,EAAE/E,oBAAoB,CAACc;AAD0B,GAAvD,CADH,CAJF,CA9BJ,CAjEF,CADF;AA8GD","sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport classnames from \"classnames\";\n\nimport {\n  CmdbModels,\n  InstanceApi_postSearch,\n  CmdbObjectApi_getObjectRef,\n} from \"@next-sdk/cmdb-sdk\";\nimport { InstanceListTable } from \"../instance-list-table\";\nimport { InstanceListModal } from \"../instance-list-modal/InstanceListModal\";\nimport {\n  modifyModelData,\n  ModifiedModelObjectRelation,\n} from \"@next-libs/cmdb-utils\";\nimport style from \"./style.module.css\";\nimport i18n from \"i18next\";\nimport { K, NS_LIBS_CMDB_INSTANCES } from \"../i18n/constants\";\nimport { keyBy, isEqual, isNil, isObject, isEmpty } from \"lodash\";\nimport { Spin } from \"antd\";\n\nexport interface BaseCmdbInstancesSelectPanelProps {\n  objectId: string;\n  value?: any[];\n  onChange?: (instanceList: any[]) => void;\n  instanceQuery?: any;\n  fields?: string[];\n  singleSelect?: boolean;\n  addTitle?: React.ReactNode | string;\n  modalTitle?: React.ReactNode | string;\n  previewMaxNumber?: number;\n  addInstancesModalPageSize?: number;\n  showSizeChanger?: boolean;\n  pageSizeOptions?: string[];\n  isOperate?: boolean; //cmdb实例列表支持删除实例\n  showDetailUrl?: boolean;\n  isFilterView?: boolean; //是否过滤视图属性\n  onFetchedInstances?: (instanceList: any[]) => void; // objectId改变后触发\n  relation?: Partial<ModifiedModelObjectRelation>;\n  searchDisabled?: boolean;\n  advancedSearchDisabled?: boolean;\n}\n\nexport interface CmdbInstancesSelectPanelPropsWithObjectMap\n  extends BaseCmdbInstancesSelectPanelProps {\n  objectMap: Record<string, Partial<CmdbModels.ModelCmdbObject>>;\n  ipCopy?: boolean;\n  showSizeChanger?: boolean;\n  showCloseBtn?: boolean;\n  pageSizeOptions?: string[];\n}\n\nexport interface CmdbInstancesSelectPanelPropsWithModelData\n  extends BaseCmdbInstancesSelectPanelProps {\n  modelData: Partial<CmdbModels.ModelCmdbObject>;\n  ipCopy?: boolean;\n  showSizeChanger?: boolean;\n  showCloseBtn?: boolean;\n  pageSizeOptions?: string[];\n}\n\nexport type CmdbInstancesSelectPanelProps =\n  | CmdbInstancesSelectPanelPropsWithObjectMap\n  | CmdbInstancesSelectPanelPropsWithModelData;\n\nexport function isCmdbInstancesSelectPanelPropsWithObjectMap(\n  props: CmdbInstancesSelectPanelProps\n): props is CmdbInstancesSelectPanelPropsWithObjectMap {\n  return !isNil(\n    (props as CmdbInstancesSelectPanelPropsWithObjectMap).objectMap\n  );\n}\n\nexport function CmdbInstancesSelectPanel(\n  props: CmdbInstancesSelectPanelProps,\n  ref: any\n): React.ReactElement {\n  let modelData: Partial<CmdbModels.ModelCmdbObject>;\n  if (isCmdbInstancesSelectPanelPropsWithObjectMap(props)) {\n    modelData = props.objectMap[props.objectId];\n  } else {\n    modelData = props.modelData;\n  }\n\n  if (props.isFilterView) {\n    //过滤掉视图不可见字段\n    const hideModelData = modelData?.view?.hide_columns || [];\n    modelData = {\n      ...modelData,\n      attrList: modelData.attrList.filter(\n        (item: any) => !hideModelData.includes(item.id)\n      ),\n      relation_list: modelData.relation_list.filter(\n        (item: any) =>\n          !(\n            (hideModelData.includes(item.left_id) &&\n              item.left_object_id === props.objectId) ||\n            (hideModelData.includes(item.right_id) &&\n              item.right_object_id === props.objectId)\n          )\n      ),\n    };\n  }\n\n  const displayedSelectedInstancesMaxNumber = props.previewMaxNumber ?? 5;\n\n  const [selectedInstanceList, setSelectedInstanceList] = useState([]);\n  const [partialSelectedInstances, setPartialSelectedInstances] = useState([]);\n  const [addInstancesModal, setAddInstancesModal] = useState({\n    visible: false,\n  });\n  const [allSelectedInstancesModal, setAllSelectedInstancesModal] = useState({\n    visible: false,\n  });\n  const [modelMap, setModelMap] = useState({});\n\n  const fetchInstances = async (instanceIdList: string[]): Promise<any[]> => {\n    let instances: any[] = [];\n    if (instanceIdList?.length) {\n      instances = (\n        await InstanceApi_postSearch(props.objectId, {\n          query: {\n            instanceId: {\n              $in: instanceIdList,\n            },\n          },\n          page: 1,\n          page_size: instanceIdList.length,\n          // todo(ice): selected confirm with instances\n          fields: { \"*\": true },\n        })\n      ).list;\n    }\n\n    return instances;\n  };\n  const loadedInstanceIds =\n    props.value?.map((i) => (isObject(i) ? (i as any).instanceId : i)) || [];\n\n  useEffect(() => {\n    const getModelMap = async (): Promise<void> => {\n      let modelMap: Record<string, Partial<CmdbModels.ModelCmdbObject>>;\n\n      if (isCmdbInstancesSelectPanelPropsWithObjectMap(props)) {\n        modelMap = props.objectMap;\n      } else {\n        const { data } = await CmdbObjectApi_getObjectRef({\n          ref_object: props.objectId,\n        });\n        modelMap = keyBy(data, \"objectId\");\n      }\n      setModelMap(modelMap);\n    };\n    getModelMap();\n  }, [props.objectId]);\n\n  useEffect(() => {\n    let instances = [];\n\n    const initInstances = async (): Promise<void> => {\n      instances = await fetchInstances(loadedInstanceIds);\n      setSelectedInstanceList(instances);\n      setPartialSelectedInstances(\n        props?.isOperate\n          ? instances\n          : instances.slice(0, displayedSelectedInstancesMaxNumber)\n      );\n      props.onFetchedInstances?.(instances);\n    };\n    if (!isEmpty(loadedInstanceIds)) {\n      initInstances();\n    } else {\n      setSelectedInstanceList([]);\n      setPartialSelectedInstances([]);\n    }\n  }, [loadedInstanceIds.join()]);\n\n  const openAddInstancesModal = () => {\n    setAddInstancesModal({ visible: true });\n  };\n\n  const closeAddInstancesModal = () => {\n    setAddInstancesModal({ visible: false });\n  };\n\n  const openAllSelectedInstancesModal = () => {\n    setAllSelectedInstancesModal({ visible: true });\n  };\n\n  const closeAllSelectedInstancesModal = () => {\n    setAllSelectedInstancesModal({ visible: false });\n  };\n\n  const handleInstancesSelected = async (selectedKeys: string[]) => {\n    closeAddInstancesModal();\n\n    const instances = await fetchInstances(selectedKeys);\n    setSelectedInstanceList(instances);\n    setPartialSelectedInstances(\n      props?.isOperate\n        ? instances\n        : instances.slice(0, displayedSelectedInstancesMaxNumber)\n    );\n\n    props.onChange?.(instances);\n  };\n\n  const fieldIds = modifyModelData(modelData).attrList.map(\n    (attr: any) => attr.id\n  );\n  const showPreview =\n    selectedInstanceList.length > displayedSelectedInstancesMaxNumber;\n  const cs = classnames({\n    [style.selectedInstancesTableWrapper]: true,\n    [style.withPreview]: showPreview,\n  });\n  const { relation } = props;\n  let relationLimit;\n  if (relation?.right_max === 1) {\n    relationLimit = { [relation.right_id]: { $size: { $lt: 1 } } };\n  }\n  const query = props.instanceQuery ?? relationLimit;\n  return (\n    <div className={style.wrapper} ref={ref}>\n      <InstanceListModal\n        objectMap={modelMap}\n        objectId={props.objectId}\n        visible={addInstancesModal.visible}\n        title={\n          props.modalTitle ??\n          i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.FILTER_FROM_CMDB}`, {\n            name: modelData.name,\n          })\n        }\n        selectedRowKeys={selectedInstanceList.map(\n          (instance) => instance.instanceId\n        )}\n        onSelected={handleInstancesSelected}\n        onCancel={closeAddInstancesModal}\n        singleSelect={props.singleSelect}\n        presetConfigs={{\n          query,\n          fieldIds: props.fields,\n        }}\n        pageSize={props.addInstancesModalPageSize}\n        searchDisabled={props.searchDisabled}\n        advancedSearchDisabled={props.advancedSearchDisabled}\n        ipCopy={props.ipCopy}\n        showCloseBtn={props.showCloseBtn}\n        showSizeChanger={props.showSizeChanger}\n        pageSizeOptions={props.pageSizeOptions}\n      />\n      <InstanceListModal\n        objectMap={modelMap}\n        objectId={props.objectId}\n        visible={allSelectedInstancesModal.visible}\n        title={i18n.t(\n          `${NS_LIBS_CMDB_INSTANCES}:${K.VIEW_ALL_SELECTED_INSTANCES}`\n        )}\n        presetConfigs={{\n          query: {\n            instanceId: {\n              $in: selectedInstanceList.map((instance) => instance.instanceId),\n            },\n          },\n        }}\n        selectDisabled={!props.ipCopy}\n        ipCopy={props.ipCopy}\n        showCloseBtn={props.showCloseBtn}\n        showSizeChanger={props.showSizeChanger}\n        pageSizeOptions={props.pageSizeOptions}\n        onCancel={closeAllSelectedInstancesModal}\n      />\n      <Spin\n        style={{ textAlign: \"left\", marginBottom: \"12px\" }}\n        spinning={isEqual(modelMap, {})}\n      >\n        <a\n          className={style.addButton}\n          style={{\n            marginBottom: \"12px\",\n          }}\n          onClick={openAddInstancesModal}\n        >\n          {props.addTitle ??\n            i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.CHOOSE_INSTANCE}`)}\n        </a>\n      </Spin>\n      <div className={cs}>\n        <InstanceListTable\n          {...(props.showDetailUrl\n            ? {\n                detailUrlTemplates: {\n                  [props.objectId]:\n                    \"/next-cmdb-instance-management/next/#{objectId}/instance/#{instanceId}\",\n                },\n              }\n            : {})}\n          idObjectMap={modelMap}\n          modelData={modelData}\n          instanceListData={{\n            list: partialSelectedInstances,\n          }}\n          fieldIds={props.fields || fieldIds}\n          selectDisabled={true}\n          sortDisabled={true}\n          configProps={{\n            pagination: false,\n          }}\n          isOperate={props.isOperate}\n          handleDeleteFunction={(v) => {\n            setSelectedInstanceList(v);\n            setPartialSelectedInstances(v);\n            props.onChange?.(v);\n          }}\n          target={\"_blank\"}\n        ></InstanceListTable>\n        {!props?.isOperate && showPreview && (\n          <div\n            className={style.showAllSelectedInstancesButton}\n            onClick={openAllSelectedInstancesModal}\n          >\n            <a>\n              {i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.VIEW_ALL_DATA}`, {\n                count: selectedInstanceList.length,\n              })}\n            </a>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"file":"CmdbInstancesSelectPanel.js"}
+{"version":3,"sources":["../../../src/cmdb-instances-select-panel/CmdbInstancesSelectPanel.tsx"],"names":["React","useState","useEffect","classnames","InstanceApi_postSearch","CmdbObjectApi_getObjectRef","InstanceListTable","InstanceListModal","modifyModelData","style","i18n","K","NS_LIBS_CMDB_INSTANCES","keyBy","isEqual","isNil","isObject","isEmpty","Spin","isCmdbInstancesSelectPanelPropsWithObjectMap","props","objectMap","CmdbInstancesSelectPanel","ref","modelData","objectId","isFilterView","hideModelData","view","hide_columns","attrList","filter","item","includes","id","relation_list","left_id","left_object_id","right_id","right_object_id","displayedSelectedInstancesMaxNumber","previewMaxNumber","selectedInstanceList","setSelectedInstanceList","partialSelectedInstances","setPartialSelectedInstances","addInstancesModal","setAddInstancesModal","visible","allSelectedInstancesModal","setAllSelectedInstancesModal","modelMap","setModelMap","fetchInstances","instanceIdList","instances","length","query","instanceId","$in","page","page_size","fields","list","toLoadInstanceIds","value","map","i","getModelMap","data","ref_object","initInstances","isOperate","slice","onFetchedInstances","sort","join","openAddInstancesModal","closeAddInstancesModal","openAllSelectedInstancesModal","closeAllSelectedInstancesModal","handleInstancesSelected","selectedKeys","onChange","fieldIds","attr","showPreview","cs","selectedInstancesTableWrapper","withPreview","relation","relationLimit","right_max","$size","$lt","instanceQuery","wrapper","modalTitle","t","FILTER_FROM_CMDB","name","instance","singleSelect","addInstancesModalPageSize","searchDisabled","advancedSearchDisabled","ipCopy","showCloseBtn","showSizeChanger","pageSizeOptions","VIEW_ALL_SELECTED_INSTANCES","textAlign","marginBottom","addButton","addTitle","CHOOSE_INSTANCE","showDetailUrl","detailUrlTemplates","pagination","v","showAllSelectedInstancesButton","VIEW_ALL_DATA","count"],"mappings":"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","sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport classnames from \"classnames\";\n\nimport {\n  CmdbModels,\n  InstanceApi_postSearch,\n  CmdbObjectApi_getObjectRef,\n} from \"@next-sdk/cmdb-sdk\";\nimport { InstanceListTable } from \"../instance-list-table\";\nimport { InstanceListModal } from \"../instance-list-modal/InstanceListModal\";\nimport {\n  modifyModelData,\n  ModifiedModelObjectRelation,\n} from \"@next-libs/cmdb-utils\";\nimport style from \"./style.module.css\";\nimport i18n from \"i18next\";\nimport { K, NS_LIBS_CMDB_INSTANCES } from \"../i18n/constants\";\nimport { keyBy, isEqual, isNil, isObject, isEmpty } from \"lodash\";\nimport { Spin } from \"antd\";\n\nexport interface BaseCmdbInstancesSelectPanelProps {\n  objectId: string;\n  value?: any[];\n  onChange?: (instanceList: any[]) => void;\n  instanceQuery?: any;\n  fields?: string[];\n  singleSelect?: boolean;\n  addTitle?: React.ReactNode | string;\n  modalTitle?: React.ReactNode | string;\n  previewMaxNumber?: number;\n  addInstancesModalPageSize?: number;\n  showSizeChanger?: boolean;\n  pageSizeOptions?: string[];\n  isOperate?: boolean; //cmdb实例列表支持删除实例\n  showDetailUrl?: boolean;\n  isFilterView?: boolean; //是否过滤视图属性\n  onFetchedInstances?: (instanceList: any[]) => void; // objectId改变后触发\n  relation?: Partial<ModifiedModelObjectRelation>;\n  searchDisabled?: boolean;\n  advancedSearchDisabled?: boolean;\n}\n\nexport interface CmdbInstancesSelectPanelPropsWithObjectMap\n  extends BaseCmdbInstancesSelectPanelProps {\n  objectMap: Record<string, Partial<CmdbModels.ModelCmdbObject>>;\n  ipCopy?: boolean;\n  showSizeChanger?: boolean;\n  showCloseBtn?: boolean;\n  pageSizeOptions?: string[];\n}\n\nexport interface CmdbInstancesSelectPanelPropsWithModelData\n  extends BaseCmdbInstancesSelectPanelProps {\n  modelData: Partial<CmdbModels.ModelCmdbObject>;\n  ipCopy?: boolean;\n  showSizeChanger?: boolean;\n  showCloseBtn?: boolean;\n  pageSizeOptions?: string[];\n}\n\nexport type CmdbInstancesSelectPanelProps =\n  | CmdbInstancesSelectPanelPropsWithObjectMap\n  | CmdbInstancesSelectPanelPropsWithModelData;\n\nexport function isCmdbInstancesSelectPanelPropsWithObjectMap(\n  props: CmdbInstancesSelectPanelProps\n): props is CmdbInstancesSelectPanelPropsWithObjectMap {\n  return !isNil(\n    (props as CmdbInstancesSelectPanelPropsWithObjectMap).objectMap\n  );\n}\n\nexport function CmdbInstancesSelectPanel(\n  props: CmdbInstancesSelectPanelProps,\n  ref: any\n): React.ReactElement {\n  let modelData: Partial<CmdbModels.ModelCmdbObject>;\n  if (isCmdbInstancesSelectPanelPropsWithObjectMap(props)) {\n    modelData = props.objectMap[props.objectId];\n  } else {\n    modelData = props.modelData;\n  }\n\n  if (props.isFilterView) {\n    //过滤掉视图不可见字段\n    const hideModelData = modelData?.view?.hide_columns || [];\n    modelData = {\n      ...modelData,\n      attrList: modelData.attrList.filter(\n        (item: any) => !hideModelData.includes(item.id)\n      ),\n      relation_list: modelData.relation_list.filter(\n        (item: any) =>\n          !(\n            (hideModelData.includes(item.left_id) &&\n              item.left_object_id === props.objectId) ||\n            (hideModelData.includes(item.right_id) &&\n              item.right_object_id === props.objectId)\n          )\n      ),\n    };\n  }\n\n  const displayedSelectedInstancesMaxNumber = props.previewMaxNumber ?? 5;\n\n  const [selectedInstanceList, setSelectedInstanceList] = useState([]);\n  const [partialSelectedInstances, setPartialSelectedInstances] = useState([]);\n  const [addInstancesModal, setAddInstancesModal] = useState({\n    visible: false,\n  });\n  const [allSelectedInstancesModal, setAllSelectedInstancesModal] = useState({\n    visible: false,\n  });\n  const [modelMap, setModelMap] = useState({});\n\n  const fetchInstances = async (instanceIdList: string[]): Promise<any[]> => {\n    let instances: any[] = [];\n    if (instanceIdList?.length) {\n      instances = (\n        await InstanceApi_postSearch(props.objectId, {\n          query: {\n            instanceId: {\n              $in: instanceIdList,\n            },\n          },\n          page: 1,\n          page_size: instanceIdList.length,\n          // todo(ice): selected confirm with instances\n          fields: { \"*\": true },\n        })\n      ).list;\n    }\n\n    return instances;\n  };\n  const toLoadInstanceIds =\n    props.value?.map((i) => (isObject(i) ? (i as any).instanceId : i)) || [];\n\n  useEffect(() => {\n    const getModelMap = async (): Promise<void> => {\n      let modelMap: Record<string, Partial<CmdbModels.ModelCmdbObject>>;\n\n      if (isCmdbInstancesSelectPanelPropsWithObjectMap(props)) {\n        modelMap = props.objectMap;\n      } else {\n        const { data } = await CmdbObjectApi_getObjectRef({\n          ref_object: props.objectId,\n        });\n        modelMap = keyBy(data, \"objectId\");\n      }\n      setModelMap(modelMap);\n    };\n    getModelMap();\n  }, [props.objectId]);\n\n  useEffect(() => {\n    let instances = [];\n\n    const initInstances = async (): Promise<void> => {\n      instances = await fetchInstances(toLoadInstanceIds);\n      setSelectedInstanceList(instances);\n      setPartialSelectedInstances(\n        props?.isOperate\n          ? instances\n          : instances.slice(0, displayedSelectedInstancesMaxNumber)\n      );\n      props.onFetchedInstances?.(instances);\n    };\n    if (!isEmpty(toLoadInstanceIds)) {\n      initInstances();\n    } else {\n      setSelectedInstanceList([]);\n      setPartialSelectedInstances([]);\n    }\n  }, [toLoadInstanceIds.sort().join()]);\n\n  const openAddInstancesModal = () => {\n    setAddInstancesModal({ visible: true });\n  };\n\n  const closeAddInstancesModal = () => {\n    setAddInstancesModal({ visible: false });\n  };\n\n  const openAllSelectedInstancesModal = () => {\n    setAllSelectedInstancesModal({ visible: true });\n  };\n\n  const closeAllSelectedInstancesModal = () => {\n    setAllSelectedInstancesModal({ visible: false });\n  };\n\n  const handleInstancesSelected = async (selectedKeys: string[]) => {\n    closeAddInstancesModal();\n\n    const instances = await fetchInstances(selectedKeys);\n    setSelectedInstanceList(instances);\n    setPartialSelectedInstances(\n      props?.isOperate\n        ? instances\n        : instances.slice(0, displayedSelectedInstancesMaxNumber)\n    );\n\n    props.onChange?.(instances);\n  };\n\n  const fieldIds = modifyModelData(modelData).attrList.map(\n    (attr: any) => attr.id\n  );\n  const showPreview =\n    selectedInstanceList.length > displayedSelectedInstancesMaxNumber;\n  const cs = classnames({\n    [style.selectedInstancesTableWrapper]: true,\n    [style.withPreview]: showPreview,\n  });\n  const { relation } = props;\n  let relationLimit;\n  if (relation?.right_max === 1) {\n    relationLimit = { [relation.right_id]: { $size: { $lt: 1 } } };\n  }\n  const query = props.instanceQuery ?? relationLimit;\n  return (\n    <div className={style.wrapper} ref={ref}>\n      <InstanceListModal\n        objectMap={modelMap}\n        objectId={props.objectId}\n        visible={addInstancesModal.visible}\n        title={\n          props.modalTitle ??\n          i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.FILTER_FROM_CMDB}`, {\n            name: modelData.name,\n          })\n        }\n        selectedRowKeys={selectedInstanceList.map(\n          (instance) => instance.instanceId\n        )}\n        onSelected={handleInstancesSelected}\n        onCancel={closeAddInstancesModal}\n        singleSelect={props.singleSelect}\n        presetConfigs={{\n          query,\n          fieldIds: props.fields,\n        }}\n        pageSize={props.addInstancesModalPageSize}\n        searchDisabled={props.searchDisabled}\n        advancedSearchDisabled={props.advancedSearchDisabled}\n        ipCopy={props.ipCopy}\n        showCloseBtn={props.showCloseBtn}\n        showSizeChanger={props.showSizeChanger}\n        pageSizeOptions={props.pageSizeOptions}\n      />\n      <InstanceListModal\n        objectMap={modelMap}\n        objectId={props.objectId}\n        visible={allSelectedInstancesModal.visible}\n        title={i18n.t(\n          `${NS_LIBS_CMDB_INSTANCES}:${K.VIEW_ALL_SELECTED_INSTANCES}`\n        )}\n        presetConfigs={{\n          query: {\n            instanceId: {\n              $in: selectedInstanceList.map((instance) => instance.instanceId),\n            },\n          },\n        }}\n        selectDisabled={!props.ipCopy}\n        ipCopy={props.ipCopy}\n        showCloseBtn={props.showCloseBtn}\n        showSizeChanger={props.showSizeChanger}\n        pageSizeOptions={props.pageSizeOptions}\n        onCancel={closeAllSelectedInstancesModal}\n      />\n      <Spin\n        style={{ textAlign: \"left\", marginBottom: \"12px\" }}\n        spinning={isEqual(modelMap, {})}\n      >\n        <a\n          className={style.addButton}\n          style={{\n            marginBottom: \"12px\",\n          }}\n          onClick={openAddInstancesModal}\n        >\n          {props.addTitle ??\n            i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.CHOOSE_INSTANCE}`)}\n        </a>\n      </Spin>\n      <div className={cs}>\n        <InstanceListTable\n          {...(props.showDetailUrl\n            ? {\n                detailUrlTemplates: {\n                  [props.objectId]:\n                    \"/next-cmdb-instance-management/next/#{objectId}/instance/#{instanceId}\",\n                },\n              }\n            : {})}\n          idObjectMap={modelMap}\n          modelData={modelData}\n          instanceListData={{\n            list: partialSelectedInstances,\n          }}\n          fieldIds={props.fields || fieldIds}\n          selectDisabled={true}\n          sortDisabled={true}\n          configProps={{\n            pagination: false,\n          }}\n          isOperate={props.isOperate}\n          handleDeleteFunction={(v) => {\n            setSelectedInstanceList(v);\n            setPartialSelectedInstances(v);\n            props.onChange?.(v);\n          }}\n          target={\"_blank\"}\n        ></InstanceListTable>\n        {!props?.isOperate && showPreview && (\n          <div\n            className={style.showAllSelectedInstancesButton}\n            onClick={openAllSelectedInstancesModal}\n          >\n            <a>\n              {i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.VIEW_ALL_DATA}`, {\n                count: selectedInstanceList.length,\n              })}\n            </a>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"file":"CmdbInstancesSelectPanel.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-libs/cmdb-instances",
-  "version": "6.26.3",
+  "version": "6.26.4",
   "description": "> TODO: description",
   "homepage": "https://github.com/easyops-cn/next-libs/tree/master/libs/cmdb-instances",
   "license": "GPL-3.0",
@@ -50,5 +50,5 @@
     "immutability-helper": "^3.1.1",
     "marked": "^2.1.3"
   },
-  "gitHead": "5f3b566906d0ea540851c3370077852eb3d17152"
+  "gitHead": "5e13d67e89a3292057e16b2f10a9a5eed2fa9590"
 }