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

package/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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();
+    }
   };
 
   // 完成拖拽
@@ -280,6 +292,8 @@ var useTableLayout = function useTableLayout(props) {
     } else {
       checkFloat();
       checkScroll();
+      // 拖拽列会导致 scrollWidth 变化
+      syncScrollWidth();
     }
   }, [colgroup]);
   return {
@@ -293,7 +307,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;

package/cjs/components/use-table/use-table-tree.d.ts

@@ -1,6 +1,6 @@
 import type { BaseTableProps } from './use-table.type';
 import { OptionalToRequired } from '../../common/type';
-export interface UseTableTreeProps extends Pick<OptionalToRequired<BaseTableProps<any>>, 'onTreeExpand' | 'treeCheckAll' | 'treeExpandKeys' | 'defaultTreeExpandKeys' | 'keygen'> {
+export interface UseTableTreeProps extends Pick<OptionalToRequired<BaseTableProps<any>>, 'onTreeExpand' | 'treeExpandKeys' | 'defaultTreeExpandKeys' | 'keygen'> {
     treeColumnsName: string | undefined;
     data: any[];
 }

package/cjs/components/use-table/use-table-tree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-table-tree.d.ts","sourceRoot":"","sources":["use-table-tree.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAGvD,MAAM,WAAW,iBACf,SAAQ,IAAI,CACV,kBAAkB,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,EACvC,cAAc,GAAG,cAAc,GAAG,gBAAgB,GAAG,uBAAuB,GAAG,QAAQ,CACxF;IACD,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,IAAI,EAAE,GAAG,EAAE,CAAC;CACb;AAED,eAAO,MAAM,YAAY,UAAW,iBAAiB;;;;;;+BA4DR,GAAG,SAAS,MAAM;iCA9ChB,GAAG,SAAS,MAAM;;CAsEhE,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"use-table-tree.d.ts","sourceRoot":"","sources":["use-table-tree.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAoCvD,MAAM,WAAW,iBACf,SAAQ,IAAI,CACV,kBAAkB,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,EACvC,cAAc,GAAG,gBAAgB,GAAG,uBAAuB,GAAG,QAAQ,CACvE;IACD,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,IAAI,EAAE,GAAG,EAAE,CAAC;CACb;AAED,eAAO,MAAM,YAAY,UAAW,iBAAiB;;;;;;+BA6BR,GAAG,SAAS,MAAM;iCAjBhB,GAAG,SAAS,MAAM;;CA2ChE,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/cjs/components/use-table/use-table-tree.js

@@ -5,24 +5,52 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useTableTree = exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.set.js");
 require("core-js/modules/web.dom-collections.iterator.js");
-require("core-js/modules/es.array.from.js");
 require("core-js/modules/es.map.js");
 require("core-js/modules/web.dom-collections.for-each.js");
 require("core-js/modules/es.array.splice.js");
 require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.from.js");
 require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.string.includes.js");
 require("core-js/modules/es.array.filter.js");
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
 var _usePersistFn = require("../../common/use-persist-fn");
 var _render = require("../../utils/render");
 var _is = require("../../utils/is");
 var _useLatestObj = require("../../common/use-latest-obj");
+var getExpandData = function getExpandData(data, keys, keygen, treeColumnsName) {
+  var expandKeys = keys;
+  var expandSet = new Set(expandKeys);
+  var expandLevel = new Map();
+  if (expandSet.size === 0 || !treeColumnsName) {
+    return [data, expandLevel];
+  }
+  var newData = (0, _toConsumableArray2.default)(data || []);
+  var _loop = function _loop() {
+    if (expandSet.size === 0) return "break";
+    var item = newData[i];
+    var key = (0, _render.getKey)(keygen, item, i);
+    var parentLevel = expandLevel.get(key) || 0;
+    var children = (0, _is.isObject)(item) && item[treeColumnsName];
+    if (expandSet.has(key) && children) {
+      children.forEach(function (child) {
+        expandLevel.set((0, _render.getKey)(keygen, child), parentLevel + 1);
+      });
+      newData.splice.apply(newData, [i + 1, 0].concat((0, _toConsumableArray2.default)(children)));
+      expandSet.delete(key);
+    }
+  };
+  for (var i = 0; i < newData.length; i++) {
+    var _ret = _loop();
+    if (_ret === "break") break;
+  }
+  return [newData, expandLevel];
+};
 var useTableTree = function useTableTree(props) {
   var _props$data$filter;
   var _useState = (0, _react.useState)(props.defaultTreeExpandKeys || []),
@@ -36,11 +64,8 @@ var useTableTree = function useTableTree(props) {
   (0, _react.useEffect)(function () {
     context.changedByExpand = false;
   }, [expandKeysState, props.treeExpandKeys]);
-  var getExpandKeys = function getExpandKeys() {
-    return props.treeExpandKeys === undefined ? expandKeysState : props.treeExpandKeys;
-  };
+  var expandKeys = props.treeExpandKeys === undefined ? expandKeysState : props.treeExpandKeys;
   var handleTreeExpand = (0, _usePersistFn.usePersistFn)(function (data, index) {
-    var expandKeys = getExpandKeys();
     var key = (0, _render.getKey)(props.keygen, data, index);
     var changeKeys = new Set(expandKeys);
     if (changeKeys.has(key)) {
@@ -56,37 +81,8 @@ var useTableTree = function useTableTree(props) {
     }
     context.changedByExpand = true;
   });
-  var getExpandData = function getExpandData() {
-    var expandKeys = getExpandKeys();
-    var expandSet = new Set(expandKeys);
-    var expandLevel = new Map();
-    if (expandSet.size === 0 || !props.treeColumnsName) {
-      return [props.data, expandLevel];
-    }
-    var newData = (0, _toConsumableArray2.default)(props.data || []);
-    var _loop = function _loop() {
-      if (expandSet.size === 0) return "break";
-      var item = newData[i];
-      var key = (0, _render.getKey)(props.keygen, item, i);
-      var parentLevel = expandLevel.get(key) || 0;
-      var children = (0, _is.isObject)(item) && item[props.treeColumnsName];
-      if (expandSet.has(key) && children) {
-        children.forEach(function (child) {
-          expandLevel.set((0, _render.getKey)(props.keygen, child), parentLevel + 1);
-        });
-        newData.splice.apply(newData, [i + 1, 0].concat((0, _toConsumableArray2.default)(children)));
-        expandSet.delete(key);
-      }
-    };
-    for (var i = 0; i < newData.length; i++) {
-      var _ret = _loop();
-      if (_ret === "break") break;
-    }
-    return [newData, expandLevel];
-  };
   var isTreeExpanded = (0, _usePersistFn.usePersistFn)(function (data, index) {
     if (!props.treeColumnsName) return false;
-    var expandKeys = getExpandKeys();
     var key = (0, _render.getKey)(props.keygen, data, index);
     return expandKeys.includes(key);
   });
@@ -94,10 +90,12 @@ var useTableTree = function useTableTree(props) {
     isTreeExpanded: isTreeExpanded,
     handleTreeExpand: handleTreeExpand
   });
-  var _getExpandData = getExpandData(),
-    _getExpandData2 = (0, _slicedToArray2.default)(_getExpandData, 2),
-    treeData = _getExpandData2[0],
-    treeExpandLevel = _getExpandData2[1];
+  var _useMemo = (0, _react.useMemo)(function () {
+      return getExpandData(props.data, expandKeys, props.keygen, props.treeColumnsName);
+    }, [props.data, expandKeys, props.treeColumnsName]),
+    _useMemo2 = (0, _slicedToArray2.default)(_useMemo, 2),
+    treeData = _useMemo2[0],
+    treeExpandLevel = _useMemo2[1];
   var isEmptyTree = ((_props$data$filter = props.data.filter(function (item) {
     var _item;
     return (_item = item[props.treeColumnsName]) === null || _item === void 0 ? void 0 : _item.length;

package/cjs/components/use-table/use-table-virtual.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-table-virtual.d.ts","sourceRoot":"","sources":["use-table-virtual.tsx"],"names":[],"mappings":";AAIA,UAAU,oBAAoB;IAC5B,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AACD,QAAA,MAAM,eAAe,UAAW,oBAAoB;;;;;;;oBA6FpC,MAAM;mBACP,MAAM;WACd,MAAM;gBACD,MAAM;kBACJ,OAAO;;0BAhEuB,MAAM,UAAU,MAAM;0BAdtB,MAAM,QAAQ,MAAM;2BA4GnB,MAAM;CAkDlD,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"use-table-virtual.d.ts","sourceRoot":"","sources":["use-table-virtual.tsx"],"names":[],"mappings":";AAIA,UAAU,oBAAoB;IAC5B,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AACD,QAAA,MAAM,eAAe,UAAW,oBAAoB;;;;;;;oBAsGpC,MAAM;mBACP,MAAM;WACd,MAAM;gBACD,MAAM;kBACJ,OAAO;;0BAjEuB,MAAM,UAAU,MAAM;0BApBtB,MAAM,QAAQ,MAAM;2BAqHnB,MAAM;CAkDlD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/cjs/components/use-table/use-table-virtual.js

@@ -34,6 +34,7 @@ var useTableVirtual = function useTableVirtual(props) {
     _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
     offsetY = _useState10[0],
     setOffsetY = _useState10[1];
+  var rowsInView = props.rowsInView === 0 ? props.data.length : props.rowsInView;
   var sleft = props.scrollLeft !== undefined ? props.scrollLeft : innerLeft;
   var _useRef = (0, _react.useRef)({
       cachedHeight: [],
@@ -47,6 +48,12 @@ var useTableVirtual = function useTableVirtual(props) {
   var getTranslate = (0, _usePersistFn.usePersistFn)(function (left, top) {
     var l = left === undefined ? sleft : left;
     var t = top === undefined ? innerTop + offsetY : top;
+    if (t < 0) {
+      t = 0;
+    }
+    if (l < 0) {
+      l = 0;
+    }
     return "translate3d(-".concat(l, "px, -").concat(t, "px, 0)");
   });
   var getContentHeight = function getContentHeight(index) {
@@ -76,7 +83,7 @@ var useTableVirtual = function useTableVirtual(props) {
     var sum = 0;
     var currentIndex = 0;
     var top = 0;
-    var maxIndex = Math.max(props.data.length - props.rowsInView, 0);
+    var maxIndex = Math.max(props.data.length - rowsInView, 0);
     for (var i = 0; i <= maxIndex; i++) {
       sum += context.cachedHeight[i] || props.rowHeight;
       if (scrollTop < sum || i === maxIndex) {
@@ -94,6 +101,7 @@ var useTableVirtual = function useTableVirtual(props) {
   var updateRateScroll = (0, _usePersistFn.usePersistFn)(function (rate) {
     var scrollRef = props.scrollRef;
     var sumHeight = getContentHeight(props.data.length - 1);
+    if (sumHeight === scrollHeight) return;
     context.shouldUpdateHeight = true;
     context.heightCallback = function () {
       if (scrollRef && scrollRef.current) {
@@ -125,6 +133,7 @@ var useTableVirtual = function useTableVirtual(props) {
     if (scrollTop > max) {
       scrollTop = max;
     }
+    // 拖动滚动条后保持滚动位置
     if (context.controlScrollRate !== null) {
       var top = context.controlScrollRate * max;
       updateIndexAndTopFromTop(top);
@@ -132,6 +141,7 @@ var useTableVirtual = function useTableVirtual(props) {
       context.controlScrollRate = null;
       return;
     }
+    // 拖动滚动条
     if (fromDrag) {
       var _top = y * max;
       updateIndexAndTopFromTop(_top);
@@ -178,7 +188,7 @@ var useTableVirtual = function useTableVirtual(props) {
       cb();
     }
   }, [scrollHeight]);
-  var renderData = (0, _toConsumableArray2.default)(props.data).slice(startIndex, startIndex + props.rowsInView);
+  var renderData = (0, _toConsumableArray2.default)(props.data).slice(startIndex, startIndex + rowsInView);
   return {
     scrollHeight: scrollHeight,
     startIndex: startIndex,

package/cjs/components/use-tabs/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAErE,eAAO,MAAM,WAAW,iCAA4C,CAAC;AAErE,eAAO,MAAM,QAAQ,UAAW,iBAAiB,gBAGhD,CAAC;AAEF,eAAO,MAAM,cAAc,wBAAsC,CAAC"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAErE,eAAO,MAAM,WAAW,iCAA4C,CAAC;AAErE,eAAO,MAAM,QAAQ,UAAW,iBAAiB,gBAGhD,CAAC;AAEF,eAAO,MAAM,cAAc,wBAAsC,CAAC"}

package/cjs/components/use-tabs/context.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.weak-map.js");

package/cjs/components/use-tabs/context.type.d.ts

@@ -1,13 +1,38 @@
 /// <reference types="react" />
 import { TabsShapeType } from './use-tabs.type';
 export interface TabsContextProps {
+    /**
+     * @private 内部属性
+     */
     active?: string | number;
+    /**
+     * @private 内部属性
+     */
     shape?: TabsShapeType;
+    /**
+     * @private 内部属性
+     */
     isVertical?: boolean;
+    /**
+     * @private 内部属性
+     */
     lazy?: boolean;
+    /**
+     * @en Background color, will override Tabs's activeBackground
+     * @cn 背景色，会覆盖 Tabs 的activeBackground
+     */
     activeBackground?: string;
+    /**
+     * @private 内部属性
+     */
     inactiveBackground?: string;
+    /**
+     * @private 内部属性
+     */
     onChange?: (key: string | number) => void;
+    /**
+     * @private 内部属性
+     */
     onCollapsible?: () => void;
 }
 export interface TabsProviderProps {

package/cjs/components/use-tabs/context.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.type.d.ts","sourceRoot":"","sources":["context.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,WAAW,gBAAgB;IAC/B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC1C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,gBAAgB,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}
+{"version":3,"file":"context.type.d.ts","sourceRoot":"","sources":["context.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC1C;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,gBAAgB,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}

package/cjs/components/use-tabs/index.js

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

package/cjs/components/use-tabs/use-tabs.type.d.ts

@@ -1,6 +1,15 @@
 export declare type TabsShapeType = 'button' | 'line' | 'bordered' | 'card' | 'dash' | 'fill';
 export interface BaseTabsProps {
+    /**
+     * @en Current active tab id or index
+     * @cn 当前选中标签页（受控）
+     */
     active?: number | string;
+    /**
+     * @en Default active tab id or index
+     * @cn 默认选中标签页（非受控）
+     * @default 0
+     */
     defaultActive?: number | string;
     onChange?: (key: number | string) => void;
 }

package/cjs/components/use-tabs/use-tabs.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-tabs.type.d.ts","sourceRoot":"","sources":["use-tabs.type.ts"],"names":[],"mappings":"AAAA,oBAAY,aAAa,GAAG,QAAQ,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAEtF,MAAM,WAAW,aAAa;IAC5B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;CAC3C"}
+{"version":3,"file":"use-tabs.type.d.ts","sourceRoot":"","sources":["use-tabs.type.ts"],"names":[],"mappings":"AAAA,oBAAY,aAAa,GAAG,QAAQ,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAEtF,MAAM,WAAW,aAAa;IAC5B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;CAC3C"}

package/cjs/components/use-textarea/index.js

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

package/cjs/components/use-textarea/use-textarea-format.type.d.ts

@@ -8,9 +8,5 @@ export interface InputFormatProps {
      */
     trim?: boolean;
     onBlur?: React.FocusEventHandler;
-    /**
-     * 取消 blur 触发 onChange,用于多层嵌套的格式化，只在最外层触发一次onChange
-     */
-    cancelBlurChange?: boolean;
 }
 //# sourceMappingURL=use-textarea-format.type.d.ts.map

package/cjs/components/use-textarea/use-textarea-format.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-textarea-format.type.d.ts","sourceRoot":"","sources":["use-textarea-format.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,oBAAY,aAAa,GAAG,MAAM,CAAC;AACnC,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,aAAa,GAAG,SAAS,CAAC;IACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACjC;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B"}
+{"version":3,"file":"use-textarea-format.type.d.ts","sourceRoot":"","sources":["use-textarea-format.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,oBAAY,aAAa,GAAG,MAAM,CAAC;AACnC,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,aAAa,GAAG,SAAS,CAAC;IACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;CAClC"}

package/cjs/components/use-textarea/use-textarea.type.d.ts

@@ -4,12 +4,41 @@ export interface TextAreaPropsOwn {
      * The default value. Use when the component is not controlled.
      */
     value?: string;
+    /**
+     * @en The callback function for changing value
+     * @cn 值改变回调函数
+     */
     onChange?: (value: string) => void;
+    /**
+     * @en The callback when Textarea blur
+     * @cn 失去焦点后的回调
+     */
     onBlur?: React.FocusEventHandler;
+    /**
+     * @en Callback function for blur focus
+     * @cn focus 事件回调函数
+     */
     onFocus?: React.FocusEventHandler;
+    /**
+     * @en Callback function for click
+     * @cn click 事件回调函数
+     */
     onClick?: React.MouseEventHandler;
+    /**
+     * @en Disabled
+     * @cn 是否禁用
+     * @default false
+     */
     disabled?: boolean;
+    /**
+     * @en Get textarea dom
+     * @cn 获取textarea dom
+     */
     textareaRef?: React.Ref<HTMLTextAreaElement>;
+    /**
+     * @en Get root dom
+     * @cn 获取Root dom
+     */
     rootRef?: React.Ref<HTMLElement>;
 }
 export interface BaseTextareaProps extends TextAreaPropsOwn, Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, keyof TextAreaPropsOwn | 'size' | 'prefix' | 'onError'> {

package/cjs/components/use-textarea/use-textarea.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-textarea.type.d.ts","sourceRoot":"","sources":["use-textarea.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,gBAAgB;IAC/B;;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;IACnB,WAAW,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;IAC7C,OAAO,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;CAClC;AAED,MAAM,WAAW,iBACf,SAAQ,gBAAgB,EACtB,IAAI,CACF,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EACjD,MAAM,gBAAgB,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CACvD;CAAG;AAER,MAAM,WAAW,2BAA2B;IAC1C,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;CACnC;AAED,oBAAY,wBAAwB,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,IAAI,CAC3E,MAAM,EAEN,MAAM,2BAA2B,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CACtE,GACC,2BAA2B,CAAC;AAE9B,oBAAY,uBAAuB,GAAG;IACpC,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACjC,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAChC,QAAQ,EAAE,KAAK,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,CAAC;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;IACpC,KAAK,EAAE,GAAG,CAAC;CACZ,CAAC;AAEF,oBAAY,oBAAoB,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,IAAI,CACvE,MAAM,EACN,MAAM,uBAAuB,CAC9B,GACC,uBAAuB,CAAC"}
+{"version":3,"file":"use-textarea.type.d.ts","sourceRoot":"","sources":["use-textarea.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;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;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;IAC7C;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;CAClC;AAED,MAAM,WAAW,iBACf,SAAQ,gBAAgB,EACtB,IAAI,CACF,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EACjD,MAAM,gBAAgB,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CACvD;CAAG;AAER,MAAM,WAAW,2BAA2B;IAC1C,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;CACnC;AAED,oBAAY,wBAAwB,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,IAAI,CAC3E,MAAM,EAEN,MAAM,2BAA2B,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CACtE,GACC,2BAA2B,CAAC;AAE9B,oBAAY,uBAAuB,GAAG;IACpC,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACjC,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAChC,QAAQ,EAAE,KAAK,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,CAAC;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;IACpC,KAAK,EAAE,GAAG,CAAC;CACZ,CAAC;AAEF,oBAAY,oBAAoB,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,IAAI,CACvE,MAAM,EACN,MAAM,uBAAuB,CAC9B,GACC,uBAAuB,CAAC"}

package/cjs/components/use-transfer/index.js

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