npm - @next-libs/cmdb-instances - Versions diffs - 7.27.3 → 7.28.1 - Mend

@next-libs/cmdb-instances 7.27.3 → 7.28.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (35) hide show

package/dist/esm/instance-list-table/DisplaySettingsModal.js CHANGED Viewed

@@ -1,10 +1,21 @@
+/* eslint-disable @typescript-eslint/explicit-function-return-type */
 import { Button, Modal, Dropdown, Menu } from "antd";
 import React, { useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { K, NS_LIBS_CMDB_INSTANCES } from "../i18n/constants";
 import { DisplaySettings } from "./DisplaySettings";
+import { SortSettings } from "./SortSettings";
 import { getAuth } from "@next-core/brick-kit";
 import { EllipsisOutlined } from "@ant-design/icons";
+var sortField = function () {
+  var dataSource = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var order = arguments.length > 1 ? arguments[1] : undefined;
+  return dataSource === null || dataSource === void 0 ? void 0 : dataSource.sort((a, b) => {
+    var indexA = order.indexOf(a);
+    var indexB = order.indexOf(b);
+    return indexA - indexB;
+  });
+};
 export function DisplaySettingsModal(props) {
   var {
     visible,
@@ -16,13 +27,18 @@ export function DisplaySettingsModal(props) {
     defaultFields,
     extraDisabledField,
     extraDisabledFields,
+    sortFields,
     onOk,
     onCancel
   } = props;
   var {
     t
   } = useTranslation(NS_LIBS_CMDB_INSTANCES);
-  var [nextFields, setNextFields] = useState(currentFields);
+  var sortAttrList = sortFields ? sortFields.map(v => v.field) : [];
+  var sortCurrentFields = sortField(currentFields, sortAttrList);
+  var [nextFields, setNextFields] = useState(sortCurrentFields);
+  var [sortSettingsVisible, setSortSettingsVisible] = useState(false);
+  var [originalNextFields, setOriginalNextFields] = useState(sortCurrentFields);
   var count = useMemo(() => nextFields === null || nextFields === void 0 ? void 0 : nextFields.filter(v => v !== "_object_id").length, [nextFields]);
   var handleReset = () => {
     var fields = defaultFields ? defaultFields.slice() : [];
@@ -33,22 +49,24 @@ export function DisplaySettingsModal(props) {
     });
   };
   var handleCancel = () => {
-    setNextFields(currentFields ? [...currentFields] : []);
+    setNextFields(sortCurrentFields ? [...sortCurrentFields] : []);
     onCancel === null || onCancel === void 0 ? void 0 : onCancel();
   };
+  var handleSortFields = () => {
+    setSortSettingsVisible(true);
+    setOriginalNextFields(nextFields ? [...nextFields] : []);
+  };
   var handleDropdownMenuClick = e => {
-    // istanbul ignore next
     if (e.key === "restore-default") {
       handleReset();
     } else {
-      // istanbul ignore next
       // 管理员将现在选中的字段设置为默认显示, 不会影响到当前列表展示字段，所以需要类似【取消】操作重置字段。
       props === null || props === void 0 ? void 0 : props.onOk({
         fields: nextFields,
         isReset: false,
         isAdminSetDisplay: true
       });
-      setNextFields(currentFields ? [...currentFields] : []);
+      setNextFields(sortCurrentFields ? [...sortCurrentFields] : []);
     }
   };
   var showIsAdminSetDefault = getAuth().isAdmin;
@@ -60,7 +78,21 @@ export function DisplaySettingsModal(props) {
     key: "restore-default",
     onClick: handleDropdownMenuClick
   }, t(K.RESTORE_DEFAULT)));
-  return /*#__PURE__*/React.createElement(Modal, {
+  var handleSortEnd = data => {
+    setNextFields(data);
+  };
+  var handleSortSettingCancel = () => {
+    setSortSettingsVisible(false);
+    setNextFields(originalNextFields ? [...originalNextFields] : []);
+  };
+  var handleSortSettingOk = () => {
+    setSortSettingsVisible(false);
+    setNextFields(nextFields ? [...nextFields] : []);
+    props === null || props === void 0 ? void 0 : props.onOk({
+      fields: nextFields
+    });
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Modal, {
     title: t(K.DISPLAY_SETTINGS),
     visible: visible,
     footer: /*#__PURE__*/React.createElement("div", {
@@ -86,11 +118,11 @@ export function DisplaySettingsModal(props) {
     }, /*#__PURE__*/React.createElement(Button, {
       type: "text",
       onClick: handleCancel,
-      style: {
-        marginRight: 10
-      },
       "data-testid": "cancel-button"
     }, t(K.CANCEL)), /*#__PURE__*/React.createElement(Button, {
+      onClick: handleSortFields,
+      "data-testid": "sort-settings-button"
+    }, t(K.SORT_SETTINGS)), /*#__PURE__*/React.createElement(Button, {
       type: "primary",
       onClick: () => props === null || props === void 0 ? void 0 : props.onOk({
         fields: nextFields
@@ -109,6 +141,18 @@ export function DisplaySettingsModal(props) {
     extraDisabledField: extraDisabledField,
     extraDisabledFields: extraDisabledFields,
     onChange: fields => setNextFields(fields)
-  }));
+  })), /*#__PURE__*/React.createElement(Modal, {
+    title: t(K.SORT_SETTINGS),
+    visible: sortSettingsVisible,
+    destroyOnClose: true,
+    centered: true,
+    onCancel: handleSortSettingCancel,
+    onOk: handleSortSettingOk
+  }, /*#__PURE__*/React.createElement(SortSettings, {
+    rowKey: "id",
+    modelData: modelData,
+    currentFields: nextFields,
+    onSortEnd: handleSortEnd
+  })));
 }
 //# sourceMappingURL=DisplaySettingsModal.js.map

package/dist/esm/instance-list-table/DisplaySettingsModal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DisplaySettingsModal.js","names":["Button","Modal","Dropdown","Menu","React","useMemo","useState","useTranslation","K","NS_LIBS_CMDB_INSTANCES","DisplaySettings","getAuth","EllipsisOutlined","DisplaySettingsModal","props","visible","objectId","modelData","saveFieldsBackend","useExternalCmdbApi","currentFields","defaultFields","extraDisabledField","extraDisabledFields","onOk","onCancel","t","nextFields","setNextFields","count","filter","v","length","handleReset","fields","slice","isReset","handleCancel","handleDropdownMenuClick","e","key","isAdminSetDisplay","showIsAdminSetDefault","isAdmin","dropdownMenuItems","createElement","Item","disabled","onClick","DEFAULT_DISPLAY","RESTORE_DEFAULT","title","DISPLAY_SETTINGS","footer","style","display","overlay","placement","trigger","type","icon","marginLeft","marginRight","CANCEL","CONFIRM","destroyOnClose","width","centered","onChange"],"sources":["../../../src/instance-list-table/DisplaySettingsModal.tsx"],"sourcesContent":["import { Button, Modal, Dropdown, Menu } from \"antd\";\nimport React, { useMemo, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { K, NS_LIBS_CMDB_INSTANCES } from \"../i18n/constants\";\nimport { DisplaySettings, DisplaySettingsProps } from \"./DisplaySettings\";\nimport { getAuth } from \"@next-core/brick-kit\";\nimport { EllipsisOutlined } from \"@ant-design/icons\";\n\nexport interface DisplaySettingsModalData {\n fields: string[];\n isReset?: boolean;\n isAdminSetDisplay?: boolean;\n}\n\nexport interface DisplaySettingsModalProps extends DisplaySettingsProps {\n visible?: boolean;\n defaultFields?: string[];\n saveFieldsBackend?: boolean;\n useExternalCmdbApi?: boolean;\n onOk?(data: DisplaySettingsModalData): void;\n onCancel?(): void;\n}\n\nexport function DisplaySettingsModal(\n props: DisplaySettingsModalProps\n): React.ReactElement {\n const {\n visible,\n objectId,\n modelData,\n saveFieldsBackend,\n useExternalCmdbApi,\n currentFields,\n defaultFields,\n extraDisabledField,\n extraDisabledFields,\n onOk,\n onCancel,\n } = props;\n const { t } = useTranslation(NS_LIBS_CMDB_INSTANCES);\n const [nextFields, setNextFields] = useState<string[]>(currentFields);\n const count = useMemo(\n () => nextFields?.filter((v) => v !== \"_object_id\").length,\n [nextFields]\n );\n\n const handleReset = (): void => {\n const fields = defaultFields ? defaultFields.slice() : [];\n\n setNextFields(fields);\n onOk?.({ fields, isReset: true });\n };\n\n const handleCancel = (): void => {\n setNextFields(currentFields ? [...currentFields] : []);\n onCancel?.();\n };\n\n const handleDropdownMenuClick = (e: any): void => {\n // istanbul ignore next\n if (e.key === \"restore-default\") {\n handleReset();\n } else {\n // istanbul ignore next\n // 管理员将现在选中的字段设置为默认显示, 不会影响到当前列表展示字段，所以需要类似【取消】操作重置字段。\n props?.onOk({\n fields: nextFields,\n isReset: false,\n isAdminSetDisplay: true,\n });\n setNextFields(currentFields ? [...currentFields] : []);\n }\n };\n\n const showIsAdminSetDefault = getAuth().isAdmin;\n\n const dropdownMenuItems = (\n <Menu>\n <Menu.Item\n key=\"set-default-display\"\n disabled={count === 0}\n onClick={handleDropdownMenuClick}\n >\n {t(K.DEFAULT_DISPLAY)}\n </Menu.Item>\n <Menu.Item key=\"restore-default\" onClick={handleDropdownMenuClick}>\n {t(K.RESTORE_DEFAULT)}\n </Menu.Item>\n </Menu>\n );\n return (\n <Modal\n title={t(K.DISPLAY_SETTINGS)}\n visible={visible}\n footer={\n <div style={{ display: \"flex\" }}>\n {showIsAdminSetDefault && saveFieldsBackend && !useExternalCmdbApi ? (\n <Dropdown\n overlay={dropdownMenuItems}\n placement=\"topLeft\"\n trigger={[\"click\"]}\n data-testid=\"admin-set-display-dropdown\"\n >\n <Button type=\"default\" icon={<EllipsisOutlined />}></Button>\n </Dropdown>\n ) : (\n <div>\n <Button\n type=\"default\"\n onClick={handleReset}\n data-testid=\"reset-button\"\n >\n {t(K.RESTORE_DEFAULT)}\n </Button>\n </div>\n )}\n <div style={{ marginLeft: \"auto\" }}>\n <Button\n type=\"text\"\n onClick={handleCancel}\n style={{ marginRight: 10 }}\n data-testid=\"cancel-button\"\n >\n {t(K.CANCEL)}\n </Button>\n <Button\n type=\"primary\"\n onClick={() => props?.onOk({ fields: nextFields })}\n disabled={count === 0}\n data-testid=\"ok-button\"\n >\n {t(K.CONFIRM)}\n </Button>\n </div>\n </div>\n }\n onCancel={handleCancel}\n destroyOnClose={true}\n width={780}\n centered={true}\n >\n <DisplaySettings\n objectId={objectId}\n modelData={modelData}\n currentFields={nextFields}\n extraDisabledField={extraDisabledField}\n extraDisabledFields={extraDisabledFields}\n onChange={(fields) => setNextFields(fields)}\n />\n </Modal>\n );\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"DisplaySettingsModal.js","names":["Button","Modal","Dropdown","Menu","React","useMemo","useState","useTranslation","K","NS_LIBS_CMDB_INSTANCES","DisplaySettings","SortSettings","getAuth","EllipsisOutlined","sortField","dataSource","arguments","length","undefined","order","sort","a","b","indexA","indexOf","indexB","DisplaySettingsModal","props","visible","objectId","modelData","saveFieldsBackend","useExternalCmdbApi","currentFields","defaultFields","extraDisabledField","extraDisabledFields","sortFields","onOk","onCancel","t","sortAttrList","map","v","field","sortCurrentFields","nextFields","setNextFields","sortSettingsVisible","setSortSettingsVisible","originalNextFields","setOriginalNextFields","count","filter","handleReset","fields","slice","isReset","handleCancel","handleSortFields","handleDropdownMenuClick","e","key","isAdminSetDisplay","showIsAdminSetDefault","isAdmin","dropdownMenuItems","createElement","Item","disabled","onClick","DEFAULT_DISPLAY","RESTORE_DEFAULT","handleSortEnd","data","handleSortSettingCancel","handleSortSettingOk","Fragment","title","DISPLAY_SETTINGS","footer","style","display","overlay","placement","trigger","type","icon","marginLeft","CANCEL","SORT_SETTINGS","CONFIRM","destroyOnClose","width","centered","onChange","rowKey","onSortEnd"],"sources":["../../../src/instance-list-table/DisplaySettingsModal.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport { Button, Modal, Dropdown, Menu } from \"antd\";\nimport React, { useMemo, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { K, NS_LIBS_CMDB_INSTANCES } from \"../i18n/constants\";\nimport { DisplaySettings, DisplaySettingsProps } from \"./DisplaySettings\";\nimport { SortSettings } from \"./SortSettings\";\nimport { getAuth } from \"@next-core/brick-kit\";\nimport { EllipsisOutlined } from \"@ant-design/icons\";\n\nexport interface DisplaySettingsModalData {\n fields: string[];\n isReset?: boolean;\n isAdminSetDisplay?: boolean;\n}\n\nexport interface DisplaySettingsModalProps extends DisplaySettingsProps {\n visible?: boolean;\n defaultFields?: string[];\n saveFieldsBackend?: boolean;\n useExternalCmdbApi?: boolean;\n sortFields?: { field: string; order: number }[];\n onOk?(data: DisplaySettingsModalData): void;\n onCancel?(): void;\n}\n\nconst sortField = (dataSource: string[] = [], order: string[]) => {\n return dataSource?.sort((a: string, b: string) => {\n const indexA = order.indexOf(a);\n const indexB = order.indexOf(b);\n return indexA - indexB;\n });\n};\nexport function DisplaySettingsModal(\n props: DisplaySettingsModalProps\n): React.ReactElement {\n const {\n visible,\n objectId,\n modelData,\n saveFieldsBackend,\n useExternalCmdbApi,\n currentFields,\n defaultFields,\n extraDisabledField,\n extraDisabledFields,\n sortFields,\n onOk,\n onCancel,\n } = props;\n\n const { t } = useTranslation(NS_LIBS_CMDB_INSTANCES);\n const sortAttrList = sortFields ? sortFields.map((v) => v.field) : [];\n const sortCurrentFields = sortField(currentFields, sortAttrList);\n\n const [nextFields, setNextFields] = useState<string[]>(sortCurrentFields);\n const [sortSettingsVisible, setSortSettingsVisible] =\n useState<boolean>(false);\n const [originalNextFields, setOriginalNextFields] =\n useState<string[]>(sortCurrentFields);\n\n const count = useMemo(\n () => nextFields?.filter((v) => v !== \"_object_id\").length,\n [nextFields]\n );\n\n const handleReset = (): void => {\n const fields = defaultFields ? defaultFields.slice() : [];\n setNextFields(fields);\n onOk?.({ fields, isReset: true });\n };\n\n const handleCancel = (): void => {\n setNextFields(sortCurrentFields ? [...sortCurrentFields] : []);\n onCancel?.();\n };\n\n const handleSortFields = (): void => {\n setSortSettingsVisible(true);\n setOriginalNextFields(nextFields ? [...nextFields] : []);\n };\n\n const handleDropdownMenuClick = (e: any): void => {\n if (e.key === \"restore-default\") {\n handleReset();\n } else {\n // 管理员将现在选中的字段设置为默认显示, 不会影响到当前列表展示字段，所以需要类似【取消】操作重置字段。\n props?.onOk({\n fields: nextFields,\n isReset: false,\n isAdminSetDisplay: true,\n });\n setNextFields(sortCurrentFields ? [...sortCurrentFields] : []);\n }\n };\n\n const showIsAdminSetDefault = getAuth().isAdmin;\n\n const dropdownMenuItems = (\n <Menu>\n <Menu.Item\n key=\"set-default-display\"\n disabled={count === 0}\n onClick={handleDropdownMenuClick}\n >\n {t(K.DEFAULT_DISPLAY)}\n </Menu.Item>\n <Menu.Item key=\"restore-default\" onClick={handleDropdownMenuClick}>\n {t(K.RESTORE_DEFAULT)}\n </Menu.Item>\n </Menu>\n );\n\n const handleSortEnd = (data: any): void => {\n setNextFields(data);\n };\n\n const handleSortSettingCancel = (): void => {\n setSortSettingsVisible(false);\n setNextFields(originalNextFields ? [...originalNextFields] : []);\n };\n\n const handleSortSettingOk = (): void => {\n setSortSettingsVisible(false);\n setNextFields(nextFields ? [...nextFields] : []);\n props?.onOk({ fields: nextFields });\n };\n\n return (\n <>\n <Modal\n title={t(K.DISPLAY_SETTINGS)}\n visible={visible}\n footer={\n <div style={{ display: \"flex\" }}>\n {showIsAdminSetDefault &&\n saveFieldsBackend &&\n !useExternalCmdbApi ? (\n <Dropdown\n overlay={dropdownMenuItems}\n placement=\"topLeft\"\n trigger={[\"click\"]}\n data-testid=\"admin-set-display-dropdown\"\n >\n <Button type=\"default\" icon={<EllipsisOutlined />}></Button>\n </Dropdown>\n ) : (\n <div>\n <Button\n type=\"default\"\n onClick={handleReset}\n data-testid=\"reset-button\"\n >\n {t(K.RESTORE_DEFAULT)}\n </Button>\n </div>\n )}\n <div style={{ marginLeft: \"auto\" }}>\n <Button\n type=\"text\"\n onClick={handleCancel}\n data-testid=\"cancel-button\"\n >\n {t(K.CANCEL)}\n </Button>\n <Button\n onClick={handleSortFields}\n data-testid=\"sort-settings-button\"\n >\n {t(K.SORT_SETTINGS)}\n </Button>\n <Button\n type=\"primary\"\n onClick={() => props?.onOk({ fields: nextFields })}\n disabled={count === 0}\n data-testid=\"ok-button\"\n >\n {t(K.CONFIRM)}\n </Button>\n </div>\n </div>\n }\n onCancel={handleCancel}\n destroyOnClose={true}\n width={780}\n centered={true}\n >\n <DisplaySettings\n objectId={objectId}\n modelData={modelData}\n currentFields={nextFields}\n extraDisabledField={extraDisabledField}\n extraDisabledFields={extraDisabledFields}\n onChange={(fields) => setNextFields(fields)}\n />\n </Modal>\n <Modal\n title={t(K.SORT_SETTINGS)}\n visible={sortSettingsVisible}\n destroyOnClose={true}\n centered={true}\n onCancel={handleSortSettingCancel}\n onOk={handleSortSettingOk}\n >\n <SortSettings\n rowKey=\"id\"\n modelData={modelData}\n currentFields={nextFields}\n onSortEnd={handleSortEnd}\n />\n </Modal>\n </>\n );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/instance-list-table/MoreButtonsContainer.js CHANGED Viewed

@@ -48,6 +48,7 @@ export class MoreButtonsContainer extends React.Component {
       visible: this.state.visible,
       currentFields: this.props.fieldIds,
       modelData: this.props.modelData,
+      sortFields: this.props.sortFields,
       onCancel: this.handleCancel,
       onOk: this.handleOk,
       saveFieldsBackend: this.props.saveFieldsBackend,

package/dist/esm/instance-list-table/MoreButtonsContainer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MoreButtonsContainer.js","names":["React","EllipsisOutlined","SettingOutlined","PushpinOutlined","Dropdown","Menu","Button","i18n","K","NS_LIBS_CMDB_INSTANCES","styles","DisplaySettingsModal","MoreButtonsContainer","Component","constructor","props","_defineProperty","setState","visible","data","_this$props","onConfirm","handleSettingButtonClick","bind","state","render","menu","createElement","Item","onClick","t","concat","DISPLAY_SETTINGS","showFixedHeader","handleToggleFixHeader","fixedHeader","CANCEL_FIX_HEADER","FIX_HEADER","Fragment","overlay","trigger","className","moreButtonsContainer","shape","icon","currentFields","fieldIds","modelData","onCancel","handleCancel","onOk","handleOk","saveFieldsBackend","useExternalCmdbApi","defaultFields","extraDisabledField"],"sources":["../../../src/instance-list-table/MoreButtonsContainer.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n EllipsisOutlined,\n SettingOutlined,\n PushpinOutlined,\n} from \"@ant-design/icons\";\nimport { Dropdown, Menu, Button } from \"antd\";\nimport { CmdbModels } from \"@next-sdk/cmdb-sdk\";\nimport i18n from \"i18next\";\nimport { K, NS_LIBS_CMDB_INSTANCES } from \"../i18n/constants\";\nimport styles from \"./InstanceListTable.module.css\";\nimport {\n DisplaySettingsModal,\n DisplaySettingsModalData,\n} from \"./DisplaySettingsModal\";\ninterface MoreButtonsContainerProps {\n modelData: Partial<CmdbModels.ModelCmdbObject>;\n currentFields?: string[];\n defaultFields: string[];\n saveFieldsBackend?: boolean;\n useExternalCmdbApi?: boolean;\n onConfirm: (data: DisplaySettingsModalData) => void;\n onHideSettings?: () => void;\n fieldIds?: string[];\n extraDisabledField?: string;\n handleToggleFixHeader?: () => void;\n fixedHeader?: boolean;\n showFixedHeader?: boolean;\n}\n\ninterface MoreButtonsContainerState {\n visible?: boolean;\n}\n\nexport class MoreButtonsContainer extends React.Component<\n MoreButtonsContainerProps,\n MoreButtonsContainerState\n> {\n constructor(props: MoreButtonsContainerProps) {\n super(props);\n\n this.handleSettingButtonClick = this.handleSettingButtonClick.bind(this);\n\n this.state = {\n visible: false,\n };\n }\n\n handleSettingButtonClick = () => {\n this.setState({\n visible: true,\n });\n };\n\n handleOk = (data: DisplaySettingsModalData): void => {\n this.setState({\n visible: false,\n });\n this.props?.onConfirm(data);\n };\n\n handleCancel = () => {\n this.setState({\n visible: false,\n });\n };\n render(): React.ReactNode {\n const menu = (\n <Menu>\n <Menu.Item onClick={this.handleSettingButtonClick}>\n <SettingOutlined />\n {i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.DISPLAY_SETTINGS}`)}\n </Menu.Item>\n {this.props.showFixedHeader && (\n <Menu.Item onClick={this.props.handleToggleFixHeader}>\n <PushpinOutlined />\n {this.props.fixedHeader\n ? i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.CANCEL_FIX_HEADER}`)\n : i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.FIX_HEADER}`)}\n </Menu.Item>\n )}\n </Menu>\n );\n\n return (\n <>\n <Dropdown\n overlay={menu}\n trigger={[\"click\"]}\n className={styles.moreButtonsContainer}\n >\n <Button shape=\"circle\" icon={<EllipsisOutlined />} />\n </Dropdown>\n <DisplaySettingsModal\n visible={this.state.visible}\n currentFields={this.props.fieldIds}\n modelData={this.props.modelData}\n onCancel={this.handleCancel}\n onOk={this.handleOk}\n saveFieldsBackend={this.props.saveFieldsBackend}\n useExternalCmdbApi={this.props.useExternalCmdbApi}\n defaultFields={this.props.defaultFields}\n extraDisabledField={this.props.extraDisabledField}\n />\n </>\n );\n }\n}\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,gBAAgB,EAChBC,eAAe,EACfC,eAAe,QACV,mBAAmB;AAC1B,SAASC,QAAQ,EAAEC,IAAI,EAAEC,MAAM,QAAQ,MAAM;AAE7C,OAAOC,IAAI,MAAM,SAAS;AAC1B,SAASC,CAAC,EAAEC,sBAAsB,QAAQ,mBAAmB;AAC7D,OAAOC,MAAM,MAAM,gCAAgC;AACnD,SACEC,oBAAoB,QAEf,wBAAwB;~~AAoB~~/B,OAAO,MAAMC,oBAAoB,SAASZ,KAAK,CAACa,SAAS,CAGvD;EACAC,WAAWA,CAACC,KAAgC,EAAE;IAC5C,KAAK,CAACA,KAAK,CAAC;IAACC,eAAA,mCASY,~~MAAM~~;~~MAC/B~~,IAAI,CAACC,QAAQ,CAAC;QACZC,OAAO,EAAE;MACX,CAAC,CAAC;IACJ,CAAC;IAAAF,eAAA,mBAEWG,IAA8B,IAAW;MAAA,IAAAC,WAAA;MACnD,IAAI,CAACH,QAAQ,CAAC;QACZC,OAAO,EAAE;MACX,CAAC,CAAC;MACF,CAAAE,WAAA,OAAI,CAACL,KAAK,cAAAK,WAAA,uBAAVA,WAAA,CAAYC,SAAS,CAACF,IAAI,CAAC;IAC7B,CAAC;IAAAH,eAAA,uBAEc,~~MAAM~~;~~MACnB~~,IAAI,CAACC,QAAQ,CAAC;QACZC,OAAO,EAAE;MACX,CAAC,CAAC;IACJ,CAAC;IAxBC,IAAI,CAACI,wBAAwB,GAAG,IAAI,CAACA,wBAAwB,CAACC,IAAI,CAAC,IAAI,CAAC;IAExE,IAAI,CAACC,KAAK,GAAG;MACXN,OAAO,EAAE;IACX,CAAC;EACH;~~EAoBAO~~,MAAMA,CAAA,EAAoB;IACxB,IAAMC,IAAI,gBACR1B,KAAA,CAAA2B,aAAA,CAACtB,IAAI,qBACHL,KAAA,CAAA2B,aAAA,CAACtB,IAAI,CAACuB,IAAI;MAACC,OAAO,EAAE,IAAI,CAACP;IAAyB,gBAChDtB,KAAA,CAAA2B,aAAA,CAACzB,eAAe,MAAE,CAAC,EAClBK,IAAI,CAACuB,CAAC,IAAAC,MAAA,CAAItB,sBAAsB,OAAAsB,MAAA,CAAIvB,CAAC,CAACwB,gBAAgB,CAAE,CAChD,CAAC,EACX,IAAI,CAACjB,KAAK,CAACkB,eAAe,iBACzBjC,KAAA,CAAA2B,aAAA,CAACtB,IAAI,CAACuB,IAAI;MAACC,OAAO,EAAE,IAAI,CAACd,KAAK,CAACmB;IAAsB,gBACnDlC,KAAA,CAAA2B,aAAA,CAACxB,eAAe,MAAE,CAAC,EAClB,IAAI,CAACY,KAAK,CAACoB,WAAW,GACnB5B,IAAI,CAACuB,CAAC,IAAAC,MAAA,CAAItB,sBAAsB,OAAAsB,MAAA,CAAIvB,CAAC,CAAC4B,iBAAiB,CAAE,CAAC,GAC1D7B,IAAI,CAACuB,CAAC,IAAAC,MAAA,CAAItB,sBAAsB,OAAAsB,MAAA,CAAIvB,CAAC,CAAC6B,UAAU,CAAE,CAC7C,CAET,CACP;IAED,oBACErC,KAAA,CAAA2B,aAAA,CAAA3B,KAAA,CAAAsC,QAAA,qBACEtC,KAAA,CAAA2B,aAAA,CAACvB,QAAQ;MACPmC,OAAO,EAAEb,IAAK;MACdc,OAAO,EAAE,CAAC,OAAO,CAAE;MACnBC,SAAS,EAAE/B,MAAM,CAACgC;IAAqB,gBAEvC1C,KAAA,CAAA2B,aAAA,CAACrB,MAAM;MAACqC,KAAK,EAAC,QAAQ;MAACC,IAAI,eAAE5C,KAAA,CAAA2B,aAAA,CAAC1B,gBAAgB,MAAE;IAAE,CAAE,CAC5C,CAAC,eACXD,KAAA,CAAA2B,aAAA,CAAChB,oBAAoB;MACnBO,OAAO,EAAE,IAAI,CAACM,KAAK,CAACN,OAAQ;MAC5B2B,aAAa,EAAE,IAAI,CAAC9B,KAAK,CAAC+B,QAAS;MACnCC,SAAS,EAAE,IAAI,CAAChC,KAAK,CAACgC,SAAU;MAChCC,QAAQ,EAAE,IAAI,CAACC,YAAa;MAC5BC,IAAI,EAAE,IAAI,CAACC,QAAS;MACpBC,iBAAiB,EAAE,IAAI,~~CAACrC~~,KAAK,~~CAACqC~~,iBAAkB;MAChDC,kBAAkB,EAAE,IAAI,~~CAACtC~~,KAAK,~~CAACsC~~,kBAAmB;MAClDC,aAAa,EAAE,IAAI,~~CAACvC~~,KAAK,~~CAACuC~~,aAAc;MACxCC,kBAAkB,EAAE,IAAI,~~CAACxC~~,KAAK,~~CAACwC~~;IAAmB,CACnD,CACD,CAAC;EAEP;AACF","ignoreList":[]}
1	+ {"version":3,"file":"MoreButtonsContainer.js","names":["React","EllipsisOutlined","SettingOutlined","PushpinOutlined","Dropdown","Menu","Button","i18n","K","NS_LIBS_CMDB_INSTANCES","styles","DisplaySettingsModal","MoreButtonsContainer","Component","constructor","props","_defineProperty","setState","visible","data","_this$props","onConfirm","handleSettingButtonClick","bind","state","render","menu","createElement","Item","onClick","t","concat","DISPLAY_SETTINGS","showFixedHeader","handleToggleFixHeader","fixedHeader","CANCEL_FIX_HEADER","FIX_HEADER","Fragment","overlay","trigger","className","moreButtonsContainer","shape","icon","currentFields","fieldIds","modelData","sortFields","onCancel","handleCancel","onOk","handleOk","saveFieldsBackend","useExternalCmdbApi","defaultFields","extraDisabledField"],"sources":["../../../src/instance-list-table/MoreButtonsContainer.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n EllipsisOutlined,\n SettingOutlined,\n PushpinOutlined,\n} from \"@ant-design/icons\";\nimport { Dropdown, Menu, Button } from \"antd\";\nimport { CmdbModels } from \"@next-sdk/cmdb-sdk\";\nimport i18n from \"i18next\";\nimport { K, NS_LIBS_CMDB_INSTANCES } from \"../i18n/constants\";\nimport styles from \"./InstanceListTable.module.css\";\nimport {\n DisplaySettingsModal,\n DisplaySettingsModalData,\n} from \"./DisplaySettingsModal\";\n\ninterface MoreButtonsContainerProps {\n modelData: Partial<CmdbModels.ModelCmdbObject>;\n currentFields?: string[];\n defaultFields: string[];\n saveFieldsBackend?: boolean;\n useExternalCmdbApi?: boolean;\n onConfirm: (data: DisplaySettingsModalData) => void;\n onHideSettings?: () => void;\n fieldIds?: string[];\n extraDisabledField?: string;\n handleToggleFixHeader?: () => void;\n fixedHeader?: boolean;\n showFixedHeader?: boolean;\n sortFields?: { field: string; order: number }[];\n}\n\ninterface MoreButtonsContainerState {\n visible?: boolean;\n}\n\nexport class MoreButtonsContainer extends React.Component<\n MoreButtonsContainerProps,\n MoreButtonsContainerState\n> {\n constructor(props: MoreButtonsContainerProps) {\n super(props);\n\n this.handleSettingButtonClick = this.handleSettingButtonClick.bind(this);\n\n this.state = {\n visible: false,\n };\n }\n\n handleSettingButtonClick = (): void => {\n this.setState({\n visible: true,\n });\n };\n\n handleOk = (data: DisplaySettingsModalData): void => {\n this.setState({\n visible: false,\n });\n this.props?.onConfirm(data);\n };\n\n handleCancel = (): void => {\n this.setState({\n visible: false,\n });\n };\n\n render(): React.ReactNode {\n const menu = (\n <Menu>\n <Menu.Item onClick={this.handleSettingButtonClick}>\n <SettingOutlined />\n {i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.DISPLAY_SETTINGS}`)}\n </Menu.Item>\n {this.props.showFixedHeader && (\n <Menu.Item onClick={this.props.handleToggleFixHeader}>\n <PushpinOutlined />\n {this.props.fixedHeader\n ? i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.CANCEL_FIX_HEADER}`)\n : i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.FIX_HEADER}`)}\n </Menu.Item>\n )}\n </Menu>\n );\n\n return (\n <>\n <Dropdown\n overlay={menu}\n trigger={[\"click\"]}\n className={styles.moreButtonsContainer}\n >\n <Button shape=\"circle\" icon={<EllipsisOutlined />} />\n </Dropdown>\n <DisplaySettingsModal\n visible={this.state.visible}\n currentFields={this.props.fieldIds}\n modelData={this.props.modelData}\n sortFields={this.props.sortFields}\n onCancel={this.handleCancel}\n onOk={this.handleOk}\n saveFieldsBackend={this.props.saveFieldsBackend}\n useExternalCmdbApi={this.props.useExternalCmdbApi}\n defaultFields={this.props.defaultFields}\n extraDisabledField={this.props.extraDisabledField}\n />\n </>\n );\n }\n}\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,gBAAgB,EAChBC,eAAe,EACfC,eAAe,QACV,mBAAmB;AAC1B,SAASC,QAAQ,EAAEC,IAAI,EAAEC,MAAM,QAAQ,MAAM;AAE7C,OAAOC,IAAI,MAAM,SAAS;AAC1B,SAASC,CAAC,EAAEC,sBAAsB,QAAQ,mBAAmB;AAC7D,OAAOC,MAAM,MAAM,gCAAgC;AACnD,SACEC,oBAAoB,QAEf,wBAAwB;AAsB/B,OAAO,MAAMC,oBAAoB,SAASZ,KAAK,CAACa,SAAS,CAGvD;EACAC,WAAWA,CAACC,KAAgC,EAAE;IAC5C,KAAK,CAACA,KAAK,CAAC;IAACC,eAAA,mCASY,MAAY;MACrC,IAAI,CAACC,QAAQ,CAAC;QACZC,OAAO,EAAE;MACX,CAAC,CAAC;IACJ,CAAC;IAAAF,eAAA,mBAEWG,IAA8B,IAAW;MAAA,IAAAC,WAAA;MACnD,IAAI,CAACH,QAAQ,CAAC;QACZC,OAAO,EAAE;MACX,CAAC,CAAC;MACF,CAAAE,WAAA,OAAI,CAACL,KAAK,cAAAK,WAAA,uBAAVA,WAAA,CAAYC,SAAS,CAACF,IAAI,CAAC;IAC7B,CAAC;IAAAH,eAAA,uBAEc,MAAY;MACzB,IAAI,CAACC,QAAQ,CAAC;QACZC,OAAO,EAAE;MACX,CAAC,CAAC;IACJ,CAAC;IAxBC,IAAI,CAACI,wBAAwB,GAAG,IAAI,CAACA,wBAAwB,CAACC,IAAI,CAAC,IAAI,CAAC;IAExE,IAAI,CAACC,KAAK,GAAG;MACXN,OAAO,EAAE;IACX,CAAC;EACH;EAqBAO,MAAMA,CAAA,EAAoB;IACxB,IAAMC,IAAI,gBACR1B,KAAA,CAAA2B,aAAA,CAACtB,IAAI,qBACHL,KAAA,CAAA2B,aAAA,CAACtB,IAAI,CAACuB,IAAI;MAACC,OAAO,EAAE,IAAI,CAACP;IAAyB,gBAChDtB,KAAA,CAAA2B,aAAA,CAACzB,eAAe,MAAE,CAAC,EAClBK,IAAI,CAACuB,CAAC,IAAAC,MAAA,CAAItB,sBAAsB,OAAAsB,MAAA,CAAIvB,CAAC,CAACwB,gBAAgB,CAAE,CAChD,CAAC,EACX,IAAI,CAACjB,KAAK,CAACkB,eAAe,iBACzBjC,KAAA,CAAA2B,aAAA,CAACtB,IAAI,CAACuB,IAAI;MAACC,OAAO,EAAE,IAAI,CAACd,KAAK,CAACmB;IAAsB,gBACnDlC,KAAA,CAAA2B,aAAA,CAACxB,eAAe,MAAE,CAAC,EAClB,IAAI,CAACY,KAAK,CAACoB,WAAW,GACnB5B,IAAI,CAACuB,CAAC,IAAAC,MAAA,CAAItB,sBAAsB,OAAAsB,MAAA,CAAIvB,CAAC,CAAC4B,iBAAiB,CAAE,CAAC,GAC1D7B,IAAI,CAACuB,CAAC,IAAAC,MAAA,CAAItB,sBAAsB,OAAAsB,MAAA,CAAIvB,CAAC,CAAC6B,UAAU,CAAE,CAC7C,CAET,CACP;IAED,oBACErC,KAAA,CAAA2B,aAAA,CAAA3B,KAAA,CAAAsC,QAAA,qBACEtC,KAAA,CAAA2B,aAAA,CAACvB,QAAQ;MACPmC,OAAO,EAAEb,IAAK;MACdc,OAAO,EAAE,CAAC,OAAO,CAAE;MACnBC,SAAS,EAAE/B,MAAM,CAACgC;IAAqB,gBAEvC1C,KAAA,CAAA2B,aAAA,CAACrB,MAAM;MAACqC,KAAK,EAAC,QAAQ;MAACC,IAAI,eAAE5C,KAAA,CAAA2B,aAAA,CAAC1B,gBAAgB,MAAE;IAAE,CAAE,CAC5C,CAAC,eACXD,KAAA,CAAA2B,aAAA,CAAChB,oBAAoB;MACnBO,OAAO,EAAE,IAAI,CAACM,KAAK,CAACN,OAAQ;MAC5B2B,aAAa,EAAE,IAAI,CAAC9B,KAAK,CAAC+B,QAAS;MACnCC,SAAS,EAAE,IAAI,CAAChC,KAAK,CAACgC,SAAU;MAChCC,UAAU,EAAE,IAAI,CAACjC,KAAK,CAACiC,UAAW;MAClCC,QAAQ,EAAE,IAAI,CAACC,YAAa;MAC5BC,IAAI,EAAE,IAAI,CAACC,QAAS;MACpBC,iBAAiB,EAAE,IAAI,CAACtC,KAAK,CAACsC,iBAAkB;MAChDC,kBAAkB,EAAE,IAAI,CAACvC,KAAK,CAACuC,kBAAmB;MAClDC,aAAa,EAAE,IAAI,CAACxC,KAAK,CAACwC,aAAc;MACxCC,kBAAkB,EAAE,IAAI,CAACzC,KAAK,CAACyC;IAAmB,CACnD,CACD,CAAC;EAEP;AACF","ignoreList":[]}

package/dist/esm/instance-list-table/SortSettings.js ADDED Viewed

@@ -0,0 +1,141 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["index", "moveRow", "acceptType", "className", "style"];
+/* eslint-disable @typescript-eslint/explicit-function-return-type */
+/* eslint-disable react-hooks/exhaustive-deps */
+import React, { useCallback, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { K, NS_LIBS_CMDB_INSTANCES } from "../i18n/constants";
+import { Table } from "antd";
+import { UnorderedListOutlined } from "@ant-design/icons";
+import { DndProvider, useDrag, useDrop } from "react-dnd";
+import { HTML5Backend } from "react-dnd-html5-backend";
+import update from "immutability-helper";
+import classNames from "classnames";
+import { getBatchEditableFields } from "@next-libs/cmdb-utils";
+import styles from "./SortSettings.module.css";
+import { includes } from "lodash";
+var type = "DraggableBodyRow";
+var sortField = function () {
+  var dataSource = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var order = arguments.length > 1 ? arguments[1] : undefined;
+  return dataSource === null || dataSource === void 0 ? void 0 : dataSource.sort((a, b) => {
+    var indexA = order.indexOf(a.id);
+    var indexB = order.indexOf(b.id);
+    return indexA - indexB;
+  });
+};
+export function SortSettings(props) {
+  var {
+    modelData,
+    currentFields,
+    rowKey,
+    onSortEnd
+  } = props;
+  var attrAndRelationList = getBatchEditableFields(modelData);
+  var sortAttrList = attrAndRelationList.filter(item => includes(currentFields, item.id));
+  var {
+    t
+  } = useTranslation(NS_LIBS_CMDB_INSTANCES);
+  var [data, setData] = useState(sortField(sortAttrList, currentFields));
+  var columns = [{
+    title: t(K.ID),
+    dataIndex: "id",
+    key: "id"
+  }, {
+    title: t(K.NAME),
+    dataIndex: "name",
+    key: "name"
+  }, {
+    title: t(K.SORT),
+    width: 80,
+    render: () => {
+      return /*#__PURE__*/React.createElement(UnorderedListOutlined, null);
+    }
+  }];
+  var DraggableBodyRow = _ref => {
+    var {
+        index,
+        moveRow,
+        acceptType,
+        className,
+        style
+      } = _ref,
+      restProps = _objectWithoutProperties(_ref, _excluded);
+    var ref = React.useRef();
+    var [{
+      isOver,
+      dropClassName
+    }, drop] = useDrop({
+      accept: acceptType || type,
+      collect: monitor => {
+        var {
+          index: dragIndex
+        } = monitor.getItem() || {};
+        if (dragIndex === index) {
+          return {};
+        }
+        return {
+          isOver: monitor.isOver(),
+          dropClassName: dragIndex < index ? "".concat(styles.dropOverDownward) : "".concat(styles.dropOverUpward)
+        };
+      },
+      drop: item => {
+        moveRow(item.index, index);
+      }
+    });
+    var [, drag] = useDrag({
+      item: {
+        type: acceptType || type,
+        index
+      },
+      collect: monitor => ({
+        isDragging: monitor.isDragging()
+      })
+    });
+    drop(drag(ref));
+    return /*#__PURE__*/React.createElement("tr", _extends({
+      ref: ref,
+      className: classNames(className, {
+        [dropClassName]: isOver
+      }),
+      style: _objectSpread({
+        cursor: "move"
+      }, style)
+    }, restProps));
+  };
+  var components = {
+    body: {
+      row: DraggableBodyRow
+    }
+  };
+  var moveRow = useCallback((dragIndex, hoverIndex) => {
+    var dragRow = data[dragIndex];
+    var newData = update(data, {
+      $splice: [[dragIndex, 1], [hoverIndex, 0, dragRow]]
+    });
+    setData(newData);
+    var sortFields = newData.map(item => item.id);
+    onSortEnd === null || onSortEnd === void 0 ? void 0 : onSortEnd(sortFields);
+  }, [data]);
+  return /*#__PURE__*/React.createElement(DndProvider, {
+    backend: HTML5Backend,
+    context: window
+  }, /*#__PURE__*/React.createElement(Table, {
+    className: styles.customDropTable,
+    columns: columns,
+    dataSource: data,
+    rowKey: rowKey,
+    components: components,
+    onRow: (_, index) => ({
+      index,
+      moveRow
+    }),
+    pagination: false,
+    scroll: {
+      y: 400
+    }
+  }));
+}
+//# sourceMappingURL=SortSettings.js.map

package/dist/esm/instance-list-table/SortSettings.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SortSettings.js","names":["React","useCallback","useState","useTranslation","K","NS_LIBS_CMDB_INSTANCES","Table","UnorderedListOutlined","DndProvider","useDrag","useDrop","HTML5Backend","update","classNames","getBatchEditableFields","styles","includes","type","sortField","dataSource","arguments","length","undefined","order","sort","a","b","indexA","indexOf","id","indexB","SortSettings","props","modelData","currentFields","rowKey","onSortEnd","attrAndRelationList","sortAttrList","filter","item","t","data","setData","columns","title","ID","dataIndex","key","NAME","SORT","width","render","createElement","DraggableBodyRow","_ref","index","moveRow","acceptType","className","style","restProps","_objectWithoutProperties","_excluded","ref","useRef","isOver","dropClassName","drop","accept","collect","monitor","dragIndex","getItem","concat","dropOverDownward","dropOverUpward","drag","isDragging","_extends","_objectSpread","cursor","components","body","row","hoverIndex","dragRow","newData","$splice","sortFields","map","backend","context","window","customDropTable","onRow","_","pagination","scroll","y"],"sources":["../../../src/instance-list-table/SortSettings.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\n/* eslint-disable react-hooks/exhaustive-deps */\nimport React, { useCallback, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { K, NS_LIBS_CMDB_INSTANCES } from \"../i18n/constants\";\nimport { CmdbModels } from \"@next-sdk/cmdb-sdk\";\nimport { Table } from \"antd\";\nimport { UnorderedListOutlined } from \"@ant-design/icons\";\nimport { DndProvider, useDrag, useDrop } from \"react-dnd\";\nimport { HTML5Backend } from \"react-dnd-html5-backend\";\nimport update from \"immutability-helper\";\nimport classNames from \"classnames\";\nimport { getBatchEditableFields } from \"@next-libs/cmdb-utils\";\nimport styles from \"./SortSettings.module.css\";\nimport { includes } from \"lodash\";\n\nexport interface SortSettingsProps {\n modelData: Partial<CmdbModels.ModelCmdbObject>;\n currentFields: string[];\n sortFields?: { field: string; order: number }[];\n rowKey?: string;\n onSortEnd?: (data: any[]) => void;\n}\n\ninterface DraggableBodyRowProps\n extends React.HTMLAttributes<HTMLTableRowElement> {\n index: number;\n acceptType: string;\n moveRow: (dragIndex: number, hoverIndex: number) => void;\n}\n\nconst type = \"DraggableBodyRow\";\n\nconst sortField = (dataSource: any[] = [], order: string[]) => {\n return dataSource?.sort((a: any, b: any) => {\n const indexA = order.indexOf(a.id);\n const indexB = order.indexOf(b.id);\n return indexA - indexB;\n });\n};\n\nexport function SortSettings(props: SortSettingsProps): React.ReactElement {\n const { modelData, currentFields, rowKey, onSortEnd } = props;\n\n const attrAndRelationList = getBatchEditableFields(modelData);\n const sortAttrList = attrAndRelationList.filter((item: any) =>\n includes(currentFields, item.id)\n );\n const { t } = useTranslation(NS_LIBS_CMDB_INSTANCES);\n\n const [data, setData] = useState(sortField(sortAttrList, currentFields));\n const columns = [\n {\n title: t(K.ID),\n dataIndex: \"id\",\n key: \"id\",\n },\n {\n title: t(K.NAME),\n dataIndex: \"name\",\n key: \"name\",\n },\n {\n title: t(K.SORT),\n width: 80,\n render: () => {\n return <UnorderedListOutlined />;\n },\n },\n ];\n\n const DraggableBodyRow = ({\n index,\n moveRow,\n acceptType,\n className,\n style,\n ...restProps\n }: DraggableBodyRowProps): React.ReactElement => {\n const ref = React.useRef();\n const [{ isOver, dropClassName }, drop] = useDrop({\n accept: acceptType || type,\n collect: (monitor) => {\n const { index: dragIndex } = monitor.getItem() || {};\n if (dragIndex === index) {\n return {};\n }\n return {\n isOver: monitor.isOver(),\n dropClassName:\n dragIndex < index\n ? `${styles.dropOverDownward}`\n : `${styles.dropOverUpward}`,\n };\n },\n drop: (item: any) => {\n moveRow(item.index, index);\n },\n });\n const [, drag] = useDrag({\n item: {\n type: acceptType || type,\n index,\n },\n collect: (monitor) => ({\n isDragging: monitor.isDragging(),\n }),\n });\n drop(drag(ref));\n return (\n <tr\n ref={ref}\n className={classNames(className, {\n [dropClassName]: isOver,\n })}\n style={{ cursor: \"move\", ...style }}\n {...restProps}\n />\n );\n };\n\n const components = {\n body: {\n row: DraggableBodyRow,\n },\n };\n\n const moveRow = useCallback(\n (dragIndex: number, hoverIndex: number) => {\n const dragRow = data[dragIndex];\n const newData = update(data, {\n $splice: [\n [dragIndex, 1],\n [hoverIndex, 0, dragRow],\n ],\n });\n setData(newData);\n const sortFields = newData.map((item: any) => item.id);\n onSortEnd?.(sortFields);\n },\n [data]\n );\n\n return (\n <DndProvider backend={HTML5Backend} context={window}>\n <Table\n className={styles.customDropTable}\n columns={columns}\n dataSource={data}\n rowKey={rowKey}\n components={components}\n onRow={(_, index) =>\n ({\n index,\n moveRow,\n } as React.HTMLAttributes<any>)\n }\n pagination={false}\n scroll={{ y: 400 }}\n />\n </DndProvider>\n );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/instance-list-table/SortSettings.module.css ADDED Viewed

@@ -0,0 +1,15 @@
+.customDropTable {
+  :global(.ant-table-tbody) {
+    tr.dropOverDownward {
+      td {
+        border-bottom: 2px dashed var(--antd-table-drop-hover-border-color);
+      }
+    }
+    tr.dropOverUpward {
+      td {
+        border-top: 2px dashed var(--antd-table-drop-hover-border-color);
+      }
+    }
+  }
+}

package/dist/types/i18n/constants.d.ts CHANGED Viewed

@@ -46,6 +46,7 @@ export declare enum K {
     SET_DEFAULT_DISPLAY_SUCCESS = "SET_DEFAULT_DISPLAY_SUCCESS",
     DEFAULT_DISPLAY = "DEFAULT_DISPLAY",
     CONFIRM = "CONFIRM",
+    SORT_SETTINGS = "SORT_SETTINGS",
     ONLY_ONE_INSTANCE_TO_ALLOWED = "ONLY_ONE_INSTANCE_TO_ALLOWED",
     OPERATOR_CONTAIN_DEFINE = "OPERATOR_CONTAIN_DEFINE",
     OPERATOR_NOT_CONTAIN_DEFINE = "OPERATOR_NOT_CONTAIN_DEFINE",
@@ -119,7 +120,10 @@ export declare enum K {
     UPLOAD = "UPLOAD",
     BACKGROUND_SEARCH = "BACKGROUND_SEARCH",
     BACK = "BACK",
-    RELATION_INSTANCE_TOOLTIP = "RELATION_INSTANCE_TOOLTIP"
+    RELATION_INSTANCE_TOOLTIP = "RELATION_INSTANCE_TOOLTIP",
+    NAME = "NAME",
+    ID = "ID",
+    SORT = "SORT"
 }
 export declare type Locale = {
     [key in K]: string;

package/dist/types/instance-list-table/DisplaySettingsModal.d.ts CHANGED Viewed

@@ -10,6 +10,10 @@ export interface DisplaySettingsModalProps extends DisplaySettingsProps {
     defaultFields?: string[];
     saveFieldsBackend?: boolean;
     useExternalCmdbApi?: boolean;
+    sortFields?: {
+        field: string;
+        order: number;
+    }[];
     onOk?(data: DisplaySettingsModalData): void;
     onCancel?(): void;
 }

package/dist/types/instance-list-table/MoreButtonsContainer.d.ts CHANGED Viewed

@@ -14,6 +14,10 @@ interface MoreButtonsContainerProps {
     handleToggleFixHeader?: () => void;
     fixedHeader?: boolean;
     showFixedHeader?: boolean;
+    sortFields?: {
+        field: string;
+        order: number;
+    }[];
 }
 interface MoreButtonsContainerState {
     visible?: boolean;

package/dist/types/instance-list-table/SortSettings.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+import React from "react";
+import { CmdbModels } from "@next-sdk/cmdb-sdk";
+export interface SortSettingsProps {
+    modelData: Partial<CmdbModels.ModelCmdbObject>;
+    currentFields: string[];
+    sortFields?: {
+        field: string;
+        order: number;
+    }[];
+    rowKey?: string;
+    onSortEnd?: (data: any[]) => void;
+}
+export declare function SortSettings(props: SortSettingsProps): React.ReactElement;

package/dist/types/instance-list-table/SortSettings.spec.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export {};

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@next-libs/cmdb-instances",
-  "version": "7.27.3",
+  "version": "7.28.1",
   "description": "> TODO: description",
   "homepage": "https://github.com/easyops-cn/next-libs/tree/master/libs/cmdb-instances",
   "license": "GPL-3.0",
@@ -52,5 +52,5 @@
     "js-base64": "^3.7.7",
     "marked": "^2.1.3"
   },
-  "gitHead": "969304ae17e2d29730b61c494552f461088aa685"
+  "gitHead": "b9aa00fcbcd5b8b6ea685e0e0335c6c103ad6037"
 }