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

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.string.ends-with.js");
 require("core-js/modules/es.array.index-of.js");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
@@ -24,6 +26,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,
@@ -35,17 +43,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];
@@ -82,15 +86,28 @@ var usePositionStyle = function usePositionStyle(config) {
         newPosition = newPosition.replace('bottom', 'top');
       }
     }
+    if (!absolute) {
+      var winWidth = _utils.docSize.width;
+      var horizontalPoint = context.parentRect.left + context.parentRect.width / 2;
+      if (newPosition.endsWith('right')) {
+        if (horizontalPoint / winWidth < 0.5 && context.parentRect.right - context.popUpWidth < 0) {
+          newPosition = newPosition.replace('right', 'left');
+        }
+      } else {
+        if (horizontalPoint / winWidth > 0.5 && context.parentRect.left + context.popUpWidth > winWidth) {
+          newPosition = newPosition.replace('left', 'right');
+        }
+      }
+    }
     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';
@@ -99,7 +116,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();
@@ -120,6 +137,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,
@@ -138,19 +156,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) {
@@ -197,12 +216,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);
@@ -213,8 +233,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;
@@ -224,7 +244,8 @@ var usePositionStyle = function usePositionStyle(config) {
     if (!absolute) {
       newStyle = (0, _getPositionStyle.getPositionStyle)(realPosition, {
         popupGap: popupGap,
-        zIndex: zIndex
+        zIndex: zIndex,
+        fixedWidth: fixedWidth
       });
     } else {
       newStyle = getAbsoluteStyle(realPosition);
@@ -241,7 +262,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

@@ -11,11 +11,11 @@ declare const useButton: (props?: BaseButtonProps) => {
         size?: "small" | "default" | "large" | undefined;
         space?: boolean | undefined;
         shape?: import("./use-button.type").ButtonShape | undefined;
+        buttonRef?: React.Ref<HTMLButtonElement> | undefined;
     } & TOther & {
         href: string | undefined;
         target: string | undefined;
         onClick: (event: React.MouseEvent<HTMLButtonElement> | React.MouseEvent<HTMLAnchorElement>) => void;
-        onRef: React.Ref<HTMLAnchorElement | HTMLButtonElement> | undefined;
     };
     getButtonProps: <TOther_1 extends ObjectType<any> = ObjectType<any>>(externalProps?: TOther_1) => {
         mode?: import("./use-button.type").ButtonMode | undefined;
@@ -25,11 +25,10 @@ declare const useButton: (props?: BaseButtonProps) => {
         size?: "small" | "default" | "large" | undefined;
         space?: boolean | undefined;
         shape?: import("./use-button.type").ButtonShape | undefined;
+        buttonRef?: React.Ref<HTMLButtonElement> | undefined;
     } & TOther_1 & {
-        ref: ((instance: HTMLButtonElement | null) => void) | null;
         disabled: boolean | undefined;
         htmlType: "reset" | "submit" | "button" | undefined;
-        onRef: React.Ref<HTMLAnchorElement | HTMLButtonElement> | undefined;
         onClick: (event: React.MouseEvent<HTMLButtonElement> | React.MouseEvent<HTMLAnchorElement>) => void;
     };
     getSpaceChildren: (children: React.ReactNode, space?: boolean, className?: string) => React.ReactNode;

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,cAAc,MAAM;CAqDzF,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;AAC/B,OAAO,EAAe,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG5D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,QAAA,MAAM,SAAS,WAAW,eAAe;;;;;;;;;;;;;;yBAK7B,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;CAgDzF,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -3,24 +3,16 @@
 require("core-js/modules/es.array.filter.js");
 require("core-js/modules/web.dom-collections.for-each.js");
 require("core-js/modules/es.object.get-own-property-descriptors.js");
-require("core-js/modules/es.array.iterator.js");
-require("core-js/modules/es.weak-map.js");
-require("core-js/modules/web.dom-collections.iterator.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var React = _interopRequireWildcard(require("react"));
-var _useForkRef = _interopRequireDefault(require("../../common/use-fork-ref"));
 var _utils = require("../../utils");
 var _element = require("../../utils/dom/element");
-var _excluded = ["htmlType", "href", "target", "buttonRef", "disabled", "loading", "onClick", "onRef"];
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _excluded = ["htmlType", "href", "target", "disabled", "loading", "onClick"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var useButton = function useButton() {
@@ -28,14 +20,10 @@ var useButton = function useButton() {
   var htmlType = props.htmlType,
     href = props.href,
     target = props.target,
-    buttonRefPo = props.buttonRef,
     disabled = props.disabled,
     loading = props.loading,
     onClick = props.onClick,
-    onRef = props.onRef,
     propsToForward = (0, _objectWithoutProperties2.default)(props, _excluded);
-  var buttonRef = React.useRef(null);
-  var handleButtonRef = (0, _useForkRef.default)(buttonRef, buttonRefPo);
   var handleClick = function handleClick(otherHandlers) {
     return function (event) {
       var _otherHandlers$onClic;
@@ -53,8 +41,7 @@ var useButton = function useButton() {
     var externalProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     var externalEventHandlers = _objectSpread({}, (0, _utils.extractEventHandlers)(externalProps));
     var mergedEventHandlers = _objectSpread(_objectSpread(_objectSpread({}, propsToForward), externalProps), {}, {
-      onClick: handleClick(externalEventHandlers),
-      onRef: onRef
+      onClick: handleClick(externalEventHandlers)
     });
     return _objectSpread(_objectSpread({}, mergedEventHandlers), {}, {
       href: href,
@@ -67,12 +54,9 @@ var useButton = function useButton() {
     var mergedEventHandlers = _objectSpread(_objectSpread(_objectSpread({}, propsToForward), externalProps), {}, {
       disabled: disabled || loading,
       htmlType: htmlType,
-      onRef: onRef,
       onClick: handleClick(externalEventHandlers)
     });
-    return _objectSpread(_objectSpread({}, mergedEventHandlers), {}, {
-      ref: handleButtonRef
-    });
+    return mergedEventHandlers;
   };
   return {
     disabled: disabled,

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,51 @@ 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;
-    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;CACnC"}

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

@@ -3,10 +3,10 @@ import { BaseCascaderProps } from './use-cascader.type';
 declare const useCascader: <DataItem, Value extends KeygenResult[]>(props: BaseCascaderProps<DataItem, Value>) => {
     datum: {
         get: (id: KeygenResult) => import("../use-tree/use-tree.type").CheckedStatusType | undefined;
-        set: (id: KeygenResult, checked: import("../use-tree/use-tree.type").CheckedStatusType, direction?: "desc" | "asc" | undefined) => import("../use-tree/use-tree.type").CheckedStatusType;
+        set: (id: KeygenResult, checked: import("../use-tree/use-tree.type").CheckedStatusType, direction?: "desc" | "asc" | undefined) => import("../use-tree/use-tree.type").CheckedStatusType | null;
         childrenKey: keyof DataItem & string;
         data: DataItem[];
-        getPath: (id: KeygenResult) => import("../use-tree").TreePathType<KeygenResult> | undefined;
+        getPath: (id: KeygenResult) => import("../use-tree").TreePathType | undefined;
         getValue: () => KeygenResult[];
         getChecked: (id: KeygenResult) => boolean | "indeterminate";
         getKey: (item: DataItem, id?: KeygenResult, index?: number | undefined) => KeygenResult;
@@ -28,6 +28,10 @@ declare const useCascader: <DataItem, Value extends KeygenResult[]>(props: BaseC
             IS_NOT_MATCHED_VALUE: boolean;
             value: KeygenResult;
         } | null;
+        pathMap: Map<KeygenResult, import("../use-tree").TreePathType>;
+        dataMap: Map<KeygenResult, DataItem>;
+        valueMap: Map<KeygenResult, import("../use-tree/use-tree.type").CheckedStatusType>;
+        updateMap: Map<KeygenResult, import("../use-tree").UpdateFunc>;
     };
     value: Value | undefined;
     onChange: (value: Value, selected?: DataItem | undefined) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"use-cascader.d.ts","sourceRoot":"","sources":["use-cascader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAGxD,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqChB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"use-cascader.d.ts","sourceRoot":"","sources":["use-cascader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAGxD,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwChB,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -12,24 +12,27 @@ var useCascader = function useCascader(props) {
     control = props.control,
     keygen = props.keygen,
     mode = props.mode,
+    unmatch = props.unmatch,
     disabled = props.disabled,
     defaultValue = props.defaultValue,
     beforeChange = props.beforeChange,
     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 _useTree = (0, _useTree2.default)({
       value: value,
       data: data,
-      unmatch: false,
+      unmatch: unmatch,
       keygen: keygen,
       mode: mode,
       disabled: disabled,

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

@@ -5,10 +5,13 @@ export interface BaseCascaderProps<DataItem, Value extends KeygenResult[]> {
     defaultValue?: Value;
     data: DataItem[];
     control: boolean;
+    unmatch: boolean;
     childrenKey?: ObjectKey<DataItem>;
     onChange?: (value: Value, selected?: DataItem) => void;
     beforeChange?: (value: Value) => any;
     mode?: TreeModeType;
     keygen: TreeKeygenType<DataItem>;
+    disabled?: ((data: DataItem) => boolean) | boolean;
+    filterSameChange?: boolean;
 }
 //# sourceMappingURL=use-cascader.type.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-cascader.type.d.ts","sourceRoot":"","sources":["use-cascader.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEzD,MAAM,WAAW,iBAAiB,CAAC,QAAQ,EAAE,KAAK,SAAS,YAAY,EAAE;IACvE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,CAAC,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,GAAG,CAAC;IACrC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,MAAM,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC;CAClC"}
+{"version":3,"file":"use-cascader.type.d.ts","sourceRoot":"","sources":["use-cascader.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEzD,MAAM,WAAW,iBAAiB,CAAC,QAAQ,EAAE,KAAK,SAAS,YAAY,EAAE;IACvE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,CAAC,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,GAAG,CAAC;IACrC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,MAAM,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC,GAAG,OAAO,CAAC;IACnD,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B"}

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

@@ -1,10 +1,35 @@
 import React from 'react';
 export interface BaseCheckProps {
+    /**
+     * @en Checked status，will in control when pass
+     * @cn 当前选中状态，checked 传入时为受控组件
+     */
     checked?: boolean;
+    /**
+     * @en Default checked status
+     * @cn 默认选中状态
+     */
     defaultChecked?: boolean;
+    /**
+     * @en Change callback, Checked means selected status
+     * @cn 改变回调,Checked 表示选中状态
+     */
     onChange?: (checked: boolean, event: React.ChangeEvent) => void;
+    /**
+     * @en Click callback
+     * @cn 勾选框点击回调
+     */
     onClick?: (e: React.MouseEvent<HTMLInputElement>) => void;
+    /**
+     * @en Disable checkbox
+     * @cn 是否禁用
+     * @default false
+     */
     disabled?: boolean;
+    /**
+     * @en Get input dom
+     * @cn 获取input dom
+     */
     inputRef?: React.Ref<HTMLInputElement>;
 }
 //# sourceMappingURL=use-check.type.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-check.type.d.ts","sourceRoot":"","sources":["use-check.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,IAAI,CAAC;IAChE,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;CACxC"}
+{"version":3,"file":"use-check.type.d.ts","sourceRoot":"","sources":["use-check.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,IAAI,CAAC;IAChE;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC1D;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;CACxC"}

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

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