@tiny-codes/react-easy 1.0.12 → 1.1.0

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 # Changelog
 
+## 1.1.0
+
+2025-7-1
+
+### Features
+
+- 🔥 Add `OverflowTags` component
+
 ## 1.0.12
 
 2025-6-26

package/README.md

@@ -1,8 +1,8 @@
 # @tiny-codes/react-easy
 
-[English](./README.md) | [中文](./README.zh-CN.md)
+[English](./README.md) | [中文](./README.zh-CN.md) | [Changelog](./CHANGELOG.md)
 
-> Helps you use React and AntDesign more easily
+> A toolkit that simplifies React and AntDesign development with powerful components and hooks
 
 [![npm version](https://img.shields.io/npm/v/@tiny-codes/react-easy.svg)](https://www.npmjs.com/package/@tiny-codes/react-easy)
 [![npm bundle size](https://img.shields.io/bundlephobia/minzip/@tiny-codes/react-easy)](https://bundlephobia.com/result?p=@tiny-codes/react-easy)

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

@@ -1,5 +1,5 @@
 import type { CSSProperties, FC, ReactNode } from 'react';
-import { type CardProps } from 'antd';
+import type { CardProps } from 'antd';
 export interface FloatDrawerProps {
     /**
      * **EN:** Whether the drawer is open

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","open","_props$position","position","cardProps","children","className","classNamesInProps","style","styles","cacheKey","_props$defaultSize","defaultSize","_props$minSize","minSize","_props$maxSize","maxSize","Infinity","onOpenChange","onResize","_useContext","ConfigContext","getPrefixCls","prefixCls","_useStyle","_useStyle2","_slicedToArray","wrapCSSVar","hashId","cssVarCls","_useState","_useState2","isOpen","setIsOpen","_useState3","localStorage","getItem","Number","_useState4","size","setSize","sizeMap","type","_defineProperty","_useState5","_useState6","isDragging","setIsDragging","dragStartPos","dragStartSize","classString","concat","closeIcon","openIcon","toggleDrawer","handleResizeStart","e","current","clientY","clientX","preventDefault","handleResize","newSize","setItem","String","handleResizeEnd","window","addEventListener","removeEventListener","drawer","_objectSpread","resizeHandle","onMouseDown","content","bordered","variant","card","expandHandle","onClick","handleIcon"],"sources":["../../../src/components/FloatDrawer/index.tsx"],"sourcesContent":["import type { CSSProperties, FC, ReactNode } from 'react';\nimport { useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport { Card, type CardProps, 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:** Whether the drawer is open\n   *\n   * **CN:** 抽屉是否打开\n   */\n  open?: boolean;\n  /**\n   * **EN:** Position of the drawer\n   *\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.\n   *\n   * **CN:** 抽屉的默认宽度。如果抽屉放在左侧或右侧，则为宽度，否则为高度。\n   *\n   * @default 300\n   */\n  defaultSize?: number;\n  /**\n   * **EN:** Minimum size of the drawer\n   *\n   * **CN:** 抽屉的最小宽度\n   *\n   * @default 0\n   */\n  minSize?: number;\n  /**\n   * **EN:** Maximum size of the drawer\n   *\n   * **CN:** 抽屉的最大宽度\n   *\n   * @default Infinity\n   */\n  maxSize?: number;\n  /**\n   * **EN:** Cache key for storing the drawer size in localStorage. If not set, the size will not be\n   * cached.\n   *\n   * **CN:** 指定一个localStorage缓存键，用于记忆抽屉宽度。如果不设置，则不使用缓存。\n   */\n  cacheKey?: string;\n  /**\n   * **EN:** Custom class name for the root element\n   *\n   * **CN:** 根元素的自定义类名\n   */\n  className?: string;\n  /**\n   * **EN:** Custom class names for specific elements\n   *\n   * **CN:** 特定元素的自定义类名\n   */\n  classNames?: {\n    /**\n     * **EN:** Class name for the drawer element\n     *\n     * **CN:** 抽屉元素的类名\n     */\n    drawer?: string;\n    /**\n     * **EN:** Class name for the expand handle\n     *\n     * **CN:** 展开手柄的类名\n     */\n    expandHandle?: string;\n    /**\n     * **EN:** Class name for the resize handle\n     *\n     * **CN:** 调整大小手柄的类名\n     */\n    resizeHandle?: string;\n    /**\n     * **EN:** Class name for the handle icon\n     *\n     * **CN:** 手柄图标的类名\n     */\n    handleIcon?: string;\n    /**\n     * **EN:** Class name for the content area\n     *\n     * **CN:** 内容区域的类名\n     */\n    content?: string;\n    /**\n     * **EN:** Class name for the card element\n     *\n     * **CN:** 卡片元素的类名\n     */\n    card?: string;\n  };\n  /**\n   * **EN:** Custom styles for the root element\n   *\n   * **CN:** 根元素的自定义样式\n   */\n  style?: CSSProperties;\n  /**\n   * **EN:** Custom styles for specific elements\n   *\n   * **CN:** 特定元素的自定义样式\n   */\n  styles?: {\n    /**\n     * **EN:** Styles for the drawer element\n     *\n     * **CN:** 抽屉元素的样式\n     */\n    drawer?: CSSProperties;\n    /**\n     * **EN:** Styles for the expand handle\n     *\n     * **CN:** 展开手柄的样式\n     */\n    expandHandle?: CSSProperties;\n    /**\n     * **EN:** Styles for the resize handle\n     *\n     * **CN:** 调整大小手柄的样式\n     */\n    resizeHandle?: CSSProperties;\n    /**\n     * **EN:** Styles for the handle icon\n     *\n     * **CN:** 手柄图标的样式\n     */\n    handleIcon?: CSSProperties;\n    /**\n     * **EN:** Styles for the content area\n     *\n     * **CN:** 内容区域的样式\n     */\n    content?: CSSProperties;\n    /**\n     * **EN:** Styles for the card element\n     *\n     * **CN:** 卡片元素的样式\n     */\n    card?: CSSProperties;\n  };\n  /**\n   * **EN:** Custom properties for the card element\n   *\n   * **CN:** 卡片元素的自定义属性\n   */\n  cardProps?: Omit<CardProps, 'children'>;\n  /**\n   * **EN:** Content to be rendered inside the drawer\n   *\n   * **CN:** 抽屉内容\n   */\n  children?: ReactNode;\n  /**\n   * **EN:** Callback function when the open state changes\n   *\n   * **CN:** 打开状态变化时的回调函数\n   */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * **EN:** Callback function when the drawer is resized\n   *\n   * **CN:** 抽屉调整大小时的回调函数\n   */\n  onResize?: (size: number) => void;\n}\n\n/**\n * **EN:** FloatDrawer component for creating a draggable, resizable drawer\n *\n * **CN:** FloatDrawer组件，用于创建可拖动、可调整大小的抽屉\n */\nconst FloatDrawer: FC<FloatDrawerProps> = (props) => {\n  const {\n    open,\n    position = 'right',\n    cardProps,\n    children,\n    className,\n    classNames: classNamesInProps,\n    style,\n    styles,\n    cacheKey,\n    defaultSize = 300,\n    minSize = 0,\n    maxSize = +Infinity,\n    onOpenChange,\n    onResize,\n  } = props;\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const prefixCls = getPrefixCls('re-float-drawer');\n  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);\n  const [isOpen, setIsOpen] = useState<boolean>();\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 [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) {\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  // 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 className={classString} style={style}>\n      <div\n        className={classNames(`${prefixCls}-drawer`, classNamesInProps?.drawer)}\n        style={{ ...sizeMap, ...styles?.drawer }}\n      >\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        <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            {children}\n          </Card>\n        </div>\n        <div\n          className={classNames(`${prefixCls}-expand-handle`, classNamesInProps?.expandHandle)}\n          style={styles?.expandHandle}\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      </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","open","_props$position","position","cardProps","children","className","classNamesInProps","style","styles","cacheKey","_props$defaultSize","defaultSize","_props$minSize","minSize","_props$maxSize","maxSize","Infinity","onOpenChange","onResize","_useContext","ConfigContext","getPrefixCls","prefixCls","_useStyle","_useStyle2","_slicedToArray","wrapCSSVar","hashId","cssVarCls","_useState","_useState2","isOpen","setIsOpen","_useState3","localStorage","getItem","Number","_useState4","size","setSize","sizeMap","type","_defineProperty","_useState5","_useState6","isDragging","setIsDragging","dragStartPos","dragStartSize","classString","concat","closeIcon","openIcon","toggleDrawer","handleResizeStart","e","current","clientY","clientX","preventDefault","handleResize","newSize","setItem","String","handleResizeEnd","window","addEventListener","removeEventListener","drawer","_objectSpread","resizeHandle","onMouseDown","content","bordered","variant","card","expandHandle","onClick","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:** Whether the drawer is open\n   *\n   * **CN:** 抽屉是否打开\n   */\n  open?: boolean;\n  /**\n   * **EN:** Position of the drawer\n   *\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.\n   *\n   * **CN:** 抽屉的默认宽度。如果抽屉放在左侧或右侧，则为宽度，否则为高度。\n   *\n   * @default 300\n   */\n  defaultSize?: number;\n  /**\n   * **EN:** Minimum size of the drawer\n   *\n   * **CN:** 抽屉的最小宽度\n   *\n   * @default 0\n   */\n  minSize?: number;\n  /**\n   * **EN:** Maximum size of the drawer\n   *\n   * **CN:** 抽屉的最大宽度\n   *\n   * @default Infinity\n   */\n  maxSize?: number;\n  /**\n   * **EN:** Cache key for storing the drawer size in localStorage. If not set, the size will not be\n   * cached.\n   *\n   * **CN:** 指定一个localStorage缓存键，用于记忆抽屉宽度。如果不设置，则不使用缓存。\n   */\n  cacheKey?: string;\n  /**\n   * **EN:** Custom class name for the root element\n   *\n   * **CN:** 根元素的自定义类名\n   */\n  className?: string;\n  /**\n   * **EN:** Custom class names for specific elements\n   *\n   * **CN:** 特定元素的自定义类名\n   */\n  classNames?: {\n    /**\n     * **EN:** Class name for the drawer element\n     *\n     * **CN:** 抽屉元素的类名\n     */\n    drawer?: string;\n    /**\n     * **EN:** Class name for the expand handle\n     *\n     * **CN:** 展开手柄的类名\n     */\n    expandHandle?: string;\n    /**\n     * **EN:** Class name for the resize handle\n     *\n     * **CN:** 调整大小手柄的类名\n     */\n    resizeHandle?: string;\n    /**\n     * **EN:** Class name for the handle icon\n     *\n     * **CN:** 手柄图标的类名\n     */\n    handleIcon?: string;\n    /**\n     * **EN:** Class name for the content area\n     *\n     * **CN:** 内容区域的类名\n     */\n    content?: string;\n    /**\n     * **EN:** Class name for the card element\n     *\n     * **CN:** 卡片元素的类名\n     */\n    card?: string;\n  };\n  /**\n   * **EN:** Custom styles for the root element\n   *\n   * **CN:** 根元素的自定义样式\n   */\n  style?: CSSProperties;\n  /**\n   * **EN:** Custom styles for specific elements\n   *\n   * **CN:** 特定元素的自定义样式\n   */\n  styles?: {\n    /**\n     * **EN:** Styles for the drawer element\n     *\n     * **CN:** 抽屉元素的样式\n     */\n    drawer?: CSSProperties;\n    /**\n     * **EN:** Styles for the expand handle\n     *\n     * **CN:** 展开手柄的样式\n     */\n    expandHandle?: CSSProperties;\n    /**\n     * **EN:** Styles for the resize handle\n     *\n     * **CN:** 调整大小手柄的样式\n     */\n    resizeHandle?: CSSProperties;\n    /**\n     * **EN:** Styles for the handle icon\n     *\n     * **CN:** 手柄图标的样式\n     */\n    handleIcon?: CSSProperties;\n    /**\n     * **EN:** Styles for the content area\n     *\n     * **CN:** 内容区域的样式\n     */\n    content?: CSSProperties;\n    /**\n     * **EN:** Styles for the card element\n     *\n     * **CN:** 卡片元素的样式\n     */\n    card?: CSSProperties;\n  };\n  /**\n   * **EN:** Custom properties for the card element\n   *\n   * **CN:** 卡片元素的自定义属性\n   */\n  cardProps?: Omit<CardProps, 'children'>;\n  /**\n   * **EN:** Content to be rendered inside the drawer\n   *\n   * **CN:** 抽屉内容\n   */\n  children?: ReactNode;\n  /**\n   * **EN:** Callback function when the open state changes\n   *\n   * **CN:** 打开状态变化时的回调函数\n   */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * **EN:** Callback function when the drawer is resized\n   *\n   * **CN:** 抽屉调整大小时的回调函数\n   */\n  onResize?: (size: number) => void;\n}\n\n/**\n * **EN:** FloatDrawer component for creating a draggable, resizable drawer\n *\n * **CN:** FloatDrawer组件，用于创建可拖动、可调整大小的抽屉\n */\nconst FloatDrawer: FC<FloatDrawerProps> = (props) => {\n  const {\n    open,\n    position = 'right',\n    cardProps,\n    children,\n    className,\n    classNames: classNamesInProps,\n    style,\n    styles,\n    cacheKey,\n    defaultSize = 300,\n    minSize = 0,\n    maxSize = +Infinity,\n    onOpenChange,\n    onResize,\n  } = props;\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const prefixCls = getPrefixCls('re-float-drawer');\n  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);\n  const [isOpen, setIsOpen] = useState<boolean>();\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 [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) {\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  // 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 className={classString} style={style}>\n      <div\n        className={classNames(`${prefixCls}-drawer`, classNamesInProps?.drawer)}\n        style={{ ...sizeMap, ...styles?.drawer }}\n      >\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        <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            {children}\n          </Card>\n        </div>\n        <div\n          className={classNames(`${prefixCls}-expand-handle`, classNamesInProps?.expandHandle)}\n          style={styles?.expandHandle}\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      </div>\n    </div>\n  );\n};\n\nexport default FloatDrawer;\n"],"mappings":"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"}

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

@@ -0,0 +1,52 @@
+import type { ReactNode } from 'react';
+import type { TagProps } from 'antd';
+import type { OverflowProps } from 'rc-overflow';
+export interface OverflowTagsProps<T extends Record<string, unknown> = Record<string, unknown>> extends OverflowProps<T> {
+    /**
+     * **CN**: 标签集合的数据
+     *
+     * **EN**: Data collection of tags
+     */
+    tags: T[] | undefined;
+    /**
+     * **EN**: Function to get the tag name, default is `tag.name`
+     *
+     * **CN**: 获取标签名称的函数，默认取`tag.name`
+     */
+    getTagName?: (tag: T) => ReactNode;
+    /**
+     * **EN**: Function to get the unique identifier of the tag, default is `tag.id`
+     *
+     * **CN**: 获取标签唯一标识的函数，默认取`tag.id`
+     */
+    getTagKey?: (tag: T) => React.Key;
+    /**
+     * **EN**: Function to render the tag, returns `TagProps`
+     *
+     * **CN**: 渲染标签的函数，返回`TagProps`
+     */
+    renderTag?: (tag: T, tags: T[]) => TagProps;
+    /**
+     * **EN**: Custom properties for the tag component, if `renderTag` is also specified, the latter
+     * will override the former
+     *
+     * **CN**: 自定义标签的组件属性，如果同时指定了`renderTag`，则后者会覆盖前者
+     */
+    tagProps?: TagProps;
+    /**
+     * **EN**: When the number of tags exceeds the maximum display count, an ellipsis tag will be
+     * shown. This property is used to set the style of the ellipsis tag.
+     *
+     * **CN**: 当标签数量超过最大显示数量时，会显示省略号的标签，此属性用于设置省略号标签的样式
+     */
+    ellipsisTagProps?: TagProps;
+    /**
+     * **EN**: Whether to use random colors, default is `false`. Note that the tag object can also
+     * contain a `color` property to specify the color, and the latter takes precedence.
+     *
+     * **CN**: 是否使用随机颜色，默认`false`。注意，tag对象还可以包含`color`属性来指定颜色，而且后者优先级更高。
+     */
+    randomColors?: boolean;
+}
+declare const OverflowTags: <T extends Record<string, any>>(props: OverflowTagsProps<T>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export default OverflowTags;

package/es/components/OverflowTags/index.js

@@ -0,0 +1,91 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["tags", "randomColors", "getTagName", "getTagKey", "renderTag", "tagProps", "ellipsisTagProps", "className"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { useCallback, useContext, useMemo } from 'react';
+import { ConfigProvider, Dropdown, Tag, theme } from 'antd';
+import { PresetColors } from 'antd/es/theme/internal';
+import classNames from 'classnames';
+import Overflow from 'rc-overflow';
+import { random } from "../../utils/math";
+import useStyle from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+var OverflowTags = function OverflowTags(props) {
+  var _props$tags = props.tags,
+    tags = _props$tags === void 0 ? [] : _props$tags,
+    randomColors = props.randomColors,
+    getTagNameInProps = props.getTagName,
+    getTagKey = props.getTagKey,
+    renderTagInProps = props.renderTag,
+    tagProps = props.tagProps,
+    ellipsisTagProps = props.ellipsisTagProps,
+    className = props.className,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var _theme$useToken = theme.useToken(),
+    token = _theme$useToken.token;
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var prefixCls = getPrefixCls('re-float-drawer');
+  var _useStyle = useStyle(prefixCls),
+    _useStyle2 = _slicedToArray(_useStyle, 3),
+    wrapCSSVar = _useStyle2[0],
+    hashId = _useStyle2[1],
+    cssVarCls = _useStyle2[2];
+  var colors = useMemo(function () {
+    return PresetColors.filter(function (c) {
+      return !['lime', 'yellow', 'magenta'].includes(c);
+    }).map(function (color) {
+      return token["".concat(color, "-3")];
+    });
+  }, [token]);
+  var getTagName = useCallback(function (tag) {
+    return getTagNameInProps ? getTagNameInProps(tag) : tag.name;
+  }, [getTagNameInProps]);
+  var renderTag = function renderTag(item) {
+    var _item$color;
+    var customProps = renderTagInProps === null || renderTagInProps === void 0 ? void 0 : renderTagInProps(item, tags);
+    return /*#__PURE__*/_jsx(Tag, _objectSpread(_objectSpread(_objectSpread({}, tagProps), {}, {
+      color: randomColors ? colors[random(0, colors.length - 1)] : (_item$color = item.color) !== null && _item$color !== void 0 ? _item$color : 'default'
+    }, customProps), {}, {
+      children: getTagName(item)
+    }));
+  };
+  return wrapCSSVar( /*#__PURE__*/_jsx(Overflow, _objectSpread({
+    className: classNames(hashId, cssVarCls, prefixCls, className),
+    data: tags,
+    maxCount: "responsive",
+    renderItem: renderTag,
+    renderRest: function renderRest(omittedItems) {
+      return /*#__PURE__*/_jsx(Dropdown, {
+        menu: {
+          items: omittedItems.map(function (tag) {
+            var _tag$id;
+            return {
+              type: 'item',
+              key: getTagKey ? getTagKey(tag) : (_tag$id = tag.id) !== null && _tag$id !== void 0 ? _tag$id : getTagName(tag),
+              label: getTagName(tag)
+            };
+          })
+        },
+        children: /*#__PURE__*/_jsxs(Tag, _objectSpread(_objectSpread({}, ellipsisTagProps), {}, {
+          children: ["+ ", omittedItems.length, "..."]
+        }))
+      });
+    }
+  }, restProps)));
+};
+export default OverflowTags;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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","renderTagInProps","renderTag","tagProps","ellipsisTagProps","className","restProps","_objectWithoutProperties","_excluded","_theme$useToken","useToken","token","_useContext","ConfigContext","getPrefixCls","prefixCls","_useStyle","_useStyle2","_slicedToArray","wrapCSSVar","hashId","cssVarCls","colors","filter","c","includes","map","color","concat","tag","name","item","_item$color","customProps","_objectSpread","length","children","data","maxCount","renderItem","renderRest","omittedItems","menu","items","_tag$id","type","key","id","label"],"sources":["../../../src/components/OverflowTags/index.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { useCallback, useContext, useMemo } from 'react';\nimport type { 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 Record<string, unknown> = Record<string, unknown>>\n  extends OverflowProps<T> {\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.name`\n   *\n   * **CN**: 获取标签名称的函数，默认取`tag.name`\n   */\n  getTagName?: (tag: T) => ReactNode;\n  /**\n   * **EN**: Function to get the unique identifier of the tag, default is `tag.id`\n   *\n   * **CN**: 获取标签唯一标识的函数，默认取`tag.id`\n   */\n  getTagKey?: (tag: T) => React.Key;\n  /**\n   * **EN**: Function to render the tag, returns `TagProps`\n   *\n   * **CN**: 渲染标签的函数，返回`TagProps`\n   */\n  renderTag?: (tag: T, tags: T[]) => TagProps;\n  /**\n   * **EN**: Custom properties for the tag component, if `renderTag` is also specified, the latter\n   * will override the former\n   *\n   * **CN**: 自定义标签的组件属性，如果同时指定了`renderTag`，则后者会覆盖前者\n   */\n  tagProps?: 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;\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// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst OverflowTags = <T extends Record<string, any>>(props: OverflowTagsProps<T>) => {\n  const {\n    tags = [],\n    randomColors,\n    getTagName: getTagNameInProps,\n    getTagKey,\n    renderTag: renderTagInProps,\n    tagProps,\n    ellipsisTagProps,\n    className,\n    ...restProps\n  } = props;\n  const { token } = theme.useToken();\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const prefixCls = getPrefixCls('re-float-drawer');\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 getTagName = useCallback(\n    (tag: T) => {\n      return getTagNameInProps ? getTagNameInProps(tag) : tag.name;\n    },\n    [getTagNameInProps]\n  );\n  const renderTag = (item: T) => {\n    const customProps = renderTagInProps?.(item, tags);\n    return (\n      <Tag\n        {...tagProps}\n        color={randomColors ? colors[random(0, colors.length - 1)] : (item.color ?? 'default')}\n        {...customProps}\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          menu={{\n            items: omittedItems.map((tag) => ({\n              type: 'item',\n              key: getTagKey ? getTagKey(tag) : (tag.id ?? getTagName(tag)),\n              label: getTagName(tag),\n            })),\n          }}\n        >\n          <Tag {...ellipsisTagProps}>+ {omittedItems.length}...</Tag>\n        </Dropdown>\n      )}\n      {...restProps}\n    />\n  );\n};\n\nexport default OverflowTags;\n"],"mappings":"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"}

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: (prefixCls: string, rootCls?: string | undefined) => readonly [(node: import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>, string, string];
+export default _default;

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

@@ -0,0 +1,18 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { genStyleHooks } from 'antd/es/theme/internal';
+var genStyle = function genStyle(token) {
+  var componentCls = token.componentCls;
+  return _defineProperty({}, componentCls, {
+    display: 'flex',
+    flexWrap: 'wrap',
+    maxWidth: '100%',
+    position: 'relative'
+  });
+};
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export default genStyleHooks('re-overflow-tags', genStyle);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["genStyleHooks","genStyle","token","componentCls","_defineProperty","display","flexWrap","maxWidth","position"],"sources":["../../../../src/components/OverflowTags/style/index.ts"],"sourcesContent":["import { genStyleHooks } from 'antd/es/theme/internal';\nimport type { AliasToken, GenerateStyle } from 'antd/es/theme/internal';\nimport type { CSSObject } from '@ant-design/cssinjs';\nimport type { FullToken } from '@ant-design/cssinjs-utils';\n\ntype OverflowTagsToken = FullToken<{ ''?: object }, AliasToken, ''>;\n\nconst genStyle: GenerateStyle<OverflowTagsToken> = (token): CSSObject => {\n  const { componentCls } = token;\n  return {\n    [componentCls]: {\n      display: 'flex',\n      flexWrap: 'wrap',\n      maxWidth: '100%',\n      position: 'relative',\n    },\n  };\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport default genStyleHooks('re-overflow-tags' as any, genStyle);\n"],"mappings":";;;;AAAA,SAASA,aAAa,QAAQ,wBAAwB;AAOtD,IAAMC,QAA0C,GAAG,SAA7CA,QAA0CA,CAAIC,KAAK,EAAgB;EACvE,IAAQC,YAAY,GAAKD,KAAK,CAAtBC,YAAY;EACpB,OAAAC,eAAA,KACGD,YAAY,EAAG;IACdE,OAAO,EAAE,MAAM;IACfC,QAAQ,EAAE,MAAM;IAChBC,QAAQ,EAAE,MAAM;IAChBC,QAAQ,EAAE;EACZ,CAAC;AAEL,CAAC;;AAED;AACA,eAAeR,aAAa,CAAC,kBAAkB,EAASC,QAAQ,CAAC"}

package/es/components/index.d.ts

@@ -13,3 +13,5 @@ export { default as FloatDrawer } from './FloatDrawer';
 export type { ModalActionProps, FormCompPropsConstraint, ModalActionTrigger, ModalActionRef } from './ModalAction';
 export { withDefaultModalActionProps, withModalAction } from './ModalAction';
 export { default as ModalAction } from './ModalAction';
+export type { OverflowTagsProps } from './OverflowTags';
+export { default as OverflowTags } from './OverflowTags';

package/es/components/index.js

@@ -9,6 +9,5 @@ export { default as DeleteConfirmAction } from "./DeleteConfirmAction";
 export { default as FloatDrawer } from "./FloatDrawer";
 export { withDefaultModalActionProps, withModalAction } from "./ModalAction";
 export { default as ModalAction } from "./ModalAction";
-
-// export * from '../utils';
+export { default as OverflowTags } from "./OverflowTags";
 //# sourceMappingURL=index.js.map

package/es/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["default","BreakLines","ConfigProvider","ReactEasyContext","withDefaultConfirmActionProps","ConfirmAction","DeleteConfirmAction","FloatDrawer","withDefaultModalActionProps","withModalAction","ModalAction"],"sources":["../../src/components/index.tsx"],"sourcesContent":["export type { BreakLinesProps } from './BreakLines';\nexport { default as BreakLines } from './BreakLines';\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 } from './ConfirmAction';\nexport { withDefaultConfirmActionProps } from './ConfirmAction';\nexport { default as ConfirmAction } from './ConfirmAction';\n\n// export * from './DeleteConfirmAction';\nexport { default as DeleteConfirmAction } from './DeleteConfirmAction';\n\nexport type { FloatDrawerProps } from './FloatDrawer';\nexport { default as FloatDrawer } from './FloatDrawer';\n\nexport type { ModalActionProps, FormCompPropsConstraint, ModalActionTrigger, ModalActionRef } from './ModalAction';\nexport { withDefaultModalActionProps, withModalAction } from './ModalAction';\nexport { default as ModalAction } from './ModalAction';\n\n// export * from '../utils';\n"],"mappings":"AACA,SAASA,OAAO,IAAIC,UAAU;AAG9B,SAASD,OAAO,IAAIE,cAAc;AAElC,SAASF,OAAO,IAAIG,gBAAgB;AAGpC,SAASC,6BAA6B;AACtC,SAASJ,OAAO,IAAIK,aAAa;;AAEjC;AACA,SAASL,OAAO,IAAIM,mBAAmB;AAGvC,SAASN,OAAO,IAAIO,WAAW;AAG/B,SAASC,2BAA2B,EAAEC,eAAe;AACrD,SAAST,OAAO,IAAIU,WAAW;;AAE/B"}
+{"version":3,"names":["default","BreakLines","ConfigProvider","ReactEasyContext","withDefaultConfirmActionProps","ConfirmAction","DeleteConfirmAction","FloatDrawer","withDefaultModalActionProps","withModalAction","ModalAction","OverflowTags"],"sources":["../../src/components/index.tsx"],"sourcesContent":["export type { BreakLinesProps } from './BreakLines';\nexport { default as BreakLines } from './BreakLines';\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 } from './ConfirmAction';\nexport { withDefaultConfirmActionProps } from './ConfirmAction';\nexport { default as ConfirmAction } from './ConfirmAction';\n\n// export * from './DeleteConfirmAction';\nexport { default as DeleteConfirmAction } from './DeleteConfirmAction';\n\nexport type { FloatDrawerProps } from './FloatDrawer';\nexport { default as FloatDrawer } from './FloatDrawer';\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"],"mappings":"AACA,SAASA,OAAO,IAAIC,UAAU;AAG9B,SAASD,OAAO,IAAIE,cAAc;AAElC,SAASF,OAAO,IAAIG,gBAAgB;AAGpC,SAASC,6BAA6B;AACtC,SAASJ,OAAO,IAAIK,aAAa;;AAEjC;AACA,SAASL,OAAO,IAAIM,mBAAmB;AAGvC,SAASN,OAAO,IAAIO,WAAW;AAG/B,SAASC,2BAA2B,EAAEC,eAAe;AACrD,SAAST,OAAO,IAAIU,WAAW;AAG/B,SAASV,OAAO,IAAIW,YAAY"}

package/es/utils/index.d.ts

@@ -1 +1,2 @@
 export * from './color';
+export * from './math';

package/es/utils/index.js

@@ -1,2 +1,3 @@
 export * from "./color";
+export * from "./math";
 //# sourceMappingURL=index.js.map

package/es/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../src/utils/index.ts"],"sourcesContent":["export * from './color';\n"],"mappings":"AAAA"}
+{"version":3,"names":[],"sources":["../../src/utils/index.ts"],"sourcesContent":["export * from './color';\nexport * from './math';\n"],"mappings":"AAAA;AACA"}

package/es/utils/math.d.ts

@@ -0,0 +1,11 @@
+/**
+ * **EN**: Generate a random number 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 | 生成的随机数
+ */
+export declare function random(min: number, max: number): number;

package/es/utils/math.js

@@ -0,0 +1,17 @@
+/**
+ * **EN**: Generate a random number 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 | 生成的随机数
+ */
+export function random(min, max) {
+  var array = new Uint32Array(1);
+  globalThis.crypto.getRandomValues(array);
+  var randomValue = array[0] / (0xffffffff + 1);
+  return Math.floor(randomValue * (max - min + 1)) + min;
+}
+//# sourceMappingURL=math.js.map

package/es/utils/math.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["random","min","max","array","Uint32Array","globalThis","crypto","getRandomValues","randomValue","Math","floor"],"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  const array = new Uint32Array(1);\n  globalThis.crypto.getRandomValues(array);\n  const randomValue = array[0] / (0xffffffff + 1);\n  return Math.floor(randomValue * (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;EACvD,IAAMC,KAAK,GAAG,IAAIC,WAAW,CAAC,CAAC,CAAC;EAChCC,UAAU,CAACC,MAAM,CAACC,eAAe,CAACJ,KAAK,CAAC;EACxC,IAAMK,WAAW,GAAGL,KAAK,CAAC,CAAC,CAAC,IAAI,UAAU,GAAG,CAAC,CAAC;EAC/C,OAAOM,IAAI,CAACC,KAAK,CAACF,WAAW,IAAIN,GAAG,GAAGD,GAAG,GAAG,CAAC,CAAC,CAAC,GAAGA,GAAG;AACxD"}

package/lib/components/FloatDrawer/index.d.ts

@@ -1,5 +1,5 @@
 import type { CSSProperties, FC, ReactNode } from 'react';
-import { type CardProps } from 'antd';
+import type { CardProps } from 'antd';
 export interface FloatDrawerProps {
     /**
      * **EN:** Whether the drawer is open

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/FloatDrawer/index.tsx"],
-  "sourcesContent": ["import type { CSSProperties, FC, ReactNode } from 'react';\nimport { useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport { Card, type CardProps, 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:** Whether the drawer is open\n   *\n   * **CN:** 抽屉是否打开\n   */\n  open?: boolean;\n  /**\n   * **EN:** Position of the drawer\n   *\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.\n   *\n   * **CN:** 抽屉的默认宽度。如果抽屉放在左侧或右侧，则为宽度，否则为高度。\n   *\n   * @default 300\n   */\n  defaultSize?: number;\n  /**\n   * **EN:** Minimum size of the drawer\n   *\n   * **CN:** 抽屉的最小宽度\n   *\n   * @default 0\n   */\n  minSize?: number;\n  /**\n   * **EN:** Maximum size of the drawer\n   *\n   * **CN:** 抽屉的最大宽度\n   *\n   * @default Infinity\n   */\n  maxSize?: number;\n  /**\n   * **EN:** Cache key for storing the drawer size in localStorage. If not set, the size will not be\n   * cached.\n   *\n   * **CN:** 指定一个localStorage缓存键，用于记忆抽屉宽度。如果不设置，则不使用缓存。\n   */\n  cacheKey?: string;\n  /**\n   * **EN:** Custom class name for the root element\n   *\n   * **CN:** 根元素的自定义类名\n   */\n  className?: string;\n  /**\n   * **EN:** Custom class names for specific elements\n   *\n   * **CN:** 特定元素的自定义类名\n   */\n  classNames?: {\n    /**\n     * **EN:** Class name for the drawer element\n     *\n     * **CN:** 抽屉元素的类名\n     */\n    drawer?: string;\n    /**\n     * **EN:** Class name for the expand handle\n     *\n     * **CN:** 展开手柄的类名\n     */\n    expandHandle?: string;\n    /**\n     * **EN:** Class name for the resize handle\n     *\n     * **CN:** 调整大小手柄的类名\n     */\n    resizeHandle?: string;\n    /**\n     * **EN:** Class name for the handle icon\n     *\n     * **CN:** 手柄图标的类名\n     */\n    handleIcon?: string;\n    /**\n     * **EN:** Class name for the content area\n     *\n     * **CN:** 内容区域的类名\n     */\n    content?: string;\n    /**\n     * **EN:** Class name for the card element\n     *\n     * **CN:** 卡片元素的类名\n     */\n    card?: string;\n  };\n  /**\n   * **EN:** Custom styles for the root element\n   *\n   * **CN:** 根元素的自定义样式\n   */\n  style?: CSSProperties;\n  /**\n   * **EN:** Custom styles for specific elements\n   *\n   * **CN:** 特定元素的自定义样式\n   */\n  styles?: {\n    /**\n     * **EN:** Styles for the drawer element\n     *\n     * **CN:** 抽屉元素的样式\n     */\n    drawer?: CSSProperties;\n    /**\n     * **EN:** Styles for the expand handle\n     *\n     * **CN:** 展开手柄的样式\n     */\n    expandHandle?: CSSProperties;\n    /**\n     * **EN:** Styles for the resize handle\n     *\n     * **CN:** 调整大小手柄的样式\n     */\n    resizeHandle?: CSSProperties;\n    /**\n     * **EN:** Styles for the handle icon\n     *\n     * **CN:** 手柄图标的样式\n     */\n    handleIcon?: CSSProperties;\n    /**\n     * **EN:** Styles for the content area\n     *\n     * **CN:** 内容区域的样式\n     */\n    content?: CSSProperties;\n    /**\n     * **EN:** Styles for the card element\n     *\n     * **CN:** 卡片元素的样式\n     */\n    card?: CSSProperties;\n  };\n  /**\n   * **EN:** Custom properties for the card element\n   *\n   * **CN:** 卡片元素的自定义属性\n   */\n  cardProps?: Omit<CardProps, 'children'>;\n  /**\n   * **EN:** Content to be rendered inside the drawer\n   *\n   * **CN:** 抽屉内容\n   */\n  children?: ReactNode;\n  /**\n   * **EN:** Callback function when the open state changes\n   *\n   * **CN:** 打开状态变化时的回调函数\n   */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * **EN:** Callback function when the drawer is resized\n   *\n   * **CN:** 抽屉调整大小时的回调函数\n   */\n  onResize?: (size: number) => void;\n}\n\n/**\n * **EN:** FloatDrawer component for creating a draggable, resizable drawer\n *\n * **CN:** FloatDrawer组件，用于创建可拖动、可调整大小的抽屉\n */\nconst FloatDrawer: FC<FloatDrawerProps> = (props) => {\n  const {\n    open,\n    position = 'right',\n    cardProps,\n    children,\n    className,\n    classNames: classNamesInProps,\n    style,\n    styles,\n    cacheKey,\n    defaultSize = 300,\n    minSize = 0,\n    maxSize = +Infinity,\n    onOpenChange,\n    onResize,\n  } = props;\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const prefixCls = getPrefixCls('re-float-drawer');\n  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);\n  const [isOpen, setIsOpen] = useState<boolean>();\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 [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) {\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  // 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 className={classString} style={style}>\n      <div\n        className={classNames(`${prefixCls}-drawer`, classNamesInProps?.drawer)}\n        style={{ ...sizeMap, ...styles?.drawer }}\n      >\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        <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            {children}\n          </Card>\n        </div>\n        <div\n          className={classNames(`${prefixCls}-expand-handle`, classNamesInProps?.expandHandle)}\n          style={styles?.expandHandle}\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      </div>\n    </div>\n  );\n};\n\nexport default FloatDrawer;\n"],
-  "mappings": "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",
+  "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:** Whether the drawer is open\n   *\n   * **CN:** 抽屉是否打开\n   */\n  open?: boolean;\n  /**\n   * **EN:** Position of the drawer\n   *\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.\n   *\n   * **CN:** 抽屉的默认宽度。如果抽屉放在左侧或右侧，则为宽度，否则为高度。\n   *\n   * @default 300\n   */\n  defaultSize?: number;\n  /**\n   * **EN:** Minimum size of the drawer\n   *\n   * **CN:** 抽屉的最小宽度\n   *\n   * @default 0\n   */\n  minSize?: number;\n  /**\n   * **EN:** Maximum size of the drawer\n   *\n   * **CN:** 抽屉的最大宽度\n   *\n   * @default Infinity\n   */\n  maxSize?: number;\n  /**\n   * **EN:** Cache key for storing the drawer size in localStorage. If not set, the size will not be\n   * cached.\n   *\n   * **CN:** 指定一个localStorage缓存键，用于记忆抽屉宽度。如果不设置，则不使用缓存。\n   */\n  cacheKey?: string;\n  /**\n   * **EN:** Custom class name for the root element\n   *\n   * **CN:** 根元素的自定义类名\n   */\n  className?: string;\n  /**\n   * **EN:** Custom class names for specific elements\n   *\n   * **CN:** 特定元素的自定义类名\n   */\n  classNames?: {\n    /**\n     * **EN:** Class name for the drawer element\n     *\n     * **CN:** 抽屉元素的类名\n     */\n    drawer?: string;\n    /**\n     * **EN:** Class name for the expand handle\n     *\n     * **CN:** 展开手柄的类名\n     */\n    expandHandle?: string;\n    /**\n     * **EN:** Class name for the resize handle\n     *\n     * **CN:** 调整大小手柄的类名\n     */\n    resizeHandle?: string;\n    /**\n     * **EN:** Class name for the handle icon\n     *\n     * **CN:** 手柄图标的类名\n     */\n    handleIcon?: string;\n    /**\n     * **EN:** Class name for the content area\n     *\n     * **CN:** 内容区域的类名\n     */\n    content?: string;\n    /**\n     * **EN:** Class name for the card element\n     *\n     * **CN:** 卡片元素的类名\n     */\n    card?: string;\n  };\n  /**\n   * **EN:** Custom styles for the root element\n   *\n   * **CN:** 根元素的自定义样式\n   */\n  style?: CSSProperties;\n  /**\n   * **EN:** Custom styles for specific elements\n   *\n   * **CN:** 特定元素的自定义样式\n   */\n  styles?: {\n    /**\n     * **EN:** Styles for the drawer element\n     *\n     * **CN:** 抽屉元素的样式\n     */\n    drawer?: CSSProperties;\n    /**\n     * **EN:** Styles for the expand handle\n     *\n     * **CN:** 展开手柄的样式\n     */\n    expandHandle?: CSSProperties;\n    /**\n     * **EN:** Styles for the resize handle\n     *\n     * **CN:** 调整大小手柄的样式\n     */\n    resizeHandle?: CSSProperties;\n    /**\n     * **EN:** Styles for the handle icon\n     *\n     * **CN:** 手柄图标的样式\n     */\n    handleIcon?: CSSProperties;\n    /**\n     * **EN:** Styles for the content area\n     *\n     * **CN:** 内容区域的样式\n     */\n    content?: CSSProperties;\n    /**\n     * **EN:** Styles for the card element\n     *\n     * **CN:** 卡片元素的样式\n     */\n    card?: CSSProperties;\n  };\n  /**\n   * **EN:** Custom properties for the card element\n   *\n   * **CN:** 卡片元素的自定义属性\n   */\n  cardProps?: Omit<CardProps, 'children'>;\n  /**\n   * **EN:** Content to be rendered inside the drawer\n   *\n   * **CN:** 抽屉内容\n   */\n  children?: ReactNode;\n  /**\n   * **EN:** Callback function when the open state changes\n   *\n   * **CN:** 打开状态变化时的回调函数\n   */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * **EN:** Callback function when the drawer is resized\n   *\n   * **CN:** 抽屉调整大小时的回调函数\n   */\n  onResize?: (size: number) => void;\n}\n\n/**\n * **EN:** FloatDrawer component for creating a draggable, resizable drawer\n *\n * **CN:** FloatDrawer组件，用于创建可拖动、可调整大小的抽屉\n */\nconst FloatDrawer: FC<FloatDrawerProps> = (props) => {\n  const {\n    open,\n    position = 'right',\n    cardProps,\n    children,\n    className,\n    classNames: classNamesInProps,\n    style,\n    styles,\n    cacheKey,\n    defaultSize = 300,\n    minSize = 0,\n    maxSize = +Infinity,\n    onOpenChange,\n    onResize,\n  } = props;\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const prefixCls = getPrefixCls('re-float-drawer');\n  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);\n  const [isOpen, setIsOpen] = useState<boolean>();\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 [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) {\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  // 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 className={classString} style={style}>\n      <div\n        className={classNames(`${prefixCls}-drawer`, classNamesInProps?.drawer)}\n        style={{ ...sizeMap, ...styles?.drawer }}\n      >\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        <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            {children}\n          </Card>\n        </div>\n        <div\n          className={classNames(`${prefixCls}-expand-handle`, classNamesInProps?.expandHandle)}\n          style={styles?.expandHandle}\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      </div>\n    </div>\n  );\n};\n\nexport default FloatDrawer;\n"],
+  "mappings": "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",
   "names": ["useStyle", "classNames", "useRefFunction"]
 }

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

@@ -0,0 +1,52 @@
+import type { ReactNode } from 'react';
+import type { TagProps } from 'antd';
+import type { OverflowProps } from 'rc-overflow';
+export interface OverflowTagsProps<T extends Record<string, unknown> = Record<string, unknown>> extends OverflowProps<T> {
+    /**
+     * **CN**: 标签集合的数据
+     *
+     * **EN**: Data collection of tags
+     */
+    tags: T[] | undefined;
+    /**
+     * **EN**: Function to get the tag name, default is `tag.name`
+     *
+     * **CN**: 获取标签名称的函数，默认取`tag.name`
+     */
+    getTagName?: (tag: T) => ReactNode;
+    /**
+     * **EN**: Function to get the unique identifier of the tag, default is `tag.id`
+     *
+     * **CN**: 获取标签唯一标识的函数，默认取`tag.id`
+     */
+    getTagKey?: (tag: T) => React.Key;
+    /**
+     * **EN**: Function to render the tag, returns `TagProps`
+     *
+     * **CN**: 渲染标签的函数，返回`TagProps`
+     */
+    renderTag?: (tag: T, tags: T[]) => TagProps;
+    /**
+     * **EN**: Custom properties for the tag component, if `renderTag` is also specified, the latter
+     * will override the former
+     *
+     * **CN**: 自定义标签的组件属性，如果同时指定了`renderTag`，则后者会覆盖前者
+     */
+    tagProps?: TagProps;
+    /**
+     * **EN**: When the number of tags exceeds the maximum display count, an ellipsis tag will be
+     * shown. This property is used to set the style of the ellipsis tag.
+     *
+     * **CN**: 当标签数量超过最大显示数量时，会显示省略号的标签，此属性用于设置省略号标签的样式
+     */
+    ellipsisTagProps?: TagProps;
+    /**
+     * **EN**: Whether to use random colors, default is `false`. Note that the tag object can also
+     * contain a `color` property to specify the color, and the latter takes precedence.
+     *
+     * **CN**: 是否使用随机颜色，默认`false`。注意，tag对象还可以包含`color`属性来指定颜色，而且后者优先级更高。
+     */
+    randomColors?: boolean;
+}
+declare const OverflowTags: <T extends Record<string, any>>(props: OverflowTagsProps<T>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export default OverflowTags;

package/lib/components/OverflowTags/index.js

@@ -0,0 +1,107 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/OverflowTags/index.tsx
+var OverflowTags_exports = {};
+__export(OverflowTags_exports, {
+  default: () => OverflowTags_default
+});
+module.exports = __toCommonJS(OverflowTags_exports);
+var import_react = require("react");
+var import_antd = require("antd");
+var import_internal = require("antd/es/theme/internal");
+var import_classnames = __toESM(require("classnames"));
+var import_rc_overflow = __toESM(require("rc-overflow"));
+var import_math = require("../../utils/math");
+var import_style = __toESM(require("./style"));
+var OverflowTags = (props) => {
+  const {
+    tags = [],
+    randomColors,
+    getTagName: getTagNameInProps,
+    getTagKey,
+    renderTag: renderTagInProps,
+    tagProps,
+    ellipsisTagProps,
+    className,
+    ...restProps
+  } = props;
+  const { token } = import_antd.theme.useToken();
+  const { getPrefixCls } = (0, import_react.useContext)(import_antd.ConfigProvider.ConfigContext);
+  const prefixCls = getPrefixCls("re-float-drawer");
+  const [wrapCSSVar, hashId, cssVarCls] = (0, import_style.default)(prefixCls);
+  const colors = (0, import_react.useMemo)(
+    () => import_internal.PresetColors.filter((c) => !["lime", "yellow", "magenta"].includes(c)).map((color) => token[`${color}-3`]),
+    [token]
+  );
+  const getTagName = (0, import_react.useCallback)(
+    (tag) => {
+      return getTagNameInProps ? getTagNameInProps(tag) : tag.name;
+    },
+    [getTagNameInProps]
+  );
+  const renderTag = (item) => {
+    const customProps = renderTagInProps == null ? void 0 : renderTagInProps(item, tags);
+    return /* @__PURE__ */ React.createElement(
+      import_antd.Tag,
+      {
+        ...tagProps,
+        color: randomColors ? colors[(0, import_math.random)(0, colors.length - 1)] : item.color ?? "default",
+        ...customProps
+      },
+      getTagName(item)
+    );
+  };
+  return wrapCSSVar(
+    /* @__PURE__ */ React.createElement(
+      import_rc_overflow.default,
+      {
+        className: (0, import_classnames.default)(hashId, cssVarCls, prefixCls, className),
+        data: tags,
+        maxCount: "responsive",
+        renderItem: renderTag,
+        renderRest: (omittedItems) => /* @__PURE__ */ React.createElement(
+          import_antd.Dropdown,
+          {
+            menu: {
+              items: omittedItems.map((tag) => ({
+                type: "item",
+                key: getTagKey ? getTagKey(tag) : tag.id ?? getTagName(tag),
+                label: getTagName(tag)
+              }))
+            }
+          },
+          /* @__PURE__ */ React.createElement(import_antd.Tag, { ...ellipsisTagProps }, "+ ", omittedItems.length, "...")
+        ),
+        ...restProps
+      }
+    )
+  );
+};
+var OverflowTags_default = OverflowTags;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/OverflowTags/index.tsx"],
+  "sourcesContent": ["import type { ReactNode } from 'react';\nimport { useCallback, useContext, useMemo } from 'react';\nimport type { 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 Record<string, unknown> = Record<string, unknown>>\n  extends OverflowProps<T> {\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.name`\n   *\n   * **CN**: 获取标签名称的函数，默认取`tag.name`\n   */\n  getTagName?: (tag: T) => ReactNode;\n  /**\n   * **EN**: Function to get the unique identifier of the tag, default is `tag.id`\n   *\n   * **CN**: 获取标签唯一标识的函数，默认取`tag.id`\n   */\n  getTagKey?: (tag: T) => React.Key;\n  /**\n   * **EN**: Function to render the tag, returns `TagProps`\n   *\n   * **CN**: 渲染标签的函数，返回`TagProps`\n   */\n  renderTag?: (tag: T, tags: T[]) => TagProps;\n  /**\n   * **EN**: Custom properties for the tag component, if `renderTag` is also specified, the latter\n   * will override the former\n   *\n   * **CN**: 自定义标签的组件属性，如果同时指定了`renderTag`，则后者会覆盖前者\n   */\n  tagProps?: 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;\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// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst OverflowTags = <T extends Record<string, any>>(props: OverflowTagsProps<T>) => {\n  const {\n    tags = [],\n    randomColors,\n    getTagName: getTagNameInProps,\n    getTagKey,\n    renderTag: renderTagInProps,\n    tagProps,\n    ellipsisTagProps,\n    className,\n    ...restProps\n  } = props;\n  const { token } = theme.useToken();\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const prefixCls = getPrefixCls('re-float-drawer');\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 getTagName = useCallback(\n    (tag: T) => {\n      return getTagNameInProps ? getTagNameInProps(tag) : tag.name;\n    },\n    [getTagNameInProps]\n  );\n  const renderTag = (item: T) => {\n    const customProps = renderTagInProps?.(item, tags);\n    return (\n      <Tag\n        {...tagProps}\n        color={randomColors ? colors[random(0, colors.length - 1)] : (item.color ?? 'default')}\n        {...customProps}\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          menu={{\n            items: omittedItems.map((tag) => ({\n              type: 'item',\n              key: getTagKey ? getTagKey(tag) : (tag.id ?? getTagName(tag)),\n              label: getTagName(tag),\n            })),\n          }}\n        >\n          <Tag {...ellipsisTagProps}>+ {omittedItems.length}...</Tag>\n        </Dropdown>\n      )}\n      {...restProps}\n    />\n  );\n};\n\nexport default OverflowTags;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAiD;AAEjD,kBAAqD;AACrD,sBAA6B;AAC7B,wBAAuB;AAEvB,yBAAqB;AACrB,kBAAuB;AACvB,mBAAqB;AAoDrB,IAAM,eAAe,CAAgC,UAAgC;AACnF,QAAM;AAAA,IACJ,OAAO,CAAC;AAAA,IACR;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,EAAE,MAAM,IAAI,kBAAM,SAAS;AACjC,QAAM,EAAE,aAAa,QAAI,yBAAW,2BAAe,aAAa;AAChE,QAAM,YAAY,aAAa,iBAAiB;AAChD,QAAM,CAAC,YAAY,QAAQ,SAAS,QAAI,aAAAA,SAAS,SAAS;AAE1D,QAAM,aAAS;AAAA,IACb,MAAM,6BAAa,OAAO,CAAC,MAAM,CAAC,CAAC,QAAQ,UAAU,SAAS,EAAE,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,UAAU,MAAM,GAAG,SAAS,CAAC;AAAA,IAC/G,CAAC,KAAK;AAAA,EACR;AACA,QAAM,iBAAa;AAAA,IACjB,CAAC,QAAW;AACV,aAAO,oBAAoB,kBAAkB,GAAG,IAAI,IAAI;AAAA,IAC1D;AAAA,IACA,CAAC,iBAAiB;AAAA,EACpB;AACA,QAAM,YAAY,CAAC,SAAY;AAC7B,UAAM,cAAc,qDAAmB,MAAM;AAC7C,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,OAAO,eAAe,WAAO,oBAAO,GAAG,OAAO,SAAS,CAAC,CAAC,IAAK,KAAK,SAAS;AAAA,QAC3E,GAAG;AAAA;AAAA,MAEH,WAAW,IAAI;AAAA,IAClB;AAAA,EAEJ;AAEA,SAAO;AAAA,IACL;AAAA,MAAC,mBAAAC;AAAA,MAAA;AAAA,QACC,eAAW,kBAAAC,SAAW,QAAQ,WAAW,WAAW,SAAS;AAAA,QAC7D,MAAM;AAAA,QACN,UAAS;AAAA,QACT,YAAY;AAAA,QACZ,YAAY,CAAC,iBACX;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,cACJ,OAAO,aAAa,IAAI,CAAC,SAAS;AAAA,gBAChC,MAAM;AAAA,gBACN,KAAK,YAAY,UAAU,GAAG,IAAK,IAAI,MAAM,WAAW,GAAG;AAAA,gBAC3D,OAAO,WAAW,GAAG;AAAA,cACvB,EAAE;AAAA,YACJ;AAAA;AAAA,UAEA,oCAAC,mBAAK,GAAG,oBAAkB,MAAG,aAAa,QAAO,KAAG;AAAA,QACvD;AAAA,QAED,GAAG;AAAA;AAAA,IACN;AAAA,EACF;AACF;AAEA,IAAO,uBAAQ;",
+  "names": ["useStyle", "Overflow", "classNames"]
+}

package/lib/components/OverflowTags/style/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: (prefixCls: string, rootCls?: string | undefined) => readonly [(node: import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>, string, string];
+export default _default;

package/lib/components/OverflowTags/style/index.js

@@ -0,0 +1,38 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/OverflowTags/style/index.ts
+var style_exports = {};
+__export(style_exports, {
+  default: () => style_default
+});
+module.exports = __toCommonJS(style_exports);
+var import_internal = require("antd/es/theme/internal");
+var genStyle = (token) => {
+  const { componentCls } = token;
+  return {
+    [componentCls]: {
+      display: "flex",
+      flexWrap: "wrap",
+      maxWidth: "100%",
+      position: "relative"
+    }
+  };
+};
+var style_default = (0, import_internal.genStyleHooks)("re-overflow-tags", genStyle);
+//# sourceMappingURL=index.js.map

package/lib/components/OverflowTags/style/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/OverflowTags/style/index.ts"],
+  "sourcesContent": ["import { genStyleHooks } from 'antd/es/theme/internal';\nimport type { AliasToken, GenerateStyle } from 'antd/es/theme/internal';\nimport type { CSSObject } from '@ant-design/cssinjs';\nimport type { FullToken } from '@ant-design/cssinjs-utils';\n\ntype OverflowTagsToken = FullToken<{ ''?: object }, AliasToken, ''>;\n\nconst genStyle: GenerateStyle<OverflowTagsToken> = (token): CSSObject => {\n  const { componentCls } = token;\n  return {\n    [componentCls]: {\n      display: 'flex',\n      flexWrap: 'wrap',\n      maxWidth: '100%',\n      position: 'relative',\n    },\n  };\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport default genStyleHooks('re-overflow-tags' as any, genStyle);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAA8B;AAO9B,IAAM,WAA6C,CAAC,UAAqB;AACvE,QAAM,EAAE,aAAa,IAAI;AACzB,SAAO;AAAA,IACL,CAAC,YAAY,GAAG;AAAA,MACd,SAAS;AAAA,MACT,UAAU;AAAA,MACV,UAAU;AAAA,MACV,UAAU;AAAA,IACZ;AAAA,EACF;AACF;AAGA,IAAO,oBAAQ,+BAAc,oBAA2B,QAAQ;",
+  "names": []
+}

package/lib/components/index.d.ts

@@ -13,3 +13,5 @@ export { default as FloatDrawer } from './FloatDrawer';
 export type { ModalActionProps, FormCompPropsConstraint, ModalActionTrigger, ModalActionRef } from './ModalAction';
 export { withDefaultModalActionProps, withModalAction } from './ModalAction';
 export { default as ModalAction } from './ModalAction';
+export type { OverflowTagsProps } from './OverflowTags';
+export { default as OverflowTags } from './OverflowTags';

package/lib/components/index.js

@@ -35,6 +35,7 @@ __export(components_exports, {
   DeleteConfirmAction: () => import_DeleteConfirmAction.default,
   FloatDrawer: () => import_FloatDrawer.default,
   ModalAction: () => import_ModalAction2.default,
+  OverflowTags: () => import_OverflowTags.default,
   ReactEasyContext: () => import_context.default,
   withDefaultConfirmActionProps: () => import_ConfirmAction.withDefaultConfirmActionProps,
   withDefaultModalActionProps: () => import_ModalAction.withDefaultModalActionProps,
@@ -50,6 +51,7 @@ var import_DeleteConfirmAction = __toESM(require("./DeleteConfirmAction"));
 var import_FloatDrawer = __toESM(require("./FloatDrawer"));
 var import_ModalAction = require("./ModalAction");
 var import_ModalAction2 = __toESM(require("./ModalAction"));
+var import_OverflowTags = __toESM(require("./OverflowTags"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   BreakLines,
@@ -58,6 +60,7 @@ var import_ModalAction2 = __toESM(require("./ModalAction"));
   DeleteConfirmAction,
   FloatDrawer,
   ModalAction,
+  OverflowTags,
   ReactEasyContext,
   withDefaultConfirmActionProps,
   withDefaultModalActionProps,

package/lib/components/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/index.tsx"],
-  "sourcesContent": ["export type { BreakLinesProps } from './BreakLines';\nexport { default as BreakLines } from './BreakLines';\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 } from './ConfirmAction';\nexport { withDefaultConfirmActionProps } from './ConfirmAction';\nexport { default as ConfirmAction } from './ConfirmAction';\n\n// export * from './DeleteConfirmAction';\nexport { default as DeleteConfirmAction } from './DeleteConfirmAction';\n\nexport type { FloatDrawerProps } from './FloatDrawer';\nexport { default as FloatDrawer } from './FloatDrawer';\n\nexport type { ModalActionProps, FormCompPropsConstraint, ModalActionTrigger, ModalActionRef } from './ModalAction';\nexport { withDefaultModalActionProps, withModalAction } from './ModalAction';\nexport { default as ModalAction } from './ModalAction';\n\n// export * from '../utils';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,wBAAsC;AAGtC,4BAA0C;AAE1C,qBAA4C;AAG5C,2BAA8C;AAC9C,IAAAA,wBAAyC;AAGzC,iCAA+C;AAG/C,yBAAuC;AAGvC,yBAA6D;AAC7D,IAAAC,sBAAuC;",
+  "sourcesContent": ["export type { BreakLinesProps } from './BreakLines';\nexport { default as BreakLines } from './BreakLines';\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 } from './ConfirmAction';\nexport { withDefaultConfirmActionProps } from './ConfirmAction';\nexport { default as ConfirmAction } from './ConfirmAction';\n\n// export * from './DeleteConfirmAction';\nexport { default as DeleteConfirmAction } from './DeleteConfirmAction';\n\nexport type { FloatDrawerProps } from './FloatDrawer';\nexport { default as FloatDrawer } from './FloatDrawer';\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"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,wBAAsC;AAGtC,4BAA0C;AAE1C,qBAA4C;AAG5C,2BAA8C;AAC9C,IAAAA,wBAAyC;AAGzC,iCAA+C;AAG/C,yBAAuC;AAGvC,yBAA6D;AAC7D,IAAAC,sBAAuC;AAGvC,0BAAwC;",
   "names": ["import_ConfirmAction", "import_ModalAction"]
 }

package/lib/utils/index.d.ts

@@ -1 +1,2 @@
 export * from './color';
+export * from './math';

package/lib/utils/index.js

@@ -17,8 +17,10 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var utils_exports = {};
 module.exports = __toCommonJS(utils_exports);
 __reExport(utils_exports, require("./color"), module.exports);
+__reExport(utils_exports, require("./math"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  ...require("./color")
+  ...require("./color"),
+  ...require("./math")
 });
 //# sourceMappingURL=index.js.map

package/lib/utils/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/utils/index.ts"],
-  "sourcesContent": ["export * from './color';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,0BAAc,oBAAd;",
+  "sourcesContent": ["export * from './color';\nexport * from './math';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,0BAAc,oBAAd;AACA,0BAAc,mBADd;",
   "names": []
 }

package/lib/utils/math.d.ts

@@ -0,0 +1,11 @@
+/**
+ * **EN**: Generate a random number 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 | 生成的随机数
+ */
+export declare function random(min: number, max: number): number;

package/lib/utils/math.js

@@ -0,0 +1,35 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/utils/math.ts
+var math_exports = {};
+__export(math_exports, {
+  random: () => random
+});
+module.exports = __toCommonJS(math_exports);
+function random(min, max) {
+  const array = new Uint32Array(1);
+  globalThis.crypto.getRandomValues(array);
+  const randomValue = array[0] / (4294967295 + 1);
+  return Math.floor(randomValue * (max - min + 1)) + min;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  random
+});
+//# sourceMappingURL=math.js.map

package/lib/utils/math.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "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  const array = new Uint32Array(1);\n  globalThis.crypto.getRandomValues(array);\n  const randomValue = array[0] / (0xffffffff + 1);\n  return Math.floor(randomValue * (max - min + 1)) + min;\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAUO,SAAS,OAAO,KAAa,KAAqB;AACvD,QAAM,QAAQ,IAAI,YAAY,CAAC;AAC/B,aAAW,OAAO,gBAAgB,KAAK;AACvC,QAAM,cAAc,MAAM,CAAC,KAAK,aAAa;AAC7C,SAAO,KAAK,MAAM,eAAe,MAAM,MAAM,EAAE,IAAI;AACrD;",
+  "names": []
+}

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "@tiny-codes/react-easy",
-  "version": "1.0.12",
-  "description": "Helps you use React and AntDesign more easily",
+  "version": "1.1.0",
+  "description": "Simplify React and AntDesign development with practical components and hooks",
   "keywords": [
     "react",
     "antd",
     "ant-design",
     "hoc",
-    "hooks"
+    "hooks",
+    "utils"
   ],
   "homepage": "https://github.com/shijistar/react-easy#readme",
   "bugs": {