@hw-component/table 0.0.7-beta-v8 → 0.0.7-beta-v9

package/es/HTableBody/hooks.js

@@ -7,13 +7,13 @@ import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js/ob
 import _Object$defineProperties from '@babel/runtime-corejs3/core-js/object/define-properties';
 import _Object$defineProperty from '@babel/runtime-corejs3/core-js/object/define-property';
 import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
-import _toConsumableArray from '@babel/runtime-corejs3/helpers/toConsumableArray';
+import _slicedToArray from '@babel/runtime-corejs3/helpers/slicedToArray';
+import _filterInstanceProperty from '@babel/runtime-corejs3/core-js/instance/filter';
 import _spliceInstanceProperty from '@babel/runtime-corejs3/core-js/instance/splice';
 import _mapInstanceProperty from '@babel/runtime-corejs3/core-js/instance/map';
-import _filterInstanceProperty from '@babel/runtime-corejs3/core-js/instance/filter';
 import _indexOfInstanceProperty from '@babel/runtime-corejs3/core-js/instance/index-of';
 import { jsx } from 'react/jsx-runtime';
-import { useMemo, useEffect } from 'react';
+import { useState, useEffect } from 'react';
 import { useHTableContext } from '../context.js';
 import { RowSelectionTitle, RowSelectionBox } from './RowSelection.js';
 
@@ -30,8 +30,9 @@ var rowSelectionCol = function rowSelectionCol(rowSelection) {
       onChange: onChange,
       getCheckboxProps: getCheckboxProps
     }),
-    dataIndex: "rowSelectionTitle",
     width: 32,
+    rowSelectionTitle: true,
+    fixed: "left",
     render: function render(dom, data) {
       return jsx(RowSelectionBox, {
         data: data,
@@ -45,23 +46,39 @@ var useCols = function useCols(_ref2) {
   var configData = _ref2.configData,
     rowSelection = _ref2.rowSelection,
     table = _ref2.table;
-  return useMemo(function () {
-    var colsArray = _toConsumableArray(configData);
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    cols = _useState2[0],
+    setCols = _useState2[1];
+  var changeConfigData = function changeConfigData(data) {
+    var colsArray = _filterInstanceProperty(data).call(data, function (item) {
+      return !item.hideInTable;
+    });
     if (rowSelection !== false) {
       _spliceInstanceProperty(colsArray).call(colsArray, 0, 0, rowSelectionCol(rowSelection));
     }
     return _mapInstanceProperty(colsArray).call(colsArray, function (item) {
       var _render = item.render;
       return _objectSpread(_objectSpread({}, item), {}, {
-        render: function render(dom, data, index) {
+        render: function render(dom, itemData, index) {
           if (!_render) {
             return dom;
           }
-          return _render(dom, data, index, table);
+          return _render(dom, itemData, index, table);
         }
       });
     });
+  };
+  useEffect(function () {
+    setCols(changeConfigData(configData));
   }, [configData, table, rowSelection]);
+  var changeCols = function changeCols(cuCols) {
+    setCols(cuCols);
+  };
+  return {
+    cols: cols,
+    changeCols: changeCols
+  };
 };
 var useSynchronousKeys = function useSynchronousKeys(_ref3) {
   var selectedRowKeys = _ref3.selectedRowKeys,
@@ -79,6 +96,19 @@ var useSynchronousKeys = function useSynchronousKeys(_ref3) {
     }
   }, [selectedRowKeys, records, rowKey]);
 };
+var useSize = function useSize(size) {
+  var _useState3 = useState(size),
+    _useState4 = _slicedToArray(_useState3, 2),
+    cuSize = _useState4[0],
+    setCuSize = _useState4[1];
+  useEffect(function () {
+    setCuSize(size);
+  }, [size]);
+  return {
+    cuSize: cuSize,
+    setCuSize: setCuSize
+  };
+};
 
-export { useCols, useSynchronousKeys };
+export { useCols, useSize, useSynchronousKeys };
 // powered by hdj

package/es/HTableBody/index.d.ts

@@ -4,7 +4,7 @@ import React from "react";
 import type { HTableInstance } from "../modal";
 import type { HRowSelection } from "../modal";
 import type { AffixProps } from "antd/lib/affix";
-interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSource" | "rowSelection"> {
+export interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSource" | "rowSelection"> {
     configData?: ConfigDataModal;
     onPageChange?: (params: ParamsModal) => void;
     emptyRender?: (tableInstance: HTableInstance) => React.ReactNode;
@@ -16,5 +16,5 @@ interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSource" | "
     affixProps?: AffixProps | false;
     goTop?: boolean;
 }
-declare const _default: ({ configData, pagination, onPageChange, rowSelection, rowKey, emptyRender, errorRender, tableStyle, paginationStyle, headerTitle, options, actionRender, affixProps, goTop, ...props }: HTableBodyProps) => JSX.Element;
+declare const _default: ({ configData, pagination, onPageChange, rowSelection, rowKey, emptyRender, errorRender, tableStyle, paginationStyle, headerTitle, options, actionRender, affixProps, goTop, size, ...props }: HTableBodyProps) => JSX.Element;
 export default _default;

package/es/HTableBody/index.js

@@ -12,7 +12,7 @@ import _Object$defineProperties from '@babel/runtime-corejs3/core-js/object/defi
 import _Object$defineProperty from '@babel/runtime-corejs3/core-js/object/define-property';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import ProTable from '@ant-design/pro-table';
-import { useCols, useSynchronousKeys } from './hooks.js';
+import { useSize, useCols, useSynchronousKeys } from './hooks.js';
 import { useHTableContext } from '../context.js';
 import React from 'react';
 import { Row, Alert, ConfigProvider, Empty } from 'antd';
@@ -20,8 +20,9 @@ import { useHTableConfigContext } from '../TableConfig.js';
 import HTablePagination from '../HTablePagination/index.js';
 import { useClassName } from '../hooks/index.js';
 import AlertMsg from './AlertMsg.js';
+import Options from './Options/index.js';
 
-var _excluded = ["configData", "pagination", "onPageChange", "rowSelection", "rowKey", "emptyRender", "errorRender", "tableStyle", "paginationStyle", "headerTitle", "options", "actionRender", "affixProps", "goTop"];
+var _excluded = ["configData", "pagination", "onPageChange", "rowSelection", "rowKey", "emptyRender", "errorRender", "tableStyle", "paginationStyle", "headerTitle", "options", "actionRender", "affixProps", "goTop", "size"];
 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 defaultRender = function defaultRender() {
@@ -48,11 +49,13 @@ var Body = (function (_ref) {
     tableStyle = _ref.tableStyle,
     paginationStyle = _ref.paginationStyle,
     headerTitle = _ref.headerTitle,
-    options = _ref.options,
+    _ref$options = _ref.options,
+    options = _ref$options === void 0 ? {} : _ref$options,
     actionRender = _ref.actionRender,
     affixProps = _ref.affixProps,
     _ref$goTop = _ref.goTop,
     goTop = _ref$goTop === void 0 ? true : _ref$goTop,
+    size = _ref.size,
     props = _objectWithoutProperties(_ref, _excluded);
   var selectedRowKeys = rowSelection.selectedRowKeys;
   var _useHTableContext = useHTableContext(),
@@ -72,14 +75,18 @@ var Body = (function (_ref) {
     tableEmptyRender = _useHTableConfigConte2 === void 0 ? defaultRender : _useHTableConfigConte2,
     _useHTableConfigConte3 = _useHTableConfigConte.errorRender,
     tableErrorRender = _useHTableConfigConte3 === void 0 ? defaultRender : _useHTableConfigConte3;
+  var _useSize = useSize(size),
+    cuSize = _useSize.cuSize,
+    setCuSize = _useSize.setCuSize;
   var bodyConfigData = configData || contextConfigData;
   var _ref2 = data || {},
     records = _ref2.records;
-  var cols = useCols({
-    configData: bodyConfigData,
-    rowSelection: rowSelection,
-    table: tableInstance
-  });
+  var _useCols = useCols({
+      configData: bodyConfigData,
+      table: tableInstance
+    }),
+    cols = _useCols.cols,
+    changeCols = _useCols.changeCols;
   useSynchronousKeys({
     selectedRowKeys: selectedRowKeys,
     records: records,
@@ -109,7 +116,16 @@ var Body = (function (_ref) {
         }),
         type: "info"
       })
-    }), jsxs(ConfigProvider, {
+    }), options && jsx(Options, _objectSpread(_objectSpread({
+      reload: function reload() {
+        tableInstance.table.reloadWithParams();
+      }
+    }, options), {}, {
+      size: cuSize,
+      columns: cols,
+      setSizeChange: setCuSize,
+      onChange: changeCols
+    })), jsxs(ConfigProvider, {
       renderEmpty: function renderEmpty() {
         if (error) {
           return tableErrorRender === null || tableErrorRender === void 0 ? void 0 : tableErrorRender(tableInstance, error);
@@ -118,12 +134,9 @@ var Body = (function (_ref) {
       },
       children: [jsx(ProTable, _objectSpread(_objectSpread({}, props), {}, {
         columns: cols,
+        size: cuSize,
         search: false,
-        options: options ? options : {
-          reload: function reload() {
-            tableInstance.table.reloadWithParams();
-          }
-        },
+        options: false,
         tableStyle: {
           paddingBottom: 0
         },

package/es/HTableHeader/hooks.js

@@ -23,7 +23,7 @@ import { useClassName } from '../hooks/index.js';
 import { DefaultSubComponent } from './defaultSubComponent.js';
 import { useHTableContext } from '../context.js';
 
-var _excluded = ["colon", "searchType", "title", "name", "dataIndex", "itemProps", "searchRender"];
+var _excluded = ["colon", "searchType", "title", "name", "dataIndex", "itemProps", "searchRender", "childrenDataIndex", "showSearch", "hideInTable"];
 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 _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context3 = ownKeys(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context4 = ownKeys(Object(t))).call(_context4, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 var sizeObj = {
@@ -92,8 +92,11 @@ var formConfigDataItemProvider = function formConfigDataItemProvider(_ref) {
     dataIndex = _ref.dataIndex,
     _ref$itemProps = _ref.itemProps,
     itemProps = _ref$itemProps === void 0 ? {} : _ref$itemProps,
-    searchRender = _ref.searchRender,
-    props = _objectWithoutProperties(_ref, _excluded);
+    searchRender = _ref.searchRender;
+    _ref.childrenDataIndex;
+    _ref.showSearch;
+    _ref.hideInTable;
+    var props = _objectWithoutProperties(_ref, _excluded);
   var _itemProps$allowClear = itemProps.allowClear,
     allowClear = _itemProps$allowClear === void 0 ? true : _itemProps$allowClear;
   return _objectSpread(_objectSpread({}, props), {}, {

package/es/hooks/useHTable.d.ts

@@ -7,6 +7,7 @@ declare const _default: () => {
         dispatch: () => void;
         reloadWithParams: (params?: ParamsModal) => Promise<ParamsModal | undefined>;
         getParams: () => any;
+        settingKeys: never[];
     };
 };
 export default _default;

package/es/hooks/useHTable.js

@@ -17,7 +17,8 @@ var useHTable = (function () {
       },
       getParams: function getParams() {
         return {};
-      }
+      },
+      settingKeys: []
     };
   }, []);
   return {

package/es/index.css

@@ -41,3 +41,46 @@
 .ant-hw-table-header .ant-hw-table-header-item-hide {
   display: none;
 }
+.ant-hw-table-body-option {
+  padding: 0px 24px 16px 24px;
+}
+.ant-hw-table-body-option-icon {
+  font-size: 16px;
+}
+.ant-hw-table-body-option-setting-content {
+  width: 198px;
+  margin: -10px -16px;
+}
+.ant-hw-table-body-option-setting-title {
+  width: 198px;
+  margin: 0px -16px;
+  padding: 6px 8px;
+}
+.ant-hw-table-body-option-setting-content-title {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+}
+.ant-hw-table-body-option-tree .ant-tree-treenode {
+  width: 100%;
+  padding-left: 24px !important;
+}
+.ant-hw-table-body-option-tree .ant-tree-node-content-wrapper {
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+}
+.ant-hw-table-body-option-tree .ant-tree-switcher {
+  width: 0px;
+}
+.ant-hw-table-body-option-tree .ant-tree-treenode-draggable {
+  padding-left: 0px !important;
+}
+.ant-hw-table-pointer {
+  cursor: pointer;
+}
+.ant-hw-table-pointer:hover {
+  color: #1890ff;
+}

package/es/modal.d.ts

@@ -26,8 +26,12 @@ interface HColumns extends Omit<ProColumns, "render"> {
     showSearch?: boolean;
     searchType?: HItemProps["type"];
     searchRender?: HItemProps["render"];
+    rowSelectionTitle?: boolean;
 }
-export type ConfigItemModal = Omit<HItemProps, "render" | "type"> & HColumns;
+interface BcItemModal {
+    childrenDataIndex?: string[];
+}
+export type ConfigItemModal = Omit<HItemProps, "render" | "type"> & HColumns & BcItemModal;
 export type ConfigDataModal = ConfigItemModal[];
 export type ActionRenderFn = (selectedRowKeys: RowObj, tableInstance: HTableInstance) => React.ReactNode;
 export type FooterBtnRenderFn = (dom: React.ReactNode, total: string, selectedRowKeys: RowObj, setAllCheck: (row: RowObj) => void) => React.ReactNode;
@@ -69,6 +73,7 @@ export interface TableInstance {
     dispatch: (key: string, params: any) => void;
     reloadWithParams: (params?: ParamsModal) => Promise<any>;
     getParams: () => any;
+    settingKeys: string[];
 }
 export interface HTableInstance {
     form: HFormInstance;

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

@@ -0,0 +1,2 @@
+import type { ItemProps } from "./modal";
+export declare const ColsSettingContent: ({ columns, onChange, checkKeys, }: ItemProps) => JSX.Element;

package/lib/HTableBody/Options/Content.js

@@ -0,0 +1,84 @@
+'use strict';
+
+var _Object$keys = require('@babel/runtime-corejs3/core-js/object/keys');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js/object/get-own-property-symbols');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/filter');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptor');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js/object/define-property');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _toConsumableArray = require('@babel/runtime-corejs3/helpers/toConsumableArray');
+require('core-js/modules/es.object.to-string.js');
+require('core-js/modules/es.regexp.to-string.js');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/for-each');
+var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/index-of');
+var jsxRuntime = require('react/jsx-runtime');
+var index = require('../../hooks/index.js');
+var React = require('react');
+var antd = require('antd');
+
+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 ColsSettingContent = function ColsSettingContent(_ref) {
+  var columns = _ref.columns,
+    onChange = _ref.onChange,
+    checkKeys = _ref.checkKeys;
+  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;
+      if (dataIndex) {
+        treeData.push({
+          title: jsxRuntime.jsx("div", {
+            className: titleClass,
+            children: title
+          }),
+          key: dataIndex.toString()
+        });
+      }
+    });
+    return treeData;
+  }, [columns]);
+  var change = function change(key) {
+    var newCols = _toConsumableArray(columns);
+    _forEachInstanceProperty(newCols).call(newCols, function (_ref3, index) {
+      var dataIndex = _ref3.dataIndex;
+      if (!dataIndex) {
+        return;
+      }
+      var strDataIndex = dataIndex.toString();
+      var item = newCols[index];
+      newCols[index] = _objectSpread(_objectSpread({}, item), {}, {
+        hideInTable: _indexOfInstanceProperty(key).call(key, strDataIndex) == -1
+      });
+    });
+    onChange(newCols);
+  };
+  return jsxRuntime.jsx("div", {
+    className: content,
+    children: jsxRuntime.jsx("div", {
+      style: {
+        paddingTop: 6,
+        paddingBottom: 6
+      },
+      children: jsxRuntime.jsx(antd.Tree, {
+        checkable: true,
+        className: treeClass,
+        checkedKeys: checkKeys,
+        onCheck: function onCheck(key) {
+          change(key);
+        },
+        height: 268,
+        treeData: contentTreeData
+      })
+    })
+  });
+};
+
+exports.ColsSettingContent = ColsSettingContent;
+// powered by h

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

@@ -0,0 +1,2 @@
+import type { ItemProps } from "./modal";
+export declare const Title: ({ columns, onChange, checkKeys }: ItemProps) => JSX.Element;

package/lib/HTableBody/Options/Title.js

@@ -0,0 +1,72 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _toConsumableArray = require('@babel/runtime-corejs3/helpers/toConsumableArray');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/filter');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/for-each');
+var _Object$keys = require('@babel/runtime-corejs3/core-js/object/keys');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js/object/get-own-property-symbols');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptor');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js/object/define-property');
+var jsxRuntime = require('react/jsx-runtime');
+var index = require('../../hooks/index.js');
+var antd = require('antd');
+var React = require('react');
+
+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 Link = antd.Typography.Link;
+var Title = function Title(_ref) {
+  var columns = _ref.columns,
+    onChange = _ref.onChange,
+    checkKeys = _ref.checkKeys;
+  var title = index.useClassName("hw-table-body-option-setting-title");
+  var relLen = React.useMemo(function () {
+    var relArray = _filterInstanceProperty(columns).call(columns, function (_ref2) {
+      var dataIndex = _ref2.dataIndex;
+      return !!dataIndex;
+    });
+    return relArray.length;
+  }, [columns]);
+  var allChange = function allChange(hideInTable) {
+    var newCols = _toConsumableArray(columns);
+    _forEachInstanceProperty(columns).call(columns, function (item, index) {
+      var dataIndex = item.dataIndex;
+      if (!dataIndex) {
+        return;
+      }
+      newCols[index] = _objectSpread(_objectSpread({}, item), {}, {
+        hideInTable: hideInTable
+      });
+    });
+    onChange(newCols);
+  };
+  var reset = function reset() {
+    allChange(false);
+  };
+  var indeterminate = relLen !== checkKeys.length && checkKeys.length > 0;
+  return jsxRuntime.jsxs(antd.Row, {
+    className: title,
+    justify: "space-between",
+    children: [jsxRuntime.jsxs(antd.Space, {
+      size: 4,
+      children: [jsxRuntime.jsx(antd.Checkbox, {
+        checked: relLen === checkKeys.length,
+        indeterminate: indeterminate,
+        onChange: function onChange(e) {
+          allChange(!e.target.checked);
+        }
+      }), jsxRuntime.jsx("span", {
+        children: "\u5217\u5C55\u793A"
+      })]
+    }), jsxRuntime.jsx(Link, {
+      onClick: reset,
+      children: "\u91CD\u7F6E"
+    })]
+  });
+};
+
+exports.Title = Title;
+// powered by h

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

@@ -0,0 +1,3 @@
+import type { IProps } from "./modal";
+declare const _default: ({ reload, size, density, setSizeChange, columns, onChange, }: IProps) => JSX.Element;
+export default _default;

package/lib/HTableBody/Options/index.js

@@ -0,0 +1,127 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
+var _keysInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/keys');
+var jsxRuntime = require('react/jsx-runtime');
+var index = require('../../hooks/index.js');
+var antd = require('antd');
+var icons = require('@ant-design/icons');
+var React = require('react');
+var Content = require('./Content.js');
+var Title = require('./Title.js');
+var context = require('../../context.js');
+var utils = require('./utils.js');
+
+var Options = (function (_ref) {
+  var reload = _ref.reload,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "middle" : _ref$size,
+    _ref$density = _ref.density,
+    density = _ref$density === void 0 ? true : _ref$density,
+    setSizeChange = _ref.setSizeChange,
+    columns = _ref.columns,
+    onChange = _ref.onChange;
+  var className = index.useClassName("hw-table-body-option");
+  var pointer = index.useClassName(["hw-table-pointer", "hw-table-body-option-icon"]);
+  var ref = React.useRef(null);
+  var _useState = React.useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    keys = _useState2[0],
+    setKeys = _useState2[1];
+  var _useHTableContext = context.useHTableContext(),
+    tableInstance = _useHTableContext.tableInstance;
+  React.useEffect(function () {
+    var _defaultKeys = utils.defaultKeys(columns),
+      changeKeys = _keysInstanceProperty(_defaultKeys),
+      allKeys = _defaultKeys.allKeys;
+    tableInstance.table.settingKeys = allKeys;
+    setKeys(changeKeys);
+  }, [columns]);
+  var SizeItem = function SizeItem() {
+    var MenuComponent = antd.Menu;
+    var MenuItem = antd.Menu.Item;
+    return jsxRuntime.jsxs(MenuComponent, {
+      selectedKeys: [size],
+      onClick: function onClick(_ref2) {
+        var key = _ref2.key;
+        setSizeChange(key);
+      },
+      children: [jsxRuntime.jsx(MenuItem, {
+        children: jsxRuntime.jsx("div", {
+          style: {
+            width: 68
+          },
+          children: "\u9ED8\u8BA4"
+        })
+      }, "large"), jsxRuntime.jsx(MenuItem, {
+        children: jsxRuntime.jsx("div", {
+          children: "\u4E2D\u7B49"
+        })
+      }, "middle"), jsxRuntime.jsx(MenuItem, {
+        children: jsxRuntime.jsx("div", {
+          children: "\u7D27\u51D1"
+        })
+      }, "small")]
+    });
+  };
+  return jsxRuntime.jsx(antd.Row, {
+    justify: "end",
+    className: className,
+    ref: ref,
+    children: jsxRuntime.jsxs(antd.Space, {
+      size: 20,
+      children: [reload && jsxRuntime.jsx(antd.Tooltip, {
+        title: "\u5237\u65B0",
+        children: jsxRuntime.jsx(icons.ReloadOutlined, {
+          className: pointer,
+          width: 24,
+          onClick: function onClick(e) {
+            if (typeof reload === "function") {
+              reload(e);
+            }
+          }
+        })
+      }), density && jsxRuntime.jsx(antd.Tooltip, {
+        title: "\u5BC6\u5EA6",
+        children: jsxRuntime.jsx(antd.Dropdown, {
+          overlay: SizeItem,
+          placement: "bottom",
+          arrow: true,
+          trigger: ["click"],
+          children: jsxRuntime.jsx(icons.ColumnHeightOutlined, {
+            className: pointer,
+            width: 24
+          })
+        })
+      }), jsxRuntime.jsx(antd.Tooltip, {
+        title: "\u5217\u8BBE\u7F6E",
+        children: jsxRuntime.jsx(antd.Popover, {
+          content: jsxRuntime.jsx(Content.ColsSettingContent, {
+            columns: columns,
+            checkKeys: keys,
+            onChange: onChange
+          }),
+          title: jsxRuntime.jsx(Title.Title, {
+            columns: columns,
+            checkKeys: keys,
+            onChange: onChange
+          }),
+          placement: "bottomLeft",
+          getPopupContainer: function getPopupContainer() {
+            return ref.current || document.body;
+          },
+          trigger: "click",
+          children: jsxRuntime.jsx(icons.SettingOutlined, {
+            className: pointer,
+            width: 24
+          })
+        })
+      })]
+    })
+  });
+});
+
+exports.default = Options;
+// powered by h

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

@@ -0,0 +1,5 @@
+import { ConfigDataModal } from "../../modal";
+export declare const defaultKeys: (cols: ConfigDataModal) => {
+    keys: string[];
+    allKeys: string[];
+};

package/lib/HTableBody/Options/utils.js

@@ -0,0 +1,32 @@
+'use strict';
+
+var _toConsumableArray = require('@babel/runtime-corejs3/helpers/toConsumableArray');
+require('core-js/modules/es.object.to-string.js');
+require('core-js/modules/es.regexp.to-string.js');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/for-each');
+
+var defaultKeys = function defaultKeys(cols) {
+  var keys = [];
+  var allKeys = [];
+  _forEachInstanceProperty(cols).call(cols, function (value) {
+    var dataIndex = value.dataIndex,
+      hideInTable = value.hideInTable,
+      childrenDataIndex = value.childrenDataIndex;
+    if (hideInTable || !dataIndex) {
+      return;
+    }
+    keys.push(dataIndex.toString());
+    if (childrenDataIndex) {
+      allKeys.push.apply(allKeys, _toConsumableArray(childrenDataIndex));
+      return;
+    }
+    allKeys.push(dataIndex.toString());
+  });
+  return {
+    keys: keys,
+    allKeys: allKeys
+  };
+};
+
+exports.defaultKeys = defaultKeys;
+// powered by h