@tiny-codes/react-easy 1.7.4 → 1.7.6

package/es/components/FloatDrawer/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["useContext","useEffect","useMemo","useRef","useState","Card","ConfigProvider","classNames","DownOutlined","LeftOutlined","RightOutlined","UpOutlined","useRefFunction","useStyle","jsx","_jsx","jsxs","_jsxs","FloatDrawer","props","prefixClsInProps","prefixCls","open","_props$position","position","cardProps","children","className","classNamesInProps","style","styles","cacheKey","defaultSize","_props$minSize","minSize","_props$maxSize","maxSize","Infinity","edgeOffset","_props$showToggle","showToggle","_props$resizable","resizable","_props$destroyOnClose","destroyOnClose","onOpenChange","onResize","onClick","_useContext","ConfigContext","getPrefixCls","_useStyle","_useStyle2","_slicedToArray","wrapCSSVar","hashId","cssVarCls","_useState","_useState2","drawerRef","setDrawerRef","_useState3","localStorage","getItem","Number","_useState4","size","setSize","sizeMap","type","_defineProperty","_useState5","_useState6","isOpen","setIsOpen","_useState7","_useState8","isDragging","setIsDragging","dragStartPos","dragStartSize","classString","concat","closeIcon","openIcon","toggleDrawer","handleResizeStart","e","current","clientY","clientX","preventDefault","handleResize","newSize","setItem","String","handleResizeEnd","undefined","rect","getBoundingClientRect","width","height","window","addEventListener","removeEventListener","_objectSpread","ref","drawer","resizeHandle","onMouseDown","content","bordered","variant","card","toggle","handleIcon"],"sources":["../../../src/components/FloatDrawer/index.tsx"],"sourcesContent":["import type { CSSProperties, FC, ReactNode } from 'react';\nimport { useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport type { CardProps } from 'antd';\nimport { Card, ConfigProvider } from 'antd';\nimport classNames from 'classnames';\nimport { DownOutlined, LeftOutlined, RightOutlined, UpOutlined } from '@ant-design/icons';\nimport useRefFunction from '../../hooks/useRefFunction';\nimport useStyle from './style';\n\nexport interface FloatDrawerProps {\n  prefixCls?: string;\n  /**\n   * - **EN:** Whether the drawer is open\n   * - **CN:** 抽屉是否打开\n   */\n  open?: boolean;\n  /**\n   * - **EN:** Position of the drawer\n   * - **CN:** 抽屉的位置\n   *\n   * @default 'right'\n   */\n  position?: 'left' | 'right' | 'top' | 'bottom';\n  /**\n   * - **EN:** Default size of the drawer. If the drawer is placed on the left or right, this is the\n   *   width, otherwise it is the height. If not set, the drawer will adapt to the content size.\n   * - **CN:** 抽屉的默认宽度。如果抽屉放在左侧或右侧，则为宽度，否则为高度。不设置时，抽屉会根据内容自适应大小。\n   */\n  defaultSize?: number;\n  /**\n   * - **EN:** Minimum size of the drawer\n   * - **CN:** 抽屉的最小宽度\n   *\n   * @default 0\n   */\n  minSize?: number;\n  /**\n   * - **EN:** Maximum size of the drawer\n   * - **CN:** 抽屉的最大宽度\n   *\n   * @default Infinity\n   */\n  maxSize?: number;\n  /**\n   * - **EN:** Offset of the drawer from the edge of the screen, supports all CSS length units,\n   *   default is `0`.\n   *\n   * > The drawer will be hidden outside the parent container's edge, but since the parent container\n   * > may have padding or border, the drawer may not be completely hidden. You can adjust the\n   * > `edgeOffset` to ensure the drawer is completely hidden outside the parent container.\n   *\n   * - **CN:** 抽屉距离屏幕边缘的偏移量，支持所有的CSS长度单位, 默认`0`。\n   *\n   * > 抽屉会隐藏在父容器的外边缘, 但由于父容器可能有padding或border, 导致抽屉不能完全隐藏, 因此可以通过设置 `edgeOffset` 来调整抽屉的偏移量,\n   * > 以确保抽屉完全隐藏在父容器之外。\n   *\n   * @default 0\n   */\n  edgeOffset?: CSSProperties['width'];\n  /**\n   * - **EN:** Whether to show the toggle button, default is `true`.\n   * - **CN:** 是否显示展开/收起按钮，默认`true`。\n   */\n  showToggle?: boolean;\n  /**\n   * - **EN:** Whether the drawer is resizable, default is `true`.\n   * - **CN:** 抽屉是否可调整大小, 默认`true`。\n   */\n  resizable?: boolean;\n  /**\n   * - **EN:** Whether to destroy the drawer content when closed, default is `false`.\n   * - **CN:** 抽屉关闭时是否销毁内容，默认`false`。\n   */\n  destroyOnClose?: boolean;\n  /**\n   * - **EN:** Cache key for storing the drawer size in localStorage. If not set, the size will not be\n   *   cached.\n   * - **CN:** 指定一个localStorage缓存键，用于记忆抽屉宽度。如果不设置，则不使用缓存。\n   */\n  cacheKey?: string;\n  /**\n   * - **EN:** Custom class name for the root element\n   * - **CN:** 根元素的自定义类名\n   */\n  className?: string;\n  /**\n   * - **EN:** Custom class names for specific elements\n   * - **CN:** 特定元素的自定义类名\n   */\n  classNames?: {\n    /**\n     * - **EN:** Class name for the drawer element\n     * - **CN:** 抽屉元素的类名\n     */\n    drawer?: string;\n    /**\n     * - **EN:** Class name for the expand handle\n     * - **CN:** 展开手柄的类名\n     */\n    toggle?: string;\n    /**\n     * - **EN:** Class name for the resize handle\n     * - **CN:** 调整大小手柄的类名\n     */\n    resizeHandle?: string;\n    /**\n     * - **EN:** Class name for the handle icon\n     * - **CN:** 手柄图标的类名\n     */\n    handleIcon?: string;\n    /**\n     * - **EN:** Class name for the content area\n     * - **CN:** 内容区域的类名\n     */\n    content?: string;\n    /**\n     * - **EN:** Class name for the card element\n     * - **CN:** 卡片元素的类名\n     */\n    card?: string;\n  };\n  /**\n   * - **EN:** Custom styles for the root element\n   * - **CN:** 根元素的自定义样式\n   */\n  style?: CSSProperties;\n  /**\n   * - **EN:** Custom styles for specific elements\n   * - **CN:** 特定元素的自定义样式\n   */\n  styles?: {\n    /**\n     * - **EN:** Styles for the drawer element\n     * - **CN:** 抽屉元素的样式\n     */\n    drawer?: CSSProperties;\n    /**\n     * - **EN:** Styles for the expand handle\n     * - **CN:** 展开手柄的样式\n     */\n    toggle?: CSSProperties;\n    /**\n     * - **EN:** Styles for the resize handle\n     * - **CN:** 调整大小手柄的样式\n     */\n    resizeHandle?: CSSProperties;\n    /**\n     * - **EN:** Styles for the handle icon\n     * - **CN:** 手柄图标的样式\n     */\n    handleIcon?: CSSProperties;\n    /**\n     * - **EN:** Styles for the content area\n     * - **CN:** 内容区域的样式\n     */\n    content?: CSSProperties;\n    /**\n     * - **EN:** Styles for the card element\n     * - **CN:** 卡片元素的样式\n     */\n    card?: CSSProperties;\n  };\n  /**\n   * - **EN:** Custom properties for the card element\n   * - **CN:** 卡片元素的自定义属性\n   */\n  cardProps?: Omit<CardProps, 'children'>;\n  /**\n   * - **EN:** Content to be rendered inside the drawer\n   * - **CN:** 抽屉内容\n   */\n  children?: ReactNode;\n  /**\n   * - **EN:** Callback function when the open state changes\n   * - **CN:** 打开状态变化时的回调函数\n   */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * - **EN:** Callback function when the drawer is resized\n   * - **CN:** 抽屉调整大小时的回调函数\n   */\n  onResize?: (size: number) => void;\n  /**\n   * - **EN:** Event handler for click events on the drawer container and its internal elements\n   * - **CN:** 点击抽屉容器及内部元素时的事件\n   */\n  onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;\n}\n\n/**\n * - **EN:** FloatDrawer component for creating a draggable, resizable drawer\n * - **CN:** FloatDrawer组件，用于创建可拖动、可调整大小的抽屉\n */\nconst FloatDrawer: FC<FloatDrawerProps> = (props) => {\n  const {\n    prefixCls: prefixClsInProps,\n    open,\n    position = 'right',\n    cardProps,\n    children,\n    className,\n    classNames: classNamesInProps,\n    style,\n    styles,\n    cacheKey,\n    defaultSize,\n    minSize = 0,\n    maxSize = +Infinity,\n    edgeOffset,\n    showToggle = true,\n    resizable = true,\n    destroyOnClose = false,\n    onOpenChange,\n    onResize,\n    onClick,\n  } = props;\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const prefixCls = getPrefixCls('easy-float-drawer', prefixClsInProps);\n  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);\n  const [drawerRef, setDrawerRef] = useState<HTMLDivElement | null>(null);\n  const [size, setSize] = useState(\n    cacheKey && localStorage.getItem(cacheKey) ? Number(localStorage.getItem(cacheKey)) || defaultSize : defaultSize\n  );\n  const sizeMap = useMemo(() => {\n    const type = position === 'left' || position === 'right' ? 'width' : 'height';\n    return {\n      [type]: size,\n    };\n  }, [position, size]);\n  const [isOpen, setIsOpen] = useState<boolean>();\n  const [isDragging, setIsDragging] = useState(false);\n  const dragStartPos = useRef<number>(0);\n  const dragStartSize = useRef<number>(size);\n  const classString = classNames(\n    prefixCls,\n    className,\n    {\n      [`${prefixCls}-open`]: isOpen,\n      [`${prefixCls}-closed`]: !isOpen,\n      [`${prefixCls}-${position}`]: position,\n    },\n    hashId,\n    cssVarCls\n  );\n  const closeIcon = useMemo(() => {\n    return position === 'left' ? (\n      <RightOutlined />\n    ) : position === 'top' ? (\n      <DownOutlined />\n    ) : position === 'bottom' ? (\n      <UpOutlined />\n    ) : (\n      <LeftOutlined />\n    );\n  }, [position]);\n  const openIcon = useMemo(() => {\n    return position === 'left' ? (\n      <LeftOutlined />\n    ) : position === 'top' ? (\n      <UpOutlined />\n    ) : position === 'bottom' ? (\n      <DownOutlined />\n    ) : (\n      <RightOutlined />\n    );\n  }, [position]);\n\n  // Handle drawer visibility\n  const toggleDrawer = () => {\n    setIsOpen(!isOpen);\n    onOpenChange?.(!isOpen);\n  };\n\n  // Handle resize events\n  const handleResizeStart = useRefFunction((e: React.MouseEvent) => {\n    setIsDragging(true);\n    if (position === 'top' || position === 'bottom') {\n      dragStartPos.current = e.clientY;\n    } else {\n      dragStartPos.current = e.clientX;\n    }\n    dragStartSize.current = size;\n    e.preventDefault();\n  });\n  const handleResize = useRefFunction((e: MouseEvent) => {\n    if (isDragging && dragStartSize.current) {\n      let newSize: number;\n      if (position === 'left') {\n        newSize = dragStartSize.current - (dragStartPos.current - e.clientX);\n      } else if (position === 'top') {\n        newSize = dragStartSize.current - (dragStartPos.current - e.clientY);\n      } else if (position === 'bottom') {\n        newSize = dragStartSize.current - (e.clientY - dragStartPos.current);\n      } else {\n        newSize = dragStartSize.current - (e.clientX - dragStartPos.current);\n      }\n      if (newSize >= minSize && newSize <= maxSize) {\n        setSize(newSize);\n        if (cacheKey) {\n          localStorage.setItem(cacheKey, String(newSize));\n        }\n        onResize?.(newSize);\n      }\n    }\n  });\n  const handleResizeEnd = useRefFunction(() => {\n    setIsDragging(false);\n  });\n\n  // Monitor drawer ref, calculate size if not set\n  // This is useful for initial rendering when size is not provided\n  useEffect(() => {\n    if (drawerRef && size === undefined) {\n      const rect = drawerRef.getBoundingClientRect();\n      setSize(position === 'left' || position === 'right' ? rect.width : rect.height);\n    }\n  }, [drawerRef, position, size]);\n\n  // Controlled open state\n  useEffect(() => {\n    setIsOpen(open);\n  }, [open]);\n\n  // Handle global events\n  useEffect(() => {\n    if (isDragging) {\n      window.addEventListener('mousemove', handleResize);\n      window.addEventListener('mouseup', handleResizeEnd);\n    } else {\n      window.removeEventListener('mousemove', handleResize);\n      window.removeEventListener('mouseup', handleResizeEnd);\n    }\n    return () => {\n      window.removeEventListener('mousemove', handleResize);\n      window.removeEventListener('mouseup', handleResizeEnd);\n    };\n  }, [isDragging]);\n\n  return wrapCSSVar(\n    <div\n      className={classString}\n      style={{\n        // @ts-expect-error: because of dynamic CSS variables\n        '--edge-offset': typeof edgeOffset === 'number' ? `${edgeOffset}px` : edgeOffset,\n        ...style,\n      }}\n      onClick={onClick}\n    >\n      <div\n        ref={setDrawerRef}\n        className={classNames(`${prefixCls}-drawer`, classNamesInProps?.drawer)}\n        style={{ ...sizeMap, ...styles?.drawer }}\n      >\n        {resizable && (\n          <div\n            className={classNames(\n              `${prefixCls}-resize-handle`,\n              isDragging && `${prefixCls}-resize-handle-dragging`,\n              classNamesInProps?.resizeHandle\n            )}\n            style={styles?.resizeHandle}\n            onMouseDown={handleResizeStart}\n          />\n        )}\n        <div className={classNames(`${prefixCls}-content`, classNamesInProps?.content)} style={styles?.content}>\n          <Card\n            bordered={false}\n            variant=\"borderless\"\n            className={classNames(`${prefixCls}-card`, classNamesInProps?.card)}\n            style={styles?.card}\n            {...cardProps}\n          >\n            {!destroyOnClose || isOpen ? children : null}\n          </Card>\n        </div>\n        {showToggle && (\n          <div\n            className={classNames(`${prefixCls}-toggle`, classNamesInProps?.toggle)}\n            style={styles?.toggle}\n            onClick={toggleDrawer}\n          >\n            <div\n              className={classNames(`${prefixCls}-handle-icon`, classNamesInProps?.handleIcon)}\n              style={styles?.handleIcon}\n            >\n              {isOpen ? openIcon : closeIcon}\n            </div>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default FloatDrawer;\n"],"mappings":"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"}
+{"version":3,"names":["useContext","useEffect","useMemo","useRef","useState","Card","ConfigProvider","classNames","DownOutlined","LeftOutlined","RightOutlined","UpOutlined","useRefFunction","useStyle","jsx","_jsx","jsxs","_jsxs","FloatDrawer","props","prefixClsInProps","prefixCls","open","_props$position","position","cardProps","children","className","classNamesInProps","style","styles","cacheKey","defaultSize","_props$minSize","minSize","_props$maxSize","maxSize","Infinity","edgeOffset","_props$showToggle","showToggle","_props$resizable","resizable","_props$destroyOnClose","destroyOnClose","onOpenChange","onResize","onClick","_useContext","ConfigContext","getPrefixCls","_useStyle","_useStyle2","_slicedToArray","wrapCSSVar","hashId","cssVarCls","_useState","_useState2","drawerRef","setDrawerRef","_useState3","localStorage","getItem","Number","_useState4","size","setSize","sizeMap","type","_defineProperty","_useState5","_useState6","isOpen","setIsOpen","_useState7","_useState8","isDragging","setIsDragging","dragStartPos","dragStartSize","classString","concat","closeIcon","openIcon","toggleDrawer","handleResizeStart","e","current","clientY","clientX","preventDefault","handleResize","newSize","setItem","String","handleResizeEnd","undefined","rect","getBoundingClientRect","width","height","window","addEventListener","removeEventListener","_objectSpread","ref","drawer","resizeHandle","onMouseDown","content","bordered","variant","card","toggle","handleIcon"],"sources":["../../../src/components/FloatDrawer/index.tsx"],"sourcesContent":["import type { CSSProperties, FC, ReactNode } from 'react';\nimport { useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport type { CardProps } from 'antd';\nimport { Card, ConfigProvider } from 'antd';\nimport classNames from 'classnames';\nimport { DownOutlined, LeftOutlined, RightOutlined, UpOutlined } from '@ant-design/icons';\nimport useRefFunction from '../../hooks/useRefFunction';\nimport useStyle from './style';\n\nexport interface FloatDrawerProps {\n  /**\n   * - **EN:** Custom prefix for the component's CSS class.\n   * - **CN:** 组件的自定义 CSS 类前缀。\n   */\n  prefixCls?: string;\n  /**\n   * - **EN:** Whether the drawer is open\n   * - **CN:** 抽屉是否打开\n   */\n  open?: boolean;\n  /**\n   * - **EN:** Position of the drawer\n   * - **CN:** 抽屉的位置\n   *\n   * @default 'right'\n   */\n  position?: 'left' | 'right' | 'top' | 'bottom';\n  /**\n   * - **EN:** Default size of the drawer. If the drawer is placed on the left or right, this is the\n   *   width, otherwise it is the height. If not set, the drawer will adapt to the content size.\n   * - **CN:** 抽屉的默认宽度。如果抽屉放在左侧或右侧，则为宽度，否则为高度。不设置时，抽屉会根据内容自适应大小。\n   */\n  defaultSize?: number;\n  /**\n   * - **EN:** Minimum size of the drawer\n   * - **CN:** 抽屉的最小宽度\n   *\n   * @default 0\n   */\n  minSize?: number;\n  /**\n   * - **EN:** Maximum size of the drawer\n   * - **CN:** 抽屉的最大宽度\n   *\n   * @default Infinity\n   */\n  maxSize?: number;\n  /**\n   * - **EN:** Offset of the drawer from the edge of the screen, supports all CSS length units,\n   *   default is `0`.\n   *\n   * > The drawer will be hidden outside the parent container's edge, but since the parent container\n   * > may have padding or border, the drawer may not be completely hidden. You can adjust the\n   * > `edgeOffset` to ensure the drawer is completely hidden outside the parent container.\n   *\n   * - **CN:** 抽屉距离屏幕边缘的偏移量，支持所有的CSS长度单位, 默认`0`。\n   *\n   * > 抽屉会隐藏在父容器的外边缘, 但由于父容器可能有padding或border, 导致抽屉不能完全隐藏, 因此可以通过设置 `edgeOffset` 来调整抽屉的偏移量,\n   * > 以确保抽屉完全隐藏在父容器之外。\n   *\n   * @default 0\n   */\n  edgeOffset?: CSSProperties['width'];\n  /**\n   * - **EN:** Whether to show the toggle button, default is `true`.\n   * - **CN:** 是否显示展开/收起按钮，默认`true`。\n   *\n   * @default true\n   */\n  showToggle?: boolean;\n  /**\n   * - **EN:** Whether the drawer is resizable, default is `true`.\n   * - **CN:** 抽屉是否可调整大小, 默认`true`。\n   *\n   * @default true\n   */\n  resizable?: boolean;\n  /**\n   * - **EN:** Whether to destroy the drawer content when closed, default is `false`.\n   * - **CN:** 抽屉关闭时是否销毁内容，默认`false`。\n   *\n   * @default false\n   */\n  destroyOnClose?: boolean;\n  /**\n   * - **EN:** Cache key for storing the drawer size in localStorage. If not set, the size will not be\n   *   cached.\n   * - **CN:** 指定一个localStorage缓存键，用于记忆抽屉宽度。如果不设置，则不使用缓存。\n   */\n  cacheKey?: string;\n  /**\n   * - **EN:** Custom class name for the root element\n   * - **CN:** 根元素的自定义类名\n   */\n  className?: string;\n  /**\n   * - **EN:** Custom class names for specific elements\n   * - **CN:** 特定元素的自定义类名\n   */\n  classNames?: {\n    /**\n     * - **EN:** Class name for the drawer element\n     * - **CN:** 抽屉元素的类名\n     */\n    drawer?: string;\n    /**\n     * - **EN:** Class name for the expand handle\n     * - **CN:** 展开手柄的类名\n     */\n    toggle?: string;\n    /**\n     * - **EN:** Class name for the resize handle\n     * - **CN:** 调整大小手柄的类名\n     */\n    resizeHandle?: string;\n    /**\n     * - **EN:** Class name for the handle icon\n     * - **CN:** 手柄图标的类名\n     */\n    handleIcon?: string;\n    /**\n     * - **EN:** Class name for the content area\n     * - **CN:** 内容区域的类名\n     */\n    content?: string;\n    /**\n     * - **EN:** Class name for the card element\n     * - **CN:** 卡片元素的类名\n     */\n    card?: string;\n  };\n  /**\n   * - **EN:** Custom styles for the root element\n   * - **CN:** 根元素的自定义样式\n   */\n  style?: CSSProperties;\n  /**\n   * - **EN:** Custom styles for specific elements\n   * - **CN:** 特定元素的自定义样式\n   */\n  styles?: {\n    /**\n     * - **EN:** Styles for the drawer element\n     * - **CN:** 抽屉元素的样式\n     */\n    drawer?: CSSProperties;\n    /**\n     * - **EN:** Styles for the expand handle\n     * - **CN:** 展开手柄的样式\n     */\n    toggle?: CSSProperties;\n    /**\n     * - **EN:** Styles for the resize handle\n     * - **CN:** 调整大小手柄的样式\n     */\n    resizeHandle?: CSSProperties;\n    /**\n     * - **EN:** Styles for the handle icon\n     * - **CN:** 手柄图标的样式\n     */\n    handleIcon?: CSSProperties;\n    /**\n     * - **EN:** Styles for the content area\n     * - **CN:** 内容区域的样式\n     */\n    content?: CSSProperties;\n    /**\n     * - **EN:** Styles for the card element\n     * - **CN:** 卡片元素的样式\n     */\n    card?: CSSProperties;\n  };\n  /**\n   * - **EN:** Custom properties for the card element\n   * - **CN:** 卡片元素的自定义属性\n   */\n  cardProps?: Omit<CardProps, 'children'>;\n  /**\n   * - **EN:** Content to be rendered inside the drawer\n   * - **CN:** 抽屉内容\n   */\n  children?: ReactNode;\n  /**\n   * - **EN:** Callback function when the open state changes\n   * - **CN:** 打开状态变化时的回调函数\n   */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * - **EN:** Callback function when the drawer is resized\n   * - **CN:** 抽屉调整大小时的回调函数\n   */\n  onResize?: (size: number) => void;\n  /**\n   * - **EN:** Event handler for click events on the drawer container and its internal elements\n   * - **CN:** 点击抽屉容器及内部元素时的事件\n   */\n  onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;\n}\n\n/**\n * - **EN:** FloatDrawer component for creating a draggable, resizable drawer\n * - **CN:** FloatDrawer组件，用于创建可拖动、可调整大小的抽屉\n */\nconst FloatDrawer: FC<FloatDrawerProps> = (props) => {\n  const {\n    prefixCls: prefixClsInProps,\n    open,\n    position = 'right',\n    cardProps,\n    children,\n    className,\n    classNames: classNamesInProps,\n    style,\n    styles,\n    cacheKey,\n    defaultSize,\n    minSize = 0,\n    maxSize = +Infinity,\n    edgeOffset,\n    showToggle = true,\n    resizable = true,\n    destroyOnClose = false,\n    onOpenChange,\n    onResize,\n    onClick,\n  } = props;\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const prefixCls = getPrefixCls('easy-float-drawer', prefixClsInProps);\n  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);\n  const [drawerRef, setDrawerRef] = useState<HTMLDivElement | null>(null);\n  const [size, setSize] = useState(\n    cacheKey && localStorage.getItem(cacheKey) ? Number(localStorage.getItem(cacheKey)) || defaultSize : defaultSize\n  );\n  const sizeMap = useMemo(() => {\n    const type = position === 'left' || position === 'right' ? 'width' : 'height';\n    return {\n      [type]: size,\n    };\n  }, [position, size]);\n  const [isOpen, setIsOpen] = useState<boolean>();\n  const [isDragging, setIsDragging] = useState(false);\n  const dragStartPos = useRef<number>(0);\n  const dragStartSize = useRef<number>(size);\n  const classString = classNames(\n    prefixCls,\n    className,\n    {\n      [`${prefixCls}-open`]: isOpen,\n      [`${prefixCls}-closed`]: !isOpen,\n      [`${prefixCls}-${position}`]: position,\n    },\n    hashId,\n    cssVarCls\n  );\n  const closeIcon = useMemo(() => {\n    return position === 'left' ? (\n      <RightOutlined />\n    ) : position === 'top' ? (\n      <DownOutlined />\n    ) : position === 'bottom' ? (\n      <UpOutlined />\n    ) : (\n      <LeftOutlined />\n    );\n  }, [position]);\n  const openIcon = useMemo(() => {\n    return position === 'left' ? (\n      <LeftOutlined />\n    ) : position === 'top' ? (\n      <UpOutlined />\n    ) : position === 'bottom' ? (\n      <DownOutlined />\n    ) : (\n      <RightOutlined />\n    );\n  }, [position]);\n\n  // Handle drawer visibility\n  const toggleDrawer = () => {\n    setIsOpen(!isOpen);\n    onOpenChange?.(!isOpen);\n  };\n\n  // Handle resize events\n  const handleResizeStart = useRefFunction((e: React.MouseEvent) => {\n    setIsDragging(true);\n    if (position === 'top' || position === 'bottom') {\n      dragStartPos.current = e.clientY;\n    } else {\n      dragStartPos.current = e.clientX;\n    }\n    dragStartSize.current = size;\n    e.preventDefault();\n  });\n  const handleResize = useRefFunction((e: MouseEvent) => {\n    if (isDragging && dragStartSize.current) {\n      let newSize: number;\n      if (position === 'left') {\n        newSize = dragStartSize.current - (dragStartPos.current - e.clientX);\n      } else if (position === 'top') {\n        newSize = dragStartSize.current - (dragStartPos.current - e.clientY);\n      } else if (position === 'bottom') {\n        newSize = dragStartSize.current - (e.clientY - dragStartPos.current);\n      } else {\n        newSize = dragStartSize.current - (e.clientX - dragStartPos.current);\n      }\n      if (newSize >= minSize && newSize <= maxSize) {\n        setSize(newSize);\n        if (cacheKey) {\n          localStorage.setItem(cacheKey, String(newSize));\n        }\n        onResize?.(newSize);\n      }\n    }\n  });\n  const handleResizeEnd = useRefFunction(() => {\n    setIsDragging(false);\n  });\n\n  // Monitor drawer ref, calculate size if not set\n  // This is useful for initial rendering when size is not provided\n  useEffect(() => {\n    if (drawerRef && size === undefined) {\n      const rect = drawerRef.getBoundingClientRect();\n      setSize(position === 'left' || position === 'right' ? rect.width : rect.height);\n    }\n  }, [drawerRef, position, size]);\n\n  // Controlled open state\n  useEffect(() => {\n    setIsOpen(open);\n  }, [open]);\n\n  // Handle global events\n  useEffect(() => {\n    if (isDragging) {\n      window.addEventListener('mousemove', handleResize);\n      window.addEventListener('mouseup', handleResizeEnd);\n    } else {\n      window.removeEventListener('mousemove', handleResize);\n      window.removeEventListener('mouseup', handleResizeEnd);\n    }\n    return () => {\n      window.removeEventListener('mousemove', handleResize);\n      window.removeEventListener('mouseup', handleResizeEnd);\n    };\n  }, [isDragging]);\n\n  return wrapCSSVar(\n    <div\n      className={classString}\n      style={{\n        // @ts-expect-error: because of dynamic CSS variables\n        '--edge-offset': typeof edgeOffset === 'number' ? `${edgeOffset}px` : edgeOffset,\n        ...style,\n      }}\n      onClick={onClick}\n    >\n      <div\n        ref={setDrawerRef}\n        className={classNames(`${prefixCls}-drawer`, classNamesInProps?.drawer)}\n        style={{ ...sizeMap, ...styles?.drawer }}\n      >\n        {resizable && (\n          <div\n            className={classNames(\n              `${prefixCls}-resize-handle`,\n              isDragging && `${prefixCls}-resize-handle-dragging`,\n              classNamesInProps?.resizeHandle\n            )}\n            style={styles?.resizeHandle}\n            onMouseDown={handleResizeStart}\n          />\n        )}\n        <div className={classNames(`${prefixCls}-content`, classNamesInProps?.content)} style={styles?.content}>\n          <Card\n            bordered={false}\n            variant=\"borderless\"\n            className={classNames(`${prefixCls}-card`, classNamesInProps?.card)}\n            style={styles?.card}\n            {...cardProps}\n          >\n            {!destroyOnClose || isOpen ? children : null}\n          </Card>\n        </div>\n        {showToggle && (\n          <div\n            className={classNames(`${prefixCls}-toggle`, classNamesInProps?.toggle)}\n            style={styles?.toggle}\n            onClick={toggleDrawer}\n          >\n            <div\n              className={classNames(`${prefixCls}-handle-icon`, classNamesInProps?.handleIcon)}\n              style={styles?.handleIcon}\n            >\n              {isOpen ? openIcon : closeIcon}\n            </div>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default FloatDrawer;\n"],"mappings":"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"}

package/es/components/OverflowTags/index.d.ts

@@ -55,6 +55,8 @@ export interface OverflowTagsProps<T> extends Omit<OverflowProps<T>, 'renderItem
      * contain a `color` property to specify the color, and the latter takes precedence.
      *
      * **CN**: 是否使用随机颜色，默认`false`。注意，tag对象还可以包含`color`属性来指定颜色，而且后者优先级更高。
+     *
+     * @default false
      */
     randomColors?: boolean;
 }

package/es/components/OverflowTags/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useContext","useMemo","ConfigProvider","Dropdown","Tag","theme","PresetColors","classNames","Overflow","random","useStyle","jsx","_jsx","jsxs","_jsxs","OverflowTags","props","_props$tags","tags","randomColors","getTagNameInProps","getTagName","getTagKey","tagProps","ellipsisTagProps","ellipsisDropdownProps","className","prefixClsInProps","prefixCls","restProps","_objectWithoutProperties","_excluded","_theme$useToken","useToken","token","_useContext","ConfigContext","getPrefixCls","_useStyle","_useStyle2","_slicedToArray","wrapCSSVar","hashId","cssVarCls","colors","filter","c","includes","map","color","concat","getValue","tag","field","_typeof","record","undefined","_ref","_getValue","toString","renderTag","item","_objectSpread","icon","length","children","data","maxCount","renderItem","renderRest","omittedItems","menu","items","_ref2","_getValue2","type","key","label","allTags"],"sources":["../../../src/components/OverflowTags/index.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { useCallback, useContext, useMemo } from 'react';\nimport type { DropdownProps, TagProps } from 'antd';\nimport { ConfigProvider, Dropdown, Tag, theme } from 'antd';\nimport { PresetColors } from 'antd/es/theme/internal';\nimport classNames from 'classnames';\nimport type { OverflowProps } from 'rc-overflow';\nimport Overflow from 'rc-overflow';\nimport { random } from '../../utils/math';\nimport useStyle from './style';\n\nexport interface OverflowTagsProps<T> extends Omit<OverflowProps<T>, 'renderItem'> {\n  /**\n   * **CN**: 标签集合的数据\n   *\n   * **EN**: Data collection of tags\n   */\n  tags: T[] | undefined;\n  /**\n   * **EN**: Function to get the tag name, default is `tag.label` or `tag.name`\n   *\n   * **CN**: 获取标签名称的函数，默认取`tag.label`或`tag.name`\n   */\n  getTagName?: (tag: T) => ReactNode;\n  /**\n   * **EN**: Function to get the unique identifier of the tag, default is `tag.value` or `tag.id`\n   *\n   * **CN**: 获取标签唯一标识的函数，默认取`tag.value`或`tag.id`\n   */\n  getTagKey?: (tag: T) => React.Key;\n\n  /**\n   * **EN**: Custom tag rendering function\n   *\n   * **CN**: 标签渲染函数\n   */\n  renderTag?: OverflowProps<T>['renderItem'];\n  /**\n   * **EN**: Custom properties for the tag component\n   *\n   * **CN**: 自定义标签的组件属性\n   */\n  tagProps?: TagProps | ((tag: T, options: { tags: T[] }) => TagProps);\n  /**\n   * **EN**: When the number of tags exceeds the maximum display count, an ellipsis tag will be\n   * shown. This property is used to set the style of the ellipsis tag.\n   *\n   * **CN**: 当标签数量超过最大显示数量时，会显示省略号的标签，此属性用于设置省略号标签的样式\n   */\n  ellipsisTagProps?: TagProps | ((tag: T, options: { omittedItems: T[]; allTags: T[] }) => TagProps);\n  /**\n   * **EN**: Custom properties for the dropdown component when tags are overflowed\n   *\n   * **CN**: 当标签溢出时，下拉菜单的自定义属性\n   */\n  ellipsisDropdownProps?: DropdownProps;\n  /**\n   * **EN**: Whether to use random colors, default is `false`. Note that the tag object can also\n   * contain a `color` property to specify the color, and the latter takes precedence.\n   *\n   * **CN**: 是否使用随机颜色，默认`false`。注意，tag对象还可以包含`color`属性来指定颜色，而且后者优先级更高。\n   */\n  randomColors?: boolean;\n}\n\n/**\n * - **EN:** Overflow tags component, used to display a collection of tags that can overflow and be\n *   truncated. It supports displaying tags in a dropdown when the number of tags exceeds the\n *   maximum display count. It also supports custom tag rendering and properties.\n * - **CN:** 溢出标签组件，用于显示一组可以溢出和截断的标签集合。当标签数量超过最大显示数量时，支持在下拉菜单中显示标签。还支持自定义标签渲染和属性。\n *\n * @example\n *   <OverflowTags\n *     tags={[\n *       { value: 1, label: 'Tag1', icon: <Icon1 /> },\n *       { value: 2, label: 'Tag2', icon: <Icon2 /> },\n *     ]}\n *     tagProps={{ color: 'blue' }}\n *     ellipsisTagProps={{ color: 'grey' }}\n *   />;\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst OverflowTags = <T,>(props: OverflowTagsProps<T>) => {\n  const {\n    tags = [],\n    randomColors,\n    getTagName: getTagNameInProps,\n    getTagKey,\n    tagProps,\n    ellipsisTagProps,\n    ellipsisDropdownProps,\n    className,\n    prefixCls: prefixClsInProps,\n    ...restProps\n  } = props;\n  const { token } = theme.useToken();\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const prefixCls = getPrefixCls('easy-overflow-tags', prefixClsInProps);\n  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);\n\n  const colors = useMemo(\n    () => PresetColors.filter((c) => !['lime', 'yellow', 'magenta'].includes(c)).map((color) => token[`${color}-3`]),\n    [token]\n  );\n  const getValue = useCallback((tag: T | undefined, field: string) => {\n    if (tag != null && typeof tag === 'object') {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const record = tag as Record<string, any>;\n      return record[field];\n    }\n    return undefined;\n  }, []);\n  const getTagName = useCallback(\n    (tag: T) => {\n      return getTagNameInProps\n        ? getTagNameInProps(tag)\n        : (getValue(tag, 'label') ?? getValue(tag, 'name') ?? tag?.toString());\n    },\n    [getTagNameInProps, getValue]\n  );\n  const renderTag = (item: T) => {\n    return (\n      <Tag\n        icon={getValue(item, 'icon')}\n        color={randomColors ? colors[random(0, colors.length - 1)] : getValue(item, 'color') || 'default'}\n        {...(typeof tagProps === 'function' ? tagProps(item, { tags }) : tagProps)}\n      >\n        {getTagName(item)}\n      </Tag>\n    );\n  };\n\n  return wrapCSSVar(\n    <Overflow<T>\n      className={classNames(hashId, cssVarCls, prefixCls, className)}\n      data={tags}\n      maxCount=\"responsive\"\n      renderItem={renderTag}\n      renderRest={(omittedItems) => (\n        <Dropdown\n          {...ellipsisDropdownProps}\n          menu={{\n            items: omittedItems.map((tag) => ({\n              type: 'item',\n              key: getTagKey ? getTagKey(tag) : (getValue(tag, 'value') ?? getValue(tag, 'id') ?? getTagName(tag)),\n              label: getTagName(tag),\n            })),\n            ...ellipsisDropdownProps?.menu,\n          }}\n        >\n          <Tag\n            {...(typeof ellipsisTagProps === 'function'\n              ? ellipsisTagProps(omittedItems[0], { omittedItems, allTags: tags })\n              : ellipsisTagProps)}\n          >\n            + {omittedItems.length}...\n          </Tag>\n        </Dropdown>\n      )}\n      {...restProps}\n    />\n  );\n};\n\nexport default OverflowTags;\n"],"mappings":"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"}
+{"version":3,"names":["useCallback","useContext","useMemo","ConfigProvider","Dropdown","Tag","theme","PresetColors","classNames","Overflow","random","useStyle","jsx","_jsx","jsxs","_jsxs","OverflowTags","props","_props$tags","tags","randomColors","getTagNameInProps","getTagName","getTagKey","tagProps","ellipsisTagProps","ellipsisDropdownProps","className","prefixClsInProps","prefixCls","restProps","_objectWithoutProperties","_excluded","_theme$useToken","useToken","token","_useContext","ConfigContext","getPrefixCls","_useStyle","_useStyle2","_slicedToArray","wrapCSSVar","hashId","cssVarCls","colors","filter","c","includes","map","color","concat","getValue","tag","field","_typeof","record","undefined","_ref","_getValue","toString","renderTag","item","_objectSpread","icon","length","children","data","maxCount","renderItem","renderRest","omittedItems","menu","items","_ref2","_getValue2","type","key","label","allTags"],"sources":["../../../src/components/OverflowTags/index.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { useCallback, useContext, useMemo } from 'react';\nimport type { DropdownProps, TagProps } from 'antd';\nimport { ConfigProvider, Dropdown, Tag, theme } from 'antd';\nimport { PresetColors } from 'antd/es/theme/internal';\nimport classNames from 'classnames';\nimport type { OverflowProps } from 'rc-overflow';\nimport Overflow from 'rc-overflow';\nimport { random } from '../../utils/math';\nimport useStyle from './style';\n\nexport interface OverflowTagsProps<T> extends Omit<OverflowProps<T>, 'renderItem'> {\n  /**\n   * **CN**: 标签集合的数据\n   *\n   * **EN**: Data collection of tags\n   */\n  tags: T[] | undefined;\n  /**\n   * **EN**: Function to get the tag name, default is `tag.label` or `tag.name`\n   *\n   * **CN**: 获取标签名称的函数，默认取`tag.label`或`tag.name`\n   */\n  getTagName?: (tag: T) => ReactNode;\n  /**\n   * **EN**: Function to get the unique identifier of the tag, default is `tag.value` or `tag.id`\n   *\n   * **CN**: 获取标签唯一标识的函数，默认取`tag.value`或`tag.id`\n   */\n  getTagKey?: (tag: T) => React.Key;\n\n  /**\n   * **EN**: Custom tag rendering function\n   *\n   * **CN**: 标签渲染函数\n   */\n  renderTag?: OverflowProps<T>['renderItem'];\n  /**\n   * **EN**: Custom properties for the tag component\n   *\n   * **CN**: 自定义标签的组件属性\n   */\n  tagProps?: TagProps | ((tag: T, options: { tags: T[] }) => TagProps);\n  /**\n   * **EN**: When the number of tags exceeds the maximum display count, an ellipsis tag will be\n   * shown. This property is used to set the style of the ellipsis tag.\n   *\n   * **CN**: 当标签数量超过最大显示数量时，会显示省略号的标签，此属性用于设置省略号标签的样式\n   */\n  ellipsisTagProps?: TagProps | ((tag: T, options: { omittedItems: T[]; allTags: T[] }) => TagProps);\n  /**\n   * **EN**: Custom properties for the dropdown component when tags are overflowed\n   *\n   * **CN**: 当标签溢出时，下拉菜单的自定义属性\n   */\n  ellipsisDropdownProps?: DropdownProps;\n  /**\n   * **EN**: Whether to use random colors, default is `false`. Note that the tag object can also\n   * contain a `color` property to specify the color, and the latter takes precedence.\n   *\n   * **CN**: 是否使用随机颜色，默认`false`。注意，tag对象还可以包含`color`属性来指定颜色，而且后者优先级更高。\n   *\n   * @default false\n   */\n  randomColors?: boolean;\n}\n\n/**\n * - **EN:** Overflow tags component, used to display a collection of tags that can overflow and be\n *   truncated. It supports displaying tags in a dropdown when the number of tags exceeds the\n *   maximum display count. It also supports custom tag rendering and properties.\n * - **CN:** 溢出标签组件，用于显示一组可以溢出和截断的标签集合。当标签数量超过最大显示数量时，支持在下拉菜单中显示标签。还支持自定义标签渲染和属性。\n *\n * @example\n *   <OverflowTags\n *     tags={[\n *       { value: 1, label: 'Tag1', icon: <Icon1 /> },\n *       { value: 2, label: 'Tag2', icon: <Icon2 /> },\n *     ]}\n *     tagProps={{ color: 'blue' }}\n *     ellipsisTagProps={{ color: 'grey' }}\n *   />;\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst OverflowTags = <T,>(props: OverflowTagsProps<T>) => {\n  const {\n    tags = [],\n    randomColors,\n    getTagName: getTagNameInProps,\n    getTagKey,\n    tagProps,\n    ellipsisTagProps,\n    ellipsisDropdownProps,\n    className,\n    prefixCls: prefixClsInProps,\n    ...restProps\n  } = props;\n  const { token } = theme.useToken();\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const prefixCls = getPrefixCls('easy-overflow-tags', prefixClsInProps);\n  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);\n\n  const colors = useMemo(\n    () => PresetColors.filter((c) => !['lime', 'yellow', 'magenta'].includes(c)).map((color) => token[`${color}-3`]),\n    [token]\n  );\n  const getValue = useCallback((tag: T | undefined, field: string) => {\n    if (tag != null && typeof tag === 'object') {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const record = tag as Record<string, any>;\n      return record[field];\n    }\n    return undefined;\n  }, []);\n  const getTagName = useCallback(\n    (tag: T) => {\n      return getTagNameInProps\n        ? getTagNameInProps(tag)\n        : (getValue(tag, 'label') ?? getValue(tag, 'name') ?? tag?.toString());\n    },\n    [getTagNameInProps, getValue]\n  );\n  const renderTag = (item: T) => {\n    return (\n      <Tag\n        icon={getValue(item, 'icon')}\n        color={randomColors ? colors[random(0, colors.length - 1)] : getValue(item, 'color') || 'default'}\n        {...(typeof tagProps === 'function' ? tagProps(item, { tags }) : tagProps)}\n      >\n        {getTagName(item)}\n      </Tag>\n    );\n  };\n\n  return wrapCSSVar(\n    <Overflow<T>\n      className={classNames(hashId, cssVarCls, prefixCls, className)}\n      data={tags}\n      maxCount=\"responsive\"\n      renderItem={renderTag}\n      renderRest={(omittedItems) => (\n        <Dropdown\n          {...ellipsisDropdownProps}\n          menu={{\n            items: omittedItems.map((tag) => ({\n              type: 'item',\n              key: getTagKey ? getTagKey(tag) : (getValue(tag, 'value') ?? getValue(tag, 'id') ?? getTagName(tag)),\n              label: getTagName(tag),\n            })),\n            ...ellipsisDropdownProps?.menu,\n          }}\n        >\n          <Tag\n            {...(typeof ellipsisTagProps === 'function'\n              ? ellipsisTagProps(omittedItems[0], { omittedItems, allTags: tags })\n              : ellipsisTagProps)}\n          >\n            + {omittedItems.length}...\n          </Tag>\n        </Dropdown>\n      )}\n      {...restProps}\n    />\n  );\n};\n\nexport default OverflowTags;\n"],"mappings":"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"}

package/es/components/index.d.ts

@@ -22,6 +22,8 @@ export * from './EllipsisTypography/EllipsisText';
 export { default as EllipsisText } from './EllipsisTypography/EllipsisText';
 export * from './EllipsisTypography/EllipsisTitle';
 export { default as EllipsisTitle } from './EllipsisTypography/EllipsisTitle';
+export * from './EllipsisTypography/EllipsisLink';
+export { default as EllipsisLink } from './EllipsisTypography/EllipsisLink';
 export type { FloatDrawerProps } from './FloatDrawer';
 export { default as FloatDrawer } from './FloatDrawer';
 export type { FormItemControlProps } from './FormItemControl';

package/es/components/index.js

@@ -17,6 +17,8 @@ export * from "./EllipsisTypography/EllipsisText";
 export { default as EllipsisText } from "./EllipsisTypography/EllipsisText";
 export * from "./EllipsisTypography/EllipsisTitle";
 export { default as EllipsisTitle } from "./EllipsisTypography/EllipsisTitle";
+export * from "./EllipsisTypography/EllipsisLink";
+export { default as EllipsisLink } from "./EllipsisTypography/EllipsisLink";
 export { default as FloatDrawer } from "./FloatDrawer";
 export { default as FormItemControl } from "./FormItemControl";
 export { default as Loading } from "./Loading";

package/es/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["default","BreakLines","ColumnSetting","ConfigProvider","ReactEasyContext","withDefaultConfirmActionProps","withConfirmAction","ConfirmAction","ContextMenu","DeleteConfirmAction","withDeleteConfirmAction","EditableText","EllipsisParagraph","EllipsisText","EllipsisTitle","FloatDrawer","FormItemControl","Loading","withDefaultModalActionProps","withModalAction","ModalAction","OverflowTags","PulseAnimation"],"sources":["../../src/components/index.tsx"],"sourcesContent":["export type { BreakLinesProps } from './BreakLines';\nexport { default as BreakLines } from './BreakLines';\n\nexport type { ColumnSettingProps } from './ColumnSetting';\nexport { default as ColumnSetting } from './ColumnSetting';\n\nexport type { ConfigProviderProps } from './ConfigProvider';\nexport { default as ConfigProvider } from './ConfigProvider';\nexport type { ReactEasyContextProps } from './ConfigProvider/context';\nexport { default as ReactEasyContext } from './ConfigProvider/context';\n\nexport type { ConfirmActionProps, ConfirmActionTrigger, ConfirmActionRef, ActionCompConstraint } from './ConfirmAction';\nexport { withDefaultConfirmActionProps } from './ConfirmAction';\nexport { default as withConfirmAction } from './ConfirmAction/withConfirmAction';\nexport { default as ConfirmAction } from './ConfirmAction';\n\nexport type {\n  ContextMenuProps,\n  ContextMenuItem,\n  ContextMenuSeparator,\n  ContextMenuSubmenu,\n  ContextMenuRef,\n} from './ContextMenu';\nexport { default as ContextMenu } from './ContextMenu';\n\n// export * from './DeleteConfirmAction';\nexport { default as DeleteConfirmAction } from './DeleteConfirmAction';\nexport { default as withDeleteConfirmAction } from './DeleteConfirmAction/withDeleteConfirmAction';\n\nexport type { EditableTextProps } from './EditableText';\nexport { default as EditableText } from './EditableText';\n\nexport * from './EllipsisTypography/EllipsisParagraph';\nexport { default as EllipsisParagraph } from './EllipsisTypography/EllipsisParagraph';\n\nexport * from './EllipsisTypography/EllipsisText';\nexport { default as EllipsisText } from './EllipsisTypography/EllipsisText';\n\nexport * from './EllipsisTypography/EllipsisTitle';\nexport { default as EllipsisTitle } from './EllipsisTypography/EllipsisTitle';\n\nexport type { FloatDrawerProps } from './FloatDrawer';\nexport { default as FloatDrawer } from './FloatDrawer';\n\nexport type { FormItemControlProps } from './FormItemControl';\nexport { default as FormItemControl } from './FormItemControl';\n\nexport type { LoadingProps } from './Loading';\nexport { default as Loading } from './Loading';\n\nexport type { ModalActionProps, FormCompPropsConstraint, ModalActionTrigger, ModalActionRef } from './ModalAction';\nexport { withDefaultModalActionProps, withModalAction } from './ModalAction';\nexport { default as ModalAction } from './ModalAction';\n\nexport type { OverflowTagsProps } from './OverflowTags';\nexport { default as OverflowTags } from './OverflowTags';\n\nexport type { PulseAnimationProps } from './Animation/Pulse';\nexport { default as PulseAnimation } from './Animation/Pulse';\n"],"mappings":"AACA,SAASA,OAAO,IAAIC,UAAU;AAG9B,SAASD,OAAO,IAAIE,aAAa;AAGjC,SAASF,OAAO,IAAIG,cAAc;AAElC,SAASH,OAAO,IAAII,gBAAgB;AAGpC,SAASC,6BAA6B;AACtC,SAASL,OAAO,IAAIM,iBAAiB;AACrC,SAASN,OAAO,IAAIO,aAAa;AASjC,SAASP,OAAO,IAAIQ,WAAW;;AAE/B;AACA,SAASR,OAAO,IAAIS,mBAAmB;AACvC,SAAST,OAAO,IAAIU,uBAAuB;AAG3C,SAASV,OAAO,IAAIW,YAAY;AAEhC;AACA,SAASX,OAAO,IAAIY,iBAAiB;AAErC;AACA,SAASZ,OAAO,IAAIa,YAAY;AAEhC;AACA,SAASb,OAAO,IAAIc,aAAa;AAGjC,SAASd,OAAO,IAAIe,WAAW;AAG/B,SAASf,OAAO,IAAIgB,eAAe;AAGnC,SAAShB,OAAO,IAAIiB,OAAO;AAG3B,SAASC,2BAA2B,EAAEC,eAAe;AACrD,SAASnB,OAAO,IAAIoB,WAAW;AAG/B,SAASpB,OAAO,IAAIqB,YAAY;AAGhC,SAASrB,OAAO,IAAIsB,cAAc"}
+{"version":3,"names":["default","BreakLines","ColumnSetting","ConfigProvider","ReactEasyContext","withDefaultConfirmActionProps","withConfirmAction","ConfirmAction","ContextMenu","DeleteConfirmAction","withDeleteConfirmAction","EditableText","EllipsisParagraph","EllipsisText","EllipsisTitle","EllipsisLink","FloatDrawer","FormItemControl","Loading","withDefaultModalActionProps","withModalAction","ModalAction","OverflowTags","PulseAnimation"],"sources":["../../src/components/index.tsx"],"sourcesContent":["export type { BreakLinesProps } from './BreakLines';\nexport { default as BreakLines } from './BreakLines';\n\nexport type { ColumnSettingProps } from './ColumnSetting';\nexport { default as ColumnSetting } from './ColumnSetting';\n\nexport type { ConfigProviderProps } from './ConfigProvider';\nexport { default as ConfigProvider } from './ConfigProvider';\nexport type { ReactEasyContextProps } from './ConfigProvider/context';\nexport { default as ReactEasyContext } from './ConfigProvider/context';\n\nexport type { ConfirmActionProps, ConfirmActionTrigger, ConfirmActionRef, ActionCompConstraint } from './ConfirmAction';\nexport { withDefaultConfirmActionProps } from './ConfirmAction';\nexport { default as withConfirmAction } from './ConfirmAction/withConfirmAction';\nexport { default as ConfirmAction } from './ConfirmAction';\n\nexport type {\n  ContextMenuProps,\n  ContextMenuItem,\n  ContextMenuSeparator,\n  ContextMenuSubmenu,\n  ContextMenuRef,\n} from './ContextMenu';\nexport { default as ContextMenu } from './ContextMenu';\n\n// export * from './DeleteConfirmAction';\nexport { default as DeleteConfirmAction } from './DeleteConfirmAction';\nexport { default as withDeleteConfirmAction } from './DeleteConfirmAction/withDeleteConfirmAction';\n\nexport type { EditableTextProps } from './EditableText';\nexport { default as EditableText } from './EditableText';\n\nexport * from './EllipsisTypography/EllipsisParagraph';\nexport { default as EllipsisParagraph } from './EllipsisTypography/EllipsisParagraph';\n\nexport * from './EllipsisTypography/EllipsisText';\nexport { default as EllipsisText } from './EllipsisTypography/EllipsisText';\n\nexport * from './EllipsisTypography/EllipsisTitle';\nexport { default as EllipsisTitle } from './EllipsisTypography/EllipsisTitle';\n\nexport * from './EllipsisTypography/EllipsisLink';\nexport { default as EllipsisLink } from './EllipsisTypography/EllipsisLink';\n\nexport type { FloatDrawerProps } from './FloatDrawer';\nexport { default as FloatDrawer } from './FloatDrawer';\n\nexport type { FormItemControlProps } from './FormItemControl';\nexport { default as FormItemControl } from './FormItemControl';\n\nexport type { LoadingProps } from './Loading';\nexport { default as Loading } from './Loading';\n\nexport type { ModalActionProps, FormCompPropsConstraint, ModalActionTrigger, ModalActionRef } from './ModalAction';\nexport { withDefaultModalActionProps, withModalAction } from './ModalAction';\nexport { default as ModalAction } from './ModalAction';\n\nexport type { OverflowTagsProps } from './OverflowTags';\nexport { default as OverflowTags } from './OverflowTags';\n\nexport type { PulseAnimationProps } from './Animation/Pulse';\nexport { default as PulseAnimation } from './Animation/Pulse';\n"],"mappings":"AACA,SAASA,OAAO,IAAIC,UAAU;AAG9B,SAASD,OAAO,IAAIE,aAAa;AAGjC,SAASF,OAAO,IAAIG,cAAc;AAElC,SAASH,OAAO,IAAII,gBAAgB;AAGpC,SAASC,6BAA6B;AACtC,SAASL,OAAO,IAAIM,iBAAiB;AACrC,SAASN,OAAO,IAAIO,aAAa;AASjC,SAASP,OAAO,IAAIQ,WAAW;;AAE/B;AACA,SAASR,OAAO,IAAIS,mBAAmB;AACvC,SAAST,OAAO,IAAIU,uBAAuB;AAG3C,SAASV,OAAO,IAAIW,YAAY;AAEhC;AACA,SAASX,OAAO,IAAIY,iBAAiB;AAErC;AACA,SAASZ,OAAO,IAAIa,YAAY;AAEhC;AACA,SAASb,OAAO,IAAIc,aAAa;AAEjC;AACA,SAASd,OAAO,IAAIe,YAAY;AAGhC,SAASf,OAAO,IAAIgB,WAAW;AAG/B,SAAShB,OAAO,IAAIiB,eAAe;AAGnC,SAASjB,OAAO,IAAIkB,OAAO;AAG3B,SAASC,2BAA2B,EAAEC,eAAe;AACrD,SAASpB,OAAO,IAAIqB,WAAW;AAG/B,SAASrB,OAAO,IAAIsB,YAAY;AAGhC,SAAStB,OAAO,IAAIuB,cAAc"}

package/es/hooks/index.d.ts

@@ -1,5 +1,7 @@
 export { default as useAudioPlayer } from './useAudioPlayer';
 export { default as useDebounce } from './useDebounce';
+export * from './useLocalStorage';
+export { default as useLocalStorage } from './useLocalStorage';
 export * from './useMovable';
 export { default as useMovable } from './useMovable';
 export * from './useProcessingText';

package/es/hooks/index.js

@@ -1,5 +1,7 @@
 export { default as useAudioPlayer } from "./useAudioPlayer";
 export { default as useDebounce } from "./useDebounce";
+export * from "./useLocalStorage";
+export { default as useLocalStorage } from "./useLocalStorage";
 export * from "./useMovable";
 export { default as useMovable } from "./useMovable";
 export * from "./useProcessingText";

package/es/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["default","useAudioPlayer","useDebounce","useMovable","useProcessingText","useRefValue","useRefFunction","useSplitter","useSSE","useStompSocket","useUserMedia","useValidators","useValidator","useValidatorBuilder"],"sources":["../../src/hooks/index.ts"],"sourcesContent":["export { default as useAudioPlayer } from './useAudioPlayer';\n\nexport { default as useDebounce } from './useDebounce';\n\nexport * from './useMovable';\nexport { default as useMovable } from './useMovable';\n\nexport * from './useProcessingText';\nexport { default as useProcessingText } from './useProcessingText';\n\nexport { default as useRefValue } from './useRefValue';\n\nexport { default as useRefFunction } from './useRefFunction';\n\nexport * from './useSplitter';\nexport { default as useSplitter } from './useSplitter';\n\nexport * from './useSSE';\nexport { default as useSSE } from './useSSE';\n\nexport * from './useStompSocket';\nexport { default as useStompSocket } from './useStompSocket';\n\nexport * from './useUserMedia';\nexport { default as useUserMedia } from './useUserMedia';\n\nexport type { ValidatorRuleMap } from './useValidators';\nexport { default as useValidators } from './useValidators';\n\nexport { default as useValidator } from './useValidator';\n\nexport type { Validator, RuleRegExpFlags, ValidatorRule, BuilderOptions } from './useValidatorBuilder';\nexport { default as useValidatorBuilder } from './useValidatorBuilder';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,cAAc;AAElC,SAASD,OAAO,IAAIE,WAAW;AAE/B;AACA,SAASF,OAAO,IAAIG,UAAU;AAE9B;AACA,SAASH,OAAO,IAAII,iBAAiB;AAErC,SAASJ,OAAO,IAAIK,WAAW;AAE/B,SAASL,OAAO,IAAIM,cAAc;AAElC;AACA,SAASN,OAAO,IAAIO,WAAW;AAE/B;AACA,SAASP,OAAO,IAAIQ,MAAM;AAE1B;AACA,SAASR,OAAO,IAAIS,cAAc;AAElC;AACA,SAAST,OAAO,IAAIU,YAAY;AAGhC,SAASV,OAAO,IAAIW,aAAa;AAEjC,SAASX,OAAO,IAAIY,YAAY;AAGhC,SAASZ,OAAO,IAAIa,mBAAmB"}
+{"version":3,"names":["default","useAudioPlayer","useDebounce","useLocalStorage","useMovable","useProcessingText","useRefValue","useRefFunction","useSplitter","useSSE","useStompSocket","useUserMedia","useValidators","useValidator","useValidatorBuilder"],"sources":["../../src/hooks/index.ts"],"sourcesContent":["export { default as useAudioPlayer } from './useAudioPlayer';\n\nexport { default as useDebounce } from './useDebounce';\n\nexport * from './useLocalStorage';\nexport { default as useLocalStorage } from './useLocalStorage';\n\nexport * from './useMovable';\nexport { default as useMovable } from './useMovable';\n\nexport * from './useProcessingText';\nexport { default as useProcessingText } from './useProcessingText';\n\nexport { default as useRefValue } from './useRefValue';\n\nexport { default as useRefFunction } from './useRefFunction';\n\nexport * from './useSplitter';\nexport { default as useSplitter } from './useSplitter';\n\nexport * from './useSSE';\nexport { default as useSSE } from './useSSE';\n\nexport * from './useStompSocket';\nexport { default as useStompSocket } from './useStompSocket';\n\nexport * from './useUserMedia';\nexport { default as useUserMedia } from './useUserMedia';\n\nexport type { ValidatorRuleMap } from './useValidators';\nexport { default as useValidators } from './useValidators';\n\nexport { default as useValidator } from './useValidator';\n\nexport type { Validator, RuleRegExpFlags, ValidatorRule, BuilderOptions } from './useValidatorBuilder';\nexport { default as useValidatorBuilder } from './useValidatorBuilder';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,cAAc;AAElC,SAASD,OAAO,IAAIE,WAAW;AAE/B;AACA,SAASF,OAAO,IAAIG,eAAe;AAEnC;AACA,SAASH,OAAO,IAAII,UAAU;AAE9B;AACA,SAASJ,OAAO,IAAIK,iBAAiB;AAErC,SAASL,OAAO,IAAIM,WAAW;AAE/B,SAASN,OAAO,IAAIO,cAAc;AAElC;AACA,SAASP,OAAO,IAAIQ,WAAW;AAE/B;AACA,SAASR,OAAO,IAAIS,MAAM;AAE1B;AACA,SAAST,OAAO,IAAIU,cAAc;AAElC;AACA,SAASV,OAAO,IAAIW,YAAY;AAGhC,SAASX,OAAO,IAAIY,aAAa;AAEjC,SAASZ,OAAO,IAAIa,YAAY;AAGhC,SAASb,OAAO,IAAIc,mBAAmB"}

package/es/hooks/useLocalStorage.d.ts

@@ -0,0 +1,16 @@
+type SetStateAction<T> = T | ((prev: T) => T);
+export interface UseLocalStorageOptions<T> {
+    /** When true, listen to `storage` events and keep state in sync across tabs. Defaults to true. */
+    sync?: boolean;
+    /** Custom serializer. Defaults to JSON.stringify. */
+    serialize?: (value: T) => string;
+    /** Custom deserializer. Defaults to JSON.parse. */
+    deserialize?: (raw: string) => T;
+}
+/**
+ * useLocalStorage
+ *
+ * - If `key` is empty/falsy, behaves like useState and does not touch localStorage.
+ */
+declare function useLocalStorage<T>(key?: string | null, initialValue?: T | (() => T), options?: UseLocalStorageOptions<T>): [T, (action: SetStateAction<T>) => void, () => void];
+export default useLocalStorage;

package/es/hooks/useLocalStorage.js

@@ -0,0 +1,115 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+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 { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+function isBrowser() {
+  return typeof window !== 'undefined' && typeof window.localStorage !== 'undefined';
+}
+function defaultSerialize(value) {
+  return JSON.stringify(value);
+}
+function defaultDeserialize(raw) {
+  return JSON.parse(raw);
+}
+
+/**
+ * useLocalStorage
+ *
+ * - If `key` is empty/falsy, behaves like useState and does not touch localStorage.
+ */
+function useLocalStorage(key, initialValue, options) {
+  var _options$sync, _options$serialize, _options$deserialize;
+  var storageKey = (key !== null && key !== void 0 ? key : '').trim();
+  var enabled = storageKey.length > 0;
+  var sync = (_options$sync = options === null || options === void 0 ? void 0 : options.sync) !== null && _options$sync !== void 0 ? _options$sync : true;
+  var serialize = (_options$serialize = options === null || options === void 0 ? void 0 : options.serialize) !== null && _options$serialize !== void 0 ? _options$serialize : defaultSerialize;
+  var deserialize = (_options$deserialize = options === null || options === void 0 ? void 0 : options.deserialize) !== null && _options$deserialize !== void 0 ? _options$deserialize : defaultDeserialize;
+  var initialValueRef = useRef(initialValue);
+  initialValueRef.current = initialValue;
+  var getInitial = useCallback(function () {
+    var fallback = function () {
+      var v = initialValueRef.current;
+      return typeof v === 'function' ? v() : v;
+    }();
+    if (!enabled || !isBrowser()) return fallback;
+    try {
+      var _raw = window.localStorage.getItem(storageKey);
+      if (_raw == null) return fallback;
+      return deserialize(_raw);
+    } catch (_unused) {
+      return fallback;
+    }
+  }, [deserialize, enabled, storageKey]);
+  var _useState = useState(getInitial),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValueState = _useState2[1];
+  var writeStorage = useCallback(function (nextValue) {
+    if (!enabled || !isBrowser()) return;
+    try {
+      window.localStorage.setItem(storageKey, serialize(nextValue));
+    } catch (_unused2) {
+      // ignore write errors (e.g., quota exceeded, blocked storage)
+    }
+  }, [enabled, serialize, storageKey]);
+  var setValue = useCallback(function (action) {
+    setValueState(function (prev) {
+      var next = typeof action === 'function' ? action(prev) : action;
+      writeStorage(next);
+      return next;
+    });
+  }, [writeStorage]);
+  var remove = useCallback(function () {
+    // If key is empty/falsy, just reset to initial value.
+    var next = function () {
+      var v = initialValueRef.current;
+      return typeof v === 'function' ? v() : v;
+    }();
+    setValueState(next);
+    if (!enabled || !isBrowser()) return;
+    try {
+      window.localStorage.removeItem(storageKey);
+    } catch (_unused3) {
+      // ignore
+    }
+  }, [enabled, storageKey]);
+
+  // Keep state updated if key changes.
+  useEffect(function () {
+    setValueState(getInitial());
+  }, [getInitial]);
+
+  // Cross-tab sync.
+  useEffect(function () {
+    if (!enabled || !sync || !isBrowser()) return;
+    var onStorage = function onStorage(e) {
+      if (e.storageArea !== window.localStorage) return;
+      if (e.key !== storageKey) return;
+
+      // When removed, fall back to initial.
+      if (e.newValue == null) {
+        setValueState(getInitial());
+        return;
+      }
+      try {
+        setValueState(deserialize(e.newValue));
+      } catch (_unused4) {
+        // ignore parse errors
+      }
+    };
+    window.addEventListener('storage', onStorage);
+    return function () {
+      return window.removeEventListener('storage', onStorage);
+    };
+  }, [deserialize, enabled, getInitial, storageKey, sync]);
+
+  // Stable tuple identity.
+  return useMemo(function () {
+    return [value, setValue, remove];
+  }, [remove, setValue, value]);
+}
+export default useLocalStorage;
+//# sourceMappingURL=useLocalStorage.js.map

package/es/hooks/useLocalStorage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useMemo","useRef","useState","isBrowser","window","localStorage","defaultSerialize","value","JSON","stringify","defaultDeserialize","raw","parse","useLocalStorage","key","initialValue","options","_options$sync","_options$serialize","_options$deserialize","storageKey","trim","enabled","length","sync","serialize","deserialize","initialValueRef","current","getInitial","fallback","v","getItem","_unused","_useState","_useState2","_slicedToArray","setValueState","writeStorage","nextValue","setItem","_unused2","setValue","action","prev","next","remove","removeItem","_unused3","onStorage","e","storageArea","newValue","_unused4","addEventListener","removeEventListener"],"sources":["../../src/hooks/useLocalStorage.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\ntype SetStateAction<T> = T | ((prev: T) => T);\n\nexport interface UseLocalStorageOptions<T> {\n  /** When true, listen to `storage` events and keep state in sync across tabs. Defaults to true. */\n  sync?: boolean;\n  /** Custom serializer. Defaults to JSON.stringify. */\n  serialize?: (value: T) => string;\n  /** Custom deserializer. Defaults to JSON.parse. */\n  deserialize?: (raw: string) => T;\n}\n\nfunction isBrowser() {\n  return typeof window !== 'undefined' && typeof window.localStorage !== 'undefined';\n}\n\nfunction defaultSerialize<T>(value: T) {\n  return JSON.stringify(value);\n}\n\nfunction defaultDeserialize<T>(raw: string) {\n  return JSON.parse(raw) as T;\n}\n\n/**\n * useLocalStorage\n *\n * - If `key` is empty/falsy, behaves like useState and does not touch localStorage.\n */\nfunction useLocalStorage<T>(\n  key?: string | null,\n  initialValue?: T | (() => T),\n  options?: UseLocalStorageOptions<T>\n): [T, (action: SetStateAction<T>) => void, () => void] {\n  const storageKey = (key ?? '').trim();\n  const enabled = storageKey.length > 0;\n  const sync = options?.sync ?? true;\n  const serialize = options?.serialize ?? defaultSerialize;\n  const deserialize = options?.deserialize ?? defaultDeserialize;\n\n  const initialValueRef = useRef(initialValue);\n  initialValueRef.current = initialValue;\n\n  const getInitial = useCallback((): T => {\n    const fallback = (() => {\n      const v = initialValueRef.current;\n      return (typeof v === 'function' ? (v as () => T)() : (v as T)) as T;\n    })();\n\n    if (!enabled || !isBrowser()) return fallback;\n\n    try {\n      const raw = window.localStorage.getItem(storageKey);\n      if (raw == null) return fallback;\n      return deserialize(raw);\n    } catch {\n      return fallback;\n    }\n  }, [deserialize, enabled, storageKey]);\n\n  const [value, setValueState] = useState<T>(getInitial);\n\n  const writeStorage = useCallback(\n    (nextValue: T) => {\n      if (!enabled || !isBrowser()) return;\n      try {\n        window.localStorage.setItem(storageKey, serialize(nextValue));\n      } catch {\n        // ignore write errors (e.g., quota exceeded, blocked storage)\n      }\n    },\n    [enabled, serialize, storageKey]\n  );\n\n  const setValue = useCallback(\n    (action: SetStateAction<T>) => {\n      setValueState((prev) => {\n        const next = typeof action === 'function' ? (action as (p: T) => T)(prev) : action;\n        writeStorage(next);\n        return next;\n      });\n    },\n    [writeStorage]\n  );\n\n  const remove = useCallback(() => {\n    // If key is empty/falsy, just reset to initial value.\n    const next = (() => {\n      const v = initialValueRef.current;\n      return (typeof v === 'function' ? (v as () => T)() : (v as T)) as T;\n    })();\n\n    setValueState(next);\n\n    if (!enabled || !isBrowser()) return;\n    try {\n      window.localStorage.removeItem(storageKey);\n    } catch {\n      // ignore\n    }\n  }, [enabled, storageKey]);\n\n  // Keep state updated if key changes.\n  useEffect(() => {\n    setValueState(getInitial());\n  }, [getInitial]);\n\n  // Cross-tab sync.\n  useEffect(() => {\n    if (!enabled || !sync || !isBrowser()) return;\n\n    const onStorage = (e: StorageEvent) => {\n      if (e.storageArea !== window.localStorage) return;\n      if (e.key !== storageKey) return;\n\n      // When removed, fall back to initial.\n      if (e.newValue == null) {\n        setValueState(getInitial());\n        return;\n      }\n\n      try {\n        setValueState(deserialize(e.newValue));\n      } catch {\n        // ignore parse errors\n      }\n    };\n\n    window.addEventListener('storage', onStorage);\n    return () => window.removeEventListener('storage', onStorage);\n  }, [deserialize, enabled, getInitial, storageKey, sync]);\n\n  // Stable tuple identity.\n  return useMemo(() => [value, setValue, remove] as const, [remove, setValue, value]);\n}\n\nexport default useLocalStorage;\n"],"mappings":";;;;;;AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAazE,SAASC,SAASA,CAAA,EAAG;EACnB,OAAO,OAAOC,MAAM,KAAK,WAAW,IAAI,OAAOA,MAAM,CAACC,YAAY,KAAK,WAAW;AACpF;AAEA,SAASC,gBAAgBA,CAAIC,KAAQ,EAAE;EACrC,OAAOC,IAAI,CAACC,SAAS,CAACF,KAAK,CAAC;AAC9B;AAEA,SAASG,kBAAkBA,CAAIC,GAAW,EAAE;EAC1C,OAAOH,IAAI,CAACI,KAAK,CAACD,GAAG,CAAC;AACxB;;AAEA;AACA;AACA;AACA;AACA;AACA,SAASE,eAAeA,CACtBC,GAAmB,EACnBC,YAA4B,EAC5BC,OAAmC,EACmB;EAAA,IAAAC,aAAA,EAAAC,kBAAA,EAAAC,oBAAA;EACtD,IAAMC,UAAU,GAAG,CAACN,GAAG,aAAHA,GAAG,cAAHA,GAAG,GAAI,EAAE,EAAEO,IAAI,CAAC,CAAC;EACrC,IAAMC,OAAO,GAAGF,UAAU,CAACG,MAAM,GAAG,CAAC;EACrC,IAAMC,IAAI,IAAAP,aAAA,GAAGD,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEQ,IAAI,cAAAP,aAAA,cAAAA,aAAA,GAAI,IAAI;EAClC,IAAMQ,SAAS,IAAAP,kBAAA,GAAGF,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAES,SAAS,cAAAP,kBAAA,cAAAA,kBAAA,GAAIZ,gBAAgB;EACxD,IAAMoB,WAAW,IAAAP,oBAAA,GAAGH,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEU,WAAW,cAAAP,oBAAA,cAAAA,oBAAA,GAAIT,kBAAkB;EAE9D,IAAMiB,eAAe,GAAG1B,MAAM,CAACc,YAAY,CAAC;EAC5CY,eAAe,CAACC,OAAO,GAAGb,YAAY;EAEtC,IAAMc,UAAU,GAAG/B,WAAW,CAAC,YAAS;IACtC,IAAMgC,QAAQ,GAAI,YAAM;MACtB,IAAMC,CAAC,GAAGJ,eAAe,CAACC,OAAO;MACjC,OAAQ,OAAOG,CAAC,KAAK,UAAU,GAAIA,CAAC,CAAa,CAAC,GAAIA,CAAO;IAC/D,CAAC,CAAE,CAAC;IAEJ,IAAI,CAACT,OAAO,IAAI,CAACnB,SAAS,CAAC,CAAC,EAAE,OAAO2B,QAAQ;IAE7C,IAAI;MACF,IAAMnB,IAAG,GAAGP,MAAM,CAACC,YAAY,CAAC2B,OAAO,CAACZ,UAAU,CAAC;MACnD,IAAIT,IAAG,IAAI,IAAI,EAAE,OAAOmB,QAAQ;MAChC,OAAOJ,WAAW,CAACf,IAAG,CAAC;IACzB,CAAC,CAAC,OAAAsB,OAAA,EAAM;MACN,OAAOH,QAAQ;IACjB;EACF,CAAC,EAAE,CAACJ,WAAW,EAAEJ,OAAO,EAAEF,UAAU,CAAC,CAAC;EAEtC,IAAAc,SAAA,GAA+BhC,QAAQ,CAAI2B,UAAU,CAAC;IAAAM,UAAA,GAAAC,cAAA,CAAAF,SAAA;IAA/C3B,KAAK,GAAA4B,UAAA;IAAEE,aAAa,GAAAF,UAAA;EAE3B,IAAMG,YAAY,GAAGxC,WAAW,CAC9B,UAACyC,SAAY,EAAK;IAChB,IAAI,CAACjB,OAAO,IAAI,CAACnB,SAAS,CAAC,CAAC,EAAE;IAC9B,IAAI;MACFC,MAAM,CAACC,YAAY,CAACmC,OAAO,CAACpB,UAAU,EAAEK,SAAS,CAACc,SAAS,CAAC,CAAC;IAC/D,CAAC,CAAC,OAAAE,QAAA,EAAM;MACN;IAAA;EAEJ,CAAC,EACD,CAACnB,OAAO,EAAEG,SAAS,EAAEL,UAAU,CACjC,CAAC;EAED,IAAMsB,QAAQ,GAAG5C,WAAW,CAC1B,UAAC6C,MAAyB,EAAK;IAC7BN,aAAa,CAAC,UAACO,IAAI,EAAK;MACtB,IAAMC,IAAI,GAAG,OAAOF,MAAM,KAAK,UAAU,GAAIA,MAAM,CAAiBC,IAAI,CAAC,GAAGD,MAAM;MAClFL,YAAY,CAACO,IAAI,CAAC;MAClB,OAAOA,IAAI;IACb,CAAC,CAAC;EACJ,CAAC,EACD,CAACP,YAAY,CACf,CAAC;EAED,IAAMQ,MAAM,GAAGhD,WAAW,CAAC,YAAM;IAC/B;IACA,IAAM+C,IAAI,GAAI,YAAM;MAClB,IAAMd,CAAC,GAAGJ,eAAe,CAACC,OAAO;MACjC,OAAQ,OAAOG,CAAC,KAAK,UAAU,GAAIA,CAAC,CAAa,CAAC,GAAIA,CAAO;IAC/D,CAAC,CAAE,CAAC;IAEJM,aAAa,CAACQ,IAAI,CAAC;IAEnB,IAAI,CAACvB,OAAO,IAAI,CAACnB,SAAS,CAAC,CAAC,EAAE;IAC9B,IAAI;MACFC,MAAM,CAACC,YAAY,CAAC0C,UAAU,CAAC3B,UAAU,CAAC;IAC5C,CAAC,CAAC,OAAA4B,QAAA,EAAM;MACN;IAAA;EAEJ,CAAC,EAAE,CAAC1B,OAAO,EAAEF,UAAU,CAAC,CAAC;;EAEzB;EACArB,SAAS,CAAC,YAAM;IACdsC,aAAa,CAACR,UAAU,CAAC,CAAC,CAAC;EAC7B,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;;EAEhB;EACA9B,SAAS,CAAC,YAAM;IACd,IAAI,CAACuB,OAAO,IAAI,CAACE,IAAI,IAAI,CAACrB,SAAS,CAAC,CAAC,EAAE;IAEvC,IAAM8C,SAAS,GAAG,SAAZA,SAASA,CAAIC,CAAe,EAAK;MACrC,IAAIA,CAAC,CAACC,WAAW,KAAK/C,MAAM,CAACC,YAAY,EAAE;MAC3C,IAAI6C,CAAC,CAACpC,GAAG,KAAKM,UAAU,EAAE;;MAE1B;MACA,IAAI8B,CAAC,CAACE,QAAQ,IAAI,IAAI,EAAE;QACtBf,aAAa,CAACR,UAAU,CAAC,CAAC,CAAC;QAC3B;MACF;MAEA,IAAI;QACFQ,aAAa,CAACX,WAAW,CAACwB,CAAC,CAACE,QAAQ,CAAC,CAAC;MACxC,CAAC,CAAC,OAAAC,QAAA,EAAM;QACN;MAAA;IAEJ,CAAC;IAEDjD,MAAM,CAACkD,gBAAgB,CAAC,SAAS,EAAEL,SAAS,CAAC;IAC7C,OAAO;MAAA,OAAM7C,MAAM,CAACmD,mBAAmB,CAAC,SAAS,EAAEN,SAAS,CAAC;IAAA;EAC/D,CAAC,EAAE,CAACvB,WAAW,EAAEJ,OAAO,EAAEO,UAAU,EAAET,UAAU,EAAEI,IAAI,CAAC,CAAC;;EAExD;EACA,OAAOxB,OAAO,CAAC;IAAA,OAAM,CAACO,KAAK,EAAEmC,QAAQ,EAAEI,MAAM,CAAC;EAAA,CAAS,EAAE,CAACA,MAAM,EAAEJ,QAAQ,EAAEnC,KAAK,CAAC,CAAC;AACrF;AAEA,eAAeM,eAAe"}

package/es/hooks/useMovable.js

@@ -5,7 +5,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 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 { useLocalStorage } from 'react-use';
+import useLocalStorage from "./useLocalStorage";
 import useRefFunction from "./useRefFunction";
 import useRefValue from "./useRefValue";
 /**
@@ -66,7 +66,7 @@ var useMovable = function useMovable(props) {
     e.preventDefault();
   });
 
-  // 调整：在窗口 resize 时自动收敛位置，防止超出可视区域
+  // Automatically adjust the position during window resize to prevent it from exceeding the visible area.
   useEffect(function () {
     var clampToViewport = function clampToViewport() {
       var _containerRef$current3;

package/es/hooks/useMovable.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useRef","useState","useLocalStorage","useRefFunction","useRefValue","useMovable","props","enabled","containerRef","ignoreSelectors","storageKey","storageKeyRef","_useLocalStorage","_useLocalStorage2","_slicedToArray","savedPosition","savePosition","savePositionRef","_useState","undefined","_useState2","position","setPosition","positionRef","draggingRef","dragOffsetRef","x","y","sizeRef","w","h","handlePointerDown","e","_position$left","_position$top","target","closest","join","current","rect","getBoundingClientRect","width","height","currentLeft","left","currentTop","top","clientX","clientY","_containerRef$current","_containerRef$current2","setPointerCapture","call","pointerId","_unused","preventDefault","clampToViewport","_containerRef$current3","pos","maxLeft","Math","max","window","innerWidth","maxTop","innerHeight","clampedLeft","min","clampedTop","next","addEventListener","removeEventListener","onMove","newLeft","newTop","onUp","onPointerDown"],"sources":["../../src/hooks/useMovable.ts"],"sourcesContent":["import { type RefObject, useEffect, useRef, useState } from 'react';\nimport { useLocalStorage } from 'react-use';\nimport useRefFunction from './useRefFunction';\nimport useRefValue from './useRefValue';\n\nexport interface UseMovableProps {\n  /**\n   * - **EN:** Whether dragging is enabled, default is `true`\n   * - **CN:** 是否启用拖动，默认`true`\n   */\n  enabled?: boolean;\n  /**\n   * - **EN:** The ref of the container element\n   * - **CN:** 容器元素的ref\n   */\n  containerRef: RefObject<HTMLElement>;\n  /**\n   * - **EN:** Selectors of elements that should not trigger dragging, e.g., interactive controls\n   * - **CN:** 不应触发拖动的元素的选择器，例如交互控件\n   */\n  ignoreSelectors?: string[];\n  /**\n   * - **EN:** Key for storing position in localStorage; if not provided, position won't be saved\n   * - **CN:** 用于在 localStorage 中存储位置的键；如果未提供，则不会保存位置\n   */\n  storageKey?: string;\n}\n\n/**\n * - **EN:** Hook to make an element movable by dragging, with position persistence using localStorage\n * - **CN:** 通过拖动使元素可移动的钩子，并使用 localStorage 持久化位置\n */\nconst useMovable = (props: UseMovableProps) => {\n  const { enabled, containerRef, ignoreSelectors, storageKey } = props;\n\n  const storageKeyRef = useRefValue(storageKey);\n  const [savedPosition, savePosition] = useLocalStorage<MovePosition>(storageKey ?? '');\n  const savePositionRef = useRefValue(savePosition);\n  const [position, setPosition] = useState<MovePosition | undefined>(savedPosition ?? undefined);\n  const positionRef = useRefValue(position);\n  const draggingRef = useRef(false);\n  const dragOffsetRef = useRef({ x: 0, y: 0 });\n  const sizeRef = useRef({ w: 0, h: 0 });\n\n  // Drag start (exclude interactive controls)\n  const handlePointerDown = useRefFunction((e: React.PointerEvent<HTMLDivElement>) => {\n    const target = e.target as HTMLElement;\n    // Set the selector for elements that do not trigger dragging\n    if (ignoreSelectors && target.closest(ignoreSelectors.join(','))) return;\n\n    if (!containerRef.current) return;\n    const rect = containerRef.current.getBoundingClientRect();\n    sizeRef.current = { w: rect.width, h: rect.height };\n    const currentLeft = position?.left ?? rect.left;\n    const currentTop = position?.top ?? rect.top;\n\n    dragOffsetRef.current = { x: e.clientX - currentLeft, y: e.clientY - currentTop };\n    draggingRef.current = true;\n    try {\n      containerRef.current.setPointerCapture?.(e.pointerId);\n    } catch {\n      // do nothing\n    }\n    e.preventDefault();\n  });\n\n  // 调整：在窗口 resize 时自动收敛位置，防止超出可视区域\n  useEffect(() => {\n    const clampToViewport = () => {\n      const pos = positionRef.current;\n      if (!pos) return;\n\n      // Refresh the container size before each convergence to ensure accurate boundaries.\n      const rect = containerRef.current?.getBoundingClientRect();\n      if (rect) {\n        sizeRef.current = { w: rect.width, h: rect.height };\n      }\n\n      const maxLeft = Math.max(0, window.innerWidth - sizeRef.current.w);\n      const maxTop = Math.max(0, window.innerHeight - sizeRef.current.h);\n      const clampedLeft = Math.min(Math.max(0, pos.left), maxLeft);\n      const clampedTop = Math.min(Math.max(0, pos.top), maxTop);\n\n      if (clampedLeft !== pos.left || clampedTop !== pos.top) {\n        const next = { left: clampedLeft, top: clampedTop };\n        setPosition(next);\n        if (storageKeyRef.current) {\n          savePositionRef.current(next);\n        }\n      }\n    };\n\n    window.addEventListener('resize', clampToViewport);\n    // Calibrate immediately after the first mount/position change.\n    clampToViewport();\n\n    return () => {\n      window.removeEventListener('resize', clampToViewport);\n    };\n  }, [containerRef]);\n\n  // Update position during dragging; restrict within the visible area.\n  useEffect(() => {\n    const onMove = (e: PointerEvent) => {\n      if (!draggingRef.current) return;\n      const newLeft = e.clientX - dragOffsetRef.current.x;\n      const newTop = e.clientY - dragOffsetRef.current.y;\n      const maxLeft = Math.max(0, window.innerWidth - sizeRef.current.w);\n      const maxTop = Math.max(0, window.innerHeight - sizeRef.current.h);\n      const clampedLeft = Math.min(Math.max(0, newLeft), maxLeft);\n      const clampedTop = Math.min(Math.max(0, newTop), maxTop);\n      const pos = { left: clampedLeft, top: clampedTop };\n      setPosition(pos);\n      if (storageKeyRef.current) {\n        savePositionRef.current(pos);\n      }\n    };\n    const onUp = () => {\n      if (draggingRef.current) draggingRef.current = false;\n    };\n    if (enabled) {\n      window.addEventListener('pointermove', onMove);\n      window.addEventListener('pointerup', onUp);\n      window.addEventListener('pointercancel', onUp);\n    }\n    return () => {\n      window.removeEventListener('pointermove', onMove);\n      window.removeEventListener('pointerup', onUp);\n      window.removeEventListener('pointercancel', onUp);\n    };\n  }, [enabled]);\n\n  return {\n    onPointerDown: handlePointerDown,\n    position,\n  };\n};\n\nexport interface MovePosition {\n  left: number;\n  top: number;\n}\n\nexport default useMovable;\n"],"mappings":"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"}
+{"version":3,"names":["useEffect","useRef","useState","useLocalStorage","useRefFunction","useRefValue","useMovable","props","enabled","containerRef","ignoreSelectors","storageKey","storageKeyRef","_useLocalStorage","_useLocalStorage2","_slicedToArray","savedPosition","savePosition","savePositionRef","_useState","undefined","_useState2","position","setPosition","positionRef","draggingRef","dragOffsetRef","x","y","sizeRef","w","h","handlePointerDown","e","_position$left","_position$top","target","closest","join","current","rect","getBoundingClientRect","width","height","currentLeft","left","currentTop","top","clientX","clientY","_containerRef$current","_containerRef$current2","setPointerCapture","call","pointerId","_unused","preventDefault","clampToViewport","_containerRef$current3","pos","maxLeft","Math","max","window","innerWidth","maxTop","innerHeight","clampedLeft","min","clampedTop","next","addEventListener","removeEventListener","onMove","newLeft","newTop","onUp","onPointerDown"],"sources":["../../src/hooks/useMovable.ts"],"sourcesContent":["import { type RefObject, useEffect, useRef, useState } from 'react';\nimport useLocalStorage from './useLocalStorage';\nimport useRefFunction from './useRefFunction';\nimport useRefValue from './useRefValue';\n\nexport interface UseMovableProps {\n  /**\n   * - **EN:** Whether dragging is enabled, default is `true`\n   * - **CN:** 是否启用拖动，默认`true`\n   */\n  enabled?: boolean;\n  /**\n   * - **EN:** The ref of the container element\n   * - **CN:** 容器元素的ref\n   */\n  containerRef: RefObject<HTMLElement>;\n  /**\n   * - **EN:** Selectors of elements that should not trigger dragging, e.g., interactive controls\n   * - **CN:** 不应触发拖动的元素的选择器，例如交互控件\n   */\n  ignoreSelectors?: string[];\n  /**\n   * - **EN:** Key for storing position in localStorage; if not provided, position won't be saved\n   * - **CN:** 用于在 localStorage 中存储位置的键；如果未提供，则不会保存位置\n   */\n  storageKey?: string;\n}\n\n/**\n * - **EN:** Hook to make an element movable by dragging, with position persistence using localStorage\n * - **CN:** 通过拖动使元素可移动的钩子，并使用 localStorage 持久化位置\n */\nconst useMovable = (props: UseMovableProps) => {\n  const { enabled, containerRef, ignoreSelectors, storageKey } = props;\n\n  const storageKeyRef = useRefValue(storageKey);\n  const [savedPosition, savePosition] = useLocalStorage<MovePosition>(storageKey ?? '');\n  const savePositionRef = useRefValue(savePosition);\n  const [position, setPosition] = useState<MovePosition | undefined>(savedPosition ?? undefined);\n  const positionRef = useRefValue(position);\n  const draggingRef = useRef(false);\n  const dragOffsetRef = useRef({ x: 0, y: 0 });\n  const sizeRef = useRef({ w: 0, h: 0 });\n\n  // Drag start (exclude interactive controls)\n  const handlePointerDown = useRefFunction((e: React.PointerEvent<HTMLDivElement>) => {\n    const target = e.target as HTMLElement;\n    // Set the selector for elements that do not trigger dragging\n    if (ignoreSelectors && target.closest(ignoreSelectors.join(','))) return;\n\n    if (!containerRef.current) return;\n    const rect = containerRef.current.getBoundingClientRect();\n    sizeRef.current = { w: rect.width, h: rect.height };\n    const currentLeft = position?.left ?? rect.left;\n    const currentTop = position?.top ?? rect.top;\n\n    dragOffsetRef.current = { x: e.clientX - currentLeft, y: e.clientY - currentTop };\n    draggingRef.current = true;\n    try {\n      containerRef.current.setPointerCapture?.(e.pointerId);\n    } catch {\n      // do nothing\n    }\n    e.preventDefault();\n  });\n\n  // Automatically adjust the position during window resize to prevent it from exceeding the visible area.\n  useEffect(() => {\n    const clampToViewport = () => {\n      const pos = positionRef.current;\n      if (!pos) return;\n\n      // Refresh the container size before each convergence to ensure accurate boundaries.\n      const rect = containerRef.current?.getBoundingClientRect();\n      if (rect) {\n        sizeRef.current = { w: rect.width, h: rect.height };\n      }\n\n      const maxLeft = Math.max(0, window.innerWidth - sizeRef.current.w);\n      const maxTop = Math.max(0, window.innerHeight - sizeRef.current.h);\n      const clampedLeft = Math.min(Math.max(0, pos.left), maxLeft);\n      const clampedTop = Math.min(Math.max(0, pos.top), maxTop);\n\n      if (clampedLeft !== pos.left || clampedTop !== pos.top) {\n        const next = { left: clampedLeft, top: clampedTop };\n        setPosition(next);\n        if (storageKeyRef.current) {\n          savePositionRef.current(next);\n        }\n      }\n    };\n\n    window.addEventListener('resize', clampToViewport);\n    // Calibrate immediately after the first mount/position change.\n    clampToViewport();\n\n    return () => {\n      window.removeEventListener('resize', clampToViewport);\n    };\n  }, [containerRef]);\n\n  // Update position during dragging; restrict within the visible area.\n  useEffect(() => {\n    const onMove = (e: PointerEvent) => {\n      if (!draggingRef.current) return;\n      const newLeft = e.clientX - dragOffsetRef.current.x;\n      const newTop = e.clientY - dragOffsetRef.current.y;\n      const maxLeft = Math.max(0, window.innerWidth - sizeRef.current.w);\n      const maxTop = Math.max(0, window.innerHeight - sizeRef.current.h);\n      const clampedLeft = Math.min(Math.max(0, newLeft), maxLeft);\n      const clampedTop = Math.min(Math.max(0, newTop), maxTop);\n      const pos = { left: clampedLeft, top: clampedTop };\n      setPosition(pos);\n      if (storageKeyRef.current) {\n        savePositionRef.current(pos);\n      }\n    };\n    const onUp = () => {\n      if (draggingRef.current) draggingRef.current = false;\n    };\n    if (enabled) {\n      window.addEventListener('pointermove', onMove);\n      window.addEventListener('pointerup', onUp);\n      window.addEventListener('pointercancel', onUp);\n    }\n    return () => {\n      window.removeEventListener('pointermove', onMove);\n      window.removeEventListener('pointerup', onUp);\n      window.removeEventListener('pointercancel', onUp);\n    };\n  }, [enabled]);\n\n  return {\n    onPointerDown: handlePointerDown,\n    position,\n  };\n};\n\nexport interface MovePosition {\n  left: number;\n  top: number;\n}\n\nexport default useMovable;\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;