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

package/cjs/common/use-filter/use-filter.type.d.ts

@@ -0,0 +1,18 @@
+import { KeygenType, KeygenResult } from '../type';
+export interface UseFilterProps<DataItem> {
+    data?: DataItem[];
+    treeData?: DataItem[];
+    delay?: number;
+    childrenKey?: keyof DataItem & string;
+    keygen: KeygenType<DataItem>;
+    showHitDescendants?: boolean;
+    expanded?: KeygenResult[];
+    groupKey?: string;
+    hideCreateOption?: boolean;
+    onAdvancedFilter: boolean;
+    firstMatch?: boolean;
+    onFilter?: (text: string) => void | ((data: DataItem) => boolean);
+    onFilterWidthCreate?: (data: DataItem, createdData: DataItem, key: string | number) => boolean;
+    onCreate?: ((input: string | DataItem) => DataItem | string) | boolean;
+}
+//# sourceMappingURL=use-filter.type.d.ts.map

package/cjs/common/use-filter/use-filter.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-filter.type.d.ts","sourceRoot":"","sources":["use-filter.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEnD,MAAM,WAAW,cAAc,CAAC,QAAQ;IACtC,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,QAAQ,GAAG,MAAM,CAAC;IACtC,MAAM,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC7B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,EAAE,OAAO,CAAC;IAE1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC;IAClE,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,KAAK,OAAO,CAAC;IAC/F,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,QAAQ,KAAK,QAAQ,GAAG,MAAM,CAAC,GAAG,OAAO,CAAC;CACxE"}

package/cjs/common/use-fork-ref/index.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/common/use-fork-ref/setRef.d.ts

@@ -1,6 +1,5 @@
 import * as React from 'react';
 /**
- * TODO v5: consider making it private
  *
  * passes {value} to {ref}
  *

package/cjs/common/use-fork-ref/setRef.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"setRef.d.ts","sourceRoot":"","sources":["setRef.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,CAAC,EAC9B,GAAG,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,EACzF,KAAK,EAAE,CAAC,GAAG,IAAI,GACd,IAAI,CAMN"}
+{"version":3,"file":"setRef.d.ts","sourceRoot":"","sources":["setRef.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,CAAC,EAC9B,GAAG,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,EACzF,KAAK,EAAE,CAAC,GAAG,IAAI,GACd,IAAI,CAMN"}

package/cjs/common/use-fork-ref/setRef.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = setRef;
 /**
- * TODO v5: consider making it private
  *
  * passes {value} to {ref}
  *

package/cjs/common/use-func-change/index.js

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

package/cjs/common/use-func-change/use-func-change.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-func-change.d.ts","sourceRoot":"","sources":["use-func-change.ts"],"names":[],"mappings":"AAKA,UAAU,kBAAkB,CAAC,CAAC;IAC5B,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;CAC9B;AACD,QAAA,MAAM,aAAa;;;CAelB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"use-func-change.d.ts","sourceRoot":"","sources":["use-func-change.ts"],"names":[],"mappings":"AAKA,UAAU,kBAAkB,CAAC,CAAC;IAC5B,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;CAC9B;AAED,QAAA,MAAM,aAAa;;;CAelB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/cjs/common/use-func-change/use-func-change.js

@@ -8,7 +8,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _utils = require("../../utils");
 var _useRender = _interopRequireDefault(require("../use-render"));
-var _immer = require("immer");
+var _immer = require("../../utils/immer");
 var useFuncChange = function useFuncChange(props) {
   var render = (0, _useRender.default)();
   var context = _react.default.useRef({

package/cjs/common/use-input-able/index.js

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

package/cjs/common/use-key-event/index.js

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

package/cjs/common/use-latest-obj/index.js

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

package/cjs/common/use-list-select/index.js

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

package/cjs/common/use-pagination-list/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 require("core-js/modules/es.array.filter.js");
 require("core-js/modules/web.dom-collections.for-each.js");

package/cjs/common/use-persist-fn/index.js

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

package/cjs/common/use-position-style/get-position-style.d.ts

@@ -2,5 +2,6 @@ import React from 'react';
 export declare const getPositionStyle: (position: string, config?: {
     popupGap?: number | undefined;
     zIndex?: number | undefined;
+    fixedWidth?: boolean | "min" | undefined;
 } | undefined) => React.CSSProperties;
 //# sourceMappingURL=get-position-style.d.ts.map

package/cjs/common/use-position-style/get-position-style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"get-position-style.d.ts","sourceRoot":"","sources":["get-position-style.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,eAAO,MAAM,gBAAgB,aACjB,MAAM;;;qCAmCjB,CAAC"}
+{"version":3,"file":"get-position-style.d.ts","sourceRoot":"","sources":["get-position-style.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,eAAO,MAAM,gBAAgB,aACjB,MAAM;;;;qCAwCjB,CAAC"}

package/cjs/common/use-position-style/get-position-style.js

@@ -16,11 +16,15 @@ var getPositionStyle = function getPositionStyle(position, config) {
   var _ref = config || {},
     _ref$popupGap = _ref.popupGap,
     popupGap = _ref$popupGap === void 0 ? 0 : _ref$popupGap;
-  var mainMargin = "calc(100% + ".concat(popupGap, "px");
-  var halfMargin = "calc(50% + ".concat(popupGap, "px");
+  var mainMargin = "calc(100% + ".concat(popupGap, "px)");
+  var halfMargin = "calc(50% + ".concat(popupGap, "px)");
   var newStyle = {
     zIndex: config === null || config === void 0 ? void 0 : config.zIndex
   };
+  if (config !== null && config !== void 0 && config.fixedWidth) {
+    var key = config.fixedWidth === 'min' ? 'minWidth' : 'width';
+    newStyle[key] = '100%';
+  }
   if (position === 'drop-down') {
     newStyle.top = mainMargin;
     newStyle.left = 0;

package/cjs/common/use-position-style/index.d.ts

@@ -6,9 +6,9 @@ export interface PositionStyleConfig {
     position: PositionType | undefined;
     absolute: boolean;
     show: boolean;
-    parentEl: HTMLElement | null | undefined;
-    popupEl?: HTMLElement | null | undefined;
-    visibleEl?: HTMLElement | null;
+    parentElRef: React.RefObject<HTMLElement>;
+    popupElRef: React.RefObject<HTMLElement>;
+    scrollElRef?: React.RefObject<HTMLElement>;
     getContainer: () => HTMLElement | null | undefined;
     zIndex?: number;
     popupGap?: number;

package/cjs/common/use-position-style/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,oBAAY,kBAAkB,GAC1B,aAAa,GACb,UAAU,GACV,cAAc,GACd,WAAW,GACX,MAAM,GACN,OAAO,CAAC;AACZ,oBAAY,gBAAgB,GACxB,aAAa,GACb,cAAc,GACd,UAAU,GACV,WAAW,GACX,KAAK,GACL,QAAQ,CAAC;AAYb,aAAK,YAAY,GAAG,kBAAkB,GAAG,gBAAgB,GAAG,OAAO,CAAC;AACpE,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,YAAY,GAAG,SAAS,CAAC;IACnC,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IACzC,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IACzC,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC/B,YAAY,EAAE,MAAM,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AACD,eAAO,MAAM,gBAAgB,WAAY,mBAAmB,wBAoN3D,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,oBAAY,kBAAkB,GAC1B,aAAa,GACb,UAAU,GACV,cAAc,GACd,WAAW,GACX,MAAM,GACN,OAAO,CAAC;AACZ,oBAAY,gBAAgB,GACxB,aAAa,GACb,cAAc,GACd,UAAU,GACV,WAAW,GACX,KAAK,GACL,QAAQ,CAAC;AAYb,aAAK,YAAY,GAAG,kBAAkB,GAAG,gBAAgB,GAAG,OAAO,CAAC;AACpE,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,YAAY,GAAG,SAAS,CAAC;IACnC,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;IAEd,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAE1C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAEzC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC3C,YAAY,EAAE,MAAM,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAQD,eAAO,MAAM,gBAAgB,WAAY,mBAAmB,wBAqN3D,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/cjs/common/use-position-style/index.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");
@@ -13,6 +14,7 @@ require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.string.starts-with.js");
 require("core-js/modules/es.regexp.exec.js");
 require("core-js/modules/es.string.replace.js");
+require("core-js/modules/es.array.index-of.js");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _getPositionStyle = require("./get-position-style");
@@ -23,6 +25,12 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var horizontalPosition = ['left-bottom', 'left-top', 'right-bottom', 'right-top', 'left', 'right'];
 var verticalPosition = ['bottom-left', 'bottom-right', 'top-left', 'top-right', 'bottom', 'top'];
+var hideStyle = {
+  pointerEvents: 'none',
+  position: 'absolute',
+  zIndex: -1000,
+  opacity: 0
+};
 var usePositionStyle = function usePositionStyle(config) {
   var _ref = config || {},
     absolute = _ref.absolute,
@@ -34,17 +42,13 @@ var usePositionStyle = function usePositionStyle(config) {
     _ref$popupGap = _ref.popupGap,
     popupGap = _ref$popupGap === void 0 ? 2 : _ref$popupGap,
     getContainer = _ref.getContainer,
-    parentEl = _ref.parentEl,
-    popupEl = _ref.popupEl,
-    visibleEl = _ref.visibleEl,
+    parentElRef = _ref.parentElRef,
+    popupElRef = _ref.popupElRef,
+    scrollElRef = _ref.scrollElRef,
     updateKey = _ref.updateKey,
     adjust = _ref.adjust;
   // 初次渲染无样式的时候， 隐藏展示
-  var _useState = (0, _react.useState)({
-      pointerEvents: 'none',
-      position: 'absolute',
-      zIndex: -1000
-    }),
+  var _useState = (0, _react.useState)(hideStyle),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     style = _useState2[0],
     setStyle = _useState2[1];
@@ -84,12 +88,12 @@ var usePositionStyle = function usePositionStyle(config) {
     return newPosition;
   };
   var getPopUpInfo = function getPopUpInfo(parentRect) {
-    var _popupEl$parentElemen;
-    if (!popupEl) return {
+    var _popupElRef$current$p;
+    if (!popupElRef.current) return {
       width: 0,
       height: 0
     };
-    var el = popupEl.cloneNode(true);
+    var el = popupElRef.current.cloneNode(true);
     el.style.visibility = 'true';
     el.style.opacity = '0';
     el.style.pointerEvents = 'none';
@@ -98,7 +102,7 @@ var usePositionStyle = function usePositionStyle(config) {
       var widthKey = fixedWidth === 'min' ? 'minWidth' : 'width';
       el.style[widthKey] = parentRect.width + 'px';
     }
-    (_popupEl$parentElemen = popupEl.parentElement) === null || _popupEl$parentElemen === void 0 ? void 0 : _popupEl$parentElemen.appendChild(el);
+    (_popupElRef$current$p = popupElRef.current.parentElement) === null || _popupElRef$current$p === void 0 ? void 0 : _popupElRef$current$p.appendChild(el);
     var height = el.offsetHeight;
     var width = el.offsetWidth;
     el.remove();
@@ -119,6 +123,7 @@ var usePositionStyle = function usePositionStyle(config) {
     var targetPosition = position;
     var rootContainer = getContainer() || document.body;
     var containerRect = rootContainer.getBoundingClientRect();
+    var bodyRect = (document.documentElement || document.body).getBoundingClientRect();
     var containerScrollBarWidth = rootContainer.offsetWidth - rootContainer.clientWidth;
     var containerScroll = {
       left: rootContainer.scrollLeft,
@@ -137,19 +142,20 @@ var usePositionStyle = function usePositionStyle(config) {
         style.left = rect.left - containerRect.left + containerScroll.left;
         style.transform = '';
         if (adjust) {
-          overRight = rect.left + context.popUpWidth - containerRect.right + containerScrollBarWidth;
+          overRight = rect.left + context.popUpWidth - bodyRect.right + containerScrollBarWidth;
         }
       } else if (h === 'right') {
-        style.left = rect.right - containerRect.left + containerScroll.left;
-        style.transform = 'translateX(-100%)';
-        if (adjust) overLeft = containerRect.left - (rect.right - context.popUpWidth);
+        style.right = containerRect.right - rect.right + containerScrollBarWidth - containerScroll.left;
+        style.left = 'auto';
+        style.transform = '';
+        if (adjust) overLeft = bodyRect.left - (rect.right - context.popUpWidth);
       } else {
         // 居中对齐
         style.left = rect.left + rect.width / 2 - containerRect.left + containerScroll.left;
         style.transform = 'translateX(-50%)';
         if (adjust) {
-          overRight = rect.left + rect.width / 2 + context.popUpWidth / 2 - containerRect.width + containerScrollBarWidth;
-          overLeft = containerRect.left - (rect.left + rect.width / 2 - context.popUpWidth / 2);
+          overRight = rect.left + rect.width / 2 + context.popUpWidth / 2 - bodyRect.width + containerScrollBarWidth;
+          overLeft = bodyRect.left - (rect.left + rect.width / 2 - context.popUpWidth / 2);
         }
       }
       if (adjust) {
@@ -196,12 +202,13 @@ var usePositionStyle = function usePositionStyle(config) {
     return style;
   };
   var getAbsoluteStyle = function getAbsoluteStyle(position) {
-    if (!parentEl) return;
+    if (!parentElRef.current) return hideStyle;
     var rect = context.parentRect;
-    if (visibleEl) {
-      var visibleRect = (visibleEl === null || visibleEl === void 0 ? void 0 : visibleEl.getBoundingClientRect()) || {};
+    if (scrollElRef !== null && scrollElRef !== void 0 && scrollElRef.current) {
+      var _scrollElRef$current;
+      var visibleRect = ((_scrollElRef$current = scrollElRef.current) === null || _scrollElRef$current === void 0 ? void 0 : _scrollElRef$current.getBoundingClientRect()) || {};
       if (rect.bottom < visibleRect.top || rect.top > visibleRect.bottom || rect.right < visibleRect.left || rect.left > visibleRect.right) {
-        return;
+        return hideStyle;
       }
     }
     var style = getAbsolutePositionStyle(rect, position);
@@ -212,8 +219,8 @@ var usePositionStyle = function usePositionStyle(config) {
     var _ref2 = config || {},
       position = _ref2.position,
       absolute = _ref2.absolute;
-    if (!position || !show || !parentEl) return style;
-    context.parentRect = parentEl.getBoundingClientRect();
+    if (!position || !show || !parentElRef.current) return style;
+    context.parentRect = parentElRef.current.getBoundingClientRect();
     if (adjust) {
       var popupInfo = getPopUpInfo(context.parentRect);
       context.popUpHeight = popupInfo.height;
@@ -223,11 +230,16 @@ var usePositionStyle = function usePositionStyle(config) {
     if (!absolute) {
       newStyle = (0, _getPositionStyle.getPositionStyle)(realPosition, {
         popupGap: popupGap,
-        zIndex: zIndex
+        zIndex: zIndex,
+        fixedWidth: fixedWidth
       });
     } else {
       newStyle = getAbsoluteStyle(realPosition);
     }
+    // for animation
+    if (realPosition.indexOf('top') === 0) {
+      newStyle.transformOrigin = 'center bottom';
+    }
     return newStyle;
   };
   var updateStyle = (0, _usePersistFn.default)(function () {
@@ -236,7 +248,7 @@ var usePositionStyle = function usePositionStyle(config) {
       setStyle(newStyle);
     }
   });
-  (0, _react.useEffect)(updateStyle, [show, position, absolute, parentEl, visibleEl, updateKey]);
+  (0, _react.useEffect)(updateStyle, [show, position, absolute, updateKey]);
   return style;
 };
 exports.usePositionStyle = usePositionStyle;

package/cjs/common/use-previous/index.js

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

package/cjs/common/use-render/index.js

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

package/cjs/common/use-resize/index.js

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

package/cjs/common/use-safe-state/index.js

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

package/cjs/common/use-style/index.js

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

package/cjs/common/use-toggle/index.js

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

package/cjs/common/use-transform/index.js

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

package/cjs/common/use-transform/use-transform.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-transform.d.ts","sourceRoot":"","sources":["use-transform.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,QAAA,MAAM,YAAY,aAAc,iBAAiB;;;;;;;;8BAsBd,MAAM;;wBAsDZ,WAAW,SAAS,WAAW;;;;;;CAuC3D,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"use-transform.d.ts","sourceRoot":"","sources":["use-transform.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,QAAA,MAAM,YAAY,aAAc,iBAAiB;;;;;;;;8BAsBd,MAAM;;wBAmDZ,WAAW,SAAS,WAAW;;;;;;CAuC3D,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/cjs/common/use-transform/use-transform.js

@@ -50,27 +50,24 @@ var useTransform = function useTransform(props) {
     if (!containerDimension || !targetDimension) return;
     // 内部容器的宽度小于外部容器的宽度，无需移动
     if (targetDimension < containerDimension) {
-      if (atEnd === false) {
-        setAtEnd(true);
-      }
+      if (atEnd === true) setAtEnd(false);
+      if (atStart === true) setAtStart(false);
       return;
     }
 
     // 移动距离大于0，说明已经到达最左边或者最上边，无需移动
     if (dimension <= 0) {
       setDelta(0);
-      if (atStart === false) {
-        setAtStart(true);
-      }
+      if (atEnd === true) setAtEnd(false);
+      if (atStart === false) setAtStart(true);
       return;
     }
     // 移动距离大于最大可移动距离，说明已经到达最右边或者最下边，无需移动
     var maxDelta = targetDimension - containerDimension;
     if (dimension >= maxDelta) {
       setDelta(maxDelta);
-      if (atEnd === false) {
-        setAtEnd(true);
-      }
+      if (atEnd === false) setAtEnd(true);
+      if (atStart === true) setAtStart(false);
       return;
     }
     if (atStart === true) setAtStart(false);

package/cjs/common/use-unmounted-ref/index.js

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

package/cjs/components/use-button/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-button/use-button.d.ts

@@ -32,7 +32,7 @@ declare const useButton: (props?: BaseButtonProps) => {
         onRef: React.Ref<HTMLAnchorElement | HTMLButtonElement> | undefined;
         onClick: (event: React.MouseEvent<HTMLButtonElement> | React.MouseEvent<HTMLAnchorElement>) => void;
     };
-    getSpaceChildren: (children: React.ReactNode, space?: boolean) => React.ReactNode;
+    getSpaceChildren: (children: React.ReactNode, space?: boolean, className?: string) => React.ReactNode;
 };
 export default useButton;
 //# sourceMappingURL=use-button.d.ts.map

package/cjs/components/use-button/use-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-button.d.ts","sourceRoot":"","sources":["use-button.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAe,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG5D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,QAAA,MAAM,SAAS,WAAW,eAAe;;;;;;;;;;;;;yBAmB7B,gBAAgB,CAAC,iBAAiB,CAAC,GAAG,gBAAgB,CAAC,iBAAiB,CAAC;;;;;;;;;;;;;;;;yBAAzE,gBAAgB,CAAC,iBAAiB,CAAC,GAAG,gBAAgB,CAAC,iBAAiB,CAAC;;iCAQ/C,MAAM,SAAS,UAAU,OAAO;CAqDrE,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"use-button.d.ts","sourceRoot":"","sources":["use-button.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAe,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG5D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,QAAA,MAAM,SAAS,WAAW,eAAe;;;;;;;;;;;;;yBAmB7B,gBAAgB,CAAC,iBAAiB,CAAC,GAAG,gBAAgB,CAAC,iBAAiB,CAAC;;;;;;;;;;;;;;;;yBAAzE,gBAAgB,CAAC,iBAAiB,CAAC,GAAG,gBAAgB,CAAC,iBAAiB,CAAC;;iCAQ/C,MAAM,SAAS,UAAU,OAAO,cAAc,MAAM;CAqDzF,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/cjs/components/use-button/use-button.js

@@ -46,8 +46,8 @@ var useButton = function useButton() {
       otherHandlers === null || otherHandlers === void 0 ? void 0 : (_otherHandlers$onClic = otherHandlers.onClick) === null || _otherHandlers$onClic === void 0 ? void 0 : _otherHandlers$onClic.call(otherHandlers, event);
     };
   };
-  var getSpaceChildren = function getSpaceChildren(children, space) {
-    return (0, _element.wrapSpan)(children, space);
+  var getSpaceChildren = function getSpaceChildren(children, space, className) {
+    return (0, _element.wrapSpan)(children, space, className);
   };
   var getAnchorProps = function getAnchorProps() {
     var externalProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};

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

@@ -3,7 +3,17 @@ export declare type ButtonShape = 'circle' | 'round' | 'square';
 export declare type ButtonMode = 'text' | 'outline' | 'dashed';
 export declare type ButtonType = 'default' | 'primary' | 'secondary' | 'danger' | 'warning' | 'success' | 'link';
 export interface BaseButtonProps {
+    /**
+     * @en Specifies the button should be disabled
+     * @cn 禁用
+     * @default false
+     */
     disabled?: boolean;
+    /**
+     * @en Loading
+     * @cn loading 状态
+     * @default false
+     */
     loading?: boolean;
     /**
      * 按钮风格模式
@@ -12,6 +22,10 @@ export interface BaseButtonProps {
      * - dash 虚框按钮
      * - outline 线框按钮
      */
+    /**
+     * @en The mode of the button
+     * @cn 按钮风格
+     */
     mode?: ButtonMode;
     /**
      * @deprecated 文本按钮,即将废弃，请使用 mode="text"
@@ -21,15 +35,56 @@ export interface BaseButtonProps {
      * @deprecated 线框按钮,即将废弃，请使用 mode="outline"
      */
     outline?: boolean;
+    /**
+     * @en The type of the button
+     * @cn 按钮类型
+     * @default 'default'
+     */
     type?: ButtonType;
+    /**
+     * @en The size of the button
+     * @cn 按钮尺寸
+     * @default 'default'
+     */
     size?: 'small' | 'large' | 'default';
+    /**
+     * @en For Button with only 2 Chinese characters, whether to insert a space between the two Chinese characters
+     * @cn 仅有2个汉字的按钮，是否在2个汉字中间插入空格
+     * @default false
+     */
     space?: boolean;
+    /**
+     * @en If the href attribute is set, <a> will be used instead of <button>
+     * @cn 如果设置了 href 属性，将会用 <a> 代替 <button>
+     */
     href?: string;
+    /**
+     * @cn 当设置了 href 属性时，target 会被设置到 <a> 元素上
+     * @en If present, target will be set onto <a> element.(Effective only when href is been set)
+     */
     target?: string;
+    /**
+     * @en Can be set button shape
+     * @cn 设置按钮形状
+     * @default 'default'
+     */
     shape?: ButtonShape;
+    /**
+     * @en Type of button original
+     * @cn 按钮原生type属性
+     * @default 'button'
+     */
     htmlType?: 'button' | 'submit' | 'reset';
     buttonRef?: React.Ref<HTMLButtonElement>;
+    /**
+     * @en Button click callback
+     * @cn 按钮点击回调
+     */
     onClick?: React.MouseEventHandler;
+    /**
+     * @en Get button dom
+     * @cn 获取按钮节点
+     */
     onRef?: React.Ref<HTMLButtonElement | HTMLAnchorElement>;
 }
 //# sourceMappingURL=use-button.type.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-button.type.d.ts","sourceRoot":"","sources":["use-button.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,oBAAY,WAAW,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AACxD,oBAAY,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;AACvD,oBAAY,UAAU,GAClB,SAAS,GACT,SAAS,GACT,WAAW,GACX,QAAQ,GACR,SAAS,GACT,SAAS,GACT,MAAM,CAAC;AAEX,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;IACrC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACzC,SAAS,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACzC,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;CAC1D"}
+{"version":3,"file":"use-button.type.d.ts","sourceRoot":"","sources":["use-button.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,oBAAY,WAAW,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AACxD,oBAAY,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;AACvD,oBAAY,UAAU,GAClB,SAAS,GACT,SAAS,GACT,WAAW,GACX,QAAQ,GACR,SAAS,GACT,SAAS,GACT,MAAM,CAAC;AAEX,MAAM,WAAW,eAAe;IAC9B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;;;OAMG;IACH;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;IACrC;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACzC,SAAS,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACzC;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;CAC1D"}

package/cjs/components/use-carousel/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-cascader/index.d.ts

@@ -0,0 +1,3 @@
+export { default, default as useCascader } from './use-cascader';
+export type { BaseCascaderProps } from './use-cascader.type';
+//# sourceMappingURL=index.d.ts.map

package/cjs/components/use-cascader/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACjE,YAAY,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}

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

@@ -0,0 +1,20 @@
+"use strict";
+"use client";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _useCascader.default;
+  }
+});
+Object.defineProperty(exports, "useCascader", {
+  enumerable: true,
+  get: function get() {
+    return _useCascader.default;
+  }
+});
+var _useCascader = _interopRequireDefault(require("./use-cascader"));