@hw-component/table 1.9.90 → 1.9.92

package/es/HTableBody/Options/hooks.d.ts

@@ -1,2 +1,19 @@
+import React from "react";
 import type { IProps } from "@/components/HTableBody/Options/modal";
+import type { ConfigDataModal } from "@/components/modal";
 export declare const useCheckKeys: ({ columns, colStatusValue, }: Pick<IProps, "colStatusValue" | "columns">) => string[];
+interface UseContentTreeModal {
+    columns: ConfigDataModal;
+    matchKey?: "right" | "left";
+}
+interface ColDataNode {
+    title: React.ReactNode;
+    key: string;
+}
+export declare const useContentTree: ({ columns, matchKey }: UseContentTreeModal) => ColDataNode[];
+interface UseTreeKeysModal {
+    treeData: ColDataNode[];
+    checkKeys: string[];
+}
+export declare const useTreeKeys: ({ treeData, checkKeys, }: UseTreeKeysModal) => string[];
+export {};

package/es/HTableBody/Options/hooks.js

@@ -1,6 +1,10 @@
 // welcome to hoo hoo hoo
 import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
+import _indexOfInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/index-of';
+import { jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
+import { getItemValue } from './utils.js';
+import { useClassName } from '../../hooks/index.js';
 
 var useCheckKeys = function useCheckKeys(_ref) {
   var columns = _ref.columns,
@@ -25,6 +29,54 @@ var useCheckKeys = function useCheckKeys(_ref) {
     return keys;
   }, [colStatusValue, columns]);
 };
+var useContentTree = function useContentTree(_ref3) {
+  var columns = _ref3.columns,
+    matchKey = _ref3.matchKey;
+  var titleClass = useClassName("hw-table-body-option-setting-content-title");
+  return useMemo(function () {
+    var treeData = [];
+    _forEachInstanceProperty(columns).call(columns, function (_ref4) {
+      var dataIndex = _ref4.dataIndex,
+        title = _ref4.title,
+        titleStr = _ref4.titleStr,
+        fixed = _ref4.fixed;
+      if (!dataIndex) {
+        return;
+      }
+      if (fixed !== matchKey) {
+        return;
+      }
+      var _getItemValue = getItemValue({
+          titleStr: titleStr,
+          title: title
+        }),
+        cuTitleStr = _getItemValue.title;
+      treeData.push({
+        title: jsx("div", {
+          className: titleClass,
+          children: cuTitleStr
+        }),
+        key: dataIndex.toString()
+      });
+    });
+    return treeData;
+  }, [columns]);
+};
+var useTreeKeys = function useTreeKeys(_ref5) {
+  var treeData = _ref5.treeData,
+    checkKeys = _ref5.checkKeys;
+  return useMemo(function () {
+    var newKeys = [];
+    _forEachInstanceProperty(treeData).call(treeData, function (_ref6) {
+      var key = _ref6.key;
+      var index = _indexOfInstanceProperty(checkKeys).call(checkKeys, key);
+      if (index !== -1) {
+        newKeys.push(key);
+      }
+    });
+    return newKeys;
+  }, [treeData, checkKeys]);
+};
 
-export { useCheckKeys };
+export { useCheckKeys, useContentTree, useTreeKeys };
 // powered by hdj

package/es/HTableBody/Options/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import type { IProps } from "./modal";
-declare const _default: ({ reload, size, density, setSizeChange, columns, onChange, colStatusValue, reset, settingRender, }: IProps) => JSX.Element;
+declare const _default: ({ reload, size, density, setSizeChange, columns, onChange, colStatusValue, reset, settingRender, onDrop, }: IProps) => JSX.Element;
 export default _default;

package/es/HTableBody/Options/index.js

@@ -19,7 +19,8 @@ var Options = (function (_ref) {
     onChange = _ref.onChange,
     colStatusValue = _ref.colStatusValue,
     reset = _ref.reset,
-    settingRender = _ref.settingRender;
+    settingRender = _ref.settingRender,
+    onDrop = _ref.onDrop;
   var pointer = useClassName(["hw-table-pointer", "hw-table-body-option-icon"]);
   var ref = useRef(null);
   var checkKeys = useCheckKeys({
@@ -84,7 +85,8 @@ var Options = (function (_ref) {
         content: jsx(ColsSettingContent, {
           columns: columns,
           checkKeys: checkKeys,
-          onCheck: onChange
+          onCheck: onChange,
+          onDrop: onDrop
         }),
         title: jsx(Title, {
           columns: columns,

package/es/HTableBody/Options/utils.d.ts

@@ -1,4 +1,4 @@
-import type { ConfigItemModal } from "../../modal";
+import type { ConfigDataModal, ConfigItemModal } from "../../modal";
 import React from "react";
 export declare const getItemValue: (data: ConfigItemModal) => {
     name?: string | any[] | undefined;
@@ -806,3 +806,10 @@ export declare const getItemValue: (data: ConfigItemModal) => {
     title: any;
     dataIndex: ((string | number | (string | number)[]) & import("rc-table/lib/interface").DataIndex) | undefined;
 };
+interface MoveColProps {
+    startKey: string;
+    endKey: string;
+    data: ConfigDataModal;
+}
+export declare const moveCol: ({ startKey, endKey, data }: MoveColProps) => ConfigItemModal[];
+export {};

package/es/HTableBody/Options/utils.js

@@ -3,12 +3,14 @@ import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
 import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
 import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
 import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
-import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
 import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
 import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
 import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
+import _toConsumableArray from '@babel/runtime-corejs3/helpers/toConsumableArray';
 import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
+import _spliceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/splice';
 import React from 'react';
 
 var _excluded = ["dataIndex", "title", "titleStr"];
@@ -28,6 +30,31 @@ var getItemValue = function getItemValue(data) {
     dataIndex: dataIndex
   }, oData);
 };
+var moveCol = function moveCol(_ref) {
+  var startKey = _ref.startKey,
+    endKey = _ref.endKey,
+    data = _ref.data;
+  var indexArray = [-1, -1];
+  _forEachInstanceProperty(data).call(data, function (item, index) {
+    var dataIndex = item.dataIndex;
+    if (!dataIndex) {
+      return;
+    }
+    if (dataIndex === startKey) {
+      indexArray[0] = index;
+    }
+    if (dataIndex === endKey) {
+      indexArray[1] = index;
+    }
+  });
+  var oldIndex = indexArray[0],
+    newIndex = indexArray[1];
+  var newData = _toConsumableArray(data);
+  var oldItem = data[oldIndex];
+  _spliceInstanceProperty(newData).call(newData, oldIndex, 1);
+  _spliceInstanceProperty(newData).call(newData, newIndex, 0, oldItem);
+  return newData;
+};
 
-export { getItemValue };
+export { getItemValue, moveCol };
 // powered by hdj

package/es/HTableBody/RowCheckBox/RowItem.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { RowRadioSelectionProps } from "@/components/HTableBody/modal";
+import type { RowRadioSelectionProps } from "@/components/HTableBody/modal";
 declare const _default: ({ data, onChange, index, getCheckboxProps, }: RowRadioSelectionProps) => JSX.Element;
 export default _default;

package/es/HTableBody/RowCheckBox/hooks.d.ts

@@ -1,5 +1,5 @@
 import type { Key } from "react";
-import { RowRadioSelectionProps } from '../modal';
+import type { RowRadioSelectionProps } from "../modal";
 export declare const useAllChecked: (keys?: Key[], data?: any[]) => boolean;
 export declare const useCheckControl: (data: any[] | undefined, onChange: RowRadioSelectionProps["onChange"]) => {
     checkChange: (e: any) => void;

package/es/HTableBody/RowRadioBoxSelection.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { RowRadioSelectionProps } from './modal';
+import type { RowRadioSelectionProps } from "./modal";
 export declare const RowRadioSelection: ({ data, onChange, index, getCheckboxProps, }: RowRadioSelectionProps) => JSX.Element;

package/es/HTableBody/hooks/useColData.d.ts

@@ -1,8 +1,11 @@
+/// <reference types="react" />
 import type { ConfigDataModal, HTableProps } from "@/components/modal";
 import type { ColumnsState } from "@ant-design/pro-table/es/container";
 import type { ColumnsStateType } from "@ant-design/pro-table/es/typing";
 export declare const useCols: ({ configData, rowSelection, table, bordered, }: HTableProps) => {
     cols: ConfigDataModal;
+    setCols: import("react").Dispatch<import("react").SetStateAction<ConfigDataModal>>;
+    resetCols: () => void;
 };
 interface useColumnsStateTypeModal {
     columnsState?: ColumnsStateType;
@@ -13,6 +16,6 @@ export declare const useColumnsStateType: ({ columnsState, columns, }: useColumn
     persistenceKey: string | undefined;
     value: Record<string, ColumnsState> | undefined;
     onChange: (keys: string[], notCheck: string[]) => void;
-    reset: () => void;
+    resetCheckCol: () => void;
 };
 export {};

package/es/HTableBody/hooks/useColData.js

@@ -92,8 +92,13 @@ var useCols = function useCols(_ref) {
   useEffect(function () {
     setCols(changeConfigData(configData));
   }, [configData, table, rowSelection]);
+  var resetCols = function resetCols() {
+    setCols(changeConfigData(configData));
+  };
   return {
-    cols: cols
+    cols: cols,
+    setCols: setCols,
+    resetCols: resetCols
   };
 };
 var useColumnsStateType = function useColumnsStateType(_ref3) {
@@ -132,7 +137,7 @@ var useColumnsStateType = function useColumnsStateType(_ref3) {
     setSelfValue(newObj);
     onChange === null || onChange === void 0 || onChange(newObj);
   };
-  var reset = function reset() {
+  var resetCheckCol = function resetCheckCol() {
     setSelfValue(initTableColsVal);
   };
   return {
@@ -140,7 +145,7 @@ var useColumnsStateType = function useColumnsStateType(_ref3) {
     persistenceKey: persistenceKey,
     value: selfValue,
     onChange: change,
-    reset: reset
+    resetCheckCol: resetCheckCol
   };
 };
 

package/es/HTableBody/index.js

@@ -25,7 +25,7 @@ import { emptyDefaultRender, errorDefaultRender } from './defaultRender.js';
 import useRowClassName from './hooks/useRowClassName.js';
 
 var _excluded = ["configData", "pagination", "onPageChange", "rowSelection", "rowKey", "emptyRender", "errorRender", "tableStyle", "paginationStyle", "headerTitle", "options", "actionRender", "affixProps", "goTop", "size", "optionsRender", "paginationActionRender", "localSorter", "columnsState", "tableExtraRender", "table", "onChange", "bordered", "rowClassName"],
-  _excluded2 = ["value", "onChange", "reset"];
+  _excluded2 = ["value", "onChange", "resetCheckCol"];
 function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Body = (function (bodyProps) {
@@ -89,14 +89,16 @@ var Body = (function (bodyProps) {
       rowSelection: rowSelection,
       bordered: bordered
     }),
-    cols = _useCols.cols;
+    cols = _useCols.cols,
+    setCols = _useCols.setCols,
+    resetCols = _useCols.resetCols;
   var _useColumnsStateType = useColumnsStateType({
       columnsState: columnsState,
       columns: cols
     }),
     value = _useColumnsStateType.value,
     onChange = _useColumnsStateType.onChange,
-    reset = _useColumnsStateType.reset,
+    resetCheckCol = _useColumnsStateType.resetCheckCol,
     selfColStatus = _objectWithoutProperties(_useColumnsStateType, _excluded2);
   useSynchronousKeys({
     selectedRowKeys: selectedRowKeys,
@@ -113,7 +115,11 @@ var Body = (function (bodyProps) {
     setSizeChange: setCuSize,
     colStatusValue: value || {},
     onChange: onChange,
-    reset: reset
+    reset: function reset() {
+      resetCheckCol();
+      resetCols();
+    },
+    onDrop: setCols
   }));
   var defaultOptionsNode = optionsRender ? optionsRender(optionsNode) : optionsNode;
   var alwaysShowAlert = useAlwaysShowAlert(selectedRowData, configAlwaysShowAlert);

package/es/HTableBody/modal.d.ts

@@ -1,5 +1,6 @@
 import type { OptionConfig } from "@ant-design/pro-table/lib/components/ToolBar";
-import React, { Key } from "react";
+import type { Key } from "react";
+import type React from "react";
 import type { ProTableProps } from "@ant-design/pro-table";
 import type { ActionRenderFn, ConfigDataModal, HRowSelection, HTableInstance, ParamsModal } from "@/components/modal";
 import type { AffixProps } from "antd/lib/affix";

package/es/index.css

@@ -83,6 +83,10 @@
   display: -ms-flexbox;
   display: flex;
 }
+.ant-hw-table-op-tree-content {
+  padding: 6px 6px 6px 0px;
+  width: 100%;
+}
 .ant-hw-table-body-option-tree .ant-tree-treenode {
   width: 100%;
   padding-left: 24px !important;

package/es/modal.d.ts

@@ -2,7 +2,8 @@ import type { ProColumns } from "@ant-design/pro-table/lib/typing";
 import type { ProTableProps } from "@ant-design/pro-table";
 import type { HItemProps, HFormInstance } from "@hw-component/form/es/Form/modal";
 import type { ColProps, FormInstance } from "antd";
-import React, { Key } from "react";
+import type { Key } from "react";
+import type React from "react";
 import type { ModalProps } from "antd";
 import type { TableProps } from "antd/lib/table";
 import type { AffixProps } from "antd/lib/affix";

package/lib/HTableBody/HeaderTitle/hooks.d.ts

@@ -1,8 +1,8 @@
-import { MutableRefObject } from "react";
+import type { MutableRefObject } from "react";
 interface HeaderStyleParams {
     bodyRef: MutableRefObject<HTMLDivElement | null>;
     titleContentRef: MutableRefObject<HTMLDivElement | null>;
     rightNodeRef: MutableRefObject<HTMLDivElement | null>;
 }
-export declare const useHeaderStyle: ({ bodyRef, titleContentRef, rightNodeRef }: HeaderStyleParams) => {};
+export declare const useHeaderStyle: ({ bodyRef, titleContentRef, rightNodeRef, }: HeaderStyleParams) => {};
 export {};

package/lib/HTableBody/Options/Content.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import type { ItemProps } from "./modal";
-export declare const ColsSettingContent: ({ columns, onCheck, checkKeys, }: ItemProps) => JSX.Element;
+export declare const ColsSettingContent: ({ columns, onCheck, checkKeys, onDrop, }: ItemProps) => JSX.Element;

package/lib/HTableBody/Options/Content.js

@@ -1,47 +1,51 @@
 'use strict';
 
+var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
+var _toConsumableArray = require('@babel/runtime-corejs3/helpers/toConsumableArray');
+var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
 var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
 var jsxRuntime = require('react/jsx-runtime');
 var index = require('../../hooks/index.js');
-var React = require('react');
-var antd = require('antd');
 var utils = require('./utils.js');
+var ContentTree = require('./ContentTree.js');
+var hooks = require('./hooks.js');
 
 var ColsSettingContent = function ColsSettingContent(_ref) {
   var columns = _ref.columns,
     onCheck = _ref.onCheck,
-    checkKeys = _ref.checkKeys;
+    checkKeys = _ref.checkKeys,
+    onDrop = _ref.onDrop;
   var content = index.useClassName("hw-table-body-option-setting-content");
-  var titleClass = index.useClassName("hw-table-body-option-setting-content-title");
-  var treeClass = index.useClassName("hw-table-body-option-tree");
-  var contentTreeData = React.useMemo(function () {
-    var treeData = [];
-    _forEachInstanceProperty(columns).call(columns, function (_ref2) {
-      var dataIndex = _ref2.dataIndex,
-        title = _ref2.title,
-        titleStr = _ref2.titleStr;
-      if (dataIndex) {
-        var _getItemValue = utils.getItemValue({
-            titleStr: titleStr,
-            title: title
-          }),
-          cuTitleStr = _getItemValue.title;
-        treeData.push({
-          title: jsxRuntime.jsx("div", {
-            className: titleClass,
-            children: cuTitleStr
-          }),
-          key: dataIndex.toString()
-        });
-      }
-    });
-    return treeData;
-  }, [columns]);
+  var norContentTreeData = hooks.useContentTree({
+    columns: columns
+  });
+  var leftContentTreeData = hooks.useContentTree({
+    columns: columns,
+    matchKey: "left"
+  });
+  var rightContentTreeData = hooks.useContentTree({
+    columns: columns,
+    matchKey: "right"
+  });
+  var norCheckKeys = hooks.useTreeKeys({
+    treeData: norContentTreeData,
+    checkKeys: checkKeys
+  });
+  var leftCheckKeys = hooks.useTreeKeys({
+    treeData: leftContentTreeData,
+    checkKeys: checkKeys
+  });
+  var rightCheckKeys = hooks.useTreeKeys({
+    treeData: rightContentTreeData,
+    checkKeys: checkKeys
+  });
   var check = function check(keys) {
+    var _context;
     var notCheck = [];
-    _forEachInstanceProperty(contentTreeData).call(contentTreeData, function (_ref3) {
-      var key = _ref3.key;
+    var allTreeData = _concatInstanceProperty(_context = []).call(_context, _toConsumableArray(leftContentTreeData), _toConsumableArray(norContentTreeData), _toConsumableArray(rightContentTreeData));
+    _forEachInstanceProperty(allTreeData).call(allTreeData, function (_ref2) {
+      var key = _ref2.key;
       var cuKey = key;
       var index = _indexOfInstanceProperty(keys).call(keys, cuKey);
       if (index === -1) {
@@ -50,24 +54,75 @@ var ColsSettingContent = function ColsSettingContent(_ref) {
     });
     onCheck(keys, notCheck);
   };
-  return jsxRuntime.jsx("div", {
+  var onDropEnd = function onDropEnd(_ref3) {
+    var _context2;
+    var dragNodesKeys = _ref3.dragNodesKeys,
+      dropPosition = _ref3.dropPosition;
+    if (dropPosition < 1) {
+      return;
+    }
+    var allTreeData = _concatInstanceProperty(_context2 = []).call(_context2, _toConsumableArray(leftContentTreeData), _toConsumableArray(norContentTreeData), _toConsumableArray(rightContentTreeData));
+    var _dragNodesKeys = _slicedToArray(dragNodesKeys, 1),
+      key = _dragNodesKeys[0];
+    var sourceKey = allTreeData[dropPosition - 1].key;
+    var newData = utils.moveCol({
+      startKey: key,
+      endKey: sourceKey,
+      data: columns
+    });
+    onDrop(newData);
+  };
+  return jsxRuntime.jsxs("div", {
     className: content,
-    children: jsxRuntime.jsx("div", {
-      style: {
-        paddingTop: 6,
-        paddingBottom: 6
+    children: [jsxRuntime.jsx(ContentTree.default, {
+      title: "\u56FA\u5B9A\u5728\u5DE6\u4FA7",
+      treeData: leftContentTreeData,
+      checkedKeys: leftCheckKeys,
+      onDrop: onDropEnd,
+      onCheck: function onCheck(key) {
+        var _context3;
+        var curKey = key;
+        check(_concatInstanceProperty(_context3 = []).call(_context3, _toConsumableArray(curKey), _toConsumableArray(norCheckKeys), _toConsumableArray(rightCheckKeys)));
+      }
+    }), jsxRuntime.jsx(ContentTree.default, {
+      title: "\u4E0D\u56FA\u5B9A",
+      treeData: norContentTreeData,
+      checkedKeys: norCheckKeys,
+      onDrop: function onDrop(_ref4) {
+        var dragNodesKeys = _ref4.dragNodesKeys,
+          dropPosition = _ref4.dropPosition;
+        var cuDropPosition = leftContentTreeData.length + dropPosition;
+        onDropEnd({
+          dragNodesKeys: dragNodesKeys,
+          dropPosition: cuDropPosition
+        });
       },
-      children: jsxRuntime.jsx(antd.Tree, {
-        checkable: true,
-        className: treeClass,
-        checkedKeys: checkKeys,
-        onCheck: function onCheck(key) {
-          check(key);
-        },
-        height: 268,
-        treeData: contentTreeData
-      })
-    })
+      onCheck: function onCheck(key) {
+        var _context4;
+        var curKey = key;
+        check(_concatInstanceProperty(_context4 = []).call(_context4, _toConsumableArray(leftCheckKeys), _toConsumableArray(curKey), _toConsumableArray(rightCheckKeys)));
+      }
+    }), jsxRuntime.jsx(ContentTree.default, {
+      title: "\u56FA\u5B9A\u5728\u53F3\u4FA7",
+      treeData: rightContentTreeData,
+      checkedKeys: rightCheckKeys,
+      onDrop: function onDrop(_ref5) {
+        var dragNodesKeys = _ref5.dragNodesKeys,
+          dropPosition = _ref5.dropPosition;
+        var leftLen = leftContentTreeData.length;
+        var norLen = norContentTreeData.length;
+        var cuDropPosition = leftLen + norLen + dropPosition;
+        onDropEnd({
+          dragNodesKeys: dragNodesKeys,
+          dropPosition: cuDropPosition
+        });
+      },
+      onCheck: function onCheck(key) {
+        var _context5;
+        var curKey = key;
+        check(_concatInstanceProperty(_context5 = []).call(_context5, _toConsumableArray(leftCheckKeys), _toConsumableArray(norCheckKeys), _toConsumableArray(curKey)));
+      }
+    })]
   });
 };
 

package/lib/HTableBody/Options/ContentTree.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { TreeProps } from "antd/lib/tree/Tree";
+interface IProps extends TreeProps {
+    title: string;
+}
+declare const _default: ({ treeData, checkedKeys, onDrop, onCheck, title }: IProps) => JSX.Element | null;
+export default _default;

package/lib/HTableBody/Options/ContentTree.js

@@ -0,0 +1,44 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var antd = require('antd');
+var index = require('../../hooks/index.js');
+
+var ContentTree = (function (_ref) {
+  var treeData = _ref.treeData,
+    checkedKeys = _ref.checkedKeys,
+    onDrop = _ref.onDrop,
+    onCheck = _ref.onCheck,
+    title = _ref.title;
+  var treeClass = index.useClassName("hw-table-body-option-tree");
+  var treeItemContent = index.useClassName("hw-table-op-tree-content");
+  if (!(treeData !== null && treeData !== void 0 && treeData.length)) {
+    return null;
+  }
+  return jsxRuntime.jsxs(antd.Space, {
+    className: treeItemContent,
+    direction: "vertical",
+    size: 12,
+    children: [jsxRuntime.jsx(antd.Typography.Text, {
+      type: "secondary",
+      style: {
+        paddingLeft: 24
+      },
+      children: title
+    }), jsxRuntime.jsx(antd.Tree, {
+      checkable: true,
+      className: treeClass,
+      draggable: true,
+      checkedKeys: checkedKeys,
+      onDrop: onDrop,
+      onCheck: onCheck,
+      height: 268,
+      treeData: treeData
+    })]
+  });
+});
+
+exports.default = ContentTree;
+// powered by h

package/lib/HTableBody/Options/Title.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import type { ItemProps } from "./modal";
-export declare const Title: ({ columns, onCheck, checkKeys, reset }: ItemProps) => JSX.Element;
+export declare const Title: ({ columns, onCheck, checkKeys, reset, }: Omit<ItemProps, "onDrop">) => JSX.Element;

package/lib/HTableBody/Options/hooks.d.ts

@@ -1,2 +1,19 @@
+import React from "react";
 import type { IProps } from "@/components/HTableBody/Options/modal";
+import type { ConfigDataModal } from "@/components/modal";
 export declare const useCheckKeys: ({ columns, colStatusValue, }: Pick<IProps, "colStatusValue" | "columns">) => string[];
+interface UseContentTreeModal {
+    columns: ConfigDataModal;
+    matchKey?: "right" | "left";
+}
+interface ColDataNode {
+    title: React.ReactNode;
+    key: string;
+}
+export declare const useContentTree: ({ columns, matchKey }: UseContentTreeModal) => ColDataNode[];
+interface UseTreeKeysModal {
+    treeData: ColDataNode[];
+    checkKeys: string[];
+}
+export declare const useTreeKeys: ({ treeData, checkKeys, }: UseTreeKeysModal) => string[];
+export {};