@sheinx/hooks 3.0.0-alpha.9 → 3.0.0-rc.10

package/esm/components/use-table/use-table-columns.d.ts

@@ -4,7 +4,7 @@ export interface UseColumnsProps<Data> {
     columns?: TableColumnItem<Data>[];
     showCheckbox?: boolean;
 }
-export declare type RxpandHideColType = {
+export type RxpandHideColType = {
     hide?: boolean;
     type: 'expand' | 'row-expand';
     render?: (data: any, index: number) => (() => React.ReactNode) | undefined;

package/esm/components/use-table/use-table-columns.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-table-columns.d.ts","sourceRoot":"","sources":["use-table-columns.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAItE,MAAM,WAAW,eAAe,CAAC,IAAI;IACnC,OAAO,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC;IAClC,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAYD,oBAAY,iBAAiB,GAAG;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,EAAE,QAAQ,GAAG,YAAY,CAAC;IAC9B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,CAAC,MAAM,KAAK,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IAC3E,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAChD,GAAG,IAAI,CAAC;AAET,QAAA,MAAM,UAAU;;;CAgEf,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"use-table-columns.d.ts","sourceRoot":"","sources":["use-table-columns.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAItE,MAAM,WAAW,eAAe,CAAC,IAAI;IACnC,OAAO,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC;IAClC,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAYD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,EAAE,QAAQ,GAAG,YAAY,CAAC;IAC9B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,CAAC,MAAM,KAAK,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IAC3E,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAChD,GAAG,IAAI,CAAC;AAET,QAAA,MAAM,UAAU;;;CAgEf,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/components/use-table/use-table-columns.js

@@ -1,17 +1,7 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-require("core-js/modules/es.array.filter.js");
-require("core-js/modules/web.dom-collections.for-each.js");
-require("core-js/modules/es.array.map.js");
-var _immer = require("immer");
-var _react = require("react");
-var _usePersistFn = _interopRequireDefault(require("../../common/use-persist-fn"));
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+import { produce } from "../../utils/immer";
+import { useRef } from 'react';
+import usePersistFn from "../../common/use-persist-fn";
 var getHideExpandCol = function getHideExpandCol() {
   var cols = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var expandCol = cols.find(function (col) {
@@ -25,7 +15,7 @@ var getHideExpandCol = function getHideExpandCol() {
 var useColumns = function useColumns(props) {
   var _props$columns = props.columns,
     propsColumns = _props$columns === void 0 ? [] : _props$columns;
-  var _useRef = (0, _react.useRef)({
+  var _useRef = useRef({
       cachedColumns: null,
       oldColumns: null,
       groupLevel: 0,
@@ -35,16 +25,24 @@ var useColumns = function useColumns(props) {
 
   // 隐藏的展开列
 
-  var getColumns = (0, _usePersistFn.default)(function (columnsA) {
+  var getColumns = usePersistFn(function (columnsA) {
     if (columnsA === context.oldColumns) {
       return context.cachedColumns;
     }
     context.expandHideCol = getHideExpandCol(columnsA);
     var columns = columnsA.filter(function (c) {
-      return (0, _typeof2.default)(c) === 'object';
+      return _typeof(c) === 'object';
     }).filter(function (c) {
       return c !== context.expandHideCol;
     });
+    var haveCheckbox = columns.find(function (v) {
+      return v.type === 'checkbox';
+    });
+    if (props.showCheckbox && !haveCheckbox) {
+      columns.unshift({
+        type: 'checkbox'
+      });
+    }
     var left = -1;
     var right = -1;
     columns.forEach(function (c, i) {
@@ -56,7 +54,7 @@ var useColumns = function useColumns(props) {
       }
     });
     context.cachedColumns = columns.map(function (c, i) {
-      return (0, _immer.produce)(c, function (draft) {
+      return produce(c, function (draft) {
         draft.index = i;
         if (draft.key === undefined) draft.key = i;
         if (i <= left) draft.fixed = 'left';
@@ -65,17 +63,6 @@ var useColumns = function useColumns(props) {
         if (i === right) draft.firstFixed = true;
       });
     });
-    var haveCheckbox = columns.find(function (v) {
-      return v.type === 'checkbox';
-    });
-    if (props.showCheckbox && !haveCheckbox) {
-      context.cachedColumns.unshift({
-        index: -1,
-        key: 'checkbox',
-        type: 'checkbox',
-        fixed: left >= 0 ? 'left' : undefined
-      });
-    }
     context.oldColumns = columnsA;
     return context.cachedColumns;
   });
@@ -85,5 +72,4 @@ var useColumns = function useColumns(props) {
     expandHideCol: context.expandHideCol
   };
 };
-var _default = useColumns;
-exports.default = _default;
+export default useColumns;

package/esm/components/use-table/use-table-expand.js

@@ -1,40 +1,31 @@
-"use strict";
-
-require("core-js/modules/es.array.iterator.js");
-require("core-js/modules/es.weak-map.js");
-require("core-js/modules/web.dom-collections.iterator.js");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useTableExpand = exports.default = void 0;
-require("core-js/modules/es.array.includes.js");
-require("core-js/modules/es.string.includes.js");
-require("core-js/modules/es.array.filter.js");
-require("core-js/modules/es.array.concat.js");
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _usePersistFn = _interopRequireDefault(require("../../common/use-persist-fn"));
-var _render = require("../..//utils/render");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var useTableExpand = function useTableExpand(props) {
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useEffect } from 'react';
+import usePersistFn from "../../common/use-persist-fn";
+import { getKey } from "../..//utils/render";
+export var useTableExpand = function useTableExpand(props) {
   var columns = props.columns,
     expandKeys = props.expandKeys;
-  var _React$useState = _react.default.useState([]),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+  var _React$useState = React.useState([]),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
     expandState = _React$useState2[0],
     setExpandState = _React$useState2[1];
-  var isRowExpand = (0, _usePersistFn.default)(function (data, index) {
-    var key = (0, _render.getKey)(props.keygen, data, index);
+  var isRowExpand = usePersistFn(function (data, index) {
+    var key = getKey(props.keygen, data, index);
     if (expandKeys) {
       return expandKeys.includes(key);
     }
     return expandState.includes(key);
   });
-  var handleExpandClick = (0, _usePersistFn.default)(function (col, data, index) {
+  var handleExpandClick = usePersistFn(function (col, data, index) {
     if (col && typeof col.render === 'function') {
       var expandRender = col.render(data, index);
       if (typeof expandRender === 'function') {
@@ -42,21 +33,21 @@ var useTableExpand = function useTableExpand(props) {
         var expand = isRowExpand(data, index);
         if (expandKeys) {
           var _col$onClick;
-          (_col$onClick = col.onClick) === null || _col$onClick === void 0 ? void 0 : _col$onClick.call(col, data, !expand);
+          (_col$onClick = col.onClick) === null || _col$onClick === void 0 || _col$onClick.call(col, data, !expand);
         } else {
-          var key = (0, _render.getKey)(props.keygen, data, index);
+          var key = getKey(props.keygen, data, index);
           if (expand) {
             setExpandState(expandState.filter(function (item) {
               return item !== key;
             }));
           } else {
-            setExpandState([].concat((0, _toConsumableArray2.default)(expandState), [key]));
+            setExpandState([].concat(_toConsumableArray(expandState), [key]));
           }
         }
       }
     }
   });
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     var expandNum = columns.filter(function (col) {
       return col.type === 'expand' || col.type === 'row-expand';
     }).length;
@@ -69,6 +60,4 @@ var useTableExpand = function useTableExpand(props) {
     isRowExpand: isRowExpand
   };
 };
-exports.useTableExpand = useTableExpand;
-var _default = useTableExpand;
-exports.default = _default;
+export default useTableExpand;

package/esm/components/use-table/use-table-group.js

@@ -1,19 +1,8 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-require("core-js/modules/es.array.iterator.js");
-require("core-js/modules/es.map.js");
-require("core-js/modules/web.dom-collections.iterator.js");
-require("core-js/modules/es.array.concat.js");
-require("core-js/modules/web.dom-collections.for-each.js");
-var _react = require("react");
-var _uid = require("../../utils/uid");
+import { useRef } from 'react';
+import { getUidStr } from "../../utils/uid";
 var cacheGroup = new Map();
 var useTableGroup = function useTableGroup(props) {
-  var _useRef = (0, _react.useRef)({
+  var _useRef = useRef({
       columns: [],
       rightBorderRecord: {},
       columnLevel: 0
@@ -44,7 +33,7 @@ var useTableGroup = function useTableGroup(props) {
       var group = g[level];
       var groupCol = {
         name: g[level],
-        key: typeof g[level] === 'string' ? "".concat(index, "-").concat(g[level]) : cacheGroup.get(group) || cacheGroup.set(group, (0, _uid.getUidStr)()).get(group),
+        key: typeof g[level] === 'string' ? "".concat(index, "-").concat(g[level]) : cacheGroup.get(group) || cacheGroup.set(group, getUidStr()).get(group),
         colSpan: colSpan,
         level: level,
         fixed: col.fixed,
@@ -69,5 +58,4 @@ var useTableGroup = function useTableGroup(props) {
     columnLevel: context.columnLevel
   };
 };
-var _default = useTableGroup;
-exports.default = _default;
+export default useTableGroup;

package/esm/components/use-table/use-table-layout.d.ts

@@ -24,6 +24,7 @@ declare const useTableLayout: (props: UseTableLayoutProps) => {
     shouldLastColAuto: boolean | undefined;
     scrollWidth: number;
     maxScrollLeft: number;
+    resizeFlag: number;
 };
 export default useTableLayout;
 //# sourceMappingURL=use-table-layout.d.ts.map

package/esm/components/use-table/use-table-layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-table-layout.d.ts","sourceRoot":"","sources":["use-table-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAKlE,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAcrE,MAAM,WAAW,mBACf,SAAQ,IAAI,CACV,cAAc,CAAC,GAAG,CAAC,EACnB,MAAM,GAAG,kBAAkB,GAAG,iBAAiB,GAAG,gBAAgB,GAAG,OAAO,CAC7E;IACD,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACvC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;CACzC;AAED,QAAA,MAAM,cAAc,UAAW,mBAAmB;;;;;;;;;;;yBA6CX,MAAM,UAAU,MAAM;;;;;;;CAsL5D,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"use-table-layout.d.ts","sourceRoot":"","sources":["use-table-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAKlE,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAcrE,MAAM,WAAW,mBACf,SAAQ,IAAI,CACV,cAAc,CAAC,GAAG,CAAC,EACnB,MAAM,GAAG,kBAAkB,GAAG,iBAAiB,GAAG,gBAAgB,GAAG,OAAO,CAC7E;IACD,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACvC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;CACzC;AAED,QAAA,MAAM,cAAc,UAAW,mBAAmB;;;;;;;;;;;yBA8CX,MAAM,UAAU,MAAM;;;;;;;;CAiM5D,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/esm/components/use-table/use-table-layout.js

@@ -1,33 +1,25 @@
-"use strict";
-
-require("core-js/modules/es.array.filter.js");
-require("core-js/modules/es.object.get-own-property-descriptors.js");
-require("core-js/modules/es.weak-map.js");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-require("core-js/modules/es.array.map.js");
-require("core-js/modules/es.array.concat.js");
-require("core-js/modules/web.dom-collections.for-each.js");
-require("core-js/modules/es.array.iterator.js");
-require("core-js/modules/es.map.js");
-require("core-js/modules/web.dom-collections.iterator.js");
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _useLatestObj = _interopRequireDefault(require("../../common/use-latest-obj"));
-var _usePersistFn = _interopRequireDefault(require("../../common/use-persist-fn"));
-var _usePrevious = _interopRequireDefault(require("../../common/use-previous"));
-var _element = require("../../utils/dom/element");
-var _is = require("../../utils/is");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(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 t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useEffect, useRef, useLayoutEffect } from 'react';
+import useLatestObj from "../../common/use-latest-obj";
+import usePersistFn from "../../common/use-persist-fn";
+import usePrevious from "../../common/use-previous";
+import { addResizeObserver } from "../../utils/dom/element";
+import { isFunc, isNumber } from "../../utils/is";
 var MIN_RESIZABLE_WIDTH = 20;
 function compareColumnWidth(curCols, preCols) {
   if (curCols.length !== preCols.length) return false;
@@ -40,56 +32,60 @@ var useTableLayout = function useTableLayout(props) {
   var theadRef = props.theadRef,
     tbodyRef = props.tbodyRef,
     scrollRef = props.scrollRef;
-  var preColumns = (0, _usePrevious.default)(props.columns);
-  var preData = (0, _usePrevious.default)(props.data);
-  var _useRef = (0, _react.useRef)({
+  var preColumns = usePrevious(props.columns);
+  var preData = usePrevious(props.data);
+  var _useRef = useRef({
       checkNum: 0,
       cachedWidth: null,
       dragWidth: 0,
       clientWidth: 0
     }),
     context = _useRef.current;
-  var _React$useState = _react.default.useState(false),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
     isScrollX = _React$useState2[0],
     setIsScrollX = _React$useState2[1];
-  var _React$useState3 = _react.default.useState(0),
-    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
+  var _React$useState3 = React.useState(0),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
     deltaXSum = _React$useState4[0],
     setDeltaXSum = _React$useState4[1];
-  var _React$useState5 = _react.default.useState(false),
-    _React$useState6 = (0, _slicedToArray2.default)(_React$useState5, 2),
+  var _React$useState5 = React.useState(false),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
     isScrollY = _React$useState6[0],
     setIsScrollY = _React$useState6[1];
-  var _React$useState7 = _react.default.useState(false),
-    _React$useState8 = (0, _slicedToArray2.default)(_React$useState7, 2),
+  var _React$useState7 = React.useState(false),
+    _React$useState8 = _slicedToArray(_React$useState7, 2),
     floatLeft = _React$useState8[0],
     setFloatLeft = _React$useState8[1];
-  var _React$useState9 = _react.default.useState(false),
-    _React$useState10 = (0, _slicedToArray2.default)(_React$useState9, 2),
+  var _React$useState9 = React.useState(false),
+    _React$useState10 = _slicedToArray(_React$useState9, 2),
     floatRight = _React$useState10[0],
     setFloatRight = _React$useState10[1];
-  var _React$useState11 = _react.default.useState(0),
-    _React$useState12 = (0, _slicedToArray2.default)(_React$useState11, 2),
-    scrollBarWidth = _React$useState12[0],
-    setScrollBarWidth = _React$useState12[1];
-  var _React$useState13 = _react.default.useState(0),
-    _React$useState14 = (0, _slicedToArray2.default)(_React$useState13, 2),
-    scrollWidth = _React$useState14[0],
-    setScrollWidth = _React$useState14[1];
-  var _React$useState15 = _react.default.useState(props.columns.map(function (v) {
+  var _React$useState11 = React.useState(0),
+    _React$useState12 = _slicedToArray(_React$useState11, 2),
+    resizeFlag = _React$useState12[0],
+    setResizeFlag = _React$useState12[1];
+  var _React$useState13 = React.useState(0),
+    _React$useState14 = _slicedToArray(_React$useState13, 2),
+    scrollBarWidth = _React$useState14[0],
+    setScrollBarWidth = _React$useState14[1];
+  var _React$useState15 = React.useState(0),
+    _React$useState16 = _slicedToArray(_React$useState15, 2),
+    scrollWidth = _React$useState16[0],
+    setScrollWidth = _React$useState16[1];
+  var _React$useState17 = React.useState(props.columns.map(function (v) {
       return v.width;
     })),
-    _React$useState16 = (0, _slicedToArray2.default)(_React$useState15, 2),
-    colgroup = _React$useState16[0],
-    setColgroup = _React$useState16[1];
-  var _React$useState17 = _react.default.useState(true),
-    _React$useState18 = (0, _slicedToArray2.default)(_React$useState17, 2),
-    adjust = _React$useState18[0],
-    setAdjust = _React$useState18[1];
+    _React$useState18 = _slicedToArray(_React$useState17, 2),
+    colgroup = _React$useState18[0],
+    setColgroup = _React$useState18[1];
+  var _React$useState19 = React.useState(true),
+    _React$useState20 = _slicedToArray(_React$useState19, 2),
+    adjust = _React$useState20[0],
+    setAdjust = _React$useState20[1];
 
   // 检查滚动状态
-  var checkScroll = (0, _usePersistFn.default)(function () {
+  var checkScroll = usePersistFn(function () {
     var scrollEl = scrollRef.current;
     if (!scrollEl) return;
     if (context.checkNum > 10) {
@@ -111,42 +107,50 @@ var useTableLayout = function useTableLayout(props) {
   });
 
   // 拖拽列
-  var dragCol = (0, _usePersistFn.default)(function (index, deltaX) {
+  var dragCol = usePersistFn(function (index, deltaX) {
     var col = props.columns[index];
     if (!colgroup) return;
     var table = theadRef.current || tbodyRef.current;
     if (!table) return;
-    var colEl = table.querySelector("colgroup col:nth-child(".concat(col.index + 1, ")"));
+    var colEl = table.querySelector("colgroup col:nth-child(".concat(index + 1, ")"));
     if (!colEl) return;
     var oWidth = parseInt(colEl.style.width, 10);
     if (Number.isNaN(oWidth) || oWidth === 0) {
       oWidth = colEl.getBoundingClientRect().width;
     }
     var w = oWidth + deltaX;
-    if ((0, _is.isNumber)(col.minWidth)) {
+    if (isNumber(col.minWidth)) {
       w = Math.max(w, col.minWidth);
     } else {
       w = Math.max(w, MIN_RESIZABLE_WIDTH);
     }
-    if ((0, _is.isNumber)(col.maxWidth)) {
+    if (isNumber(col.maxWidth)) {
       w = Math.min(w, col.maxWidth);
     }
     colEl.style.width = "".concat(w, "px");
     context.dragWidth = w;
   });
+  var updateResizeFlag = function updateResizeFlag() {
+    setResizeFlag(function (v) {
+      return (v + 1) % 10;
+    });
+  };
   var changeColGroup = function changeColGroup(cols, adjust) {
     setColgroup(cols);
     setAdjust(adjust);
+    if (!adjust) {
+      updateResizeFlag();
+    }
   };
 
   // 完成拖拽
-  var resizeCol = (0, _usePersistFn.default)(function (index) {
+  var resizeCol = usePersistFn(function (index) {
     if (!props.columnResizable) return;
     if (!colgroup) return;
     var deltaX = context.dragWidth - colgroup[index];
-    var newColgroup = (0, _toConsumableArray2.default)(colgroup);
+    var newColgroup = _toConsumableArray(colgroup);
     newColgroup[index] = context.dragWidth;
-    if ((0, _is.isFunc)(props.onColumnResize)) {
+    if (isFunc(props.onColumnResize)) {
       var newColumns = props.columns.map(function (item) {
         return _objectSpread(_objectSpread({}, item), {}, {
           width: newColgroup[index]
@@ -162,7 +166,7 @@ var useTableLayout = function useTableLayout(props) {
   });
 
   // 根据column的宽度计算colgroup
-  var resetColGroup = (0, _usePersistFn.default)(function () {
+  var resetColGroup = usePersistFn(function () {
     var columnLengthChange = preColumns && preColumns.length !== props.columns.length;
     // 当支持拖拽列 并且有缓存 并且 column 的数量没有发生变化的时候， 从缓存中获取宽度
     var useCache = props.columnResizable && context.cachedWidth && !columnLengthChange;
@@ -176,7 +180,7 @@ var useTableLayout = function useTableLayout(props) {
   });
 
   // 根据渲染内容计算colgroup
-  var getColgroup = (0, _usePersistFn.default)(function (fromDrag) {
+  var getColgroup = usePersistFn(function (fromDrag) {
     var _props$data, _target$current;
     var target = props !== null && props !== void 0 && (_props$data = props.data) !== null && _props$data !== void 0 && _props$data.length ? tbodyRef : theadRef;
     var group = (_target$current = target.current) === null || _target$current === void 0 ? void 0 : _target$current.querySelector('colgroup');
@@ -207,13 +211,13 @@ var useTableLayout = function useTableLayout(props) {
         });
       }
       context.cachedWidth = new Map();
-      for (var _i2 = 0; _i2 < props.columns.length; _i2++) {
-        context.cachedWidth.set(props.columns[_i2].key, widthArr[_i2] || 0);
+      for (var _i = 0; _i < props.columns.length; _i++) {
+        context.cachedWidth.set(props.columns[_i].key, widthArr[_i] || 0);
       }
     }
     changeColGroup(newCols, false);
   });
-  var checkFloat = (0, _usePersistFn.default)(function () {
+  var checkFloat = usePersistFn(function () {
     var scrollEl = scrollRef.current;
     var max = scrollEl.scrollWidth - scrollEl.clientWidth;
     var min = 0;
@@ -223,7 +227,7 @@ var useTableLayout = function useTableLayout(props) {
     if (l !== floatLeft) setFloatLeft(l);
     if (r !== floatRight) setFloatRight(r);
   });
-  var syncScrollWidth = (0, _usePersistFn.default)(function () {
+  var syncScrollWidth = usePersistFn(function () {
     if (!scrollRef.current) return;
     var scrollEl = scrollRef.current;
     var w = scrollEl.scrollWidth;
@@ -231,7 +235,7 @@ var useTableLayout = function useTableLayout(props) {
   });
 
   // 页面resize
-  var handleResize = (0, _usePersistFn.default)(function (_, dir) {
+  var handleResize = usePersistFn(function (_, dir) {
     checkScroll();
     syncScrollWidth();
     if (dir.x) {
@@ -239,14 +243,14 @@ var useTableLayout = function useTableLayout(props) {
       resetColGroup();
     }
   });
-  var func = (0, _useLatestObj.default)({
+  var func = useLatestObj({
     scrollCheck: checkScroll,
     resetColGroup: resetColGroup,
     resizeCol: resizeCol,
     dragCol: dragCol,
     checkFloat: checkFloat
   });
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     if (!colgroup) return;
     // columns 增加或者减少列， 或者宽度发生变化且和colgroup的宽度不一致时
     if (preColumns && !compareColumnWidth(props.columns, preColumns)) {
@@ -260,26 +264,28 @@ var useTableLayout = function useTableLayout(props) {
       if (preData.length === 0 || props.dataChangeResize) resetColGroup();
     }
   }, [props.columns, props.data, props.dataChangeResize]);
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     var cancelFunc;
     syncScrollWidth();
     if (scrollRef.current) {
-      cancelFunc = (0, _element.addResizeObserver)(scrollRef.current, handleResize, {
+      cancelFunc = addResizeObserver(scrollRef.current, handleResize, {
         direction: true
       });
     }
     return function () {
       var _cancelFunc;
-      (_cancelFunc = cancelFunc) === null || _cancelFunc === void 0 ? void 0 : _cancelFunc();
+      (_cancelFunc = cancelFunc) === null || _cancelFunc === void 0 || _cancelFunc();
     };
   }, [scrollRef.current]);
-  (0, _react.useLayoutEffect)(function () {
+  useLayoutEffect(function () {
     if (adjust) {
       getColgroup(adjust === 'drag');
       setAdjust(false);
     } else {
       checkFloat();
       checkScroll();
+      // 拖拽列会导致 scrollWidth 变化
+      syncScrollWidth();
     }
   }, [colgroup]);
   return {
@@ -293,8 +299,8 @@ var useTableLayout = function useTableLayout(props) {
     width: typeof props.width === 'number' ? props.width + deltaXSum : props.width,
     shouldLastColAuto: props.columnResizable && !adjust,
     scrollWidth: scrollWidth,
-    maxScrollLeft: scrollWidth - context.clientWidth
+    maxScrollLeft: scrollWidth - context.clientWidth,
+    resizeFlag: resizeFlag
   };
 };
-var _default = useTableLayout;
-exports.default = _default;
+export default useTableLayout;