@sheinx/hooks 3.0.0-alpha.2 → 3.0.0-alpha.21

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;;;;;;;;;;;;;;;;;;;;;;;;;2BA4ElD,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 () {

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

@@ -1,3 +1,4 @@
 export { default, default as useSelect } from './use-select';
+export { default as useGroup } from './use-select-group';
 export type { BaseSelectProps } from './use-select.type';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AAC7D,YAAY,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACzD,YAAY,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

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", {
@@ -10,10 +11,17 @@ Object.defineProperty(exports, "default", {
     return _useSelect.default;
   }
 });
+Object.defineProperty(exports, "useGroup", {
+  enumerable: true,
+  get: function get() {
+    return _useSelectGroup.default;
+  }
+});
 Object.defineProperty(exports, "useSelect", {
   enumerable: true,
   get: function get() {
     return _useSelect.default;
   }
 });
-var _useSelect = _interopRequireDefault(require("./use-select"));
+var _useSelect = _interopRequireDefault(require("./use-select"));
+var _useSelectGroup = _interopRequireDefault(require("./use-select-group"));

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

@@ -0,0 +1,7 @@
+import { UseSelectGroupProps } from './use-select-group.type';
+declare const UseSelectGroup: <DataItem>(props: UseSelectGroupProps<DataItem>) => {
+    data: DataItem[];
+    groupKey: string;
+};
+export default UseSelectGroup;
+//# sourceMappingURL=use-select-group.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-select-group.d.ts","sourceRoot":"","sources":["use-select-group.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAG9D,QAAA,MAAM,cAAc;;;CAoCnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.array.reduce.js");
+require("core-js/modules/es.array.concat.js");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _utils = require("../../utils");
+var UseSelectGroup = function UseSelectGroup(props) {
+  var _props$data = props.data,
+    dataProp = _props$data === void 0 ? [] : _props$data,
+    groupBy = props.groupBy;
+  var _useState = (0, _react.useState)([]),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    data = _useState2[0],
+    setData = _useState2[1];
+  var groupKey = (0, _react.useRef)('');
+  var initGroupData = function initGroupData() {
+    if (typeof groupBy !== 'function') {
+      setData(dataProp);
+      return;
+    }
+    var groupData = {};
+    dataProp.forEach(function (item, index) {
+      var group = groupBy(item, index, dataProp);
+      if (!groupData[group]) groupData[group || ''] = group ? [(0, _defineProperty2.default)({}, groupKey.current, group)] : [];
+      groupData[group].push(item);
+    });
+    var newData = Object.keys(groupData).reduce(function (p, v) {
+      return v ? p.concat(groupData[v]) : groupData[v].concat(p);
+    }, []);
+    setData(newData);
+  };
+  (0, _react.useEffect)(function () {
+    if (!groupBy) return;
+    groupKey.current = (0, _utils.getUidStr)();
+    initGroupData();
+  }, [dataProp]);
+  return {
+    data: data,
+    groupKey: groupKey.current
+  };
+};
+var _default = UseSelectGroup;
+exports.default = _default;

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

@@ -0,0 +1,5 @@
+export interface UseSelectGroupProps<DataItem> {
+    data?: DataItem[];
+    groupBy?: (item: DataItem, index?: number, data?: DataItem[]) => string;
+}
+//# sourceMappingURL=use-select-group.type.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-select-group.type.d.ts","sourceRoot":"","sources":["use-select-group.type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,mBAAmB,CAAC,QAAQ;IAC3C,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,QAAQ,EAAE,KAAK,MAAM,CAAC;CACzE"}

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

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

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":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCd,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCd,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _useInputAble2 = require("../../common/use-input-able");
 var _useListSelect = require("../../common/use-list-select");
-// import { getKey } from '../../utils';
-// import { KeygenResult } from '../../common/type';
-
+var emptyArray = [];
 var useSelect = function useSelect(props) {
   var data = props.data,
+    treeData = props.treeData,
+    separator = props.separator,
     control = props.control,
     defaultValue = props.defaultValue,
     beforeChange = props.beforeChange,
@@ -30,7 +30,8 @@ var useSelect = function useSelect(props) {
     value = _useInputAble.value,
     onChange = _useInputAble.onChange;
   var datum = (0, _useListSelect.useListSelect)({
-    data: data,
+    data: data || treeData || emptyArray,
+    separator: separator,
     format: format,
     value: value,
     multiple: multiple,

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

@@ -1,14 +1,54 @@
 import { ObjectKey } from '../../common/type';
 export interface BaseSelectProps<DataItem, Value> {
     value?: Value;
-    data: DataItem[];
+    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;
 }
 //# 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,EAAE,QAAQ,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,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;CACpF"}
+{"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;CACzE"}

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-slider/use-slider.d.ts

@@ -13,15 +13,15 @@ export declare const useSlider: <Value extends number | number[]>(props: UseSlid
     startValue: number;
     endValue: number;
     innerStyle: {
-        top: string;
         bottom: string;
+        top: string;
         left?: undefined;
         right?: undefined;
     } | {
         left: string;
         right: string;
-        top?: undefined;
         bottom?: undefined;
+        top?: undefined;
     };
 };
 export default useSlider;

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

@@ -93,7 +93,7 @@ var useSlider = function useSlider(props) {
       var newRate = (0, _toConsumableArray2.default)(r);
       var v = context.dragIndex === 0 ? r[0] : r[1];
       var max = props.vertical ? target.clientHeight : target.clientWidth;
-      var delta = props.vertical ? deltaY : deltaX;
+      var delta = props.vertical ? deltaY * -1 : deltaX;
       var rate = Math.max(v + delta / max, 0);
       if (rate > 1) {
         rate = 1;
@@ -126,7 +126,7 @@ var useSlider = function useSlider(props) {
     if (context.clickLock) return;
     var target = e.currentTarget;
     var rect = target.getBoundingClientRect();
-    var rate = !props.vertical ? (e.clientX - rect.left) / rect.width : (e.clientY - rect.top) / rect.height;
+    var rate = !props.vertical ? (e.clientX - rect.left) / rect.width : (rect.bottom - e.clientY) / rect.height;
     var value = getValueFromRate(rate, scale, step);
     if (props.range) {
       var _start = startValue;
@@ -145,8 +145,8 @@ var useSlider = function useSlider(props) {
   });
   var getTrackInnerStyle = function getTrackInnerStyle(start, end) {
     if (props.vertical) return {
-      top: start * 100 + '%',
-      bottom: (1 - end) * 100 + '%'
+      bottom: start * 100 + '%',
+      top: (1 - end) * 100 + '%'
     };
     return {
       left: start * 100 + '%',

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;

package/esm/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/esm/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/esm/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/esm/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");