@next-libs/cmdb-instances 7.27.2 → 7.28.0

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

@@ -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

@@ -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

@@ -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/esm/instance-list-table/TableTooltip.js

@@ -0,0 +1,30 @@
+import React, { useState } from "react";
+import { Tooltip } from "antd";
+import { NS_LIBS_CMDB_INSTANCES, K } from "../i18n/constants";
+import i18n from "i18next";
+import { GeneralIcon } from "@next-libs/basic-components";
+import styles from "./TableTooltip.module.css";
+export var TableTooltip = props => {
+  var [visible, setVisible] = useState(false);
+  var handleClick = () => {
+    var _props$onClick;
+    setVisible(false);
+    props === null || props === void 0 ? void 0 : (_props$onClick = props.onClick) === null || _props$onClick === void 0 ? void 0 : _props$onClick.call(props);
+  };
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    title: i18n.t("".concat(NS_LIBS_CMDB_INSTANCES, ":").concat(K.RELATION_INSTANCE_TOOLTIP)),
+    placement: "top",
+    visible: visible
+  }, /*#__PURE__*/React.createElement(GeneralIcon, {
+    icon: {
+      lib: "easyops",
+      category: "patch-manager",
+      icon: "patch-list"
+    },
+    onMouseEnter: () => setVisible(true),
+    onMouseLeave: () => setVisible(false),
+    iconClassName: styles.relationMoreIcon,
+    onClick: handleClick
+  }));
+};
+//# sourceMappingURL=TableTooltip.js.map

package/dist/esm/instance-list-table/TableTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableTooltip.js","names":["React","useState","Tooltip","NS_LIBS_CMDB_INSTANCES","K","i18n","GeneralIcon","styles","TableTooltip","props","visible","setVisible","handleClick","_props$onClick","onClick","call","createElement","title","t","concat","RELATION_INSTANCE_TOOLTIP","placement","icon","lib","category","onMouseEnter","onMouseLeave","iconClassName","relationMoreIcon"],"sources":["../../../src/instance-list-table/TableTooltip.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Tooltip } from \"antd\";\nimport { NS_LIBS_CMDB_INSTANCES, K } from \"../i18n/constants\";\nimport i18n from \"i18next\";\nimport { GeneralIcon } from \"@next-libs/basic-components\";\nimport styles from \"./TableTooltip.module.css\";\n\ninterface TableTooltipProps {\n  onClick?: () => void;\n}\nexport const TableTooltip = (props: TableTooltipProps): React.ReactElement => {\n  const [visible, setVisible] = useState(false);\n  const handleClick = (): void => {\n    setVisible(false);\n    props?.onClick?.();\n  };\n  return (\n    <Tooltip\n      title={i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.RELATION_INSTANCE_TOOLTIP}`)}\n      placement=\"top\"\n      visible={visible}\n    >\n      <GeneralIcon\n        icon={{\n          lib: \"easyops\",\n          category: \"patch-manager\",\n          icon: \"patch-list\",\n        }}\n        onMouseEnter={() => setVisible(true)}\n        onMouseLeave={() => setVisible(false)}\n        iconClassName={styles.relationMoreIcon}\n        onClick={handleClick}\n      />\n    </Tooltip>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,OAAO,QAAQ,MAAM;AAC9B,SAASC,sBAAsB,EAAEC,CAAC,QAAQ,mBAAmB;AAC7D,OAAOC,IAAI,MAAM,SAAS;AAC1B,SAASC,WAAW,QAAQ,6BAA6B;AACzD,OAAOC,MAAM,MAAM,2BAA2B;AAK9C,OAAO,IAAMC,YAAY,GAAIC,KAAwB,IAAyB;EAC5E,IAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGV,QAAQ,CAAC,KAAK,CAAC;EAC7C,IAAMW,WAAW,GAAGA,CAAA,KAAY;IAAA,IAAAC,cAAA;IAC9BF,UAAU,CAAC,KAAK,CAAC;IACjBF,KAAK,aAALA,KAAK,wBAAAI,cAAA,GAALJ,KAAK,CAAEK,OAAO,cAAAD,cAAA,uBAAdA,cAAA,CAAAE,IAAA,CAAAN,KAAiB,CAAC;EACpB,CAAC;EACD,oBACET,KAAA,CAAAgB,aAAA,CAACd,OAAO;IACNe,KAAK,EAAEZ,IAAI,CAACa,CAAC,IAAAC,MAAA,CAAIhB,sBAAsB,OAAAgB,MAAA,CAAIf,CAAC,CAACgB,yBAAyB,CAAE,CAAE;IAC1EC,SAAS,EAAC,KAAK;IACfX,OAAO,EAAEA;EAAQ,gBAEjBV,KAAA,CAAAgB,aAAA,CAACV,WAAW;IACVgB,IAAI,EAAE;MACJC,GAAG,EAAE,SAAS;MACdC,QAAQ,EAAE,eAAe;MACzBF,IAAI,EAAE;IACR,CAAE;IACFG,YAAY,EAAEA,CAAA,KAAMd,UAAU,CAAC,IAAI,CAAE;IACrCe,YAAY,EAAEA,CAAA,KAAMf,UAAU,CAAC,KAAK,CAAE;IACtCgB,aAAa,EAAEpB,MAAM,CAACqB,gBAAiB;IACvCd,OAAO,EAAEF;EAAY,CACtB,CACM,CAAC;AAEd,CAAC","ignoreList":[]}

package/dist/esm/instance-list-table/TableTooltip.module.css

@@ -0,0 +1,4 @@
+.relationMoreIcon {
+  margin-left: 4px;
+  display: inline;
+}

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

@@ -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

@@ -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

@@ -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

@@ -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

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

package/dist/types/instance-list-table/TableTooltip.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface TableTooltipProps {
+    onClick?: () => void;
+}
+export declare const TableTooltip: (props: TableTooltipProps) => React.ReactElement;
+export {};

package/dist/types/instance-list-table/TableTooltip.spec.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-libs/cmdb-instances",
-  "version": "7.27.2",
+  "version": "7.28.0",
   "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": "e02beae0d145a88865dba929e5f8c8abe98b8952"
+  "gitHead": "61f905fea64357009141432fed318b33929efc20"
 }