@hw-component/table 1.1.6 → 1.1.8

package/es/HTableBody/utils.js

@@ -0,0 +1,99 @@
+// welcome to hoo hoo hoo
+import _toConsumableArray from '@babel/runtime-corejs3/helpers/toConsumableArray';
+import _typeof from '@babel/runtime-corejs3/helpers/typeof';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js/instance/for-each';
+import _keysInstanceProperty from '@babel/runtime-corejs3/core-js/instance/keys';
+import 'core-js/modules/es.object.keys.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.regexp.to-string.js';
+import { getItemValue } from './Options/utils.js';
+
+var strToJson = function strToJson(str) {
+  if (!str) {
+    return {};
+  }
+  try {
+    var result = JSON.parse(str);
+    if (_typeof(result) === "object") {
+      return result;
+    }
+    return {};
+  } catch (e) {
+    return {};
+  }
+};
+var mkChangeValue = function mkChangeValue(columnsState) {
+  var _ref = columnsState || {},
+    persistenceType = _ref.persistenceType,
+    persistenceKey = _ref.persistenceKey,
+    value = _ref.value;
+    _ref.defaultValue;
+    _ref.onChange;
+  if (value) {
+    return value;
+  }
+  if (!persistenceKey) {
+    return {};
+  }
+  var cuPersistenceType = persistenceType || "localStorage";
+  var saveValStr = window[cuPersistenceType].getItem(persistenceKey);
+  return strToJson(saveValStr);
+};
+var childDataIndexProvider = function childDataIndexProvider(data, title) {
+  var keys = [];
+  var cols = [];
+  _forEachInstanceProperty(data).call(data, function (value) {
+    if (typeof value === "string") {
+      keys.push(value);
+      cols.push(getItemValue({
+        title: title,
+        dataIndex: value
+      }));
+      return;
+    }
+    keys.push(value.dataIndex);
+    cols.push(getItemValue(value));
+  });
+  return {
+    keys: keys,
+    cols: cols
+  };
+};
+var outColSetting = function outColSetting(columns) {
+  var columnsState = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var keys = [];
+  var checkCols = [];
+  _forEachInstanceProperty(columns).call(columns, function (value) {
+    var dataIndex = value.dataIndex,
+      titleStr = value.titleStr,
+      title = value.title,
+      hideInTable = value.hideInTable,
+      childrenDataIndex = value.childrenDataIndex;
+    if (hideInTable || !dataIndex) {
+      return;
+    }
+    var _ref2 = columnsState[dataIndex.toString()] || {},
+      _ref2$show = _ref2.show,
+      show = _ref2$show === void 0 ? true : _ref2$show;
+    if (!show) {
+      return;
+    }
+    if (childrenDataIndex) {
+      var _childDataIndexProvid = childDataIndexProvider(childrenDataIndex, titleStr || title),
+        childKeys = _keysInstanceProperty(_childDataIndexProvid),
+        childCols = _childDataIndexProvid.cols;
+      keys.push.apply(keys, _toConsumableArray(childKeys));
+      checkCols.push.apply(checkCols, _toConsumableArray(childCols));
+      return;
+    }
+    keys.push(dataIndex.toString());
+    checkCols.push(getItemValue(value));
+  });
+  return {
+    checkCols: checkCols,
+    keys: keys
+  };
+};
+
+export { mkChangeValue, outColSetting };
+// powered by hdj

package/es/hooks/useHTable.js

@@ -18,12 +18,14 @@ var useHTable = (function () {
       getParams: function getParams() {
         return {};
       },
-      settingKeys: {},
       getSelectedRowData: function getSelectedRowData() {
         return {};
       },
       getTableSourceData: function getTableSourceData() {
         return [];
+      },
+      getColSettingKeys: function getColSettingKeys() {
+        return {};
       }
     };
   }, []);

package/es/index.css

@@ -10,6 +10,9 @@
   border-bottom-left-radius: 4px;
   border-bottom-right-radius: 4px;
 }
+.ant-hw-table-body .ant-hw-table-pagination .ant-select {
+  width: auto;
+}
 .ant-hw-table-body .ant-pro-card-body {
   padding-bottom: 0px;
 }

package/es/modal.d.ts

@@ -76,18 +76,19 @@ export interface HTableProps extends Omit<ProTableProps<any, any>, "request" | "
     labelWidth?: number;
     hideLabel?: boolean;
 }
+interface ColCheckResultKeys {
+    keys?: string[];
+    checkCols?: ConfigDataModal;
+}
 export interface TableInstance {
     reload: (params?: ParamsModal) => Promise<any>;
     setSelectedRowData: (keys: React.Key[], data: any) => void;
     dispatch: (key: string, params: any) => void;
     reloadWithParams: (params?: ParamsModal) => Promise<any>;
     getParams: () => any;
-    settingKeys: {
-        keys?: string[];
-        checkCols?: ConfigDataModal;
-    };
     getSelectedRowData: () => RowObj;
     getTableSourceData: () => any;
+    getColSettingKeys: () => ColCheckResultKeys;
 }
 export interface HTableInstance {
     form: HFormInstance;

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

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

package/lib/HTableBody/Options/Content.js

@@ -1,14 +1,5 @@
 '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');
@@ -19,11 +10,9 @@ var React = require('react');
 var antd = require('antd');
 var utils = require('./utils.js');
 
-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,
+    onCheck = _ref.onCheck,
     checkKeys = _ref.checkKeys;
   var content = index.useClassName("hw-table-body-option-setting-content");
   var titleClass = index.useClassName("hw-table-body-option-setting-content-title");
@@ -51,20 +40,17 @@ var ColsSettingContent = function ColsSettingContent(_ref) {
     });
     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 check = function check(keys) {
+    var notCheck = [];
+    _forEachInstanceProperty(contentTreeData).call(contentTreeData, function (_ref3) {
+      var key = _ref3.key;
+      var cuKey = key;
+      var index = _indexOfInstanceProperty(keys).call(keys, cuKey);
+      if (index === -1) {
+        notCheck.push(cuKey);
       }
-      var strDataIndex = dataIndex.toString();
-      var item = newCols[index];
-      newCols[index] = _objectSpread(_objectSpread({}, item), {}, {
-        hideInTable: _indexOfInstanceProperty(key).call(key, strDataIndex) == -1
-      });
     });
-    onChange(newCols);
+    onCheck(keys, notCheck);
   };
   return jsxRuntime.jsx("div", {
     className: content,
@@ -78,7 +64,7 @@ var ColsSettingContent = function ColsSettingContent(_ref) {
         className: treeClass,
         checkedKeys: checkKeys,
         onCheck: function onCheck(key) {
-          change(key);
+          check(key);
         },
         height: 268,
         treeData: contentTreeData

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

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

package/lib/HTableBody/Options/Title.js

@@ -1,51 +1,40 @@
 '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');
+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 _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;
+    onCheck = _ref.onCheck,
+    checkKeys = _ref.checkKeys,
+    reset = _ref.reset;
   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) {
+  var relArrayKeys = React.useMemo(function () {
+    var keys = [];
+    _forEachInstanceProperty(columns).call(columns, function (value) {
+      var dataIndex = value.dataIndex,
+        hideInTable = value.hideInTable;
+      if (hideInTable || !dataIndex) {
         return;
       }
-      newCols[index] = _objectSpread(_objectSpread({}, item), {}, {
-        hideInTable: hideInTable
-      });
+      var dataIndexStr = dataIndex.toString();
+      keys.push(dataIndexStr);
     });
-    onChange(newCols);
+    return keys;
+  }, [columns]);
+  var allCheck = function allCheck() {
+    onCheck(relArrayKeys, []);
   };
-  var reset = function reset() {
-    allChange(false);
+  var allNotCheck = function allNotCheck() {
+    onCheck([], relArrayKeys);
   };
+  var relLen = relArrayKeys.length;
   var indeterminate = relLen !== checkKeys.length && checkKeys.length > 0;
   return jsxRuntime.jsxs(antd.Row, {
     className: title,
@@ -56,7 +45,11 @@ var Title = function Title(_ref) {
         checked: relLen === checkKeys.length,
         indeterminate: indeterminate,
         onChange: function onChange(e) {
-          allChange(!e.target.checked);
+          if (e.target.checked) {
+            allCheck();
+            return;
+          }
+          allNotCheck();
         }
       }), jsxRuntime.jsx("span", {
         children: "\u5217\u5C55\u793A"

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

@@ -0,0 +1,2 @@
+import { IProps } from "@/components/HTableBody/Options/modal";
+export declare const useCheckKeys: ({ columns, colStatusValue }: Pick<IProps, "colStatusValue" | "columns">) => string[];

package/lib/HTableBody/Options/hooks.js

@@ -0,0 +1,33 @@
+'use strict';
+
+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 React = require('react');
+
+var useCheckKeys = function useCheckKeys(_ref) {
+  var columns = _ref.columns,
+    colStatusValue = _ref.colStatusValue;
+  return React.useMemo(function () {
+    var keys = [];
+    _forEachInstanceProperty(columns).call(columns, function (value) {
+      var dataIndex = value.dataIndex,
+        hideInTable = value.hideInTable;
+      if (hideInTable || !dataIndex) {
+        return;
+      }
+      var dataIndexStr = dataIndex.toString();
+      var _ref2 = colStatusValue[dataIndexStr] || {},
+        _ref2$show = _ref2.show,
+        show = _ref2$show === void 0 ? true : _ref2$show;
+      if (!show) {
+        return;
+      }
+      keys.push(dataIndexStr);
+    });
+    return keys;
+  }, [colStatusValue, columns]);
+};
+
+exports.useCheckKeys = useCheckKeys;
+// powered by h

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

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

package/lib/HTableBody/Options/index.js

@@ -2,8 +2,6 @@
 
 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');
@@ -11,8 +9,7 @@ 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 hooks = require('./hooks.js');
 
 var Options = (function (_ref) {
   var reload = _ref.reload,
@@ -22,26 +19,15 @@ var Options = (function (_ref) {
     density = _ref$density === void 0 ? true : _ref$density,
     setSizeChange = _ref.setSizeChange,
     columns = _ref.columns,
-    onChange = _ref.onChange;
+    onChange = _ref.onChange,
+    colStatusValue = _ref.colStatusValue,
+    reset = _ref.reset;
   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,
-      checkCols = _defaultKeys.checkCols;
-    tableInstance.table.settingKeys = {
-      keys: allKeys,
-      checkCols: checkCols
-    };
-    setKeys(changeKeys);
-  }, [columns]);
+  var checkKeys = hooks.useCheckKeys({
+    columns: columns,
+    colStatusValue: colStatusValue
+  });
   var SizeItem = function SizeItem() {
     var MenuComponent = antd.Menu;
     var MenuItem = antd.Menu.Item;
@@ -102,13 +88,14 @@ var Options = (function (_ref) {
         children: jsxRuntime.jsx(antd.Popover, {
           content: jsxRuntime.jsx(Content.ColsSettingContent, {
             columns: columns,
-            checkKeys: keys,
-            onChange: onChange
+            checkKeys: checkKeys,
+            onCheck: onChange
           }),
           title: jsxRuntime.jsx(Title.Title, {
             columns: columns,
-            checkKeys: keys,
-            onChange: onChange
+            reset: reset,
+            checkKeys: checkKeys,
+            onCheck: onChange
           }),
           placement: "bottomLeft",
           getPopupContainer: function getPopupContainer() {

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

@@ -1,4 +1,4 @@
-import type { ConfigDataModal, ConfigItemModal } from "../../modal";
+import type { ConfigItemModal } from "../../modal";
 import React from "react";
 export declare const getItemValue: (data: ConfigItemModal) => {
     name?: string | undefined;
@@ -1124,12 +1124,7 @@ export declare const getItemValue: (data: ConfigItemModal) => {
         onChange?: ((color: string) => void) | undefined;
         colors?: string[] | undefined;
     }))) | undefined;
-    childrenDataIndex?: ConfigItemModal[] | string[] | undefined;
+    childrenDataIndex?: string[] | ConfigItemModal[] | undefined;
     title: any;
     dataIndex: ((string | number | (string | number)[]) & import("rc-table/lib/interface").DataIndex) | undefined;
 };
-export declare const defaultKeys: (cols: ConfigDataModal) => {
-    keys: string[];
-    allKeys: string[];
-    checkCols: ConfigDataModal;
-};

package/lib/HTableBody/Options/utils.js

@@ -4,16 +4,12 @@ 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 _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/for-each');
 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 _toConsumableArray = require('@babel/runtime-corejs3/helpers/toConsumableArray');
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
-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 _keysInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/keys');
 var React = require('react');
 
 var _excluded = ["dataIndex", "title", "titleStr"];
@@ -33,58 +29,6 @@ var getItemValue = function getItemValue(data) {
     dataIndex: dataIndex
   }, oData);
 };
-var childDataIndexProvider = function childDataIndexProvider(data, title) {
-  var keys = [];
-  var cols = [];
-  _forEachInstanceProperty(data).call(data, function (value) {
-    if (typeof value === "string") {
-      keys.push(value);
-      cols.push(getItemValue({
-        title: title,
-        dataIndex: value
-      }));
-      return;
-    }
-    keys.push(value.dataIndex);
-    cols.push(getItemValue(value));
-  });
-  return {
-    keys: keys,
-    cols: cols
-  };
-};
-var defaultKeys = function defaultKeys(cols) {
-  var keys = [];
-  var allKeys = [];
-  var checkCols = [];
-  _forEachInstanceProperty(cols).call(cols, function (value) {
-    var title = value.title,
-      titleStr = value.titleStr,
-      dataIndex = value.dataIndex,
-      hideInTable = value.hideInTable,
-      childrenDataIndex = value.childrenDataIndex;
-    if (hideInTable || !dataIndex) {
-      return;
-    }
-    keys.push(dataIndex.toString());
-    if (childrenDataIndex) {
-      var _childDataIndexProvid = childDataIndexProvider(childrenDataIndex, titleStr || title),
-        childKeys = _keysInstanceProperty(_childDataIndexProvid),
-        childCols = _childDataIndexProvid.cols;
-      allKeys.push.apply(allKeys, _toConsumableArray(childKeys));
-      checkCols.push.apply(checkCols, _toConsumableArray(childCols));
-      return;
-    }
-    allKeys.push(dataIndex.toString());
-    checkCols.push(getItemValue(value));
-  });
-  return {
-    keys: keys,
-    allKeys: allKeys,
-    checkCols: checkCols
-  };
-};
 
-exports.defaultKeys = defaultKeys;
 exports.getItemValue = getItemValue;
 // powered by h

package/lib/HTableBody/hooks.d.ts

@@ -2,9 +2,10 @@ import type { HTableProps, ConfigDataModal } from "../modal";
 import React from "react";
 import type { GetRowKey } from "rc-table/lib/interface";
 import type { SizeType } from "antd/lib/config-provider/SizeContext";
+import { ColumnsStateType } from "@ant-design/pro-table/es/typing";
+import { ColumnsState } from "@ant-design/pro-table/es/container";
 export declare const useCols: ({ configData, rowSelection, table }: HTableProps) => {
     cols: ConfigDataModal;
-    changeCols: (cuCols: ConfigDataModal) => void;
 };
 interface FilterKeysModal {
     selectedRowKeys?: React.Key[];
@@ -16,4 +17,15 @@ export declare const useSize: (size: SizeType) => {
     cuSize: "small" | "middle" | "large" | undefined;
     setCuSize: React.Dispatch<React.SetStateAction<"small" | "middle" | "large" | undefined>>;
 };
+interface useColumnsStateTypeModal {
+    columnsState?: ColumnsStateType;
+    columns: ConfigDataModal;
+}
+export declare const useColumnsStateType: ({ columnsState, columns }: useColumnsStateTypeModal) => {
+    persistenceType: "localStorage" | "sessionStorage" | undefined;
+    persistenceKey: string | undefined;
+    value: Record<string, ColumnsState> | undefined;
+    onChange: (keys: string[], notCheck: string[]) => void;
+    reset: () => void;
+};
 export {};

package/lib/HTableBody/hooks.js

@@ -3,7 +3,6 @@
 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 _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/for-each');
 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');
@@ -13,10 +12,12 @@ var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/f
 var _spliceInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/splice');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/map');
 var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/index-of');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/for-each');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var context = require('../context.js');
 var RowSelection = require('./RowSelection.js');
+var utils = require('./utils.js');
 
 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; }
@@ -73,12 +74,8 @@ var useCols = function useCols(_ref2) {
   React.useEffect(function () {
     setCols(changeConfigData(configData));
   }, [configData, table, rowSelection]);
-  var changeCols = function changeCols(cuCols) {
-    setCols(cuCols);
-  };
   return {
-    cols: cols,
-    changeCols: changeCols
+    cols: cols
   };
 };
 var useSynchronousKeys = function useSynchronousKeys(_ref3) {
@@ -110,8 +107,56 @@ var useSize = function useSize(size) {
     setCuSize: setCuSize
   };
 };
+var useColumnsStateType = function useColumnsStateType(_ref4) {
+  var columnsState = _ref4.columnsState,
+    columns = _ref4.columns;
+  var _useHTableContext2 = context.useHTableContext(),
+    tableInstance = _useHTableContext2.tableInstance;
+  var _ref5 = columnsState || {},
+    persistenceType = _ref5.persistenceType,
+    persistenceKey = _ref5.persistenceKey,
+    value = _ref5.value,
+    defaultValue = _ref5.defaultValue,
+    onChange = _ref5.onChange;
+  var _useState5 = React.useState(defaultValue),
+    _useState6 = _slicedToArray(_useState5, 2),
+    selfValue = _useState6[0],
+    setSelfValue = _useState6[1];
+  var initTableColsVal = React.useMemo(function () {
+    return selfValue;
+  }, []);
+  React.useEffect(function () {
+    tableInstance.table.getColSettingKeys = function () {
+      return utils.outColSetting(columns, selfValue);
+    };
+  }, [selfValue]);
+  React.useEffect(function () {
+    setSelfValue(utils.mkChangeValue(columnsState));
+  }, [value]);
+  var change = function change(keys, notCheck) {
+    var newObj = {};
+    _forEachInstanceProperty(notCheck).call(notCheck, function (key) {
+      newObj[key] = {
+        show: false
+      };
+    });
+    setSelfValue(newObj);
+    onChange === null || onChange === void 0 || onChange(newObj);
+  };
+  var reset = function reset() {
+    setSelfValue(initTableColsVal);
+  };
+  return {
+    persistenceType: persistenceType,
+    persistenceKey: persistenceKey,
+    value: selfValue,
+    onChange: change,
+    reset: reset
+  };
+};
 
 exports.useCols = useCols;
+exports.useColumnsStateType = useColumnsStateType;
 exports.useSize = useSize;
 exports.useSynchronousKeys = useSynchronousKeys;
 // powered by h

package/lib/HTableBody/index.d.ts

@@ -17,5 +17,5 @@ export interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSour
     paginationActionRender?: (tableInstance: HTableInstance) => React.ReactNode;
     localSorter?: boolean;
 }
-declare const _default: ({ configData, pagination, onPageChange, rowSelection, rowKey, emptyRender, errorRender, tableStyle, paginationStyle, headerTitle, options, actionRender, affixProps, goTop, size, optionsRender, paginationActionRender, localSorter, ...props }: HTableBodyProps) => JSX.Element;
+declare const _default: ({ configData, pagination, onPageChange, rowSelection, rowKey, emptyRender, errorRender, tableStyle, paginationStyle, headerTitle, options, actionRender, affixProps, goTop, size, optionsRender, paginationActionRender, localSorter, columnsState, ...props }: HTableBodyProps) => JSX.Element;
 export default _default;