@tiny-codes/react-easy 1.7.5 → 1.7.7

package/es/hooks/useSplitter.d.ts

@@ -2,40 +2,41 @@ import { type CSSProperties } from 'react';
 export interface UseSplitterProps {
     /**
      * - **EN:** Split direction. vertical = left/right; horizontal = top/bottom.
-     * - **ZH:** 分割方向。vertical 表示左右分割；horizontal 表示上下分割。
+     * - **CN:** 分割方向。vertical 表示左右分割；horizontal 表示上下分割。
      *
      * @default 'vertical'
      */
     direction?: 'vertical' | 'horizontal';
     /**
-     * - **EN:** The container element reference.
-     * - **ZH:** 容器元素的引用。
+     * - **EN:** Parent container element. If not specified, the parent container of the `dom` element
+     *   will be used automatically.
+     * - **CN:** 父容器元素，如果不指定，则自动使用 `dom` 元素的父容器
      */
-    container: HTMLDivElement | null | undefined;
+    container?: HTMLDivElement | null | undefined;
     /**
      * - **EN:** Default ratio of the left/top pane (0~1).
-     * - **ZH:** 左侧/顶部面板的默认比例 (0~1)。
+     * - **CN:** 左侧/顶部面板的默认比例 (0~1)。
      *
      * @default 0.32
      */
     defaultRatio?: number;
     /**
      * - **EN:** Minimum ratio of the left/top pane (0~1).
-     * - **ZH:** 左侧/顶部面板的最小比例 (0~1)。
+     * - **CN:** 左侧/顶部面板的最小比例 (0~1)。
      *
      * @default 0.15
      */
     minRatio?: number;
     /**
      * - **EN:** Maximum ratio of the left/top pane (0~1).
-     * - **ZH:** 左侧/顶部面板的最大比例 (0~1)。
+     * - **CN:** 左侧/顶部面板的最大比例 (0~1)。
      *
      * @default 0.85
      */
     maxRatio?: number;
     /**
      * - **EN:** Width of the splitter in pixels.
-     * - **ZH:** 分割条的宽度，单位为像素。
+     * - **CN:** 分割条的宽度，单位为像素。
      *
      * @default 2
      */
@@ -44,9 +45,51 @@ export interface UseSplitterProps {
     className?: string;
     /** Additional style for the splitter element */
     style?: CSSProperties;
+    /**
+     * - **EN:** Custom prefix for the component's CSS class.
+     * - **CN:** 组件的自定义 CSS 类前缀。
+     */
+    prefixCls?: string;
+    /**
+     * - **EN:** Semantic class names
+     * - **CN:** 语义化类名
+     */
+    classNames?: {
+        /**
+         * - **EN:** Class name applied when the splitter is hovered.
+         * - **CN:** 分割条悬停时应用的类名。
+         */
+        hover?: string;
+        /**
+         * - **EN:** Class name applied when the splitter is being dragged.
+         * - **CN:** 分割条拖动时应用的类名。
+         */
+        dragging?: string;
+        /**
+         * - **EN:** Class name applied to the splitter handle.
+         * - **CN:** 分割条手柄的类名。
+         */
+        handle?: string;
+    };
+    /**
+     * - **EN:** Semantic styles
+     * - **CN:** 语义化样式
+     */
+    styles?: {
+        /**
+         * - **EN:** Custom styles for the splitter handle.
+         * - **CN:** 分割条手柄的自定义样式。
+         */
+        handle?: CSSProperties;
+    };
+    /**
+     * - **EN:** Callback function when the splitter ratio changes.
+     * - **CN:** 分割比例变化时的回调函数。
+     */
+    onChange?: (ratio?: number) => void;
 }
 declare const useSplitter: (props: UseSplitterProps) => {
-    dom: import("react/jsx-runtime").JSX.Element;
+    dom: import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
     percent: number | undefined;
     width: number | undefined;
     dragging: boolean;

package/es/hooks/useSplitter.js

@@ -10,13 +10,15 @@ 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, useState } from 'react';
-import { theme } from 'antd';
+import { useContext, useEffect, useState } from 'react';
+import names from 'classnames';
+import { ConfigProvider } from "../components";
+import useStyle from "./style/useSplitter";
 import useRefValue from "./useRefValue";
 import { jsx as _jsx } from "react/jsx-runtime";
 var useSplitter = function useSplitter(props) {
   var _ref = props || {},
-    container = _ref.container,
+    containerFromProps = _ref.container,
     defaultRatio = _ref.defaultRatio,
     _ref$minRatio = _ref.minRatio,
     minRatio = _ref$minRatio === void 0 ? 0.15 : _ref$minRatio,
@@ -25,31 +27,50 @@ var useSplitter = function useSplitter(props) {
     _ref$direction = _ref.direction,
     direction = _ref$direction === void 0 ? 'vertical' : _ref$direction,
     _ref$splitterWidth = _ref.splitterWidth,
-    splitterWidth = _ref$splitterWidth === void 0 ? 2 : _ref$splitterWidth,
+    splitterWidth = _ref$splitterWidth === void 0 ? 1 : _ref$splitterWidth,
     className = _ref.className,
-    style = _ref.style;
-  var _theme$useToken = theme.useToken(),
-    token = _theme$useToken.token;
+    classNames = _ref.classNames,
+    styles = _ref.styles,
+    prefixClsInProps = _ref.prefixCls,
+    style = _ref.style,
+    onChange = _ref.onChange;
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var prefixCls = getPrefixCls('splitter', prefixClsInProps);
+  var _useStyle = useStyle(prefixCls),
+    _useStyle2 = _slicedToArray(_useStyle, 3),
+    wrapCSSVar = _useStyle2[0],
+    hashId = _useStyle2[1],
+    cssVarCls = _useStyle2[2];
   var directionRef = useRefValue(direction);
-  var _useState = useState(defaultRatio),
+  var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
-    percent = _useState2[0],
-    setPercent = _useState2[1];
-  var percentRef = useRefValue(percent);
-  var _useState3 = useState(container && defaultRatio ? ((container === null || container === void 0 ? void 0 : container.clientWidth) || 0) * defaultRatio : undefined),
+    splitterRef = _useState2[0],
+    setSplitterRef = _useState2[1];
+  var _useState3 = useState(containerFromProps),
     _useState4 = _slicedToArray(_useState3, 2),
-    width = _useState4[0],
-    setWidth = _useState4[1];
-  var _useState5 = useState(false),
+    container = _useState4[0],
+    setContainer = _useState4[1];
+  var _useState5 = useState(defaultRatio),
     _useState6 = _slicedToArray(_useState5, 2),
-    dragging = _useState6[0],
-    setDragging = _useState6[1];
+    percent = _useState6[0],
+    setPercent = _useState6[1];
+  var percentRef = useRefValue(percent);
+  var onChangeRef = useRefValue(onChange);
+  var _useState7 = useState(container && defaultRatio ? ((container === null || container === void 0 ? void 0 : container.clientWidth) || 0) * defaultRatio : undefined),
+    _useState8 = _slicedToArray(_useState7, 2),
+    width = _useState8[0],
+    setWidth = _useState8[1];
+  var _useState9 = useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    dragging = _useState10[0],
+    setDragging = _useState10[1];
   var minRatioRef = useRefValue(minRatio);
   var maxRatioRef = useRefValue(maxRatio);
-  var _useState7 = useState(false),
-    _useState8 = _slicedToArray(_useState7, 2),
-    isOver = _useState8[0],
-    setIsOver = _useState8[1];
+  var _useState11 = useState(false),
+    _useState12 = _slicedToArray(_useState11, 2),
+    isOver = _useState12[0],
+    setIsOver = _useState12[1];
   useEffect(function () {
     if (!dragging) return;
     var onMove = function onMove(e) {
@@ -57,15 +78,19 @@ var useSplitter = function useSplitter(props) {
       if (!el) return;
       var rect = el.getBoundingClientRect();
       if (direction === 'vertical') {
+        var _onChangeRef$current;
         var x = e.clientX - rect.left;
-        var ratio = Math.max(minRatioRef.current, Math.min(maxRatioRef.current, x / rect.width));
-        setPercent(ratio);
+        var _ratio = Math.max(minRatioRef.current, Math.min(maxRatioRef.current, x / rect.width));
+        setPercent(_ratio);
         setWidth(x);
+        (_onChangeRef$current = onChangeRef.current) === null || _onChangeRef$current === void 0 || _onChangeRef$current.call(onChangeRef, _ratio);
       } else {
+        var _onChangeRef$current2;
         var y = e.clientY - rect.top;
-        var _ratio = Math.max(minRatioRef.current, Math.min(maxRatioRef.current, y / rect.height));
-        setPercent(_ratio);
+        var _ratio2 = Math.max(minRatioRef.current, Math.min(maxRatioRef.current, y / rect.height));
+        setPercent(_ratio2);
         setWidth(y);
+        (_onChangeRef$current2 = onChangeRef.current) === null || _onChangeRef$current2 === void 0 || _onChangeRef$current2.call(onChangeRef, _ratio2);
       }
       // prevent text selection while dragging
       e.preventDefault();
@@ -82,6 +107,11 @@ var useSplitter = function useSplitter(props) {
       window.removeEventListener('mouseup', onUp);
     };
   }, [container, dragging, direction, minRatioRef, maxRatioRef]);
+  useEffect(function () {
+    var _ref2;
+    var containerDom = (_ref2 = containerFromProps !== null && containerFromProps !== void 0 ? containerFromProps : splitterRef === null || splitterRef === void 0 ? void 0 : splitterRef.parentElement) !== null && _ref2 !== void 0 ? _ref2 : undefined;
+    setContainer(containerDom);
+  }, [containerFromProps, splitterRef]);
 
   // Initialize percent and width on mount
   useEffect(function () {
@@ -89,25 +119,21 @@ var useSplitter = function useSplitter(props) {
       var rect = container.getBoundingClientRect();
       setPercent(defaultRatio);
       if (directionRef.current === 'vertical') {
+        var _onChangeRef$current3;
         setWidth(rect.width * defaultRatio);
+        (_onChangeRef$current3 = onChangeRef.current) === null || _onChangeRef$current3 === void 0 || _onChangeRef$current3.call(onChangeRef, defaultRatio);
       } else {
+        var _onChangeRef$current4;
         setWidth(rect.height * defaultRatio);
+        (_onChangeRef$current4 = onChangeRef.current) === null || _onChangeRef$current4 === void 0 || _onChangeRef$current4.call(onChangeRef, defaultRatio);
       }
     }
   }, [defaultRatio, container]);
   var vertical = direction === 'vertical';
-  var dom = /*#__PURE__*/_jsx("div", {
-    className: className,
-    style: _objectSpread({
-      flex: 'none',
-      width: vertical ? splitterWidth : '100%',
-      height: vertical ? 'auto' : splitterWidth,
-      cursor: vertical ? 'col-resize' : 'row-resize',
-      background: dragging ? token.colorPrimaryHover : isOver ? token.colorPrimaryActive : token.colorBorder,
-      margin: vertical ? '0 4px' : '4px 0',
-      borderRadius: 4,
-      userSelect: 'none'
-    }, style),
+  var dom = wrapCSSVar( /*#__PURE__*/_jsx("div", {
+    ref: setSplitterRef,
+    className: names(hashId, cssVarCls, prefixCls, className, isOver ? names("".concat(prefixCls, "-hover"), classNames === null || classNames === void 0 ? void 0 : classNames.hover) : undefined, dragging ? names("".concat(prefixCls, "-dragging"), classNames === null || classNames === void 0 ? void 0 : classNames.dragging) : undefined, _defineProperty(_defineProperty({}, "".concat(prefixCls, "-vertical"), vertical), "".concat(prefixCls, "-horizontal"), !vertical)),
+    style: _objectSpread(_defineProperty({}, "--splitter-width", splitterWidth ? "".concat(splitterWidth, "px") : undefined), style),
     onMouseDown: function onMouseDown() {
       return setDragging(true);
     },
@@ -119,8 +145,12 @@ var useSplitter = function useSplitter(props) {
     },
     role: "separator",
     "aria-orientation": vertical ? 'vertical' : 'horizontal',
-    "aria-label": "Resize"
-  });
+    "aria-label": "Resize",
+    children: /*#__PURE__*/_jsx("div", {
+      className: names("".concat(prefixCls, "-handle"), classNames === null || classNames === void 0 ? void 0 : classNames.handle),
+      style: styles === null || styles === void 0 ? void 0 : styles.handle
+    })
+  }));
   return {
     dom: dom,
     percent: percent,

package/es/hooks/useSplitter.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useState","theme","useRefValue","jsx","_jsx","useSplitter","props","_ref","container","defaultRatio","_ref$minRatio","minRatio","_ref$maxRatio","maxRatio","_ref$direction","direction","_ref$splitterWidth","splitterWidth","className","style","_theme$useToken","useToken","token","directionRef","_useState","_useState2","_slicedToArray","percent","setPercent","percentRef","_useState3","clientWidth","undefined","_useState4","width","setWidth","_useState5","_useState6","dragging","setDragging","minRatioRef","maxRatioRef","_useState7","_useState8","isOver","setIsOver","onMove","e","el","rect","getBoundingClientRect","x","clientX","left","ratio","Math","max","current","min","y","clientY","top","height","preventDefault","onUp","window","addEventListener","once","removeEventListener","vertical","dom","_objectSpread","flex","cursor","background","colorPrimaryHover","colorPrimaryActive","colorBorder","margin","borderRadius","userSelect","onMouseDown","onMouseEnter","onMouseLeave","role"],"sources":["../../src/hooks/useSplitter.tsx"],"sourcesContent":["import { type CSSProperties, useEffect, useState } from 'react';\nimport { theme } from 'antd';\nimport useRefValue from './useRefValue';\n\nexport interface UseSplitterProps {\n  /**\n   * - **EN:** Split direction. vertical = left/right; horizontal = top/bottom.\n   * - **ZH:** 分割方向。vertical 表示左右分割；horizontal 表示上下分割。\n   *\n   * @default 'vertical'\n   */\n  direction?: 'vertical' | 'horizontal';\n  /**\n   * - **EN:** The container element reference.\n   * - **ZH:** 容器元素的引用。\n   */\n  container: HTMLDivElement | null | undefined;\n  /**\n   * - **EN:** Default ratio of the left/top pane (0~1).\n   * - **ZH:** 左侧/顶部面板的默认比例 (0~1)。\n   *\n   * @default 0.32\n   */\n  defaultRatio?: number;\n  /**\n   * - **EN:** Minimum ratio of the left/top pane (0~1).\n   * - **ZH:** 左侧/顶部面板的最小比例 (0~1)。\n   *\n   * @default 0.15\n   */\n  minRatio?: number;\n  /**\n   * - **EN:** Maximum ratio of the left/top pane (0~1).\n   * - **ZH:** 左侧/顶部面板的最大比例 (0~1)。\n   *\n   * @default 0.85\n   */\n  maxRatio?: number;\n  /**\n   * - **EN:** Width of the splitter in pixels.\n   * - **ZH:** 分割条的宽度，单位为像素。\n   *\n   * @default 2\n   */\n  splitterWidth?: number;\n  /** Additional class name for the splitter element */\n  className?: string;\n  /** Additional style for the splitter element */\n  style?: CSSProperties;\n}\n\nconst useSplitter = (props: UseSplitterProps) => {\n  const {\n    container,\n    defaultRatio,\n    minRatio = 0.15,\n    maxRatio = 1 - minRatio,\n    direction = 'vertical',\n    splitterWidth = 2,\n    className,\n    style,\n  } = props || {};\n  const { token } = theme.useToken();\n  const directionRef = useRefValue(direction);\n  const [percent, setPercent] = useState(defaultRatio);\n  const percentRef = useRefValue(percent);\n  const [width, setWidth] = useState(\n    container && defaultRatio ? (container?.clientWidth || 0) * defaultRatio : undefined\n  );\n  const [dragging, setDragging] = useState(false);\n  const minRatioRef = useRefValue(minRatio);\n  const maxRatioRef = useRefValue(maxRatio);\n  const [isOver, setIsOver] = useState(false);\n\n  useEffect(() => {\n    if (!dragging) return;\n    const onMove = (e: MouseEvent) => {\n      const el = container;\n      if (!el) return;\n      const rect = el.getBoundingClientRect();\n      if (direction === 'vertical') {\n        const x = e.clientX - rect.left;\n        const ratio = Math.max(minRatioRef.current, Math.min(maxRatioRef.current, x / rect.width));\n        setPercent(ratio);\n        setWidth(x);\n      } else {\n        const y = e.clientY - rect.top;\n        const ratio = Math.max(minRatioRef.current, Math.min(maxRatioRef.current, y / rect.height));\n        setPercent(ratio);\n        setWidth(y);\n      }\n      // prevent text selection while dragging\n      e.preventDefault();\n    };\n    const onUp = () => setDragging(false);\n    window.addEventListener('mousemove', onMove);\n    window.addEventListener('mouseup', onUp, { once: true });\n\n    return () => {\n      window.removeEventListener('mousemove', onMove);\n      window.removeEventListener('mouseup', onUp);\n    };\n  }, [container, dragging, direction, minRatioRef, maxRatioRef]);\n\n  // Initialize percent and width on mount\n  useEffect(() => {\n    if (defaultRatio && container && percentRef.current == null) {\n      const rect = container.getBoundingClientRect();\n      setPercent(defaultRatio);\n      if (directionRef.current === 'vertical') {\n        setWidth(rect.width * defaultRatio);\n      } else {\n        setWidth(rect.height * defaultRatio);\n      }\n    }\n  }, [defaultRatio, container]);\n\n  const vertical = direction === 'vertical';\n  const dom = (\n    <div\n      className={className}\n      style={{\n        flex: 'none',\n        width: vertical ? splitterWidth : '100%',\n        height: vertical ? 'auto' : splitterWidth,\n        cursor: vertical ? 'col-resize' : 'row-resize',\n        background: dragging ? token.colorPrimaryHover : isOver ? token.colorPrimaryActive : token.colorBorder,\n        margin: vertical ? '0 4px' : '4px 0',\n        borderRadius: 4,\n        userSelect: 'none',\n        ...style,\n      }}\n      onMouseDown={() => setDragging(true)}\n      onMouseEnter={() => setIsOver(true)}\n      onMouseLeave={() => setIsOver(false)}\n      role=\"separator\"\n      aria-orientation={vertical ? 'vertical' : 'horizontal'}\n      aria-label=\"Resize\"\n    />\n  );\n\n  return {\n    dom,\n    percent,\n    width,\n    dragging,\n    direction,\n  };\n};\n\nexport default useSplitter;\n"],"mappings":"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"}
+{"version":3,"names":["useContext","useEffect","useState","names","ConfigProvider","useStyle","useRefValue","jsx","_jsx","useSplitter","props","_ref","containerFromProps","container","defaultRatio","_ref$minRatio","minRatio","_ref$maxRatio","maxRatio","_ref$direction","direction","_ref$splitterWidth","splitterWidth","className","classNames","styles","prefixClsInProps","prefixCls","style","onChange","_useContext","ConfigContext","getPrefixCls","_useStyle","_useStyle2","_slicedToArray","wrapCSSVar","hashId","cssVarCls","directionRef","_useState","_useState2","splitterRef","setSplitterRef","_useState3","_useState4","setContainer","_useState5","_useState6","percent","setPercent","percentRef","onChangeRef","_useState7","clientWidth","undefined","_useState8","width","setWidth","_useState9","_useState10","dragging","setDragging","minRatioRef","maxRatioRef","_useState11","_useState12","isOver","setIsOver","onMove","e","el","rect","getBoundingClientRect","_onChangeRef$current","x","clientX","left","ratio","Math","max","current","min","call","_onChangeRef$current2","y","clientY","top","height","preventDefault","onUp","window","addEventListener","once","removeEventListener","_ref2","containerDom","parentElement","_onChangeRef$current3","_onChangeRef$current4","vertical","dom","ref","concat","hover","_defineProperty","_objectSpread","onMouseDown","onMouseEnter","onMouseLeave","role","children","handle"],"sources":["../../src/hooks/useSplitter.tsx"],"sourcesContent":["import { type CSSProperties, useContext, useEffect, useState } from 'react';\nimport names from 'classnames';\nimport { ConfigProvider } from '../components';\nimport useStyle from './style/useSplitter';\nimport useRefValue from './useRefValue';\n\nexport interface UseSplitterProps {\n  /**\n   * - **EN:** Split direction. vertical = left/right; horizontal = top/bottom.\n   * - **CN:** 分割方向。vertical 表示左右分割；horizontal 表示上下分割。\n   *\n   * @default 'vertical'\n   */\n  direction?: 'vertical' | 'horizontal';\n  /**\n   * - **EN:** Parent container element. If not specified, the parent container of the `dom` element\n   *   will be used automatically.\n   * - **CN:** 父容器元素，如果不指定，则自动使用 `dom` 元素的父容器\n   */\n  container?: HTMLDivElement | null | undefined;\n  /**\n   * - **EN:** Default ratio of the left/top pane (0~1).\n   * - **CN:** 左侧/顶部面板的默认比例 (0~1)。\n   *\n   * @default 0.32\n   */\n  defaultRatio?: number;\n  /**\n   * - **EN:** Minimum ratio of the left/top pane (0~1).\n   * - **CN:** 左侧/顶部面板的最小比例 (0~1)。\n   *\n   * @default 0.15\n   */\n  minRatio?: number;\n  /**\n   * - **EN:** Maximum ratio of the left/top pane (0~1).\n   * - **CN:** 左侧/顶部面板的最大比例 (0~1)。\n   *\n   * @default 0.85\n   */\n  maxRatio?: number;\n  /**\n   * - **EN:** Width of the splitter in pixels.\n   * - **CN:** 分割条的宽度，单位为像素。\n   *\n   * @default 2\n   */\n  splitterWidth?: number;\n  /** Additional class name for the splitter element */\n  className?: string;\n  /** Additional style for the splitter element */\n  style?: CSSProperties;\n  /**\n   * - **EN:** Custom prefix for the component's CSS class.\n   * - **CN:** 组件的自定义 CSS 类前缀。\n   */\n  prefixCls?: string;\n  /**\n   * - **EN:** Semantic class names\n   * - **CN:** 语义化类名\n   */\n  classNames?: {\n    /**\n     * - **EN:** Class name applied when the splitter is hovered.\n     * - **CN:** 分割条悬停时应用的类名。\n     */\n    hover?: string;\n    /**\n     * - **EN:** Class name applied when the splitter is being dragged.\n     * - **CN:** 分割条拖动时应用的类名。\n     */\n    dragging?: string;\n    /**\n     * - **EN:** Class name applied to the splitter handle.\n     * - **CN:** 分割条手柄的类名。\n     */\n    handle?: string;\n  };\n  /**\n   * - **EN:** Semantic styles\n   * - **CN:** 语义化样式\n   */\n  styles?: {\n    /**\n     * - **EN:** Custom styles for the splitter handle.\n     * - **CN:** 分割条手柄的自定义样式。\n     */\n    handle?: CSSProperties;\n  };\n  /**\n   * - **EN:** Callback function when the splitter ratio changes.\n   * - **CN:** 分割比例变化时的回调函数。\n   */\n  onChange?: (ratio?: number) => void;\n}\n\nconst useSplitter = (props: UseSplitterProps) => {\n  const {\n    container: containerFromProps,\n    defaultRatio,\n    minRatio = 0.15,\n    maxRatio = 1 - minRatio,\n    direction = 'vertical',\n    splitterWidth = 1,\n    className,\n    classNames,\n    styles,\n    prefixCls: prefixClsInProps,\n    style,\n    onChange,\n  } = props || {};\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const prefixCls = getPrefixCls('splitter', prefixClsInProps);\n  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);\n  const directionRef = useRefValue(direction);\n  const [splitterRef, setSplitterRef] = useState<HTMLDivElement | null>(null);\n  const [container, setContainer] = useState(containerFromProps);\n  const [percent, setPercent] = useState(defaultRatio);\n  const percentRef = useRefValue(percent);\n  const onChangeRef = useRefValue(onChange);\n  const [width, setWidth] = useState(\n    container && defaultRatio ? (container?.clientWidth || 0) * defaultRatio : undefined\n  );\n  const [dragging, setDragging] = useState(false);\n  const minRatioRef = useRefValue(minRatio);\n  const maxRatioRef = useRefValue(maxRatio);\n  const [isOver, setIsOver] = useState(false);\n\n  useEffect(() => {\n    if (!dragging) return;\n    const onMove = (e: MouseEvent) => {\n      const el = container;\n      if (!el) return;\n      const rect = el.getBoundingClientRect();\n      if (direction === 'vertical') {\n        const x = e.clientX - rect.left;\n        const ratio = Math.max(minRatioRef.current, Math.min(maxRatioRef.current, x / rect.width));\n        setPercent(ratio);\n        setWidth(x);\n        onChangeRef.current?.(ratio);\n      } else {\n        const y = e.clientY - rect.top;\n        const ratio = Math.max(minRatioRef.current, Math.min(maxRatioRef.current, y / rect.height));\n        setPercent(ratio);\n        setWidth(y);\n        onChangeRef.current?.(ratio);\n      }\n      // prevent text selection while dragging\n      e.preventDefault();\n    };\n    const onUp = () => setDragging(false);\n    window.addEventListener('mousemove', onMove);\n    window.addEventListener('mouseup', onUp, { once: true });\n\n    return () => {\n      window.removeEventListener('mousemove', onMove);\n      window.removeEventListener('mouseup', onUp);\n    };\n  }, [container, dragging, direction, minRatioRef, maxRatioRef]);\n\n  useEffect(() => {\n    const containerDom = containerFromProps ?? (splitterRef?.parentElement as HTMLDivElement | undefined) ?? undefined;\n    setContainer(containerDom);\n  }, [containerFromProps, splitterRef]);\n\n  // Initialize percent and width on mount\n  useEffect(() => {\n    if (defaultRatio && container && percentRef.current == null) {\n      const rect = container.getBoundingClientRect();\n      setPercent(defaultRatio);\n      if (directionRef.current === 'vertical') {\n        setWidth(rect.width * defaultRatio);\n        onChangeRef.current?.(defaultRatio);\n      } else {\n        setWidth(rect.height * defaultRatio);\n        onChangeRef.current?.(defaultRatio);\n      }\n    }\n  }, [defaultRatio, container]);\n\n  const vertical = direction === 'vertical';\n  const dom = wrapCSSVar(\n    <div\n      ref={setSplitterRef}\n      className={names(\n        hashId,\n        cssVarCls,\n        prefixCls,\n        className,\n        isOver ? names(`${prefixCls}-hover`, classNames?.hover) : undefined,\n        dragging ? names(`${prefixCls}-dragging`, classNames?.dragging) : undefined,\n        {\n          [`${prefixCls}-vertical`]: vertical,\n          [`${prefixCls}-horizontal`]: !vertical,\n        }\n      )}\n      style={{\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        [`--splitter-width` as any]: splitterWidth ? `${splitterWidth}px` : undefined,\n        ...style,\n      }}\n      onMouseDown={() => setDragging(true)}\n      onMouseEnter={() => setIsOver(true)}\n      onMouseLeave={() => setIsOver(false)}\n      role=\"separator\"\n      aria-orientation={vertical ? 'vertical' : 'horizontal'}\n      aria-label=\"Resize\"\n    >\n      <div className={names(`${prefixCls}-handle`, classNames?.handle)} style={styles?.handle}></div>\n    </div>\n  );\n\n  return {\n    dom,\n    percent,\n    width,\n    dragging,\n    direction,\n  };\n};\n\nexport default useSplitter;\n"],"mappings":"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"}

package/es/locales/index.js

@@ -15,7 +15,7 @@ export var resources = {
 };
 var reactEasyI18n = createInstance({});
 reactEasyI18n.init({
-  lng: 'en',
+  lng: 'en-US',
   resources: resources
 });
 export var t = function t() {

package/es/locales/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["createInstance","enUS","zhCN","langs","resources","en","translation","reactEasyI18n","init","lng","t","apply","arguments"],"sources":["../../src/locales/index.ts"],"sourcesContent":["import { createInstance, type i18n } from 'i18next';\nimport enUS from './langs/en-US';\nimport zhCN from './langs/zh-CN';\n\nexport const langs = ['en', 'en-US', 'zh-CN'] as const;\n\nexport type Langs = (typeof langs)[number];\n\nexport const resources = {\n  en: { translation: enUS },\n  'en-US': { translation: enUS },\n  'zh-CN': { translation: zhCN },\n} as const;\n\nconst reactEasyI18n: i18n = createInstance({});\n\nreactEasyI18n.init({\n  lng: 'en',\n  resources,\n});\n\nexport const t: i18n['t'] = ((...args) => {\n  return reactEasyI18n.t(...args);\n}) as i18n['t'];\n\nexport default reactEasyI18n;\n"],"mappings":"AAAA,SAASA,cAAc,QAAmB,SAAS;AACnD,OAAOC,IAAI;AACX,OAAOC,IAAI;AAEX,OAAO,IAAMC,KAAK,GAAG,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,CAAU;AAItD,OAAO,IAAMC,SAAS,GAAG;EACvBC,EAAE,EAAE;IAAEC,WAAW,EAAEL;EAAK,CAAC;EACzB,OAAO,EAAE;IAAEK,WAAW,EAAEL;EAAK,CAAC;EAC9B,OAAO,EAAE;IAAEK,WAAW,EAAEJ;EAAK;AAC/B,CAAU;AAEV,IAAMK,aAAmB,GAAGP,cAAc,CAAC,CAAC,CAAC,CAAC;AAE9CO,aAAa,CAACC,IAAI,CAAC;EACjBC,GAAG,EAAE,IAAI;EACTL,SAAS,EAATA;AACF,CAAC,CAAC;AAEF,OAAO,IAAMM,CAAY,GAAI,SAAhBA,CAAYA,CAAA,EAAiB;EACxC,OAAOH,aAAa,CAACG,CAAC,CAAAC,KAAA,CAAfJ,aAAa,EAAAK,SAAU,CAAC;AACjC,CAAe;AAEf,eAAeL,aAAa"}
+{"version":3,"names":["createInstance","enUS","zhCN","langs","resources","en","translation","reactEasyI18n","init","lng","t","apply","arguments"],"sources":["../../src/locales/index.ts"],"sourcesContent":["import { createInstance, type i18n } from 'i18next';\nimport enUS from './langs/en-US';\nimport zhCN from './langs/zh-CN';\n\nexport const langs = ['en', 'en-US', 'zh-CN'] as const;\n\nexport type Langs = (typeof langs)[number];\n\nexport const resources = {\n  en: { translation: enUS },\n  'en-US': { translation: enUS },\n  'zh-CN': { translation: zhCN },\n} as const;\n\nconst reactEasyI18n: i18n = createInstance({});\n\nreactEasyI18n.init({\n  lng: 'en-US',\n  resources,\n});\n\nexport const t: i18n['t'] = ((...args) => {\n  return reactEasyI18n.t(...args);\n}) as i18n['t'];\n\nexport default reactEasyI18n;\n"],"mappings":"AAAA,SAASA,cAAc,QAAmB,SAAS;AACnD,OAAOC,IAAI;AACX,OAAOC,IAAI;AAEX,OAAO,IAAMC,KAAK,GAAG,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,CAAU;AAItD,OAAO,IAAMC,SAAS,GAAG;EACvBC,EAAE,EAAE;IAAEC,WAAW,EAAEL;EAAK,CAAC;EACzB,OAAO,EAAE;IAAEK,WAAW,EAAEL;EAAK,CAAC;EAC9B,OAAO,EAAE;IAAEK,WAAW,EAAEJ;EAAK;AAC/B,CAAU;AAEV,IAAMK,aAAmB,GAAGP,cAAc,CAAC,CAAC,CAAC,CAAC;AAE9CO,aAAa,CAACC,IAAI,CAAC;EACjBC,GAAG,EAAE,OAAO;EACZL,SAAS,EAATA;AACF,CAAC,CAAC;AAEF,OAAO,IAAMM,CAAY,GAAI,SAAhBA,CAAYA,CAAA,EAAiB;EACxC,OAAOH,aAAa,CAACG,CAAC,CAAAC,KAAA,CAAfJ,aAAa,EAAAK,SAAU,CAAC;AACjC,CAAe;AAEf,eAAeL,aAAa"}

package/es/utils/math.d.ts

@@ -1,11 +1,19 @@
 /**
- * **EN**: Generate a random number within a specified range (inclusive on both ends)
+ * **EN**: Generate a random decimal number between 0 and 1
  *
- * **CN**: 生成指定范围（两端包含）内的随机数
+ * **CN**: 生成一个0~1之间的小数
+ *
+ * @returns The generated random number | 生成的随机数
+ */
+export declare function random(): number;
+/**
+ * **EN**: Generate a random integer within a specified range (inclusive on both ends)
+ *
+ * **CN**: 生成指定范围（两端包含）内的随机整数
  *
  * @param min The minimum value (inclusive) | 最小值（包含）
  * @param max The maximum value (inclusive) | 最大值（包含）
  *
- * @returns The generated random number | 生成的随机数
+ * @returns The generated random integer | 生成的随机整数
  */
 export declare function random(min: number, max: number): number;

package/es/utils/math.js

@@ -1,21 +1,37 @@
 /**
- * **EN**: Generate a random number within a specified range (inclusive on both ends)
+ * **EN**: Generate a random decimal number between 0 and 1
  *
- * **CN**: 生成指定范围（两端包含）内的随机数
+ * **CN**: 生成一个0~1之间的小数
+ *
+ * @returns The generated random number | 生成的随机数
+ */
+
+/**
+ * **EN**: Generate a random integer within a specified range (inclusive on both ends)
+ *
+ * **CN**: 生成指定范围（两端包含）内的随机整数
  *
  * @param min The minimum value (inclusive) | 最小值（包含）
  * @param max The maximum value (inclusive) | 最大值（包含）
  *
- * @returns The generated random number | 生成的随机数
+ * @returns The generated random integer | 生成的随机整数
  */
+
 export function random(min, max) {
   var _process$versions, _nodeCrypto, _nodeCrypto2;
+  if (min == null && max == null) {
+    return randomLikeMath();
+  }
+  if (min == null || max == null) {
+    throw new TypeError('Both min and max must be provided');
+  }
   if (!Number.isFinite(min) || !Number.isFinite(max)) {
     throw new TypeError('min and max must be finite numbers');
   }
   if (Math.floor(min) !== min || Math.floor(max) !== max) {
     throw new TypeError('min and max must be integers');
   }
+  var globalThat = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : {};
   if (min > max) {
     var _ref = [max, min];
     min = _ref[0];
@@ -29,7 +45,7 @@ export function random(min, max) {
     try {
       // eslint-disable-next-line @typescript-eslint/no-var-requires
       nodeCrypto = require('crypto');
-    } catch (_unused) {
+    } catch (error) {
       // ignore
     }
   }
@@ -41,12 +57,12 @@ export function random(min, max) {
 
   // 2. Web Crypto (Browsers or Node 19+ webcrypto)
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  var webCrypto = globalThis.crypto || ((_nodeCrypto2 = nodeCrypto) === null || _nodeCrypto2 === void 0 ? void 0 : _nodeCrypto2.webcrypto);
+  var webCrypto = globalThat.crypto || ((_nodeCrypto2 = nodeCrypto) === null || _nodeCrypto2 === void 0 ? void 0 : _nodeCrypto2.webcrypto);
   if (webCrypto !== null && webCrypto !== void 0 && webCrypto.getRandomValues) {
     var range = max - min + 1;
     if (range <= 0) return min;
 
-    // 使用拒绝采样避免 (2^32 % range) 造成的微小偏差
+    // Use rejection sampling to avoid the slight bias caused by (2^32 % range).
     var maxUint32 = 0xffffffff;
     var limit = Math.floor((maxUint32 + 1) / range) * range;
     var arr = new Uint32Array(1);
@@ -58,8 +74,45 @@ export function random(min, max) {
     return min + v % range;
   }
 
-  // 3. Fallback, should not be used for cryptographic purposes
-  var _math = Math;
-  return Math.floor(_math.random() * (max - min + 1)) + min;
+  // 3. Fallback
+  return randomLikeMath();
+}
+function randomLikeMath() {
+  var _process$versions2;
+  var globalThat = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : {};
+  // Browser / Node(with webcrypto)
+  var cryptoObj = globalThat.crypto;
+  if (cryptoObj !== null && cryptoObj !== void 0 && cryptoObj.getRandomValues) {
+    var buf = new Uint32Array(2);
+    cryptoObj.getRandomValues(buf);
+
+    // 53-bit precision, mapped to [0, 1)
+    var high = buf[0] >>> 5; // 27 bits
+    var low = buf[1] >>> 6; // 26 bits
+    return (high * 67108864 + low) / 9007199254740992; // 2^53
+  }
+
+  // Old Node fallback (No webcrypto)
+  // Use eval('require') to avoid "require is not defined" error during browser bundling
+  var req = typeof process !== 'undefined' && (_process$versions2 = process.versions) !== null && _process$versions2 !== void 0 && _process$versions2.node && typeof globalThat.require === 'function' ? globalThat.require : function () {
+    try {
+      // eslint-disable-next-line no-eval
+      return eval('require');
+    } catch (error) {
+      return undefined;
+    }
+  }();
+  if (!req) {
+    throw new Error('No secure random source available in this environment');
+  }
+
+  // eslint-disable-next-line @typescript-eslint/no-var-requires
+  var nodeCrypto = req('crypto');
+  if (typeof nodeCrypto.randomBytes !== 'function') {
+    throw new Error('No secure random source available in this environment');
+  }
+  var b = nodeCrypto.randomBytes(7); // 56 bits
+  var x = (b[0] & 0x1f) * Math.pow(2, 48) + b[1] * Math.pow(2, 40) + b[2] * Math.pow(2, 32) + b[3] * Math.pow(2, 24) + b[4] * Math.pow(2, 16) + b[5] * Math.pow(2, 8) + b[6];
+  return x / 9007199254740992; // 2^53 => [0,1)
 }
 //# sourceMappingURL=math.js.map

package/es/utils/math.js.map

@@ -1 +1 @@
-{"version":3,"names":["random","min","max","_process$versions","_nodeCrypto","_nodeCrypto2","Number","isFinite","TypeError","Math","floor","_ref","nodeCrypto","process","versions","node","require","_unused","randomInt","webCrypto","globalThis","crypto","webcrypto","getRandomValues","range","maxUint32","limit","arr","Uint32Array","v","_math"],"sources":["../../src/utils/math.ts"],"sourcesContent":["/**\n * **EN**: Generate a random number within a specified range (inclusive on both ends)\n *\n * **CN**: 生成指定范围（两端包含）内的随机数\n *\n * @param min The minimum value (inclusive) | 最小值（包含）\n * @param max The maximum value (inclusive) | 最大值（包含）\n *\n * @returns The generated random number | 生成的随机数\n */\nexport function random(min: number, max: number): number {\n  if (!Number.isFinite(min) || !Number.isFinite(max)) {\n    throw new TypeError('min and max must be finite numbers');\n  }\n  if (Math.floor(min) !== min || Math.floor(max) !== max) {\n    throw new TypeError('min and max must be integers');\n  }\n  if (min > max) {\n    [min, max] = [max, min];\n  }\n\n  // Try to require Node.js crypto\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  let nodeCrypto: any;\n  if (typeof process !== 'undefined' && process.versions?.node) {\n    try {\n      // eslint-disable-next-line @typescript-eslint/no-var-requires\n      nodeCrypto = require('crypto');\n    } catch {\n      // ignore\n    }\n  }\n\n  // 1. Node.js crypto.randomInt\n  if (nodeCrypto?.randomInt) {\n    return nodeCrypto.randomInt(min, max + 1);\n  }\n\n  // 2. Web Crypto (Browsers or Node 19+ webcrypto)\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const webCrypto: Crypto | undefined = (globalThis as any).crypto || nodeCrypto?.webcrypto;\n\n  if (webCrypto?.getRandomValues) {\n    const range = max - min + 1;\n    if (range <= 0) return min;\n\n    // 使用拒绝采样避免 (2^32 % range) 造成的微小偏差\n    const maxUint32 = 0xffffffff;\n    const limit = Math.floor((maxUint32 + 1) / range) * range;\n    const arr = new Uint32Array(1);\n    let v: number;\n    do {\n      webCrypto.getRandomValues(arr);\n      v = arr[0];\n    } while (v >= limit);\n    return min + (v % range);\n  }\n\n  // 3. Fallback, should not be used for cryptographic purposes\n  const _math = Math;\n  return Math.floor(_math.random() * (max - min + 1)) + min;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,MAAMA,CAACC,GAAW,EAAEC,GAAW,EAAU;EAAA,IAAAC,iBAAA,EAAAC,WAAA,EAAAC,YAAA;EACvD,IAAI,CAACC,MAAM,CAACC,QAAQ,CAACN,GAAG,CAAC,IAAI,CAACK,MAAM,CAACC,QAAQ,CAACL,GAAG,CAAC,EAAE;IAClD,MAAM,IAAIM,SAAS,CAAC,oCAAoC,CAAC;EAC3D;EACA,IAAIC,IAAI,CAACC,KAAK,CAACT,GAAG,CAAC,KAAKA,GAAG,IAAIQ,IAAI,CAACC,KAAK,CAACR,GAAG,CAAC,KAAKA,GAAG,EAAE;IACtD,MAAM,IAAIM,SAAS,CAAC,8BAA8B,CAAC;EACrD;EACA,IAAIP,GAAG,GAAGC,GAAG,EAAE;IAAA,IAAAS,IAAA,GACA,CAACT,GAAG,EAAED,GAAG,CAAC;IAAtBA,GAAG,GAAAU,IAAA;IAAET,GAAG,GAAAS,IAAA;EACX;;EAEA;EACA;EACA,IAAIC,UAAe;EACnB,IAAI,OAAOC,OAAO,KAAK,WAAW,KAAAV,iBAAA,GAAIU,OAAO,CAACC,QAAQ,cAAAX,iBAAA,eAAhBA,iBAAA,CAAkBY,IAAI,EAAE;IAC5D,IAAI;MACF;MACAH,UAAU,GAAGI,OAAO,CAAC,QAAQ,CAAC;IAChC,CAAC,CAAC,OAAAC,OAAA,EAAM;MACN;IAAA;EAEJ;;EAEA;EACA,KAAAb,WAAA,GAAIQ,UAAU,cAAAR,WAAA,eAAVA,WAAA,CAAYc,SAAS,EAAE;IACzB,OAAON,UAAU,CAACM,SAAS,CAACjB,GAAG,EAAEC,GAAG,GAAG,CAAC,CAAC;EAC3C;;EAEA;EACA;EACA,IAAMiB,SAA6B,GAAIC,UAAU,CAASC,MAAM,MAAAhB,YAAA,GAAIO,UAAU,cAAAP,YAAA,uBAAVA,YAAA,CAAYiB,SAAS;EAEzF,IAAIH,SAAS,aAATA,SAAS,eAATA,SAAS,CAAEI,eAAe,EAAE;IAC9B,IAAMC,KAAK,GAAGtB,GAAG,GAAGD,GAAG,GAAG,CAAC;IAC3B,IAAIuB,KAAK,IAAI,CAAC,EAAE,OAAOvB,GAAG;;IAE1B;IACA,IAAMwB,SAAS,GAAG,UAAU;IAC5B,IAAMC,KAAK,GAAGjB,IAAI,CAACC,KAAK,CAAC,CAACe,SAAS,GAAG,CAAC,IAAID,KAAK,CAAC,GAAGA,KAAK;IACzD,IAAMG,GAAG,GAAG,IAAIC,WAAW,CAAC,CAAC,CAAC;IAC9B,IAAIC,CAAS;IACb,GAAG;MACDV,SAAS,CAACI,eAAe,CAACI,GAAG,CAAC;MAC9BE,CAAC,GAAGF,GAAG,CAAC,CAAC,CAAC;IACZ,CAAC,QAAQE,CAAC,IAAIH,KAAK;IACnB,OAAOzB,GAAG,GAAI4B,CAAC,GAAGL,KAAM;EAC1B;;EAEA;EACA,IAAMM,KAAK,GAAGrB,IAAI;EAClB,OAAOA,IAAI,CAACC,KAAK,CAACoB,KAAK,CAAC9B,MAAM,CAAC,CAAC,IAAIE,GAAG,GAAGD,GAAG,GAAG,CAAC,CAAC,CAAC,GAAGA,GAAG;AAC3D"}
+{"version":3,"names":["random","min","max","_process$versions","_nodeCrypto","_nodeCrypto2","randomLikeMath","TypeError","Number","isFinite","Math","floor","globalThat","globalThis","window","global","_ref","nodeCrypto","process","versions","node","require","error","randomInt","webCrypto","crypto","webcrypto","getRandomValues","range","maxUint32","limit","arr","Uint32Array","v","_process$versions2","cryptoObj","buf","high","low","req","eval","undefined","Error","randomBytes","b","x","pow"],"sources":["../../src/utils/math.ts"],"sourcesContent":["/**\n * **EN**: Generate a random decimal number between 0 and 1\n *\n * **CN**: 生成一个0~1之间的小数\n *\n * @returns The generated random number | 生成的随机数\n */\nexport function random(): number;\n/**\n * **EN**: Generate a random integer within a specified range (inclusive on both ends)\n *\n * **CN**: 生成指定范围（两端包含）内的随机整数\n *\n * @param min The minimum value (inclusive) | 最小值（包含）\n * @param max The maximum value (inclusive) | 最大值（包含）\n *\n * @returns The generated random integer | 生成的随机整数\n */\nexport function random(min: number, max: number): number;\nexport function random(min?: number, max?: number): number {\n  if (min == null && max == null) {\n    return randomLikeMath();\n  }\n  if (min == null || max == null) {\n    throw new TypeError('Both min and max must be provided');\n  }\n  if (!Number.isFinite(min) || !Number.isFinite(max)) {\n    throw new TypeError('min and max must be finite numbers');\n  }\n  if (Math.floor(min) !== min || Math.floor(max) !== max) {\n    throw new TypeError('min and max must be integers');\n  }\n  const globalThat =\n    typeof globalThis !== 'undefined'\n      ? globalThis\n      : typeof window !== 'undefined'\n        ? window\n        : typeof global !== 'undefined'\n          ? global\n          : ({} as typeof globalThis);\n  if (min > max) {\n    [min, max] = [max, min];\n  }\n\n  // Try to require Node.js crypto\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  let nodeCrypto: any;\n  if (typeof process !== 'undefined' && process.versions?.node) {\n    try {\n      // eslint-disable-next-line @typescript-eslint/no-var-requires\n      nodeCrypto = require('crypto');\n    } catch (error) {\n      // ignore\n    }\n  }\n\n  // 1. Node.js crypto.randomInt\n  if (nodeCrypto?.randomInt) {\n    return nodeCrypto.randomInt(min, max + 1);\n  }\n\n  // 2. Web Crypto (Browsers or Node 19+ webcrypto)\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const webCrypto: Crypto | undefined = globalThat.crypto || nodeCrypto?.webcrypto;\n\n  if (webCrypto?.getRandomValues) {\n    const range = max - min + 1;\n    if (range <= 0) return min;\n\n    // Use rejection sampling to avoid the slight bias caused by (2^32 % range).\n    const maxUint32 = 0xffffffff;\n    const limit = Math.floor((maxUint32 + 1) / range) * range;\n    const arr = new Uint32Array(1);\n    let v: number;\n    do {\n      webCrypto.getRandomValues(arr);\n      v = arr[0];\n    } while (v >= limit);\n    return min + (v % range);\n  }\n\n  // 3. Fallback\n  return randomLikeMath();\n}\n\nfunction randomLikeMath(): number {\n  const globalThat =\n    typeof globalThis !== 'undefined'\n      ? globalThis\n      : typeof window !== 'undefined'\n        ? window\n        : typeof global !== 'undefined'\n          ? global\n          : ({} as typeof globalThis);\n  // Browser / Node(with webcrypto)\n  const cryptoObj = globalThat.crypto;\n  if (cryptoObj?.getRandomValues) {\n    const buf = new Uint32Array(2);\n    cryptoObj.getRandomValues(buf);\n\n    // 53-bit precision, mapped to [0, 1)\n    const high = buf[0] >>> 5; // 27 bits\n    const low = buf[1] >>> 6; // 26 bits\n    return (high * 67108864 + low) / 9007199254740992; // 2^53\n  }\n\n  // Old Node fallback (No webcrypto)\n  // Use eval('require') to avoid \"require is not defined\" error during browser bundling\n  const req: NodeRequire | undefined =\n    typeof process !== 'undefined' &&\n    process.versions?.node &&\n    typeof (globalThat as unknown as { require?: unknown }).require === 'function'\n      ? (globalThat as unknown as { require: NodeRequire }).require\n      : (() => {\n          try {\n            // eslint-disable-next-line no-eval\n            return eval('require') as NodeRequire;\n          } catch (error) {\n            return undefined;\n          }\n        })();\n\n  if (!req) {\n    throw new Error('No secure random source available in this environment');\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-var-requires\n  const nodeCrypto = req('crypto') as { randomBytes?: (size: number) => Uint8Array };\n  if (typeof nodeCrypto.randomBytes !== 'function') {\n    throw new Error('No secure random source available in this environment');\n  }\n\n  const b = nodeCrypto.randomBytes(7); // 56 bits\n  const x =\n    (b[0] & 0x1f) * 2 ** 48 + b[1] * 2 ** 40 + b[2] * 2 ** 32 + b[3] * 2 ** 24 + b[4] * 2 ** 16 + b[5] * 2 ** 8 + b[6];\n\n  return x / 9007199254740992; // 2^53 => [0,1)\n}\n"],"mappings":"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"}

package/lib/components/Animation/Pulse/index.d.ts

@@ -1,12 +1,28 @@
 import type { CSSProperties, FC } from 'react';
 export interface PulseAnimationProps {
+    /**
+     * - **EN:** Custom class name for the root element
+     * - **CN:** 根元素的自定义类名
+     */
     className?: string;
+    /**
+     * - **EN:** Custom styles for the root element
+     * - **CN:** 根元素的自定义样式
+     */
     style?: CSSProperties;
+    /**
+     * - **EN:** Custom styles for the pulse bars
+     * - **CN:** 心跳条的自定义样式
+     */
     barStyle?: CSSProperties;
+    /**
+     * - **EN:** Custom prefix for the component's CSS class.
+     * - **CN:** 组件的自定义 CSS 类前缀。
+     */
     prefixCls?: string;
     /**
      * - **EN:** Number of bars, default is `24`
-     * - **CN:** 心跳柱子数量，默认`24`
+     * - **CN:** 心跳条数量，默认`24`
      */
     bars?: number;
     /**
@@ -48,5 +64,5 @@ export interface PulseAnimationProps {
  *
  * > 使用 `token.AnimationPulse` 来全局配置 `barMinSize` 和 `barMaxSize` 属性
  */
-export declare const PulseAnimation: FC<PulseAnimationProps>;
+declare const PulseAnimation: FC<PulseAnimationProps>;
 export default PulseAnimation;

package/lib/components/Animation/Pulse/index.js

@@ -29,7 +29,6 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/Animation/Pulse/index.tsx
 var Pulse_exports = {};
 __export(Pulse_exports, {
-  PulseAnimation: () => PulseAnimation,
   default: () => Pulse_default
 });
 module.exports = __toCommonJS(Pulse_exports);
@@ -81,8 +80,4 @@ var PulseAnimation = (props) => {
   );
 };
 var Pulse_default = PulseAnimation;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  PulseAnimation
-});
 //# sourceMappingURL=index.js.map

package/lib/components/Animation/Pulse/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/Animation/Pulse/index.tsx"],
-  "sourcesContent": ["import type { CSSProperties, FC } from 'react';\nimport { useContext, useMemo } from 'react';\nimport { ConfigProvider } from 'antd';\nimport classNames from 'classnames';\nimport useStyle from './style';\n\nexport interface PulseAnimationProps {\n  className?: string;\n  style?: CSSProperties;\n  barStyle?: CSSProperties;\n  prefixCls?: string;\n  /**\n   * - **EN:** Number of bars, default is `24`\n   * - **CN:** 心跳柱子数量，默认`24`\n   */\n\n  bars?: number;\n  /**\n   * - **EN:** Gap between bars, default is `4px`\n   * - **CN:** 心跳柱子间隙，默认`4px`\n   */\n  barGap?: CSSProperties['gap'];\n  /**\n   * - **EN:** Background color of the bars, default is theme's `colorFillSecondary`\n   * - **CN:** 心跳柱子背景色，默认主题的 `colorFillSecondary`\n   */\n  barColor?: CSSProperties['backgroundColor'];\n  /**\n   * - **EN:** Minimum height of the bar, default is `10%`\n   * - **CN:** 心跳柱子最小高度，默认`10%`\n   */\n  // barMinSize?: CSSProperties['height'];\n  /**\n   * - **EN:** Maximum height of the bar, default is `90%`\n   * - **CN:** 心跳柱子最大高度，默认`90%`\n   */\n  // barMaxSize?: CSSProperties['height'];\n  /**\n   * - **EN:** Animation duration in seconds, default is `1.6` seconds\n   * - **CN:** 动画持续时间，单位秒，默认`1.6`秒\n   */\n  duration?: number;\n  /**\n   * - **EN:** Animation delay rate, the delay between bars is calculated based on `{bars *\n   *   delayRate}`, default is `0.09`\n   * - **CN:** 动画延迟的百分比，根据 `{bars * delayRate}` 计算柱子之间的延迟，默认 `0.09`\n   */\n  delayRate?: number;\n}\n\n/**\n * - **EN:** Pulse animation component, used to indicate loading or processing state\n *\n * > Use `token.AnimationPulse` to globally configure `barMinSize` and `barMaxSize` properties\n *\n * - **CN:** 脉动动画组件，用于表示加载或处理状态\n *\n * > 使用 `token.AnimationPulse` 来全局配置 `barMinSize` 和 `barMaxSize` 属性\n */\nexport const PulseAnimation: FC<PulseAnimationProps> = (props) => {\n  const {\n    bars = 8,\n    barGap,\n    barColor,\n    duration,\n    delayRate = 0.09,\n    prefixCls: prefixClsInProps,\n    className,\n    style,\n    barStyle,\n  } = props;\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const prefixCls = getPrefixCls('animation-pulse', prefixClsInProps);\n  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);\n  const array = useMemo(() => Array.from({ length: bars }), [bars]);\n\n  return wrapCSSVar(\n    <div\n      className={classNames(prefixCls, hashId, cssVarCls, className)}\n      style={{\n        gridTemplateColumns: `repeat(${array.length}, 1fr)`,\n        gap: barGap,\n        ...style,\n      }}\n    >\n      {array.map((_, i) => (\n        <div\n          // eslint-disable-next-line react/no-array-index-key\n          key={i}\n          className={`${prefixCls}-bar`}\n          style={{\n            animationDuration: duration != null ? `${duration}s` : undefined,\n            animationDelay: `${(i % array.length) * delayRate}s`,\n            backgroundColor: barColor != null ? barColor : undefined,\n            ...barStyle,\n          }}\n        />\n      ))}\n    </div>\n  );\n};\n\nexport default PulseAnimation;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAoC;AACpC,kBAA+B;AAC/B,wBAAuB;AACvB,mBAAqB;AAuDd,IAAM,iBAA0C,CAAC,UAAU;AAChE,QAAM;AAAA,IACJ,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,EAAE,aAAa,QAAI,yBAAW,2BAAe,aAAa;AAChE,QAAM,YAAY,aAAa,mBAAmB,gBAAgB;AAClE,QAAM,CAAC,YAAY,QAAQ,SAAS,QAAI,aAAAA,SAAS,SAAS;AAC1D,QAAM,YAAQ,sBAAQ,MAAM,MAAM,KAAK,EAAE,QAAQ,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;AAEhE,SAAO;AAAA,IACL;AAAA,MAAC;AAAA;AAAA,QACC,eAAW,kBAAAC,SAAW,WAAW,QAAQ,WAAW,SAAS;AAAA,QAC7D,OAAO;AAAA,UACL,qBAAqB,UAAU,MAAM;AAAA,UACrC,KAAK;AAAA,UACL,GAAG;AAAA,QACL;AAAA;AAAA,MAEC,MAAM,IAAI,CAAC,GAAG,MACb;AAAA,QAAC;AAAA;AAAA,UAEC,KAAK;AAAA,UACL,WAAW,GAAG;AAAA,UACd,OAAO;AAAA,YACL,mBAAmB,YAAY,OAAO,GAAG,cAAc;AAAA,YACvD,gBAAgB,GAAI,IAAI,MAAM,SAAU;AAAA,YACxC,iBAAiB,YAAY,OAAO,WAAW;AAAA,YAC/C,GAAG;AAAA,UACL;AAAA;AAAA,MACF,CACD;AAAA,IACH;AAAA,EACF;AACF;AAEA,IAAO,gBAAQ;",
+  "sourcesContent": ["import type { CSSProperties, FC } from 'react';\nimport { useContext, useMemo } from 'react';\nimport { ConfigProvider } from 'antd';\nimport classNames from 'classnames';\nimport useStyle from './style';\n\nexport interface PulseAnimationProps {\n  /**\n   * - **EN:** Custom class name for the root element\n   * - **CN:** 根元素的自定义类名\n   */\n  className?: string;\n  /**\n   * - **EN:** Custom styles for the root element\n   * - **CN:** 根元素的自定义样式\n   */\n  style?: CSSProperties;\n  /**\n   * - **EN:** Custom styles for the pulse bars\n   * - **CN:** 心跳条的自定义样式\n   */\n  barStyle?: CSSProperties;\n  /**\n   * - **EN:** Custom prefix for the component's CSS class.\n   * - **CN:** 组件的自定义 CSS 类前缀。\n   */\n  prefixCls?: string;\n  /**\n   * - **EN:** Number of bars, default is `24`\n   * - **CN:** 心跳条数量，默认`24`\n   */\n\n  bars?: number;\n  /**\n   * - **EN:** Gap between bars, default is `4px`\n   * - **CN:** 心跳柱子间隙，默认`4px`\n   */\n  barGap?: CSSProperties['gap'];\n  /**\n   * - **EN:** Background color of the bars, default is theme's `colorFillSecondary`\n   * - **CN:** 心跳柱子背景色，默认主题的 `colorFillSecondary`\n   */\n  barColor?: CSSProperties['backgroundColor'];\n  /**\n   * - **EN:** Minimum height of the bar, default is `10%`\n   * - **CN:** 心跳柱子最小高度，默认`10%`\n   */\n  // barMinSize?: CSSProperties['height'];\n  /**\n   * - **EN:** Maximum height of the bar, default is `90%`\n   * - **CN:** 心跳柱子最大高度，默认`90%`\n   */\n  // barMaxSize?: CSSProperties['height'];\n  /**\n   * - **EN:** Animation duration in seconds, default is `1.6` seconds\n   * - **CN:** 动画持续时间，单位秒，默认`1.6`秒\n   */\n  duration?: number;\n  /**\n   * - **EN:** Animation delay rate, the delay between bars is calculated based on `{bars *\n   *   delayRate}`, default is `0.09`\n   * - **CN:** 动画延迟的百分比，根据 `{bars * delayRate}` 计算柱子之间的延迟，默认 `0.09`\n   */\n  delayRate?: number;\n}\n\n/**\n * - **EN:** Pulse animation component, used to indicate loading or processing state\n *\n * > Use `token.AnimationPulse` to globally configure `barMinSize` and `barMaxSize` properties\n *\n * - **CN:** 脉动动画组件，用于表示加载或处理状态\n *\n * > 使用 `token.AnimationPulse` 来全局配置 `barMinSize` 和 `barMaxSize` 属性\n */\nconst PulseAnimation: FC<PulseAnimationProps> = (props) => {\n  const {\n    bars = 8,\n    barGap,\n    barColor,\n    duration,\n    delayRate = 0.09,\n    prefixCls: prefixClsInProps,\n    className,\n    style,\n    barStyle,\n  } = props;\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const prefixCls = getPrefixCls('animation-pulse', prefixClsInProps);\n  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);\n  const array = useMemo(() => Array.from({ length: bars }), [bars]);\n\n  return wrapCSSVar(\n    <div\n      className={classNames(prefixCls, hashId, cssVarCls, className)}\n      style={{\n        gridTemplateColumns: `repeat(${array.length}, 1fr)`,\n        gap: barGap,\n        ...style,\n      }}\n    >\n      {array.map((_, i) => (\n        <div\n          // eslint-disable-next-line react/no-array-index-key\n          key={i}\n          className={`${prefixCls}-bar`}\n          style={{\n            animationDuration: duration != null ? `${duration}s` : undefined,\n            animationDelay: `${(i % array.length) * delayRate}s`,\n            backgroundColor: barColor != null ? barColor : undefined,\n            ...barStyle,\n          }}\n        />\n      ))}\n    </div>\n  );\n};\n\nexport default PulseAnimation;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAoC;AACpC,kBAA+B;AAC/B,wBAAuB;AACvB,mBAAqB;AAuErB,IAAM,iBAA0C,CAAC,UAAU;AACzD,QAAM;AAAA,IACJ,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,EAAE,aAAa,QAAI,yBAAW,2BAAe,aAAa;AAChE,QAAM,YAAY,aAAa,mBAAmB,gBAAgB;AAClE,QAAM,CAAC,YAAY,QAAQ,SAAS,QAAI,aAAAA,SAAS,SAAS;AAC1D,QAAM,YAAQ,sBAAQ,MAAM,MAAM,KAAK,EAAE,QAAQ,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;AAEhE,SAAO;AAAA,IACL;AAAA,MAAC;AAAA;AAAA,QACC,eAAW,kBAAAC,SAAW,WAAW,QAAQ,WAAW,SAAS;AAAA,QAC7D,OAAO;AAAA,UACL,qBAAqB,UAAU,MAAM;AAAA,UACrC,KAAK;AAAA,UACL,GAAG;AAAA,QACL;AAAA;AAAA,MAEC,MAAM,IAAI,CAAC,GAAG,MACb;AAAA,QAAC;AAAA;AAAA,UAEC,KAAK;AAAA,UACL,WAAW,GAAG;AAAA,UACd,OAAO;AAAA,YACL,mBAAmB,YAAY,OAAO,GAAG,cAAc;AAAA,YACvD,gBAAgB,GAAI,IAAI,MAAM,SAAU;AAAA,YACxC,iBAAiB,YAAY,OAAO,WAAW;AAAA,YAC/C,GAAG;AAAA,UACL;AAAA;AAAA,MACF,CACD;AAAA,IACH;AAAA,EACF;AACF;AAEA,IAAO,gBAAQ;",
   "names": ["useStyle", "classNames"]
 }