@sheinx/hooks 3.9.0-beta.9 → 3.9.1-beta.1

package/esm/common/use-collapse-animation/use-collapse-animation.d.ts

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+export interface UseCollapseAnimationOptions {
+    /**
+     * 是否展开
+     */
+    isOpen: boolean;
+    /**
+     * 动画时长（毫秒）
+     * @default 240
+     */
+    duration?: number;
+    /**
+     * 是否禁用动画
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 过渡函数
+     * @default 'cubic-bezier(.2,0,0,1)'
+     */
+    timingFunction?: string;
+}
+/**
+ * 为元素添加折叠/展开动画的 Hook
+ *
+ * @example
+ * ```tsx
+ * const ref = useRef<HTMLDivElement>(null);
+ * useCollapseAnimation(ref, { isOpen: true });
+ *
+ * return <div ref={ref}>Content</div>;
+ * ```
+ */
+export declare function useCollapseAnimation<T extends HTMLElement = HTMLElement>(elementRef: React.RefObject<T>, options: UseCollapseAnimationOptions): void;
+//# sourceMappingURL=use-collapse-animation.d.ts.map

package/esm/common/use-collapse-animation/use-collapse-animation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-collapse-animation.d.ts","sourceRoot":"","sources":["use-collapse-animation.ts"],"names":[],"mappings":";AAEA,MAAM,WAAW,2BAA2B;IAC1C;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EACtE,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAC9B,OAAO,EAAE,2BAA2B,QAwFrC"}

package/esm/common/use-collapse-animation/use-collapse-animation.js

@@ -0,0 +1,101 @@
+import { useEffect, useRef } from 'react';
+/**
+ * 为元素添加折叠/展开动画的 Hook
+ *
+ * @example
+ * ```tsx
+ * const ref = useRef<HTMLDivElement>(null);
+ * useCollapseAnimation(ref, { isOpen: true });
+ *
+ * return <div ref={ref}>Content</div>;
+ * ```
+ */
+export function useCollapseAnimation(elementRef, options) {
+  var isOpen = options.isOpen,
+    _options$duration = options.duration,
+    duration = _options$duration === void 0 ? 240 : _options$duration,
+    _options$disabled = options.disabled,
+    disabled = _options$disabled === void 0 ? false : _options$disabled,
+    _options$timingFuncti = options.timingFunction,
+    timingFunction = _options$timingFuncti === void 0 ? 'cubic-bezier(.2,0,0,1)' : _options$timingFuncti;
+  var isFirstRenderRef = useRef(true);
+
+  // 当 disabled 状态变化时，重置首次渲染标记
+  useEffect(function () {
+    if (disabled) {
+      isFirstRenderRef.current = true;
+    }
+  }, [disabled]);
+  useEffect(function () {
+    if (!elementRef.current) return;
+    var el = elementRef.current;
+
+    // 如果禁用动画，清除所有样式并返回
+    if (disabled) {
+      el.style.height = '';
+      el.style.overflow = '';
+      el.style.transition = '';
+      el.style.display = '';
+      return;
+    }
+    var timer = null;
+
+    // 设置 display: block，让元素始终可见，由高度控制折叠
+    el.style.display = 'block';
+
+    // 首次渲染时，直接设置初始状态，不做动画
+    if (isFirstRenderRef.current) {
+      isFirstRenderRef.current = false;
+      if (!isOpen) {
+        el.style.height = '0px';
+        el.style.overflow = 'hidden';
+      }
+      return;
+    }
+    if (isOpen) {
+      // 展开动画
+      el.style.height = '0px';
+      el.style.overflow = 'hidden';
+
+      // 强制重绘
+      void el.offsetHeight;
+
+      // 获取实际高度
+      var scrollHeight = el.scrollHeight;
+
+      // 启动动画
+      requestAnimationFrame(function () {
+        el.style.transition = "height ".concat(duration, "ms ").concat(timingFunction);
+        el.style.height = "".concat(scrollHeight, "px");
+
+        // 动画结束后恢复 auto
+        timer = setTimeout(function () {
+          if (el && isOpen) {
+            el.style.height = '';
+            el.style.overflow = '';
+            el.style.transition = '';
+          }
+        }, duration);
+      });
+    } else {
+      // 收起动画
+      var _scrollHeight = el.scrollHeight;
+      el.style.height = "".concat(_scrollHeight, "px");
+      el.style.overflow = 'hidden';
+
+      // 强制重绘
+      void el.offsetHeight;
+      requestAnimationFrame(function () {
+        el.style.transition = "height ".concat(duration, "ms ").concat(timingFunction);
+        el.style.height = '0px';
+      });
+    }
+
+    // 清理函数：组件卸载或依赖变化时清除定时器
+    return function () {
+      if (timer) {
+        clearTimeout(timer);
+      }
+    };
+  }, [isOpen, disabled, duration, timingFunction]);
+}

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

@@ -13,7 +13,7 @@ export interface UseFilterProps<DataItem> {
     firstMatch?: boolean;
     onFilter?: (text: string, from?: string) => void | ((data: DataItem) => boolean);
     onFilterWidthCreate?: (data: DataItem, createdData: DataItem, key: string | number) => boolean;
-    onCreate?: ((input: string | DataItem) => DataItem | string) | boolean;
+    onCreate?: ((input: string) => DataItem | string) | boolean;
     filterDelay?: number;
 }
 //# sourceMappingURL=use-filter.type.d.ts.map

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

@@ -1 +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,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC;IACjF,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;IACvE,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}
+{"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,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC;IACjF,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,KAAK,QAAQ,GAAG,MAAM,CAAC,GAAG,OAAO,CAAC;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}

package/esm/common/use-input-able/use-Input-able.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-Input-able.d.ts","sourceRoot":"","sources":["use-Input-able.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEnE,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,CAAC,EAAE,CAAC,SAAS,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC;;;;EA2E3F"}
+{"version":3,"file":"use-Input-able.d.ts","sourceRoot":"","sources":["use-Input-able.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEnE,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,CAAC,EAAE,CAAC,SAAS,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC;;;;EA6E3F"}

package/esm/common/use-input-able/use-Input-able.js

@@ -4,7 +4,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { useEffect, useRef, useState } from 'react';
+import { useLayoutEffect, useRef, useState } from 'react';
 import { isFunc } from "../../utils/is";
 import { shallowEqual } from "../../utils/shallow-equal";
 import usePersistFn from "../use-persist-fn";
@@ -39,19 +39,18 @@ export default function useInputAble(props) {
   var render = useRender(syncValue);
   var shouldUseState = delay || !control;
   var value = shouldUseState ? stateValue : valuePo;
-  useEffect(function () {
-    if (context.timer) {
-      clearTimeout(context.timer);
-      context.timer = null;
-    }
+  useLayoutEffect(function () {
     if (delay && control && props.value !== stateValue) {
       changeStateValue(props.value);
+    } else if (context.timer) {
+      clearTimeout(context.timer);
+      context.timer = null;
     }
   }, [props.value, delay, control]);
   var forceDelayChange = usePersistFn(function () {
-    if (context.timer && context.delayChange) {
+    if (context.delayChange) context.delayChange();
+    if (context.timer) {
       clearTimeout(context.timer);
-      context.delayChange();
       context.timer = null;
       context.delayChange = null;
     }

package/esm/components/use-button/use-button.d.ts

@@ -8,7 +8,7 @@ declare const useButton: (props?: BaseButtonProps) => {
         text?: boolean | undefined;
         outline?: boolean | undefined;
         type?: import("./use-button.type").ButtonType | undefined;
-        size?: "small" | "default" | "large" | undefined;
+        size?: "small" | "large" | "default" | undefined;
         space?: boolean | undefined;
         shape?: import("./use-button.type").ButtonShape | undefined;
         buttonRef?: React.Ref<HTMLButtonElement> | undefined;
@@ -22,7 +22,7 @@ declare const useButton: (props?: BaseButtonProps) => {
         text?: boolean | undefined;
         outline?: boolean | undefined;
         type?: import("./use-button.type").ButtonType | undefined;
-        size?: "small" | "default" | "large" | undefined;
+        size?: "small" | "large" | "default" | undefined;
         space?: boolean | undefined;
         shape?: import("./use-button.type").ButtonShape | undefined;
         buttonRef?: React.Ref<HTMLButtonElement> | undefined;

package/esm/components/use-carousel/use-carousel.d.ts

@@ -4,6 +4,18 @@ export interface UseCarouselProps {
      * 自动播放间隔时间, 等于0 不自动播放
      */
     interval?: number;
+    /**
+     * 默认当前索引（非受控模式）
+     */
+    defaultValue?: number;
+    /**
+     * 当前索引（受控模式）
+     */
+    value?: number;
+    /**
+     * 当前索引变化回调
+     */
+    onChange?: (current: number) => void;
     onMove?: (current: number, extra: {
         prev: number;
         direction: 'forward' | 'backward';

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

@@ -1 +1 @@
-{"version":3,"file":"use-carousel.d.ts","sourceRoot":"","sources":["use-carousel.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,CACP,OAAO,EAAE,MAAM,EACf,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,SAAS,GAAG,UAAU,CAAC;QAAC,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;KAAE,KACtF,IAAI,CAAC;CACX;AAED,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;AAE5D,QAAA,MAAM,WAAW,UAAW,gBAAgB;;;;;;;;;oBAcV,MAAM;;CAmEvC,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"use-carousel.d.ts","sourceRoot":"","sources":["use-carousel.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,MAAM,CAAC,EAAE,CACP,OAAO,EAAE,MAAM,EACf,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,SAAS,GAAG,UAAU,CAAC;QAAC,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;KAAE,KACtF,IAAI,CAAC;CACX;AAED,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;AAE5D,QAAA,MAAM,WAAW,UAAW,gBAAgB;;;;;;;;;oBAyCV,MAAM;;CA4FvC,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -10,9 +10,21 @@ import useLatestObj from "../../common/use-latest-obj";
 var useCarousel = function useCarousel(props) {
   var total = props.total,
     _props$interval = props.interval,
-    interval = _props$interval === void 0 ? 0 : _props$interval;
+    interval = _props$interval === void 0 ? 0 : _props$interval,
+    _props$defaultValue = props.defaultValue,
+    defaultValue = _props$defaultValue === void 0 ? 0 : _props$defaultValue,
+    valueProp = props.value,
+    onChange = props.onChange;
+
+  // 规范化初始值，确保在有效范围内
+  var normalizeIndex = function normalizeIndex(index) {
+    if (index < 0) return 0;
+    if (index >= total) return Math.max(0, total - 1);
+    return index;
+  };
+  var initialValue = normalizeIndex(valueProp !== undefined ? valueProp : defaultValue);
   var _useState = useState({
-      current: 0,
+      current: initialValue,
       pre: -1,
       direction: 'stop'
     }),
@@ -25,14 +37,32 @@ var useCarousel = function useCarousel(props) {
   var _useRef = useRef({
       timer: null,
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
-      setNext: function setNext(next) {}
+      setNext: function setNext(next) {},
+      prevValue: initialValue // 用于追踪上一次的值
     }),
     context = _useRef.current;
+
+  // 判断是否为受控模式
+  var isControlled = valueProp !== undefined;
+  // 获取实际使用的 current 值
+  var actualCurrent = isControlled ? normalizeIndex(valueProp) : current;
+
+  // 在受控模式下，计算 direction 和 pre
+  var actualPre = pre;
+  var actualDirection = direction;
+  if (isControlled) {
+    if (actualCurrent !== context.prevValue) {
+      actualPre = context.prevValue;
+      actualDirection = actualCurrent > context.prevValue ? 'forward' : 'backward';
+      context.prevValue = actualCurrent;
+    }
+  }
   var autoPlay = interval > 0 && total > 1;
   var moveTo = usePersistFn(function (i) {
     var next = i;
-    if (next === current) return;
-    var dir = next > current ? 'forward' : 'backward';
+    var prevCurrent = actualCurrent;
+    if (next === prevCurrent) return;
+    var dir = next > prevCurrent ? 'forward' : 'backward';
     if (next >= total) {
       dir = 'forward';
       next = 0;
@@ -40,14 +70,26 @@ var useCarousel = function useCarousel(props) {
       dir = 'backward';
       next = total - 1;
     }
-    setState({
-      current: next,
-      pre: current,
-      direction: dir
-    });
+
+    // 非受控模式下更新内部状态
+    if (!isControlled) {
+      setState({
+        current: next,
+        pre: prevCurrent,
+        direction: dir
+      });
+    }
+    // 受控模式下不更新内部状态，由外部 value 控制
+
+    // 触发 onChange 回调
+    if (onChange) {
+      onChange(next);
+    }
+
+    // 触发 onMove 回调（向后兼容）
     if (props.onMove) {
       props.onMove(next, {
-        prev: current,
+        prev: prevCurrent,
         direction: dir,
         moveTo: moveTo
       });
@@ -69,13 +111,13 @@ var useCarousel = function useCarousel(props) {
   });
   context.setNext = setNext;
   var start = usePersistFn(function () {
-    setNext(current + 1);
+    setNext(actualCurrent + 1);
   });
   var forward = usePersistFn(function () {
-    moveTo(current + 1);
+    moveTo(actualCurrent + 1);
   });
   var backward = usePersistFn(function () {
-    moveTo(current - 1);
+    moveTo(actualCurrent - 1);
   });
   var func = useLatestObj({
     start: start,
@@ -89,10 +131,18 @@ var useCarousel = function useCarousel(props) {
       start();
     }
   }, []);
+
+  // 受控模式下，当外部 value 变化时，重置自动轮播定时器
+  useEffect(function () {
+    if (isControlled && autoPlay && valueProp !== undefined) {
+      stop();
+      context.setNext(actualCurrent + 1);
+    }
+  }, [valueProp]);
   return {
-    current: current,
-    pre: pre,
-    direction: direction,
+    current: actualCurrent,
+    pre: actualPre,
+    direction: actualDirection,
     func: func
   };
 };

package/esm/components/use-datepicker/use-date.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-date.d.ts","sourceRoot":"","sources":["use-date.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAU/C,QAAA,MAAM,OAAO,UAAW,YAAY;;;;;;;;;;wBAoBX,IAAI;2BAkDD,IAAI;yBAkBN,IAAI;0BAgEH,IAAI;+BAtFC,IAAI;+BAiDJ,IAAI,YAAY,OAAO;0BAnB5B,IAAI;2BAIH,IAAI;;gCAIC,IAAI;;CA+FpC,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"use-date.d.ts","sourceRoot":"","sources":["use-date.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAW/C,QAAA,MAAM,OAAO,UAAW,YAAY;;;;;;;;;;wBAoBX,IAAI;2BAkDD,IAAI;yBAkBN,IAAI;0BAgEH,IAAI;+BAtFC,IAAI;+BAiDJ,IAAI,YAAY,OAAO;0BAnB5B,IAAI;2BAIH,IAAI;;gCAIC,IAAI;;CA+FpC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/esm/components/use-datepicker/use-date.js

@@ -23,17 +23,17 @@ var useDate = function useDate(props) {
     }),
     context = _useRef.current;
   var current = props.current === undefined || !props.current ? currentState : props.current;
-  var setCurrent = function setCurrent(date) {
+  var setCurrent = function setCurrent(date, type) {
     var _props$onCurrentChang2;
     if (props.current !== undefined) {
       var _props$onCurrentChang;
-      (_props$onCurrentChang = props.onCurrentChange) === null || _props$onCurrentChang === void 0 || _props$onCurrentChang.call(props, date);
+      (_props$onCurrentChang = props.onCurrentChange) === null || _props$onCurrentChang === void 0 || _props$onCurrentChang.call(props, date, type);
     } else {
       if (date) {
         setCurrentState(date);
       }
     }
-    (_props$onCurrentChang2 = props.onCurrentChange) === null || _props$onCurrentChang2 === void 0 || _props$onCurrentChang2.call(props, date);
+    (_props$onCurrentChang2 = props.onCurrentChange) === null || _props$onCurrentChang2 === void 0 || _props$onCurrentChang2.call(props, date, type);
   };
   var isToday = function isToday(date) {
     var today = utils.newDate(undefined, options);
@@ -55,19 +55,19 @@ var useDate = function useDate(props) {
   }, [options.weekStartsOn]);
   var handleNextYear = usePersistFn(function () {
     var date = utils.addYears(current, 1, options);
-    setCurrent(date);
+    setCurrent(date, 'year');
   });
   var handlePrevYear = usePersistFn(function () {
     var date = utils.addYears(current, -1, options);
-    setCurrent(date);
+    setCurrent(date, 'year');
   });
   var handleNextMonth = usePersistFn(function () {
     var date = utils.addMonths(current, 1, options);
-    setCurrent(date);
+    setCurrent(date, 'month');
   });
   var handlePrevMonth = usePersistFn(function () {
     var date = utils.addMonths(current, -1, options);
-    setCurrent(date);
+    setCurrent(date, 'month');
   });
   var isCurrentMonth = function isCurrentMonth(date) {
     return utils.isSameMonth(date, current, options);

package/esm/components/use-datepicker/use-date.type.d.ts

@@ -1,9 +1,10 @@
+import { DatePickerAreaType } from './use-datepicker-format.type';
 export interface UseDateProps {
     current?: Date;
     range?: boolean | number;
     rangeDate?: Array<Date | undefined>;
     defaultCurrent?: Date;
-    onCurrentChange?: (date: Date) => void;
+    onCurrentChange?: (date: Date, type?: DatePickerAreaType) => void;
     onClearInputArr: (index?: number | undefined) => void;
     value?: Date;
     allowSingle?: boolean;

package/esm/components/use-datepicker/use-date.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-date.type.d.ts","sourceRoot":"","sources":["use-date.type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC3B,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,KAAK,CAAC,IAAI,GAAG,SAAS,CAAC,CAAC;IACpC,cAAc,CAAC,EAAE,IAAI,CAAC;IACtB,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACvC,eAAe,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACtD,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5D,GAAG,CAAC,EAAE,IAAI,CAAC;IACX,GAAG,CAAC,EAAE,IAAI,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC;IAC/C,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACrC,OAAO,EAAE;QACP,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB,CAAC;CACH"}
+{"version":3,"file":"use-date.type.d.ts","sourceRoot":"","sources":["use-date.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAElE,MAAM,WAAW,YAAY;IAC3B,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,KAAK,CAAC,IAAI,GAAG,SAAS,CAAC,CAAC;IACpC,cAAc,CAAC,EAAE,IAAI,CAAC;IACtB,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAClE,eAAe,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACtD,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5D,GAAG,CAAC,EAAE,IAAI,CAAC;IACX,GAAG,CAAC,EAAE,IAAI,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC;IAC/C,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACrC,OAAO,EAAE;QACP,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB,CAAC;CACH"}

package/esm/components/use-datepicker/use-datepicker-range.d.ts

@@ -12,8 +12,8 @@ declare const useRangePick: (props: useRangeProps) => {
         setModeEnd: (m: any) => void;
         setDateStart: (date: Date, noClose?: boolean) => void;
         setDateEnd: (date: Date, noClose?: boolean) => void;
-        setCurrentStart: (date: Date, ...args: any[]) => void;
-        setCurrentEnd: (date: Date, ...args: any[]) => void;
+        setCurrentStart: (date: Date, type?: string) => void;
+        setCurrentEnd: (date: Date, type?: string) => void;
         setTargetStart: (date?: Date) => void;
         setTargetEnd: (date?: Date) => void;
         startDisabled: (date: Date) => boolean;

package/esm/components/use-datepicker/use-datepicker-range.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-datepicker-range.d.ts","sourceRoot":"","sources":["use-datepicker-range.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAK5D,QAAA,MAAM,YAAY,UAAW,aAAa;;;;;;;;;;;6BA2FC,IAAI,YAAY,OAAO;2BAKzB,IAAI,YAAY,OAAO;gCAblB,IAAI,WAAW,GAAG,EAAE;8BAItB,IAAI,WAAW,GAAG,EAAE;gCAclB,IAAI;8BA4BN,IAAI;8BAqBJ,IAAI;4BAeN,IAAI;+BA5DD,IAAI;6BAYN,IAAI;;CA2I9C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"use-datepicker-range.d.ts","sourceRoot":"","sources":["use-datepicker-range.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAK5D,QAAA,MAAM,YAAY,UAAW,aAAa;;;;;;;;;;;6BA2FC,IAAI,YAAY,OAAO;2BAKzB,IAAI,YAAY,OAAO;gCAblB,IAAI,SAAS,MAAM;8BAIrB,IAAI,SAAS,MAAM;gCAcjB,IAAI;8BA4BN,IAAI;8BAqBJ,IAAI;4BAeN,IAAI;+BA5DD,IAAI;6BAYN,IAAI;;CA2I9C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/esm/components/use-datepicker/use-datepicker-range.js

@@ -51,11 +51,8 @@ var useRangePick = function useRangePick(props) {
       return newArr;
     });
   };
-  var setCurrent = usePersistFn(function (index, date) {
-    for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
-      args[_key - 2] = arguments[_key];
-    }
-    props.setCurrentArr.apply(props, [function (arr) {
+  var setCurrent = usePersistFn(function (index, date, type) {
+    props.setCurrentArr(function (arr) {
       var newArr = _toConsumableArray(arr);
       newArr[index] = date;
       var modeCache = context.modeCache;
@@ -81,19 +78,13 @@ var useRangePick = function useRangePick(props) {
         }
       }
       return newArr;
-    }].concat(args));
+    }, type, undefined);
   });
-  var setCurrentStart = usePersistFn(function (date) {
-    for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
-      args[_key2 - 1] = arguments[_key2];
-    }
-    setCurrent.apply(void 0, [0, date].concat(args));
+  var setCurrentStart = usePersistFn(function (date, type) {
+    setCurrent(0, date, type);
   });
-  var setCurrentEnd = usePersistFn(function (date) {
-    for (var _len3 = arguments.length, args = new Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) {
-      args[_key3 - 1] = arguments[_key3];
-    }
-    setCurrent.apply(void 0, [1, date].concat(args));
+  var setCurrentEnd = usePersistFn(function (date, type) {
+    setCurrent(1, date, type);
   });
   var setDateStart = usePersistFn(function (date, noClose) {
     setDate(0, date, noClose);

package/esm/components/use-datepicker/use-month.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-month.d.ts","sourceRoot":"","sources":["use-month.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAajD,QAAA,MAAM,QAAQ,UAAW,aAAa;;;;;;;sBAuBf,IAAI;2BAkCC,IAAI;yBAQN,IAAI;0BAgBH,IAAI;iCAPG,IAAI,YAAW,OAAO;4BAJ3B,IAAI;;CAwChC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"use-month.d.ts","sourceRoot":"","sources":["use-month.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAcjD,QAAA,MAAM,QAAQ,UAAW,aAAa;;;;;;;sBAuBf,IAAI;2BAkCC,IAAI;yBAQN,IAAI;0BAgBH,IAAI;iCAPG,IAAI,YAAW,OAAO;4BAJ3B,IAAI;;CAwChC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/esm/components/use-datepicker/use-month.js

@@ -24,15 +24,15 @@ var useMonth = function useMonth(props) {
     context = _useRef.current;
   var current = props.current === undefined ? currentState : props.current;
   var startYear = utils.getDateInfo(current, 'year', options);
-  var setCurrent = function setCurrent(date) {
+  var setCurrent = function setCurrent(date, type) {
     var _props$onCurrentChang2;
     if (props.current !== undefined) {
       var _props$onCurrentChang;
-      (_props$onCurrentChang = props.onCurrentChange) === null || _props$onCurrentChang === void 0 || _props$onCurrentChang.call(props, date);
+      (_props$onCurrentChang = props.onCurrentChange) === null || _props$onCurrentChang === void 0 || _props$onCurrentChang.call(props, date, type);
     } else {
       setCurrentState(date);
     }
-    (_props$onCurrentChang2 = props.onCurrentChange) === null || _props$onCurrentChang2 === void 0 || _props$onCurrentChang2.call(props, date);
+    (_props$onCurrentChang2 = props.onCurrentChange) === null || _props$onCurrentChang2 === void 0 || _props$onCurrentChang2.call(props, date, type);
   };
   var isNow = function isNow(date) {
     var today = utils.newDate(undefined, options);
@@ -54,11 +54,11 @@ var useMonth = function useMonth(props) {
   };
   var handleNext = usePersistFn(function () {
     var date = utils.addYears(current, 1, options);
-    setCurrent(date);
+    setCurrent(date, 'year');
   });
   var handlePrev = usePersistFn(function () {
     var date = utils.addYears(current, -1, options);
-    setCurrent(date);
+    setCurrent(date, 'year');
   });
   var isDisabled = function isDisabled(date) {
     var min = props.min,

package/esm/components/use-datepicker/use-month.type.d.ts

@@ -1,8 +1,9 @@
+import { DatePickerAreaType } from './use-datepicker-format.type';
 export interface UseMonthProps {
     current?: Date;
     rangeDate?: Array<Date | undefined>;
     defaultCurrent?: Date;
-    onCurrentChange?: (date: Date) => void;
+    onCurrentChange?: (date: Date, type?: DatePickerAreaType) => void;
     value?: Date;
     onChange?: (date: Date, onClose?: boolean) => void;
     min?: Date;

package/esm/components/use-datepicker/use-month.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-month.type.d.ts","sourceRoot":"","sources":["use-month.type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,SAAS,CAAC,EAAE,KAAK,CAAC,IAAI,GAAG,SAAS,CAAC,CAAC;IACpC,cAAc,CAAC,EAAE,IAAI,CAAC;IACtB,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD,GAAG,CAAC,EAAE,IAAI,CAAC;IACX,GAAG,CAAC,EAAE,IAAI,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC;IAC/C,OAAO,EAAE;QACP,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB,CAAC;CACH"}
+{"version":3,"file":"use-month.type.d.ts","sourceRoot":"","sources":["use-month.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAElE,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,SAAS,CAAC,EAAE,KAAK,CAAC,IAAI,GAAG,SAAS,CAAC,CAAC;IACpC,cAAc,CAAC,EAAE,IAAI,CAAC;IACtB,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAClE,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD,GAAG,CAAC,EAAE,IAAI,CAAC;IACX,GAAG,CAAC,EAAE,IAAI,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC;IAC/C,OAAO,EAAE;QACP,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB,CAAC;CACH"}

package/esm/components/use-datepicker/use-quarter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-quarter.d.ts","sourceRoot":"","sources":["use-quarter.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAajD,QAAA,MAAM,UAAU,UAAW,aAAa;;;;;;;sBAuBjB,IAAI;2BAiCC,IAAI;yBAQN,IAAI;0BAgBH,IAAI;mCAPK,IAAI,YAAY,OAAO;8BAJ5B,IAAI;;CAwClC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"use-quarter.d.ts","sourceRoot":"","sources":["use-quarter.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAcjD,QAAA,MAAM,UAAU,UAAW,aAAa;;;;;;;sBAuBjB,IAAI;2BAiCC,IAAI;yBAQN,IAAI;0BAgBH,IAAI;mCAPK,IAAI,YAAY,OAAO;8BAJ5B,IAAI;;CAwClC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/components/use-datepicker/use-quarter.js

@@ -24,15 +24,15 @@ var useQuarter = function useQuarter(props) {
     context = _useRef.current;
   var current = props.current === undefined ? currentState : props.current;
   var startYear = utils.getDateInfo(current, 'year', options);
-  var setCurrent = function setCurrent(date) {
+  var setCurrent = function setCurrent(date, type) {
     var _props$onCurrentChang2;
     if (props.current !== undefined) {
       var _props$onCurrentChang;
-      (_props$onCurrentChang = props.onCurrentChange) === null || _props$onCurrentChang === void 0 || _props$onCurrentChang.call(props, date);
+      (_props$onCurrentChang = props.onCurrentChange) === null || _props$onCurrentChang === void 0 || _props$onCurrentChang.call(props, date, type);
     } else {
       setCurrentState(date);
     }
-    (_props$onCurrentChang2 = props.onCurrentChange) === null || _props$onCurrentChang2 === void 0 || _props$onCurrentChang2.call(props, date);
+    (_props$onCurrentChang2 = props.onCurrentChange) === null || _props$onCurrentChang2 === void 0 || _props$onCurrentChang2.call(props, date, type);
   };
   var isNow = function isNow(date) {
     var today = utils.newDate(undefined, options);
@@ -53,11 +53,11 @@ var useQuarter = function useQuarter(props) {
   };
   var handleNext = usePersistFn(function () {
     var date = utils.addYears(current, 1, options);
-    setCurrent(date);
+    setCurrent(date, 'year');
   });
   var handlePrev = usePersistFn(function () {
     var date = utils.addYears(current, -1, options);
-    setCurrent(date);
+    setCurrent(date, 'year');
   });
   var isDisabled = function isDisabled(date) {
     var min = props.min,

package/esm/components/use-datepicker/use-year.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-year.d.ts","sourceRoot":"","sources":["use-year.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAW/C,QAAA,MAAM,OAAO,UAAW,YAAY;;;;;;;;;sBAsBb,IAAI;2BA8BC,IAAI;yBAQN,IAAI;0BAgBH,IAAI;gCAPE,IAAI,YAAY,OAAO;2BAJ5B,IAAI;;CA4C/B,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"use-year.d.ts","sourceRoot":"","sources":["use-year.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAY/C,QAAA,MAAM,OAAO,UAAW,YAAY;;;;;;;;;sBAsBb,IAAI;2BA8BC,IAAI;yBAQN,IAAI;0BAgBH,IAAI;gCAPE,IAAI,YAAY,OAAO;2BAJ5B,IAAI;;CA4C/B,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/esm/components/use-datepicker/use-year.js

@@ -22,15 +22,15 @@ var useYear = function useYear(props) {
     context = _useRef.current;
   var current = props.current === undefined ? currentState : props.current;
   var startYear = utils.getStartYear(current, options);
-  var setCurrent = function setCurrent(date) {
+  var setCurrent = function setCurrent(date, type) {
     var _props$onCurrentChang2;
     if (props.current !== undefined) {
       var _props$onCurrentChang;
-      (_props$onCurrentChang = props.onCurrentChange) === null || _props$onCurrentChang === void 0 || _props$onCurrentChang.call(props, date);
+      (_props$onCurrentChang = props.onCurrentChange) === null || _props$onCurrentChang === void 0 || _props$onCurrentChang.call(props, date, type);
     } else {
       setCurrentState(date);
     }
-    (_props$onCurrentChang2 = props.onCurrentChange) === null || _props$onCurrentChang2 === void 0 || _props$onCurrentChang2.call(props, date);
+    (_props$onCurrentChang2 = props.onCurrentChange) === null || _props$onCurrentChang2 === void 0 || _props$onCurrentChang2.call(props, date, type);
   };
   var isNow = function isNow(date) {
     var today = utils.newDate(undefined, options);
@@ -52,11 +52,11 @@ var useYear = function useYear(props) {
   };
   var handleNext = usePersistFn(function () {
     var date = utils.addYears(current, 10, options);
-    setCurrent(date);
+    setCurrent(date, 'year');
   });
   var handlePrev = usePersistFn(function () {
     var date = utils.addYears(current, -10, options);
-    setCurrent(date);
+    setCurrent(date, 'year');
   });
   var isDisabled = function isDisabled(date) {
     var min = props.min,