@sheinx/hooks 3.0.0-alpha.3 → 3.0.0-alpha.30

package/esm/components/use-input/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {

package/esm/components/use-input/use-input-format.d.ts

@@ -5,7 +5,7 @@ declare const useInputFormat: (props: InputFormatProps) => {
     onBlur: (e: React.FocusEvent) => void;
     onFocus: (e: React.FocusEvent) => void;
     value: string | undefined;
-    type: "reset" | "submit" | "search" | "color" | "button" | "time" | "image" | "text" | "email" | "url" | "range" | "tel" | (string & {}) | "checkbox" | "radio" | "hidden" | "month" | "week" | "date" | "datetime-local" | "file" | "password" | undefined;
+    type: "reset" | "submit" | "search" | "color" | "button" | "time" | "image" | "text" | "email" | "url" | "range" | "tel" | (string & {}) | "month" | "week" | "date" | "hidden" | "checkbox" | "datetime-local" | "file" | "password" | "radio" | undefined;
 };
 export default useInputFormat;
 //# sourceMappingURL=use-input-format.d.ts.map

package/esm/components/use-input/use-input-format.type.d.ts

@@ -4,28 +4,48 @@ export interface InputFormatProps {
     value: InputValue;
     onChange: (value: InputValue) => void;
     /**
-     * 是否去除前后空格
+     * @en Whether to remove leading and trailing spaces
+     * @cn 是否去除前后空格
      */
     trim?: boolean;
+    /**
+     * @en Same as the type of the native input tag
+     * @cn 同原生 input 标签的 type
+     * @override string
+     * @default 'text'
+     */
     type?: React.InputHTMLAttributes<HTMLInputElement>['type'];
+    /**
+     * @en Number type supports "positive" and "non-negative", only works when type = number
+     * @cn 设置数字类型 支持 "positive" 和 "non-negative", 仅在 type = number 下生效
+     */
     numType?: 'non-negative' | 'positive';
+    /**
+     * @en Show as thousands separator, valid only when type is "number"
+     * @cn 以千位分隔符展示,仅当 type 为 number 时有效
+     * @default false
+     */
     coin?: boolean;
     /**
-     * 整数位数限制, 仅在 type = number 下生效
+     * @en Integer limit, only works when type = number
+     * @cn 整数位数限制, 仅在 type = number 下生效
      */
     integerLimit?: number;
     /**
-     * 小数位数限制, 仅在 type = number 下生效
+     * @en Decimal limit, only works when type = number
+     * @cn 小数位数限制, 仅在 type = number 下生效
      */
     digits?: number;
     /**
-     * 是否自动补全小数位数, 仅在 type = number 下生效
+     * @en Whether to automatically complete the number of decimal places, only works when type = number
+     * @cn 是否自动补全小数位数, 仅在 type = number 下生效
      */
     autoFix?: boolean;
     onBlur?: React.FocusEventHandler;
     onFocus?: React.FocusEventHandler;
     /**
-     * 取消 blur 触发 onChange,用于多层嵌套的格式化，只在最外层触发一次onChange
+     * @en Cancel blur trigger onChange, used for multi-layer nesting of formatting, only trigger onChange once at the outermost layer
+     * @cn 取消 blur 触发 onChange,用于多层嵌套的格式化，只在最外层触发一次onChange
      */
     cancelBlurChange?: boolean;
 }

package/esm/components/use-input/use-input-format.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-input-format.type.d.ts","sourceRoot":"","sources":["use-input-format.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,oBAAY,UAAU,GAAG,MAAM,GAAG,SAAS,CAAC;AAC5C,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,UAAU,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;IAC3D,OAAO,CAAC,EAAE,cAAc,GAAG,UAAU,CAAC;IACtC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACjC,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B"}
+{"version":3,"file":"use-input-format.type.d.ts","sourceRoot":"","sources":["use-input-format.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,oBAAY,UAAU,GAAG,MAAM,GAAG,SAAS,CAAC;AAC5C,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,UAAU,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;;OAKG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;IAC3D;;;OAGG;IACH,OAAO,CAAC,EAAE,cAAc,GAAG,UAAU,CAAC;IACtC;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACjC,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B"}

package/esm/components/use-input/use-input-number.d.ts

@@ -7,7 +7,7 @@ declare const useNumberFormat: (props: InputNumberProps) => {
     onBlur: (e: React.FocusEvent<Element, Element>) => void;
     onFocus: (e: React.FocusEvent<Element, Element>) => void;
     value: string | undefined;
-    type: "reset" | "submit" | "search" | "color" | "button" | "time" | "image" | "text" | "email" | "url" | "range" | "tel" | (string & {}) | "checkbox" | "radio" | "hidden" | "month" | "week" | "date" | "datetime-local" | "file" | "password" | undefined;
+    type: "reset" | "submit" | "search" | "color" | "button" | "time" | "image" | "text" | "email" | "url" | "range" | "tel" | (string & {}) | "month" | "week" | "date" | "hidden" | "checkbox" | "datetime-local" | "file" | "password" | "radio" | undefined;
 };
 export default useNumberFormat;
 //# sourceMappingURL=use-input-number.d.ts.map

package/esm/components/use-input/use-input-number.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-input-number.d.ts","sourceRoot":"","sources":["use-input-number.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAI3D,QAAA,MAAM,eAAe,UAAW,gBAAgB;;;;;;;;CA4H/C,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"use-input-number.d.ts","sourceRoot":"","sources":["use-input-number.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAI3D,QAAA,MAAM,eAAe,UAAW,gBAAgB;;;;;;;;CA6H/C,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/esm/components/use-input/use-input-number.js

@@ -119,6 +119,7 @@ var useNumberFormat = function useNumberFormat(props) {
     digits: digits,
     onChange: onNumberChange,
     onBlur: onNumberBlur,
+    onFocus: props.onFocus,
     cancelBlurChange: true
   })), {}, {
     onPlus: handlePlus,

package/esm/components/use-input/use-input-number.type.d.ts

@@ -3,9 +3,26 @@ export declare type NumberValue = string | number | undefined | null;
 export interface InputNumberProps extends Omit<InputFormatProps, 'value' | 'onChange' | 'autoFix' | 'trim' | 'coin' | 'type'> {
     value: NumberValue;
     onChange: (value: NumberValue) => void | undefined;
+    /**
+     * @en Minimum value
+     * @cn 最小值
+     */
     min?: number;
+    /**
+     * @en Maximum value
+     * @cn 最大值
+     */
     max?: number;
+    /**
+     * @en Allow value is null
+     * @cn 清空后值为 null
+     */
     allowNull?: boolean;
+    /**
+     * @en Change the digital span. It can be decimal
+     * @cn 改变数字跨度，可为小数
+     * @default 1
+     */
     step?: number;
     disabled?: boolean;
 }

package/esm/components/use-input/use-input-number.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-input-number.type.d.ts","sourceRoot":"","sources":["use-input-number.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE3D,oBAAY,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;AAC7D,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAC3F,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,GAAG,SAAS,CAAC;IACnD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}
+{"version":3,"file":"use-input-number.type.d.ts","sourceRoot":"","sources":["use-input-number.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE3D,oBAAY,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;AAC7D,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAC3F,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,GAAG,SAAS,CAAC;IACnD;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

package/esm/components/use-input/use-input-password.type.d.ts

@@ -2,10 +2,31 @@ export declare type PasswordValue = string | undefined;
 export interface InputPasswordProps {
     value: PasswordValue;
     onChange: (value: PasswordValue) => void;
+    /**
+     * @cn 密码符号
+     * @en Password symbol
+     * @default '•'
+     */
     point?: string;
+    /**
+     * @cn 是否显示切换密码可见状态的按钮
+     * @en Whether to display the button to toggle the visibility of the password
+     */
     visibilityToggle?: boolean;
+    /**
+     * @cn 是否显示密码
+     * @en Whether to display the password
+     */
     visibility?: boolean;
+    /**
+     * @cn 初始状态是否显示密码
+     * @en Whether to display the password initially
+     */
     defaultVisibility?: boolean;
+    /**
+     * @cn 切换密码可见状态的按钮的图标
+     * @en The icon of the button to toggle the visibility of the password
+     */
     onVisibilityChange?: (visibility: boolean) => void;
 }
 //# sourceMappingURL=use-input-password.type.d.ts.map

package/esm/components/use-input/use-input-password.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-input-password.type.d.ts","sourceRoot":"","sources":["use-input-password.type.ts"],"names":[],"mappings":"AAAA,oBAAY,aAAa,GAAG,MAAM,GAAG,SAAS,CAAC;AAC/C,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CACpD"}
+{"version":3,"file":"use-input-password.type.d.ts","sourceRoot":"","sources":["use-input-password.type.ts"],"names":[],"mappings":"AAAA,oBAAY,aAAa,GAAG,MAAM,GAAG,SAAS,CAAC;AAC/C,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CACpD"}

package/esm/components/use-input/use-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-input.d.ts","sourceRoot":"","sources":["use-input.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,qBAAqB,EACrB,iBAAiB,EAClB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAe,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAa5D,QAAA,MAAM,QAAQ,WAAY,cAAc;;;;;;;CAkIvC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"use-input.d.ts","sourceRoot":"","sources":["use-input.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,qBAAqB,EACrB,iBAAiB,EAClB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAe,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAa5D,QAAA,MAAM,QAAQ,WAAY,cAAc;;;;;;;CAyIvC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/esm/components/use-input/use-input.js

@@ -18,7 +18,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _useForkRef = _interopRequireDefault(require("../../common/use-fork-ref"));
 var React = _interopRequireWildcard(require("react"));
 var _utils = require("../../utils");
-var _excluded = ["inputRef", "rootRef", "value", "onChange", "onFocus", "onBlur", "clearable", "disabled", "autoSelect", "onClear", "onClick", "showClear"];
+var _excluded = ["inputRef", "rootRef", "value", "onChange", "onFocus", "onBlur", "clearable", "disabled", "autoSelect", "onClear", "onClick", "showClear", "onFocusedChange"];
 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; }
@@ -47,12 +47,17 @@ var useInput = function useInput(params) {
     onClear = params.onClear,
     onClick = params.onClick,
     showClear = params.showClear,
+    onFocusedChange = params.onFocusedChange,
     propsToForward = (0, _objectWithoutProperties2.default)(params, _excluded);
   var inputRef = React.useRef(null);
   var _React$useState = React.useState(false),
     _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
     focused = _React$useState2[0],
-    setFocused = _React$useState2[1];
+    changeFocued = _React$useState2[1];
+  var setFocused = function setFocused(focus) {
+    changeFocued(focus);
+    onFocusedChange === null || onFocusedChange === void 0 ? void 0 : onFocusedChange(focus);
+  };
   var handleClick = function handleClick(otherHandlers) {
     return function (event) {
       var _otherHandlers$onClic;
@@ -126,6 +131,7 @@ var useInput = function useInput(params) {
       event.preventDefault();
       if (!focused) {
         var _inputRef$current;
+        setFocused(true);
         (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
       }
       if (onClear) {
@@ -147,7 +153,7 @@ var useInput = function useInput(params) {
   return {
     focused: focused,
     disabled: disabled,
-    showClear: showClearValue,
+    showClear: !disabled && showClearValue,
     getRootProps: getRootProps,
     getInputProps: getInputProps,
     getClearProps: getClearProps

package/esm/components/use-input/use-input.type.d.ts

@@ -3,22 +3,66 @@ import { AddNoProps } from '../../common/type';
 export interface InputPropsOwn {
     /**
      * The default value. Use when the component is not controlled.
+     * @en Value
+     * @cn 输入值
      */
     value?: string;
+    /**
+     * @en Value change callback
+     * @cn 值改变回调
+     */
     onChange?: (value: string) => void;
+    /**
+     * @en The callback of blur
+     * @cn 失去焦点后的回调
+     */
     onBlur?: React.FocusEventHandler;
+    /**
+     * @en The callback when Textarea focus
+     * @cn 聚焦后的回调
+     */
     onFocus?: React.FocusEventHandler;
+    /**
+     * @en Click callback
+     * @cn 点击回调
+     */
     onClick?: React.MouseEventHandler;
+    /**
+     * @en Disable component
+     * @cn 禁用组件
+     * @default false
+     */
     disabled?: boolean;
+    /**
+     * @en Can click the clear icon to delete the content of the input box
+     * @cn 可点击清空图标删除输入框内容
+     * @default false
+     */
     clearable?: boolean;
     /**
      * focus后自动全选数据
+     * @en Automatically select all data after mouse click
+     * @cn 是否自动获得焦点
+     * @default false
      */
     autoSelect?: boolean;
+    /**
+     * @en Get input dom
+     * @cn 获取input dom
+     */
     inputRef?: React.Ref<HTMLInputElement>;
+    /**
+     * @en Get root node dom
+     * @cn 获取root节点 dom
+     */
     rootRef?: React.Ref<HTMLElement>;
+    /**
+     * @en Click to clear callback
+     * @cn 点击清空回调
+     */
     onClear?: () => void;
     showClear?: boolean;
+    onFocusedChange?: (focused?: boolean) => void;
 }
 export interface BaseInputProps extends InputPropsOwn, Omit<React.InputHTMLAttributes<HTMLInputElement>, keyof InputPropsOwn | 'size' | 'prefix' | 'onError'> {
 }

package/esm/components/use-input/use-input.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-input.type.d.ts","sourceRoot":"","sources":["use-input.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACjC,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACvC,OAAO,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IAEjC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,cACf,SAAQ,aAAa,EACnB,IAAI,CACF,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CACpD;CAAG;AAER,MAAM,WAAW,wBAAwB;IACvC,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;CACnC;AAED,oBAAY,qBAAqB,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,IAAI,CACxE,MAAM,EAEN,MAAM,wBAAwB,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CACnE,GACC,wBAAwB,CAAC;AAE3B,oBAAY,oBAAoB,GAAG;IACjC,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACjC,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAChC,QAAQ,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACjC,KAAK,EAAE,GAAG,CAAC;CACZ,CAAC;AAEF,oBAAY,iBAAiB,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,IAAI,CACpE,MAAM,EACN,MAAM,oBAAoB,CAC3B,GACC,oBAAoB,CAAC;AAEvB,oBAAY,qBAAqB,GAAG;IAClC,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC;CACtC,CAAC;AAEF,oBAAY,kBAAkB,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,UAAU,CAC3E,qBAAqB,EACrB,MAAM,CACP,CAAC"}
+{"version":3,"file":"use-input.type.d.ts","sourceRoot":"","sources":["use-input.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,MAAM,WAAW,aAAa;IAC5B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACjC;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACvC;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IAEjC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,eAAe,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CAC/C;AAED,MAAM,WAAW,cACf,SAAQ,aAAa,EACnB,IAAI,CACF,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CACpD;CAAG;AAER,MAAM,WAAW,wBAAwB;IACvC,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;CACnC;AAED,oBAAY,qBAAqB,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,IAAI,CACxE,MAAM,EAEN,MAAM,wBAAwB,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CACnE,GACC,wBAAwB,CAAC;AAE3B,oBAAY,oBAAoB,GAAG;IACjC,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACjC,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAChC,QAAQ,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACjC,KAAK,EAAE,GAAG,CAAC;CACZ,CAAC;AAEF,oBAAY,iBAAiB,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,IAAI,CACpE,MAAM,EACN,MAAM,oBAAoB,CAC3B,GACC,oBAAoB,CAAC;AAEvB,oBAAY,qBAAqB,GAAG;IAClC,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC;CACtC,CAAC;AAEF,oBAAY,kBAAkB,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,UAAU,CAC3E,qBAAqB,EACrB,MAAM,CACP,CAAC"}

package/esm/components/use-menu/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {

package/esm/components/use-pagination/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {

package/esm/components/use-popup/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {

package/esm/components/use-popup/popup-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popup-context.d.ts","sourceRoot":"","sources":["popup-context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAO7C,QAAA,MAAM,OAAO;sBAJO,MAAM,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC;wBACxC,MAAM,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC;EAGnB,CAAC;AAE9C,eAAe,OAAO,CAAC"}
+{"version":3,"file":"popup-context.d.ts","sourceRoot":"","sources":["popup-context.ts"],"names":[],"mappings":"AACA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAO7C,QAAA,MAAM,OAAO;sBAJO,MAAM,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC;wBACxC,MAAM,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC;EAGnB,CAAC;AAE9C,eAAe,OAAO,CAAC"}

package/esm/components/use-popup/popup-context.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/esm/components/use-popup/use-popup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-popup.d.ts","sourceRoot":"","sources":["use-popup.ts"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAChF,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAMhE,QAAA,MAAM,QAAQ,UAAW,cAAc;;;;;;0BAwGK;YAAE,MAAM,EAAE,WAAW,GAAG,IAAI,CAAA;SAAE;0BAM9B;YAAE,MAAM,EAAE,WAAW,GAAG,IAAI,CAAA;SAAE;;;;;qBA5B7B;YAAE,MAAM,EAAE,WAAW,GAAG,IAAI,CAAA;SAAE;;;;;;;;;;;;;;;;;;;;;;;;;2BA4ElD,MAAM,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC;6BAGxC,MAAM,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC;;CAqBpE,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"use-popup.d.ts","sourceRoot":"","sources":["use-popup.ts"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAChF,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAMhE,QAAA,MAAM,QAAQ,UAAW,cAAc;;;;;;0BA4GK;YAAE,MAAM,EAAE,WAAW,GAAG,IAAI,CAAA;SAAE;0BAM9B;YAAE,MAAM,EAAE,WAAW,GAAG,IAAI,CAAA;SAAE;;;;;qBA5B7B;YAAE,MAAM,EAAE,WAAW,GAAG,IAAI,CAAA;SAAE;;;;;;;;;;;;;;;;;;;;;;;;;2BA6ElD,MAAM,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC;6BAGxC,MAAM,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC;;CAqBpE,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/esm/components/use-popup/use-popup.js

@@ -39,13 +39,16 @@ var usePopup = function usePopup(props) {
       removeChild(popupRef);
     };
   }, []);
+  (0, _react.useEffect)(function () {
+    setOpenState(!!props.open);
+  }, [props.open]);
   var _useRef = (0, _react.useRef)({
       triggerTimer: null,
       // 记录所有的子popup 点击子 popup 不关闭弹窗
       chain: [targetRef, popupRef]
     }),
     context = _useRef.current;
-  var open = props.open !== undefined ? props.open : openState;
+  var open = openState;
   var changeOpen = function changeOpen(openIn, delay) {
     if (context.triggerTimer) clearTimeout(context.triggerTimer);
     context.triggerTimer = setTimeout(function () {
@@ -164,7 +167,8 @@ var usePopup = function usePopup(props) {
       return handleBlur();
     },
     target: context.chain,
-    effect: (trigger === 'click' || trigger === 'hover') && open
+    effect: (trigger === 'click' || trigger === 'hover') && open,
+    event: 'mousedown'
   });
   var providerValue = (0, _react.useMemo)(function () {
     return {

package/esm/components/use-select/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {

package/esm/components/use-select/use-select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-select.d.ts","sourceRoot":"","sources":["use-select.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCd,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"use-select.d.ts","sourceRoot":"","sources":["use-select.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0Cd,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/esm/components/use-select/use-select.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _useInputAble2 = require("../../common/use-input-able");
 var _useListSelect = require("../../common/use-list-select");
+var emptyArray = [];
 var useSelect = function useSelect(props) {
   var data = props.data,
     treeData = props.treeData,
@@ -18,18 +19,20 @@ var useSelect = function useSelect(props) {
     multiple = props.multiple,
     prediction = props.prediction,
     valueProp = props.value,
-    onChangeProp = props.onChange;
+    onChangeProp = props.onChange,
+    filterSameChange = props.filterSameChange;
   var _useInputAble = (0, _useInputAble2.useInputAble)({
       value: valueProp,
       control: control,
       defaultValue: defaultValue,
       beforeChange: beforeChange,
-      onChange: onChangeProp
+      onChange: onChangeProp,
+      filterSameChange: filterSameChange
     }),
     value = _useInputAble.value,
     onChange = _useInputAble.onChange;
   var datum = (0, _useListSelect.useListSelect)({
-    data: data || treeData,
+    data: data || treeData || emptyArray,
     separator: separator,
     format: format,
     value: value,

package/esm/components/use-select/use-select.type.d.ts

@@ -3,16 +3,53 @@ export interface BaseSelectProps<DataItem, Value> {
     value?: Value;
     data?: DataItem[];
     treeData?: DataItem[];
+    /**
+     * @en Initial value
+     * @cn 默认值 通过 Value 类型
+     */
     defaultValue?: Value;
     control: boolean;
     separator?: string;
+    /**
+     * @en If it is true, it will be multiple selection
+     * @cn 是否是多选
+     * @default false
+     */
     multiple?: boolean;
     childrenKey?: keyof DataItem;
+    /**
+     * @en When the value is true, disabled all checkboxes; When the value is function, disable the checkbox that this function returns true
+     * @cn 如果 disabled 为 true，禁用全部选项，如果 disabled 为函数，根据函数反回结果禁用选项
+     * @default false
+     */
     disabled?: boolean | ((data: DataItem) => boolean);
+    /**
+     * @en By default, the result of the format function is used to compare whether it matches. In some cases (for example, whe an object that returns the original data is updated, an different option with the same value  is generated), the prediction function needs to be used to determine whether match
+     * @cn 默认使用 format 函数执行的结果来比较是否匹配，在某些情况下（例如返回原始数据的对象，更新数据时，生成了一个值相同，非同一个对象的选项），需要借助 prediction 函数来判断是否匹配
+     * @default (val, d) => val===format(d)
+     */
     prediction?: (value: Value, Data: DataItem) => boolean;
+    /**
+     * @en Format value. The defaule value is return the original data. When it is a string, the value is fetched from the original data as a key equivalent to (d) => d[format] When it is a function, use its return value
+     * @cn 格式化 value, 默认值，返回原始数据。 为 string 时，会作为 key 从原始数据中获取值，相当于 (d) => d[format]; 为函数时，以函数返回结果作为 value
+     * @default d => d
+     */
     format?: ((data: DataItem) => Value extends (infer U)[] ? U : Value) | ObjectKey<DataItem>;
+    /**
+     * @en The callback before the value is changed, when the return value is not empty, it will be used as the new value of the component
+     * @cn 值改变前的回调，当返回值不为空时将作为组件的新值
+     */
     beforeChange?: (value: Value) => any;
+    /**
+     * @en Change callback
+     * @cn 值改变回调
+     */
     onChange?: (value: Value, data?: DataItem | DataItem[], checked?: boolean) => void;
+    /**
+     * @en Group by
+     * @cn 分组
+     */
     groupBy?: (item: DataItem, index?: number, data?: DataItem[]) => string;
+    filterSameChange?: boolean;
 }
 //# sourceMappingURL=use-select.type.d.ts.map

package/esm/components/use-select/use-select.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-select.type.d.ts","sourceRoot":"","sources":["use-select.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,MAAM,WAAW,eAAe,CAAC,QAAQ,EAAE,KAAK;IAC9C,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;IACtB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,QAAQ,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC;IACnD,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC;IACvD,MAAM,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,KAAK,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC3F,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,GAAG,CAAC;IACrC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,EAAE,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnF,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,QAAQ,EAAE,KAAK,MAAM,CAAC;CACzE"}
+{"version":3,"file":"use-select.type.d.ts","sourceRoot":"","sources":["use-select.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,MAAM,WAAW,eAAe,CAAC,QAAQ,EAAE,KAAK;IAC9C,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;IAEtB;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,QAAQ,CAAC;IAE7B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC;IAEnD;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC;IAEvD;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,KAAK,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;IAE3F;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,GAAG,CAAC;IAErC;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,EAAE,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAEnF;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,QAAQ,EAAE,KAAK,MAAM,CAAC;IACxE,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B"}

package/esm/components/use-slider/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {

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

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {

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

@@ -9,7 +9,7 @@ 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 _immer = require("../../utils/immer");
 var _react = require("react");
 var _usePersistFn = _interopRequireDefault(require("../../common/use-persist-fn"));
 var getHideExpandCol = function getHideExpandCol() {
@@ -45,6 +45,14 @@ var useColumns = function useColumns(props) {
     }).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) {
@@ -65,17 +73,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;
   });

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;;;;;;;;CAgM5D,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -71,22 +71,26 @@ var useTableLayout = function useTableLayout(props) {
     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];
+    resizeFlag = _React$useState12[0],
+    setResizeFlag = _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) {
+    scrollBarWidth = _React$useState14[0],
+    setScrollBarWidth = _React$useState14[1];
+  var _React$useState15 = _react.default.useState(0),
+    _React$useState16 = (0, _slicedToArray2.default)(_React$useState15, 2),
+    scrollWidth = _React$useState16[0],
+    setScrollWidth = _React$useState16[1];
+  var _React$useState17 = _react.default.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];
+    colgroup = _React$useState18[0],
+    setColgroup = _React$useState18[1];
+  var _React$useState19 = _react.default.useState(true),
+    _React$useState20 = (0, _slicedToArray2.default)(_React$useState19, 2),
+    adjust = _React$useState20[0],
+    setAdjust = _React$useState20[1];
 
   // 检查滚动状态
   var checkScroll = (0, _usePersistFn.default)(function () {
@@ -116,7 +120,7 @@ var useTableLayout = function useTableLayout(props) {
     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) {
@@ -134,9 +138,17 @@ var useTableLayout = function useTableLayout(props) {
     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();
+    }
   };
 
   // 完成拖拽
@@ -293,7 +305,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;