@next-libs/cmdb-instances 6.42.0 → 6.42.3

package/dist/cjs/instance-detail/components/instance-relation-table-show/instance-relation-table-show.js

@@ -2,14 +2,12 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InstanceRelationTableShow = InstanceRelationTableShow;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 
 var _cmdbUtils = require("@next-libs/cmdb-utils");
 
@@ -27,11 +25,10 @@ function InstanceRelationTableShow(props) {
     modelDataMap,
     relationData,
     value,
-    relationFieldUrlTemplate
+    relationFieldUrlTemplate,
+    paginationChange,
+    total
   } = props;
-  const [instanceListData, setInstanceListData] = (0, _react.useState)({
-    list: props.value.slice(0, 10)
-  });
   let oppositeModelData = (0, _cmdbUtils.modifyModelData)(modelDataMap[relationData.right_object_id]); //过滤掉视图不可见字段
 
   const hideModelData = oppositeModelData.view.hide_columns || [];
@@ -49,19 +46,19 @@ function InstanceRelationTableShow(props) {
     },
     idObjectMap: props.modelDataMap,
     modelData: oppositeModelData,
-    instanceListData: instanceListData,
+    instanceListData: {
+      list: value
+    },
     fieldIds: oppositeModelData.attrList.map(attr => attr.id),
     selectDisabled: true,
     sortDisabled: true,
     configProps: {
       pagination: props.isPagination ? {
         showSizeChanger: true,
-        total: value === null || value === void 0 ? void 0 : value.length,
+        total: total,
         pageSizeOptions: ["10", "20", "50"],
         onChange: (page, pageSize) => {
-          setInstanceListData({
-            list: value.slice((page - 1) * pageSize, (page - 1) * pageSize + pageSize)
-          });
+          paginationChange(page, pageSize, relationData);
         },
         showTotal: totals => /*#__PURE__*/_react.default.createElement("span", {
           className: _InstanceListTableModule.default.totalText

package/dist/cjs/instance-detail/components/instance-relation-table-show/instance-relation-table-show.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/instance-detail/components/instance-relation-table-show/instance-relation-table-show.tsx"],"names":["InstanceRelationTableShow","props","modelDataMap","relationData","value","relationFieldUrlTemplate","instanceListData","setInstanceListData","list","slice","oppositeModelData","right_object_id","hideModelData","view","hide_columns","attrList","filter","item","includes","id","relation_list","left_id","left_object_id","right_id","display","map","attr","pagination","isPagination","showSizeChanger","total","length","pageSizeOptions","onChange","page","pageSize","showTotal","totals","styles","totalText","i18n","t","NS_LIBS_CMDB_INSTANCES","K","PAGINATION_TOTAL_TEXT","PAGINATION_TOTAL_UNIT"],"mappings":"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","sourcesContent":["import React, { useState } from \"react\";\nimport { Table } from \"antd\";\nimport {\n  ModifiedModelObjectRelation,\n  modifyModelData,\n} from \"@next-libs/cmdb-utils\";\nimport { CmdbModels } from \"@next-sdk/cmdb-sdk\";\nimport { InstanceListTable } from \"../../../instance-list-table\";\nimport { NS_LIBS_CMDB_INSTANCES, K } from \"../../../i18n/constants\";\nimport i18n from \"i18next\";\nimport styles from \"../../../instance-list-table/InstanceListTable.module.css\";\nexport interface InstanceRelationTableShowProps {\n  modelDataMap: { [objectId: string]: CmdbModels.ModelCmdbObject };\n  relationData: ModifiedModelObjectRelation;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  value: any[];\n  relationFieldUrlTemplate?: string;\n  isPagination?: boolean;\n}\n\n//istanbul ignore next\nexport function InstanceRelationTableShow(\n  props: InstanceRelationTableShowProps\n): React.ReactElement {\n  const { modelDataMap, relationData, value, relationFieldUrlTemplate } = props;\n  const [instanceListData, setInstanceListData] = useState({\n    list: props.value.slice(0, 10),\n  });\n  let oppositeModelData = modifyModelData(\n    modelDataMap[relationData.right_object_id]\n  );\n  //过滤掉视图不可见字段\n  const hideModelData = oppositeModelData.view.hide_columns || [];\n  oppositeModelData = {\n    ...oppositeModelData,\n    attrList: oppositeModelData.attrList.filter(\n      (item: any) => !hideModelData.includes(item.id)\n    ),\n    relation_list: oppositeModelData.relation_list.filter(\n      (item: any) =>\n        !(\n          (hideModelData.includes(item.left_id) &&\n            item.left_object_id === props.relationData.right_object_id) ||\n          (hideModelData.includes(item.right_id) &&\n            item.right_object_id === props.relationData.right_object_id)\n        )\n    ),\n  };\n\n  return (\n    <div style={{ display: \"grid\" }}>\n      <InstanceListTable\n        detailUrlTemplates={{\n          [relationData.right_object_id]:\n            \"/next-cmdb-instance-management/next/#{objectId}/instance/#{instanceId}\",\n        }}\n        idObjectMap={props.modelDataMap}\n        modelData={oppositeModelData}\n        instanceListData={instanceListData}\n        fieldIds={oppositeModelData.attrList.map((attr) => attr.id)}\n        selectDisabled={true}\n        sortDisabled={true}\n        configProps={{\n          pagination: props.isPagination\n            ? {\n                showSizeChanger: true,\n                total: value?.length,\n                pageSizeOptions: [\"10\", \"20\", \"50\"],\n                onChange: (page, pageSize) => {\n                  setInstanceListData({\n                    list: value.slice(\n                      (page - 1) * pageSize,\n                      (page - 1) * pageSize + pageSize\n                    ),\n                  });\n                },\n                showTotal: (totals: number) => (\n                  <span className={styles.totalText}>\n                    {i18n.t(\n                      `${NS_LIBS_CMDB_INSTANCES}:${K.PAGINATION_TOTAL_TEXT}`\n                    )}{\" \"}\n                    <strong className={styles.total}>{totals}</strong>{\" \"}\n                    {i18n.t(\n                      `${NS_LIBS_CMDB_INSTANCES}:${K.PAGINATION_TOTAL_UNIT}`\n                    )}\n                  </span>\n                ),\n              }\n            : false,\n        }}\n        target={\"_blank\"}\n      ></InstanceListTable>\n    </div>\n  );\n}\n"],"file":"instance-relation-table-show.js"}
+{"version":3,"sources":["../../../../../src/instance-detail/components/instance-relation-table-show/instance-relation-table-show.tsx"],"names":["InstanceRelationTableShow","props","modelDataMap","relationData","value","relationFieldUrlTemplate","paginationChange","total","oppositeModelData","right_object_id","hideModelData","view","hide_columns","attrList","filter","item","includes","id","relation_list","left_id","left_object_id","right_id","display","list","map","attr","pagination","isPagination","showSizeChanger","pageSizeOptions","onChange","page","pageSize","showTotal","totals","styles","totalText","i18n","t","NS_LIBS_CMDB_INSTANCES","K","PAGINATION_TOTAL_TEXT","PAGINATION_TOTAL_UNIT"],"mappings":";;;;;;;;;AAAA;;AAEA;;AAKA;;AACA;;AACA;;AACA;;AAgBA;AACO,SAASA,yBAAT,CACLC,KADK,EAEe;AACpB,QAAM;AACJC,IAAAA,YADI;AAEJC,IAAAA,YAFI;AAGJC,IAAAA,KAHI;AAIJC,IAAAA,wBAJI;AAKJC,IAAAA,gBALI;AAMJC,IAAAA;AANI,MAOFN,KAPJ;AAQA,MAAIO,iBAAiB,GAAG,gCACtBN,YAAY,CAACC,YAAY,CAACM,eAAd,CADU,CAAxB,CAToB,CAYpB;;AACA,QAAMC,aAAa,GAAGF,iBAAiB,CAACG,IAAlB,CAAuBC,YAAvB,IAAuC,EAA7D;AACAJ,EAAAA,iBAAiB,GAAG,EAClB,GAAGA,iBADe;AAElBK,IAAAA,QAAQ,EAAEL,iBAAiB,CAACK,QAAlB,CAA2BC,MAA3B,CACPC,IAAD,IAAe,CAACL,aAAa,CAACM,QAAd,CAAuBD,IAAI,CAACE,EAA5B,CADR,CAFQ;AAKlBC,IAAAA,aAAa,EAAEV,iBAAiB,CAACU,aAAlB,CAAgCJ,MAAhC,CACZC,IAAD,IACE,EACGL,aAAa,CAACM,QAAd,CAAuBD,IAAI,CAACI,OAA5B,KACCJ,IAAI,CAACK,cAAL,KAAwBnB,KAAK,CAACE,YAAN,CAAmBM,eAD7C,IAECC,aAAa,CAACM,QAAd,CAAuBD,IAAI,CAACM,QAA5B,KACCN,IAAI,CAACN,eAAL,KAAyBR,KAAK,CAACE,YAAN,CAAmBM,eAJhD,CAFW;AALG,GAApB;AAgBA,sBACE;AAAK,IAAA,KAAK,EAAE;AAAEa,MAAAA,OAAO,EAAE;AAAX;AAAZ,kBACE,6BAAC,oCAAD;AACE,IAAA,kBAAkB,EAAE;AAClB,OAACnB,YAAY,CAACM,eAAd,GACE;AAFgB,KADtB;AAKE,IAAA,WAAW,EAAER,KAAK,CAACC,YALrB;AAME,IAAA,SAAS,EAAEM,iBANb;AAOE,IAAA,gBAAgB,EAAE;AAChBe,MAAAA,IAAI,EAAEnB;AADU,KAPpB;AAUE,IAAA,QAAQ,EAAEI,iBAAiB,CAACK,QAAlB,CAA2BW,GAA3B,CAAgCC,IAAD,IAAUA,IAAI,CAACR,EAA9C,CAVZ;AAWE,IAAA,cAAc,EAAE,IAXlB;AAYE,IAAA,YAAY,EAAE,IAZhB;AAaE,IAAA,WAAW,EAAE;AACXS,MAAAA,UAAU,EAAEzB,KAAK,CAAC0B,YAAN,GACR;AACEC,QAAAA,eAAe,EAAE,IADnB;AAEErB,QAAAA,KAAK,EAAEA,KAFT;AAGEsB,QAAAA,eAAe,EAAE,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,CAHnB;AAIEC,QAAAA,QAAQ,EAAE,CAACC,IAAD,EAAOC,QAAP,KAAoB;AAC5B1B,UAAAA,gBAAgB,CAACyB,IAAD,EAAOC,QAAP,EAAiB7B,YAAjB,CAAhB;AACD,SANH;AAOE8B,QAAAA,SAAS,EAAGC,MAAD,iBACT;AAAM,UAAA,SAAS,EAAEC,iCAAOC;AAAxB,WACGC,iBAAKC,CAAL,CACE,GAAEC,iCAAuB,IAAGC,aAAEC,qBAAsB,EADtD,CADH,EAGK,GAHL,eAIE;AAAQ,UAAA,SAAS,EAAEN,iCAAO5B;AAA1B,WAAkC2B,MAAlC,CAJF,EAIqD,GAJrD,EAKGG,iBAAKC,CAAL,CACE,GAAEC,iCAAuB,IAAGC,aAAEE,qBAAsB,EADtD,CALH;AARJ,OADQ,GAoBR;AArBO,KAbf;AAoCE,IAAA,MAAM,EAAE;AApCV,IADF,CADF;AA0CD","sourcesContent":["import React from \"react\";\nimport { Table } from \"antd\";\nimport {\n  ModifiedModelObjectRelation,\n  modifyModelData,\n} from \"@next-libs/cmdb-utils\";\nimport { CmdbModels } from \"@next-sdk/cmdb-sdk\";\nimport { InstanceListTable } from \"../../../instance-list-table\";\nimport { NS_LIBS_CMDB_INSTANCES, K } from \"../../../i18n/constants\";\nimport i18n from \"i18next\";\nimport styles from \"../../../instance-list-table/InstanceListTable.module.css\";\nexport interface InstanceRelationTableShowProps {\n  modelDataMap: { [objectId: string]: CmdbModels.ModelCmdbObject };\n  relationData: ModifiedModelObjectRelation;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  value: any[];\n  relationFieldUrlTemplate?: string;\n  isPagination?: boolean;\n  total?: number;\n  paginationChange?: (\n    page: number,\n    pageSize: number,\n    relationData: ModifiedModelObjectRelation\n  ) => Promise<void>;\n}\n\n//istanbul ignore next\nexport function InstanceRelationTableShow(\n  props: InstanceRelationTableShowProps\n): React.ReactElement {\n  const {\n    modelDataMap,\n    relationData,\n    value,\n    relationFieldUrlTemplate,\n    paginationChange,\n    total,\n  } = props;\n  let oppositeModelData = modifyModelData(\n    modelDataMap[relationData.right_object_id]\n  );\n  //过滤掉视图不可见字段\n  const hideModelData = oppositeModelData.view.hide_columns || [];\n  oppositeModelData = {\n    ...oppositeModelData,\n    attrList: oppositeModelData.attrList.filter(\n      (item: any) => !hideModelData.includes(item.id)\n    ),\n    relation_list: oppositeModelData.relation_list.filter(\n      (item: any) =>\n        !(\n          (hideModelData.includes(item.left_id) &&\n            item.left_object_id === props.relationData.right_object_id) ||\n          (hideModelData.includes(item.right_id) &&\n            item.right_object_id === props.relationData.right_object_id)\n        )\n    ),\n  };\n\n  return (\n    <div style={{ display: \"grid\" }}>\n      <InstanceListTable\n        detailUrlTemplates={{\n          [relationData.right_object_id]:\n            \"/next-cmdb-instance-management/next/#{objectId}/instance/#{instanceId}\",\n        }}\n        idObjectMap={props.modelDataMap}\n        modelData={oppositeModelData}\n        instanceListData={{\n          list: value,\n        }}\n        fieldIds={oppositeModelData.attrList.map((attr) => attr.id)}\n        selectDisabled={true}\n        sortDisabled={true}\n        configProps={{\n          pagination: props.isPagination\n            ? {\n                showSizeChanger: true,\n                total: total,\n                pageSizeOptions: [\"10\", \"20\", \"50\"],\n                onChange: (page, pageSize) => {\n                  paginationChange(page, pageSize, relationData);\n                },\n                showTotal: (totals: number) => (\n                  <span className={styles.totalText}>\n                    {i18n.t(\n                      `${NS_LIBS_CMDB_INSTANCES}:${K.PAGINATION_TOTAL_TEXT}`\n                    )}{\" \"}\n                    <strong className={styles.total}>{totals}</strong>{\" \"}\n                    {i18n.t(\n                      `${NS_LIBS_CMDB_INSTANCES}:${K.PAGINATION_TOTAL_UNIT}`\n                    )}\n                  </span>\n                ),\n              }\n            : false,\n        }}\n        target={\"_blank\"}\n      ></InstanceListTable>\n    </div>\n  );\n}\n"],"file":"instance-relation-table-show.js"}

package/dist/esm/data-providers/fetchCmdbInstanceDetail.js

@@ -2,9 +2,10 @@ import { InstanceApi_getDetail } from "@next-sdk/cmdb-sdk";
 export function fetchCmdbInstanceDetail(objectId, instanceId) {
   return InstanceApi_getDetail(objectId, instanceId, {});
 }
-export function fetchCmdbInstanceDetailByFields(objectId, instanceId, fields) {
+export function fetchCmdbInstanceDetailByFields(objectId, instanceId, fields, relation_limit) {
   return InstanceApi_getDetail(objectId, instanceId, {
-    fields
+    fields,
+    relation_limit
   });
 }
 //# sourceMappingURL=fetchCmdbInstanceDetail.js.map

package/dist/esm/data-providers/fetchCmdbInstanceDetail.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/data-providers/fetchCmdbInstanceDetail.ts"],"names":["InstanceApi_getDetail","fetchCmdbInstanceDetail","objectId","instanceId","fetchCmdbInstanceDetailByFields","fields"],"mappings":"AAAA,SAEEA,qBAFF,QAIO,oBAJP;AAMA,OAAO,SAASC,uBAAT,CACLC,QADK,EAELC,UAFK,EAGgD;AACrD,SAAOH,qBAAqB,CAACE,QAAD,EAAWC,UAAX,EAAuB,EAAvB,CAA5B;AACD;AAED,OAAO,SAASC,+BAAT,CACLF,QADK,EAELC,UAFK,EAGLE,MAHK,EAIgD;AACrD,SAAOL,qBAAqB,CAACE,QAAD,EAAWC,UAAX,EAAuB;AACjDE,IAAAA;AADiD,GAAvB,CAA5B;AAGD","sourcesContent":["import {\n  InstanceApi_GetDetailResponseBody,\n  InstanceApi_getDetail,\n  InstanceApi_GetDetailRequestParams,\n} from \"@next-sdk/cmdb-sdk\";\n\nexport function fetchCmdbInstanceDetail(\n  objectId: string,\n  instanceId: string\n): Promise<Partial<InstanceApi_GetDetailResponseBody>> {\n  return InstanceApi_getDetail(objectId, instanceId, {});\n}\n\nexport function fetchCmdbInstanceDetailByFields(\n  objectId: string,\n  instanceId: string,\n  fields: string\n): Promise<Partial<InstanceApi_GetDetailResponseBody>> {\n  return InstanceApi_getDetail(objectId, instanceId, {\n    fields,\n  } as InstanceApi_GetDetailRequestParams);\n}\n"],"file":"fetchCmdbInstanceDetail.js"}
+{"version":3,"sources":["../../../src/data-providers/fetchCmdbInstanceDetail.ts"],"names":["InstanceApi_getDetail","fetchCmdbInstanceDetail","objectId","instanceId","fetchCmdbInstanceDetailByFields","fields","relation_limit"],"mappings":"AAAA,SAEEA,qBAFF,QAIO,oBAJP;AAMA,OAAO,SAASC,uBAAT,CACLC,QADK,EAELC,UAFK,EAGgD;AACrD,SAAOH,qBAAqB,CAACE,QAAD,EAAWC,UAAX,EAAuB,EAAvB,CAA5B;AACD;AAED,OAAO,SAASC,+BAAT,CACLF,QADK,EAELC,UAFK,EAGLE,MAHK,EAILC,cAJK,EAKgD;AACrD,SAAON,qBAAqB,CAACE,QAAD,EAAWC,UAAX,EAAuB;AACjDE,IAAAA,MADiD;AAEjDC,IAAAA;AAFiD,GAAvB,CAA5B;AAID","sourcesContent":["import {\n  InstanceApi_GetDetailResponseBody,\n  InstanceApi_getDetail,\n  InstanceApi_GetDetailRequestParams,\n} from \"@next-sdk/cmdb-sdk\";\n\nexport function fetchCmdbInstanceDetail(\n  objectId: string,\n  instanceId: string\n): Promise<Partial<InstanceApi_GetDetailResponseBody>> {\n  return InstanceApi_getDetail(objectId, instanceId, {});\n}\n\nexport function fetchCmdbInstanceDetailByFields(\n  objectId: string,\n  instanceId: string,\n  fields: string,\n  relation_limit?: number\n): Promise<Partial<InstanceApi_GetDetailResponseBody>> {\n  return InstanceApi_getDetail(objectId, instanceId, {\n    fields,\n    relation_limit,\n  } as InstanceApi_GetDetailRequestParams);\n}\n"],"file":"fetchCmdbInstanceDetail.js"}

package/dist/esm/data-providers/fetchCmdbInstanceSearch.js

@@ -0,0 +1,5 @@
+import { InstanceApi_postSearchV3 } from "@next-sdk/cmdb-sdk";
+export function fetchCmdbInstanceSearch(objectId, params) {
+  return InstanceApi_postSearchV3(objectId, params);
+}
+//# sourceMappingURL=fetchCmdbInstanceSearch.js.map

package/dist/esm/data-providers/fetchCmdbInstanceSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/data-providers/fetchCmdbInstanceSearch.ts"],"names":["InstanceApi_postSearchV3","fetchCmdbInstanceSearch","objectId","params"],"mappings":"AAAA,SAGEA,wBAHF,QAIO,oBAJP;AAMA,OAAO,SAASC,uBAAT,CACLC,QADK,EAELC,MAFK,EAGmD;AACxD,SAAOH,wBAAwB,CAACE,QAAD,EAAWC,MAAX,CAA/B;AACD","sourcesContent":["import {\n  InstanceApi_PostSearchV3RequestBody,\n  InstanceApi_PostSearchV3ResponseBody,\n  InstanceApi_postSearchV3,\n} from \"@next-sdk/cmdb-sdk\";\n\nexport function fetchCmdbInstanceSearch(\n  objectId: string,\n  params: InstanceApi_PostSearchV3RequestBody\n): Promise<Partial<InstanceApi_PostSearchV3ResponseBody>> {\n  return InstanceApi_postSearchV3(objectId, params);\n}\n"],"file":"fetchCmdbInstanceSearch.js"}

package/dist/esm/data-providers/index.js

@@ -2,4 +2,5 @@ export * from "./fetchCmdbObjectDetail";
 export * from "./fetchCmdbInstanceDetail";
 export * from "./fetchCmdbObjectList";
 export * from "./fetchCmdbObjectRef";
+export * from "./fetchCmdbInstanceSearch";
 //# sourceMappingURL=index.js.map

package/dist/esm/data-providers/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/data-providers/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAd;AACA,cAAc,2BAAd;AACA,cAAc,uBAAd;AACA,cAAc,sBAAd","sourcesContent":["export * from \"./fetchCmdbObjectDetail\";\nexport * from \"./fetchCmdbInstanceDetail\";\nexport * from \"./fetchCmdbObjectList\";\nexport * from \"./fetchCmdbObjectRef\";\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/data-providers/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAd;AACA,cAAc,2BAAd;AACA,cAAc,uBAAd;AACA,cAAc,sBAAd;AACA,cAAc,2BAAd","sourcesContent":["export * from \"./fetchCmdbObjectDetail\";\nexport * from \"./fetchCmdbInstanceDetail\";\nexport * from \"./fetchCmdbObjectList\";\nexport * from \"./fetchCmdbObjectRef\";\nexport * from \"./fetchCmdbInstanceSearch\";\n"],"file":"index.js"}

package/dist/esm/index.js

@@ -13,5 +13,5 @@ export * from "./cmdb-instances-select-panel/CmdbInstancesSelectPanel";
 export * from "./instance-detail/InstanceDetail";
 export * from "./float-display-brick/FloatDisplayBrick"; // For compatibility
 
-export { ComparisonOperators, ElementOperators, LogicalOperators, Query, QueryOperatorExpressions } from "@next-libs/cmdb-utils";
+export { ComparisonOperators, ElementOperators, LogicalOperators } from "@next-libs/cmdb-utils";
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"names":["ComparisonOperators","ElementOperators","LogicalOperators","Query","QueryOperatorExpressions"],"mappings":"AAAA,cAAc,iDAAd;AACA,cAAc,2CAAd;AACA,cAAc,yCAAd;AACA,cAAc,sDAAd;AACA,cAAc,0DAAd;AACA,cAAc,qBAAd;AACA,cAAc,uBAAd;AACA,cAAc,+CAAd;AACA,cAAc,yCAAd;AACA,cAAc,8BAAd;AACA,cAAc,wDAAd;AACA,cAAc,wDAAd;AACA,cAAc,kCAAd;AACA,cAAc,yCAAd,C,CACA;;AACA,SACEA,mBADF,EAEEC,gBAFF,EAGEC,gBAHF,EAIEC,KAJF,EAKEC,wBALF,QAMO,uBANP","sourcesContent":["export * from \"./instance-attribute-form/InstanceAttributeForm\";\nexport * from \"./model-attribute-form/ModelAttributeForm\";\nexport * from \"./model-relation-form/ModelRelationForm\";\nexport * from \"./attribute-form-control-url/AttributeFormControlUrl\";\nexport * from \"./model-attribute-form-control/ModelAttributeFormControl\";\nexport * from \"./struct-components\";\nexport * from \"./instance-list-table\";\nexport * from \"./instance-list-table/AdvancedSearchCondition\";\nexport * from \"./instance-list-modal/InstanceListModal\";\nexport * from \"./instance-list/InstanceList\";\nexport * from \"./cmdb-instances-input-form/CmdbInstancesInputFormItem\";\nexport * from \"./cmdb-instances-select-panel/CmdbInstancesSelectPanel\";\nexport * from \"./instance-detail/InstanceDetail\";\nexport * from \"./float-display-brick/FloatDisplayBrick\";\n// For compatibility\nexport {\n  ComparisonOperators,\n  ElementOperators,\n  LogicalOperators,\n  Query,\n  QueryOperatorExpressions,\n} from \"@next-libs/cmdb-utils\";\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/index.ts"],"names":["ComparisonOperators","ElementOperators","LogicalOperators"],"mappings":"AAAA,cAAc,iDAAd;AACA,cAAc,2CAAd;AACA,cAAc,yCAAd;AACA,cAAc,sDAAd;AACA,cAAc,0DAAd;AACA,cAAc,qBAAd;AACA,cAAc,uBAAd;AACA,cAAc,+CAAd;AACA,cAAc,yCAAd;AACA,cAAc,8BAAd;AACA,cAAc,wDAAd;AACA,cAAc,wDAAd;AACA,cAAc,kCAAd;AACA,cAAc,yCAAd,C,CACA;;AACA,SACEA,mBADF,EAEEC,gBAFF,EAGEC,gBAHF,QAMO,uBANP","sourcesContent":["export * from \"./instance-attribute-form/InstanceAttributeForm\";\nexport * from \"./model-attribute-form/ModelAttributeForm\";\nexport * from \"./model-relation-form/ModelRelationForm\";\nexport * from \"./attribute-form-control-url/AttributeFormControlUrl\";\nexport * from \"./model-attribute-form-control/ModelAttributeFormControl\";\nexport * from \"./struct-components\";\nexport * from \"./instance-list-table\";\nexport * from \"./instance-list-table/AdvancedSearchCondition\";\nexport * from \"./instance-list-modal/InstanceListModal\";\nexport * from \"./instance-list/InstanceList\";\nexport * from \"./cmdb-instances-input-form/CmdbInstancesInputFormItem\";\nexport * from \"./cmdb-instances-select-panel/CmdbInstancesSelectPanel\";\nexport * from \"./instance-detail/InstanceDetail\";\nexport * from \"./float-display-brick/FloatDisplayBrick\";\n// For compatibility\nexport {\n  ComparisonOperators,\n  ElementOperators,\n  LogicalOperators,\n  type Query,\n  type QueryOperatorExpressions,\n} from \"@next-libs/cmdb-utils\";\n"],"file":"index.js"}

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

@@ -17,7 +17,7 @@ import i18n from "i18next";
 import { NS_LIBS_CMDB_INSTANCES, K } from "../i18n/constants";
 import style from "./index.module.css";
 import shared from "./shared.module.css";
-import { fetchCmdbObjectRef, fetchCmdbInstanceDetail, fetchCmdbInstanceDetailByFields } from "../data-providers";
+import { fetchCmdbObjectRef, fetchCmdbInstanceDetail, fetchCmdbInstanceDetailByFields, fetchCmdbInstanceSearch } from "../data-providers";
 import { BASIC_INFORMATION_RELATION_GROUP_ID, DEFAULT_ATTRIBUTE_TAG } from "./constants";
 import { isArray } from "util";
 import { CmdbUrlLink } from "../cmdb-url-link/CmdbUrlLink";
@@ -57,15 +57,18 @@ export class LegacyInstanceDetail extends React.Component {
       basicInfoGroupListShow: [],
       formattedInstanceData: null,
       loaded: false,
-      currentAttr: null
+      currentAttr: null,
+      instanceRelationModalData: null
     };
   }
 
   render() {
-    var _this$state$currentAt, _this$state$currentAt2, _this$props$brickConf;
+    var _this$props$brickConf;
 
     var {
-      loaded
+      loaded,
+      currentAttr,
+      instanceRelationModalData
     } = this.state;
     var {
       showCard = true
@@ -81,8 +84,8 @@ export class LegacyInstanceDetail extends React.Component {
         extra: this.getCardExtra()
       }, this.getCardContent()) : this.getCardContent(), /*#__PURE__*/React.createElement(Modal, {
         width: 850,
-        title: ((_this$state$currentAt = this.state.currentAttr) === null || _this$state$currentAt === void 0 ? void 0 : _this$state$currentAt.right_description) || i18n.t("".concat(NS_LIBS_CMDB_INSTANCES, ":").concat(K.VIEW_MORE)),
-        visible: !!this.state.currentAttr,
+        title: (currentAttr === null || currentAttr === void 0 ? void 0 : currentAttr.right_description) || i18n.t("".concat(NS_LIBS_CMDB_INSTANCES, ":").concat(K.VIEW_MORE)),
+        visible: !!currentAttr,
         onCancel: () => this.setState({
           currentAttr: null
         }),
@@ -96,10 +99,12 @@ export class LegacyInstanceDetail extends React.Component {
         }
       }, /*#__PURE__*/React.createElement(InstanceRelationTableShow, {
         modelDataMap: this.state.modelDataMap,
-        relationData: this.state.currentAttr,
-        value: this.state.instanceData ? this.state.instanceData[(_this$state$currentAt2 = this.state.currentAttr) === null || _this$state$currentAt2 === void 0 ? void 0 : _this$state$currentAt2.__id] : [],
+        relationData: currentAttr,
+        value: instanceRelationModalData ? (instanceRelationModalData === null || instanceRelationModalData === void 0 ? void 0 : instanceRelationModalData.list) || [] : [],
         relationFieldUrlTemplate: this.props.relationFieldUrlTemplate,
-        isPagination: true
+        isPagination: true,
+        total: (instanceRelationModalData === null || instanceRelationModalData === void 0 ? void 0 : instanceRelationModalData.total) || 0,
+        paginationChange: (page, pageSize, relationData) => this.searchInstanceRelationData(page, pageSize, relationData)
       }))), (_this$props$brickConf = this.props.brickConfigList) === null || _this$props$brickConf === void 0 ? void 0 : _this$props$brickConf.map(config => /*#__PURE__*/React.createElement(Card, {
         bordered: false,
         title: config.label,
@@ -326,14 +331,10 @@ export class LegacyInstanceDetail extends React.Component {
       relationData: attr,
       value: (_instanceData$attr$__ = instanceData[attr.__id]) === null || _instanceData$attr$__ === void 0 ? void 0 : _instanceData$attr$__.slice(0, 10),
       relationFieldUrlTemplate: this.props.relationFieldUrlTemplate
-    }), ((_instanceData$attr$__2 = instanceData[attr.__id]) === null || _instanceData$attr$__2 === void 0 ? void 0 : _instanceData$attr$__2.length) > 10 && /*#__PURE__*/React.createElement(Button, {
+    }), ((_instanceData$attr$__2 = instanceData[attr.__id]) === null || _instanceData$attr$__2 === void 0 ? void 0 : _instanceData$attr$__2.length) >= 10 && /*#__PURE__*/React.createElement(Button, {
       "data-testid": "view-more-" + attr.__id,
       type: "link",
-      onClick: () => {
-        this.setState({
-          currentAttr: attr
-        });
-      }
+      onClick: () => this.handleRelationModal(attr)
     }, i18n.t("".concat(NS_LIBS_CMDB_INSTANCES, ":").concat(K.VIEW_MORE)))), !isStructs(attr) && !isStruct(attr) && !isRelation(attr) && isComponentMode && !isUrl(attr) && !isFloat(attr) && (attrCustomConfig.useBrick ? /*#__PURE__*/React.createElement(BrickAsComponent, {
       useBrick: attrCustomConfig.useBrick,
       data: {
@@ -368,6 +369,66 @@ export class LegacyInstanceDetail extends React.Component {
   } // istanbul ignore next
 
 
+  handleRelationModal(attr) {
+    var _this = this;
+
+    return _asyncToGenerator(function* () {
+      yield _this.searchInstanceRelationData(1, 10, attr);
+    })();
+  } // istanbul ignore next
+
+
+  searchInstanceRelationData(page, pageSize, attr) {
+    var _this2 = this;
+
+    return _asyncToGenerator(function* () {
+      var _modelData$view;
+
+      var {
+        right_id,
+        left_object_id,
+        right_object_id,
+        left_id
+      } = attr;
+      var objectId, queryId;
+      var {
+        modelData,
+        modelDataMap
+      } = _this2.state;
+      var hideColumns = (modelData === null || modelData === void 0 ? void 0 : (_modelData$view = modelData.view) === null || _modelData$view === void 0 ? void 0 : _modelData$view.hide_columns) || [];
+
+      if (left_object_id === modelData.objectId && !hideColumns.includes(left_id)) {
+        objectId = right_object_id;
+        queryId = right_id;
+      }
+
+      if (right_object_id === modelData.objectId && !hideColumns.includes(right_id)) {
+        objectId = left_object_id;
+        queryId = left_id;
+      }
+
+      var fields = uniq(map(modelDataMap[objectId].attrList, "id"));
+      var params = {
+        fields,
+        page,
+        page_size: pageSize,
+        ignore_missing_field_error: true,
+        query: {
+          ["".concat(queryId, ".instanceId")]: {
+            $eq: _this2.props.instanceId
+          }
+        }
+      };
+      var instanceRelationModalData = yield fetchCmdbInstanceSearch(objectId, params);
+
+      _this2.setState({
+        instanceRelationModalData,
+        currentAttr: attr
+      });
+    })();
+  } // istanbul ignore next
+
+
   formatBasicInfoGroupList(modelData, basicInfoGroupList) {
     // let { modelData, basicInfoGroupList } = state;
     var {
@@ -412,8 +473,10 @@ export class LegacyInstanceDetail extends React.Component {
 
           groupTag = (_field$left_tags = field.left_tags) !== null && _field$left_tags !== void 0 && _field$left_tags.length && field.left_tags[0].trim() !== "" ? field.left_tags[0] : DEFAULT_ATTRIBUTE_TAG;
         } else {
+          var _field$tag;
+
           var basicInfoText = i18n.t("".concat(NS_LIBS_CMDB_INSTANCES, ":").concat(K.BASIC_INFORMATION));
-          groupTag = field.tag.length > 0 ? field.tag[0] || basicInfoText : basicInfoText;
+          groupTag = ((_field$tag = field.tag) === null || _field$tag === void 0 ? void 0 : _field$tag.length) > 0 ? field.tag[0] || basicInfoText : basicInfoText;
         }
 
         var basicInfoGroup = basicInfoGroupList.find(item => item.name === groupTag);
@@ -455,24 +518,24 @@ export class LegacyInstanceDetail extends React.Component {
   }
 
   componentDidUpdate(prevProps) {
-    var _this = this;
+    var _this3 = this;
 
     if (this.props.objectId && this.props.instanceId && prevProps.instanceId !== this.props.instanceId) {
       _asyncToGenerator(function* () {
-        return yield _this.fetchData(_this.props);
+        return yield _this3.fetchData(_this3.props);
       })();
     }
   }
 
   componentDidMount() {
-    var _this2 = this;
+    var _this4 = this;
 
     return _asyncToGenerator(function* () {
-      if (_this2.props.actions) {
+      if (_this4.props.actions) {
         var buttonActions = [];
         var dropdownActions = [];
 
-        _this2.props.actions.forEach(action => {
+        _this4.props.actions.forEach(action => {
           switch (action.type) {
             case "dropdown":
               dropdownActions.push(action);
@@ -485,14 +548,14 @@ export class LegacyInstanceDetail extends React.Component {
           }
         });
 
-        _this2.setState({
+        _this4.setState({
           buttonActions,
           dropdownActions
         });
       }
 
-      if (_this2.props.instanceId && _this2.props.objectId) {
-        yield _this2.fetchData(_this2.props);
+      if (_this4.props.instanceId && _this4.props.objectId) {
+        yield _this4.fetchData(_this4.props);
       }
     })();
   }
@@ -542,10 +605,11 @@ export class LegacyInstanceDetail extends React.Component {
 
 
   fetchData(props) {
-    var _this3 = this;
+    var _this5 = this;
 
     return _asyncToGenerator(function* () {
       var modelListData, modelDataMap, instanceData;
+      var relationLimit = 10;
 
       try {
         if (props.modelDataList) {
@@ -554,9 +618,9 @@ export class LegacyInstanceDetail extends React.Component {
           if (props.showFields) {
             var {
               fields
-            } = _this3.getInstanceDetailData(props, modelDataMap);
+            } = _this5.getInstanceDetailData(props, modelDataMap);
 
-            instanceData = yield fetchCmdbInstanceDetailByFields(props.objectId, props.instanceId, fields);
+            instanceData = yield fetchCmdbInstanceDetailByFields(props.objectId, props.instanceId, fields, relationLimit);
           } else {
             instanceData = yield fetchCmdbInstanceDetail(props.objectId, props.instanceId);
           }
@@ -567,9 +631,9 @@ export class LegacyInstanceDetail extends React.Component {
 
             var {
               fields: _fields
-            } = _this3.getInstanceDetailData(props, modelDataMap);
+            } = _this5.getInstanceDetailData(props, modelDataMap);
 
-            instanceData = yield fetchCmdbInstanceDetailByFields(props.objectId, props.instanceId, _fields);
+            instanceData = yield fetchCmdbInstanceDetailByFields(props.objectId, props.instanceId, _fields, relationLimit);
           } else {
             [modelListData, instanceData] = yield Promise.all([fetchCmdbObjectRef(props.objectId), fetchCmdbInstanceDetail(props.objectId, props.instanceId)]);
             modelDataMap = keyBy(modelListData.data, "objectId");
@@ -578,9 +642,9 @@ export class LegacyInstanceDetail extends React.Component {
 
         var {
           filterModelData
-        } = _this3.getInstanceDetailData(props, modelDataMap);
+        } = _this5.getInstanceDetailData(props, modelDataMap);
 
-        _this3.setState({
+        _this5.setState({
           modelDataMap,
           modelData: modifyModelData(filterModelData),
           instanceData,
@@ -589,13 +653,13 @@ export class LegacyInstanceDetail extends React.Component {
           basicInfoGroupList: []
         });
 
-        _this3.setBasicInfoGroupList(_this3.state); // this.setFormattedInstanceData(this.state);
+        _this5.setBasicInfoGroupList(_this5.state); // this.setFormattedInstanceData(this.state);
 
       } catch (e) {
         // 统一处理请求错误
         handleHttpError(e); // 标记 `loaded` 和 `failed` 状态
 
-        _this3.setState({
+        _this5.setState({
           loaded: true
         });
       }