@tiny-codes/react-easy 1.1.0 → 1.1.2

package/CHANGELOG.md

@@ -2,6 +2,23 @@
 
 # Changelog
 
+## 1.1.2
+
+2025-7-3
+
+### Features
+
+- 🔥 Add `Loading` component
+- 👀 The className prefix is changed to `ant-easy-***`
+
+## 1.1.1
+
+2025-7-2
+
+### Bug Fixes
+
+- 🐞 Fix wrong classPrefix of `OverflowTags` component
+
 ## 1.1.0
 
 2025-7-1

package/es/components/FloatDrawer/index.js

@@ -44,7 +44,7 @@ var FloatDrawer = function FloatDrawer(props) {
     onResize = props.onResize;
   var _useContext = useContext(ConfigProvider.ConfigContext),
     getPrefixCls = _useContext.getPrefixCls;
-  var prefixCls = getPrefixCls('re-float-drawer');
+  var prefixCls = getPrefixCls('easy-float-drawer');
   var _useStyle = useStyle(prefixCls),
     _useStyle2 = _slicedToArray(_useStyle, 3),
     wrapCSSVar = _useStyle2[0],

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 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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"}
+{"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('easy-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/FloatDrawer/style/index.js

@@ -144,7 +144,5 @@ var genStyle = function genStyle(token) {
     overflow: 'auto'
   })))));
 };
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export default genStyleHooks('re-float-drawer', genStyle);
+export default genStyleHooks('easy-float-drawer', genStyle);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["genStyleHooks","getColorLuminance","genStyle","token","_componentCls","componentCls","_defineProperty","position","display","overflow","left","top","bottom","right","concat","pointerEvents","transition","height","width","transform","boxShadow","colorFill","zIndex","cursor","color","colorTextTertiary","backgroundColor","colorBgBase","alignItems","justifyContent","colorText","borderRadius","userSelect","lineHeight","border","colorBgTextHover","colorBgTextActive","flexDirection","antCls","flex","minHeight"],"sources":["../../../../src/components/FloatDrawer/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';\nimport { getColorLuminance } from '../../../utils';\n\ntype REFloatDrawerToken = FullToken<{ ''?: object }, AliasToken, ''>;\n\nconst genStyle: GenerateStyle<REFloatDrawerToken> = (token): CSSObject => {\n  const { componentCls } = token;\n  return {\n    [componentCls]: {\n      position: 'absolute',\n      display: 'flex',\n      overflow: 'visible',\n      ['&-left']: {\n        left: 0,\n        top: 0,\n        bottom: 0,\n      },\n      ['&-right']: {\n        right: 0,\n        top: 0,\n        bottom: 0,\n      },\n      ['&-top']: {\n        left: 0,\n        right: 0,\n        top: 0,\n      },\n      ['&-bottom']: {\n        left: 0,\n        right: 0,\n        bottom: 0,\n      },\n\n      [`&${componentCls}-open`]: {\n        // visibility: 'visible',\n      },\n      [`&${componentCls}-closed`]: {\n        pointerEvents: 'none',\n      },\n      [`${componentCls}-drawer`]: {\n        transition: 'transform 0.3s ease-in-out',\n        overflow: 'visible',\n      },\n      [`&${componentCls}-left ${componentCls}-drawer,\n        &${componentCls}-right ${componentCls}-drawer`]: {\n        height: '100%',\n      },\n      [`&${componentCls}-top ${componentCls}-drawer,\n        &${componentCls}-bottom ${componentCls}-drawer`]: {\n        width: '100%',\n      },\n      [`&${componentCls}-open${componentCls}-left ${componentCls}-drawer,\n        &${componentCls}-open${componentCls}-right ${componentCls}-drawer,\n        &${componentCls}-open${componentCls}-top ${componentCls}-drawer,\n        &${componentCls}-open${componentCls}-bottom ${componentCls}-drawer`]: {\n        transform: 'translate(0, 0)',\n      },\n      [`&${componentCls}-open${componentCls}-left ${componentCls}-drawer`]: {\n        boxShadow: `2px 0 10px ${token.colorFill}`,\n      },\n      [`&${componentCls}-open${componentCls}-right ${componentCls}-drawer`]: {\n        boxShadow: `-2px 0 10px ${token.colorFill}`,\n      },\n      [`&${componentCls}-open${componentCls}-top ${componentCls}-drawer`]: {\n        boxShadow: `0 2px 10px ${token.colorFill}`,\n      },\n      [`&${componentCls}-open${componentCls}-bottom ${componentCls}-drawer`]: {\n        boxShadow: `0 -2px 10px ${token.colorFill}`,\n      },\n      [`&${componentCls}-closed${componentCls}-left ${componentCls}-drawer`]: {\n        transform: 'translateX(-100%)',\n      },\n      [`&${componentCls}-closed${componentCls}-right ${componentCls}-drawer`]: {\n        transform: 'translateX(100%)',\n      },\n      [`&${componentCls}-closed${componentCls}-top ${componentCls}-drawer`]: {\n        transform: 'translateY(-100%)',\n      },\n      [`&${componentCls}-closed${componentCls}-bottom ${componentCls}-drawer`]: {\n        transform: 'translateY(100%)',\n      },\n      [`${componentCls}-expand-handle`]: {\n        position: 'absolute',\n        zIndex: 2,\n        cursor: 'pointer',\n        color: token.colorTextTertiary,\n        backgroundColor: getColorLuminance(token.colorBgBase) > 0.5 ? '#fafafa' : '#141414',\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        pointerEvents: 'all',\n        '&:hover': {\n          color: token.colorText,\n          backgroundColor: getColorLuminance(token.colorBgBase) > 0.5 ? '#f0f0f0' : '#1a1a1a',\n        },\n      },\n      [`&${componentCls}-left ${componentCls}-expand-handle,\n        &${componentCls}-right ${componentCls}-expand-handle`]: {\n        top: '50%',\n        width: 24,\n        height: 60,\n      },\n      [`&${componentCls}-top ${componentCls}-expand-handle,\n        &${componentCls}-bottom ${componentCls}-expand-handle`]: {\n        left: '50%',\n        width: 60,\n        height: 24,\n      },\n      [`&${componentCls}-left ${componentCls}-expand-handle`]: {\n        right: 0,\n        transform: 'translate(100%, -50%)',\n        borderRadius: '0 8px 8px 0',\n        boxShadow: `2px 0 5px ${token.colorFill}`,\n      },\n      [`&${componentCls}-right ${componentCls}-expand-handle`]: {\n        left: 0,\n        transform: 'translate(-100%, -50%)',\n        borderRadius: '8px 0 0 8px',\n        boxShadow: `-2px 0 5px ${token.colorFill}`,\n      },\n      [`&${componentCls}-top ${componentCls}-expand-handle`]: {\n        bottom: 0,\n        transform: 'translate(-50%, 100%)',\n        borderRadius: '0 0 8px 8px',\n        boxShadow: `0 2px 5px ${token.colorFill}`,\n      },\n      [`&${componentCls}-bottom ${componentCls}-expand-handle`]: {\n        top: 0,\n        transform: 'translate(-50%, -100%)',\n        borderRadius: '8px 8px 0 0',\n        boxShadow: `0 -2px 5px ${token.colorFill}`,\n      },\n      [`${componentCls}-handle-icon`]: {\n        userSelect: 'none',\n        lineHeight: 0,\n      },\n      [`${componentCls}-resize-handle`]: {\n        position: 'absolute',\n        border: `1px solid transparent`,\n        zIndex: 1,\n        backgroundColor: token.colorBgTextHover,\n        '&:hover': {\n          backgroundColor: token.colorBgTextActive,\n        },\n        '&&-dragging': {\n          backgroundColor: token.colorBgTextActive,\n        },\n      },\n      [`&${componentCls}-left ${componentCls}-resize-handle`]: {\n        right: 0,\n        width: 1,\n        height: '100%',\n        cursor: 'col-resize',\n      },\n      [`&${componentCls}-right ${componentCls}-resize-handle`]: {\n        left: 0,\n        width: 1,\n        height: '100%',\n        cursor: 'col-resize',\n      },\n      [`&${componentCls}-top ${componentCls}-resize-handle`]: {\n        bottom: 0,\n        height: 1,\n        width: '100%',\n        cursor: 'row-resize',\n      },\n      [`&${componentCls}-bottom ${componentCls}-resize-handle`]: {\n        top: 0,\n        height: 1,\n        width: '100%',\n        cursor: 'row-resize',\n      },\n      [`${componentCls}-content`]: {\n        height: '100%',\n        [`${componentCls}-card`]: {\n          display: 'flex',\n          flexDirection: 'column',\n          height: '100%',\n\n          [`${token.antCls}-card-body`]: {\n            flex: 1,\n            minHeight: 0,\n            overflow: 'auto',\n          },\n        },\n      },\n    },\n  };\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport default genStyleHooks('re-float-drawer' as any, genStyle);\n"],"mappings":"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"}
+{"version":3,"names":["genStyleHooks","getColorLuminance","genStyle","token","_componentCls","componentCls","_defineProperty","position","display","overflow","left","top","bottom","right","concat","pointerEvents","transition","height","width","transform","boxShadow","colorFill","zIndex","cursor","color","colorTextTertiary","backgroundColor","colorBgBase","alignItems","justifyContent","colorText","borderRadius","userSelect","lineHeight","border","colorBgTextHover","colorBgTextActive","flexDirection","antCls","flex","minHeight"],"sources":["../../../../src/components/FloatDrawer/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';\nimport { getColorLuminance } from '../../../utils';\n\ntype REFloatDrawerToken = FullToken<{ ''?: object }, AliasToken, ''>;\n\nconst genStyle: GenerateStyle<REFloatDrawerToken> = (token): CSSObject => {\n  const { componentCls } = token;\n  return {\n    [componentCls]: {\n      position: 'absolute',\n      display: 'flex',\n      overflow: 'visible',\n      ['&-left']: {\n        left: 0,\n        top: 0,\n        bottom: 0,\n      },\n      ['&-right']: {\n        right: 0,\n        top: 0,\n        bottom: 0,\n      },\n      ['&-top']: {\n        left: 0,\n        right: 0,\n        top: 0,\n      },\n      ['&-bottom']: {\n        left: 0,\n        right: 0,\n        bottom: 0,\n      },\n\n      [`&${componentCls}-open`]: {\n        // visibility: 'visible',\n      },\n      [`&${componentCls}-closed`]: {\n        pointerEvents: 'none',\n      },\n      [`${componentCls}-drawer`]: {\n        transition: 'transform 0.3s ease-in-out',\n        overflow: 'visible',\n      },\n      [`&${componentCls}-left ${componentCls}-drawer,\n        &${componentCls}-right ${componentCls}-drawer`]: {\n        height: '100%',\n      },\n      [`&${componentCls}-top ${componentCls}-drawer,\n        &${componentCls}-bottom ${componentCls}-drawer`]: {\n        width: '100%',\n      },\n      [`&${componentCls}-open${componentCls}-left ${componentCls}-drawer,\n        &${componentCls}-open${componentCls}-right ${componentCls}-drawer,\n        &${componentCls}-open${componentCls}-top ${componentCls}-drawer,\n        &${componentCls}-open${componentCls}-bottom ${componentCls}-drawer`]: {\n        transform: 'translate(0, 0)',\n      },\n      [`&${componentCls}-open${componentCls}-left ${componentCls}-drawer`]: {\n        boxShadow: `2px 0 10px ${token.colorFill}`,\n      },\n      [`&${componentCls}-open${componentCls}-right ${componentCls}-drawer`]: {\n        boxShadow: `-2px 0 10px ${token.colorFill}`,\n      },\n      [`&${componentCls}-open${componentCls}-top ${componentCls}-drawer`]: {\n        boxShadow: `0 2px 10px ${token.colorFill}`,\n      },\n      [`&${componentCls}-open${componentCls}-bottom ${componentCls}-drawer`]: {\n        boxShadow: `0 -2px 10px ${token.colorFill}`,\n      },\n      [`&${componentCls}-closed${componentCls}-left ${componentCls}-drawer`]: {\n        transform: 'translateX(-100%)',\n      },\n      [`&${componentCls}-closed${componentCls}-right ${componentCls}-drawer`]: {\n        transform: 'translateX(100%)',\n      },\n      [`&${componentCls}-closed${componentCls}-top ${componentCls}-drawer`]: {\n        transform: 'translateY(-100%)',\n      },\n      [`&${componentCls}-closed${componentCls}-bottom ${componentCls}-drawer`]: {\n        transform: 'translateY(100%)',\n      },\n      [`${componentCls}-expand-handle`]: {\n        position: 'absolute',\n        zIndex: 2,\n        cursor: 'pointer',\n        color: token.colorTextTertiary,\n        backgroundColor: getColorLuminance(token.colorBgBase) > 0.5 ? '#fafafa' : '#141414',\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        pointerEvents: 'all',\n        '&:hover': {\n          color: token.colorText,\n          backgroundColor: getColorLuminance(token.colorBgBase) > 0.5 ? '#f0f0f0' : '#1a1a1a',\n        },\n      },\n      [`&${componentCls}-left ${componentCls}-expand-handle,\n        &${componentCls}-right ${componentCls}-expand-handle`]: {\n        top: '50%',\n        width: 24,\n        height: 60,\n      },\n      [`&${componentCls}-top ${componentCls}-expand-handle,\n        &${componentCls}-bottom ${componentCls}-expand-handle`]: {\n        left: '50%',\n        width: 60,\n        height: 24,\n      },\n      [`&${componentCls}-left ${componentCls}-expand-handle`]: {\n        right: 0,\n        transform: 'translate(100%, -50%)',\n        borderRadius: '0 8px 8px 0',\n        boxShadow: `2px 0 5px ${token.colorFill}`,\n      },\n      [`&${componentCls}-right ${componentCls}-expand-handle`]: {\n        left: 0,\n        transform: 'translate(-100%, -50%)',\n        borderRadius: '8px 0 0 8px',\n        boxShadow: `-2px 0 5px ${token.colorFill}`,\n      },\n      [`&${componentCls}-top ${componentCls}-expand-handle`]: {\n        bottom: 0,\n        transform: 'translate(-50%, 100%)',\n        borderRadius: '0 0 8px 8px',\n        boxShadow: `0 2px 5px ${token.colorFill}`,\n      },\n      [`&${componentCls}-bottom ${componentCls}-expand-handle`]: {\n        top: 0,\n        transform: 'translate(-50%, -100%)',\n        borderRadius: '8px 8px 0 0',\n        boxShadow: `0 -2px 5px ${token.colorFill}`,\n      },\n      [`${componentCls}-handle-icon`]: {\n        userSelect: 'none',\n        lineHeight: 0,\n      },\n      [`${componentCls}-resize-handle`]: {\n        position: 'absolute',\n        border: `1px solid transparent`,\n        zIndex: 1,\n        backgroundColor: token.colorBgTextHover,\n        '&:hover': {\n          backgroundColor: token.colorBgTextActive,\n        },\n        '&&-dragging': {\n          backgroundColor: token.colorBgTextActive,\n        },\n      },\n      [`&${componentCls}-left ${componentCls}-resize-handle`]: {\n        right: 0,\n        width: 1,\n        height: '100%',\n        cursor: 'col-resize',\n      },\n      [`&${componentCls}-right ${componentCls}-resize-handle`]: {\n        left: 0,\n        width: 1,\n        height: '100%',\n        cursor: 'col-resize',\n      },\n      [`&${componentCls}-top ${componentCls}-resize-handle`]: {\n        bottom: 0,\n        height: 1,\n        width: '100%',\n        cursor: 'row-resize',\n      },\n      [`&${componentCls}-bottom ${componentCls}-resize-handle`]: {\n        top: 0,\n        height: 1,\n        width: '100%',\n        cursor: 'row-resize',\n      },\n      [`${componentCls}-content`]: {\n        height: '100%',\n        [`${componentCls}-card`]: {\n          display: 'flex',\n          flexDirection: 'column',\n          height: '100%',\n\n          [`${token.antCls}-card-body`]: {\n            flex: 1,\n            minHeight: 0,\n            overflow: 'auto',\n          },\n        },\n      },\n    },\n  };\n};\n\nexport default genStyleHooks('easy-float-drawer' as never, genStyle);\n"],"mappings":";;;;AAAA,SAASA,aAAa,QAAQ,wBAAwB;AAItD,SAASC,iBAAiB;AAI1B,IAAMC,QAA2C,GAAG,SAA9CA,QAA2CA,CAAIC,KAAK,EAAgB;EAAA,IAAAC,aAAA;EACxE,IAAQC,YAAY,GAAKF,KAAK,CAAtBE,YAAY;EACpB,OAAAC,eAAA,KACGD,YAAY,GAAAD,aAAA;IACXG,QAAQ,EAAE,UAAU;IACpBC,OAAO,EAAE,MAAM;IACfC,QAAQ,EAAE;EAAS,GAAAH,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAF,aAAA,EAClB,QAAQ,EAAG;IACVM,IAAI,EAAE,CAAC;IACPC,GAAG,EAAE,CAAC;IACNC,MAAM,EAAE;EACV,CAAC,GACA,SAAS,EAAG;IACXC,KAAK,EAAE,CAAC;IACRF,GAAG,EAAE,CAAC;IACNC,MAAM,EAAE;EACV,CAAC,GACA,OAAO,EAAG;IACTF,IAAI,EAAE,CAAC;IACPG,KAAK,EAAE,CAAC;IACRF,GAAG,EAAE;EACP,CAAC,GACA,UAAU,EAAG;IACZD,IAAI,EAAE,CAAC;IACPG,KAAK,EAAE,CAAC;IACRD,MAAM,EAAE;EACV,CAAC,OAAAE,MAAA,CAEIT,YAAY,YAAU;IACzB;EAAA,CACD,OAAAS,MAAA,CACIT,YAAY,cAAY;IAC3BU,aAAa,EAAE;EACjB,CAAC,MAAAD,MAAA,CACGT,YAAY,cAAY;IAC1BW,UAAU,EAAE,4BAA4B;IACxCP,QAAQ,EAAE;EACZ,CAAC,OAAAK,MAAA,CACIT,YAAY,YAAAS,MAAA,CAAST,YAAY,yBAAAS,MAAA,CACjCT,YAAY,aAAAS,MAAA,CAAUT,YAAY,cAAY;IACjDY,MAAM,EAAE;EACV,CAAC,OAAAH,MAAA,CACIT,YAAY,WAAAS,MAAA,CAAQT,YAAY,yBAAAS,MAAA,CAChCT,YAAY,cAAAS,MAAA,CAAWT,YAAY,cAAY;IAClDa,KAAK,EAAE;EACT,CAAC,OAAAJ,MAAA,CACIT,YAAY,WAAAS,MAAA,CAAQT,YAAY,YAAAS,MAAA,CAAST,YAAY,yBAAAS,MAAA,CACrDT,YAAY,WAAAS,MAAA,CAAQT,YAAY,aAAAS,MAAA,CAAUT,YAAY,yBAAAS,MAAA,CACtDT,YAAY,WAAAS,MAAA,CAAQT,YAAY,WAAAS,MAAA,CAAQT,YAAY,yBAAAS,MAAA,CACpDT,YAAY,WAAAS,MAAA,CAAQT,YAAY,cAAAS,MAAA,CAAWT,YAAY,cAAY;IACtEc,SAAS,EAAE;EACb,CAAC,GAAAb,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAF,aAAA,MAAAU,MAAA,CACIT,YAAY,WAAAS,MAAA,CAAQT,YAAY,YAAAS,MAAA,CAAST,YAAY,cAAY;IACpEe,SAAS,gBAAAN,MAAA,CAAgBX,KAAK,CAACkB,SAAS;EAC1C,CAAC,OAAAP,MAAA,CACIT,YAAY,WAAAS,MAAA,CAAQT,YAAY,aAAAS,MAAA,CAAUT,YAAY,cAAY;IACrEe,SAAS,iBAAAN,MAAA,CAAiBX,KAAK,CAACkB,SAAS;EAC3C,CAAC,OAAAP,MAAA,CACIT,YAAY,WAAAS,MAAA,CAAQT,YAAY,WAAAS,MAAA,CAAQT,YAAY,cAAY;IACnEe,SAAS,gBAAAN,MAAA,CAAgBX,KAAK,CAACkB,SAAS;EAC1C,CAAC,OAAAP,MAAA,CACIT,YAAY,WAAAS,MAAA,CAAQT,YAAY,cAAAS,MAAA,CAAWT,YAAY,cAAY;IACtEe,SAAS,iBAAAN,MAAA,CAAiBX,KAAK,CAACkB,SAAS;EAC3C,CAAC,OAAAP,MAAA,CACIT,YAAY,aAAAS,MAAA,CAAUT,YAAY,YAAAS,MAAA,CAAST,YAAY,cAAY;IACtEc,SAAS,EAAE;EACb,CAAC,OAAAL,MAAA,CACIT,YAAY,aAAAS,MAAA,CAAUT,YAAY,aAAAS,MAAA,CAAUT,YAAY,cAAY;IACvEc,SAAS,EAAE;EACb,CAAC,OAAAL,MAAA,CACIT,YAAY,aAAAS,MAAA,CAAUT,YAAY,WAAAS,MAAA,CAAQT,YAAY,cAAY;IACrEc,SAAS,EAAE;EACb,CAAC,OAAAL,MAAA,CACIT,YAAY,aAAAS,MAAA,CAAUT,YAAY,cAAAS,MAAA,CAAWT,YAAY,cAAY;IACxEc,SAAS,EAAE;EACb,CAAC,MAAAL,MAAA,CACGT,YAAY,qBAAmB;IACjCE,QAAQ,EAAE,UAAU;IACpBe,MAAM,EAAE,CAAC;IACTC,MAAM,EAAE,SAAS;IACjBC,KAAK,EAAErB,KAAK,CAACsB,iBAAiB;IAC9BC,eAAe,EAAEzB,iBAAiB,CAACE,KAAK,CAACwB,WAAW,CAAC,GAAG,GAAG,GAAG,SAAS,GAAG,SAAS;IACnFnB,OAAO,EAAE,MAAM;IACfoB,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBd,aAAa,EAAE,KAAK;IACpB,SAAS,EAAE;MACTS,KAAK,EAAErB,KAAK,CAAC2B,SAAS;MACtBJ,eAAe,EAAEzB,iBAAiB,CAACE,KAAK,CAACwB,WAAW,CAAC,GAAG,GAAG,GAAG,SAAS,GAAG;IAC5E;EACF,CAAC,OAAAb,MAAA,CACIT,YAAY,YAAAS,MAAA,CAAST,YAAY,gCAAAS,MAAA,CACjCT,YAAY,aAAAS,MAAA,CAAUT,YAAY,qBAAmB;IACxDM,GAAG,EAAE,KAAK;IACVO,KAAK,EAAE,EAAE;IACTD,MAAM,EAAE;EACV,CAAC,GAAAX,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAF,aAAA,MAAAU,MAAA,CACIT,YAAY,WAAAS,MAAA,CAAQT,YAAY,gCAAAS,MAAA,CAChCT,YAAY,cAAAS,MAAA,CAAWT,YAAY,qBAAmB;IACzDK,IAAI,EAAE,KAAK;IACXQ,KAAK,EAAE,EAAE;IACTD,MAAM,EAAE;EACV,CAAC,OAAAH,MAAA,CACIT,YAAY,YAAAS,MAAA,CAAST,YAAY,qBAAmB;IACvDQ,KAAK,EAAE,CAAC;IACRM,SAAS,EAAE,uBAAuB;IAClCY,YAAY,EAAE,aAAa;IAC3BX,SAAS,eAAAN,MAAA,CAAeX,KAAK,CAACkB,SAAS;EACzC,CAAC,OAAAP,MAAA,CACIT,YAAY,aAAAS,MAAA,CAAUT,YAAY,qBAAmB;IACxDK,IAAI,EAAE,CAAC;IACPS,SAAS,EAAE,wBAAwB;IACnCY,YAAY,EAAE,aAAa;IAC3BX,SAAS,gBAAAN,MAAA,CAAgBX,KAAK,CAACkB,SAAS;EAC1C,CAAC,OAAAP,MAAA,CACIT,YAAY,WAAAS,MAAA,CAAQT,YAAY,qBAAmB;IACtDO,MAAM,EAAE,CAAC;IACTO,SAAS,EAAE,uBAAuB;IAClCY,YAAY,EAAE,aAAa;IAC3BX,SAAS,eAAAN,MAAA,CAAeX,KAAK,CAACkB,SAAS;EACzC,CAAC,OAAAP,MAAA,CACIT,YAAY,cAAAS,MAAA,CAAWT,YAAY,qBAAmB;IACzDM,GAAG,EAAE,CAAC;IACNQ,SAAS,EAAE,wBAAwB;IACnCY,YAAY,EAAE,aAAa;IAC3BX,SAAS,gBAAAN,MAAA,CAAgBX,KAAK,CAACkB,SAAS;EAC1C,CAAC,MAAAP,MAAA,CACGT,YAAY,mBAAiB;IAC/B2B,UAAU,EAAE,MAAM;IAClBC,UAAU,EAAE;EACd,CAAC,MAAAnB,MAAA,CACGT,YAAY,qBAAmB;IACjCE,QAAQ,EAAE,UAAU;IACpB2B,MAAM,yBAAyB;IAC/BZ,MAAM,EAAE,CAAC;IACTI,eAAe,EAAEvB,KAAK,CAACgC,gBAAgB;IACvC,SAAS,EAAE;MACTT,eAAe,EAAEvB,KAAK,CAACiC;IACzB,CAAC;IACD,aAAa,EAAE;MACbV,eAAe,EAAEvB,KAAK,CAACiC;IACzB;EACF,CAAC,OAAAtB,MAAA,CACIT,YAAY,YAAAS,MAAA,CAAST,YAAY,qBAAmB;IACvDQ,KAAK,EAAE,CAAC;IACRK,KAAK,EAAE,CAAC;IACRD,MAAM,EAAE,MAAM;IACdM,MAAM,EAAE;EACV,CAAC,OAAAT,MAAA,CACIT,YAAY,aAAAS,MAAA,CAAUT,YAAY,qBAAmB;IACxDK,IAAI,EAAE,CAAC;IACPQ,KAAK,EAAE,CAAC;IACRD,MAAM,EAAE,MAAM;IACdM,MAAM,EAAE;EACV,CAAC,OAAAT,MAAA,CACIT,YAAY,WAAAS,MAAA,CAAQT,YAAY,qBAAmB;IACtDO,MAAM,EAAE,CAAC;IACTK,MAAM,EAAE,CAAC;IACTC,KAAK,EAAE,MAAM;IACbK,MAAM,EAAE;EACV,CAAC,GAAAjB,eAAA,CAAAA,eAAA,CAAAF,aAAA,MAAAU,MAAA,CACIT,YAAY,cAAAS,MAAA,CAAWT,YAAY,qBAAmB;IACzDM,GAAG,EAAE,CAAC;IACNM,MAAM,EAAE,CAAC;IACTC,KAAK,EAAE,MAAM;IACbK,MAAM,EAAE;EACV,CAAC,MAAAT,MAAA,CACGT,YAAY,eAAAC,eAAA;IACdW,MAAM,EAAE;EAAM,MAAAH,MAAA,CACVT,YAAY,YAAAC,eAAA;IACdE,OAAO,EAAE,MAAM;IACf6B,aAAa,EAAE,QAAQ;IACvBpB,MAAM,EAAE;EAAM,MAAAH,MAAA,CAEVX,KAAK,CAACmC,MAAM,iBAAe;IAC7BC,IAAI,EAAE,CAAC;IACPC,SAAS,EAAE,CAAC;IACZ/B,QAAQ,EAAE;EACZ,CAAC;AAKX,CAAC;AAED,eAAeT,aAAa,CAAC,mBAAmB,EAAWE,QAAQ,CAAC"}

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

@@ -0,0 +1,71 @@
+import { type CSSProperties, type FC } from 'react';
+import type { SpinProps } from 'antd';
+export type LoadingProps = SpinProps & {
+    /**
+     * **EN:** When used independently, the positioning method of the animation:
+     *
+     * - **absolute** - Uses absolute positioning, and the animation will automatically center itself
+     *   within the parent container.
+     * - **flex** - Uses flexbox layout, and the animation will automatically fill the parent container
+     *   and center itself.
+     *
+     * **CN:** 独立使用时，动画的定位方式：
+     *
+     * - **absolute** - 使用绝对定位，动画会自动居中显示在父容器中。
+     * - **flex** - 使用弹性布局，动画会自动填充父容器并居中显示。
+     *
+     * @default `flex`
+     */
+    mode?: 'absolute' | 'flex';
+    /**
+     * **EN:** When used independently, set the class name for the mask parent container of the
+     * animation
+     *
+     * **CN:** 在独立使用时，设置动画遮罩父容器的样式类名
+     */
+    maskClassName?: string;
+    /**
+     * **EN:** When used independently, set the style for the mask parent container of the animation
+     *
+     * **CN:** 在独立使用时，设置动画遮罩父容器的样式
+     */
+    maskStyle?: CSSProperties;
+};
+/**
+ * **EN:** Page loading animation component, providing two usage methods:
+ *
+ * - **Spin** - When the component wraps children, it wraps the `Spin` component around the children
+ *   to provide animation effects.
+ * - **Independent** - Directly render a loading animation that automatically fills the parent
+ *   container and is centered.
+ *
+ * **CN:** 页面加载动画组件，提供两种使用方式：
+ *
+ * - **Spin** - 组件包裹children时，在children外层包裹 `Spin` 组件，提供动画效果。
+ * - **独立使用** - 直接渲染一个加载动画，自动撑满父容器，且显示在居中位置。
+ *
+ * @example
+ *   1. Spin surrounding children
+ *
+ *   ```tsx
+ *   <PageLoading spinning={loading}>
+ *   <div>This is content</div>
+ *   </PageLoading>;
+ *   ```
+ *
+ *   2. Independent usage (inline layout)
+ *
+ *   ```tsx
+ *   <PageLoading />;
+ *   ```
+ *
+ *   3. Centered display within container (absolute layout)
+ *
+ *   ```tsx
+ *   <div className="container" style={{ position: 'relative' }}>
+ *   <PageLoading absolute />
+ *   </div>;
+ *   ```
+ */
+declare const Loading: FC<LoadingProps>;
+export default Loading;

package/es/components/Loading/index.js

@@ -0,0 +1,96 @@
+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 = ["maskClassName", "maskStyle", "mode", "children", "spinning", "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 { useContext } from 'react';
+import { ConfigProvider, Spin } from 'antd';
+import classNames from 'classnames';
+import useStyle from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * **EN:** Page loading animation component, providing two usage methods:
+ *
+ * - **Spin** - When the component wraps children, it wraps the `Spin` component around the children
+ *   to provide animation effects.
+ * - **Independent** - Directly render a loading animation that automatically fills the parent
+ *   container and is centered.
+ *
+ * **CN:** 页面加载动画组件，提供两种使用方式：
+ *
+ * - **Spin** - 组件包裹children时，在children外层包裹 `Spin` 组件，提供动画效果。
+ * - **独立使用** - 直接渲染一个加载动画，自动撑满父容器，且显示在居中位置。
+ *
+ * @example
+ *   1. Spin surrounding children
+ *
+ *   ```tsx
+ *   <PageLoading spinning={loading}>
+ *   <div>This is content</div>
+ *   </PageLoading>;
+ *   ```
+ *
+ *   2. Independent usage (inline layout)
+ *
+ *   ```tsx
+ *   <PageLoading />;
+ *   ```
+ *
+ *   3. Centered display within container (absolute layout)
+ *
+ *   ```tsx
+ *   <div className="container" style={{ position: 'relative' }}>
+ *   <PageLoading absolute />
+ *   </div>;
+ *   ```
+ */
+var Loading = function Loading(props) {
+  var maskClassName = props.maskClassName,
+    maskStyle = props.maskStyle,
+    _props$mode = props.mode,
+    mode = _props$mode === void 0 ? 'flex' : _props$mode,
+    children = props.children,
+    _props$spinning = props.spinning,
+    spinning = _props$spinning === void 0 ? true : _props$spinning,
+    className = props.className,
+    spinProps = _objectWithoutProperties(props, _excluded);
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var prefixCls = getPrefixCls('easy-loading');
+  var _useStyle = useStyle(prefixCls),
+    _useStyle2 = _slicedToArray(_useStyle, 3),
+    wrapCSSVar = _useStyle2[0],
+    hashId = _useStyle2[1],
+    cssVarCls = _useStyle2[2];
+  return children ?
+  // Use spin to wrap children when children is provided,
+  // and control the animation display with the spinning prop.
+  wrapCSSVar( /*#__PURE__*/_jsx(Spin, _objectSpread(_objectSpread({
+    className: classNames(hashId, cssVarCls, prefixCls, className),
+    spinning: spinning
+  }, spinProps), {}, {
+    children: children
+  }))) :
+  // Show the loading animation in a wrapper that fills the parent container and centers the animation,
+  // and hides the entire component when the animation is off.
+  spinning && wrapCSSVar( /*#__PURE__*/_jsx("div", {
+    className: classNames(hashId, cssVarCls, prefixCls, maskClassName, mode === 'absolute' ? "".concat(prefixCls, "-absolute") : "".concat(prefixCls, "-flex")),
+    style: maskStyle,
+    children: /*#__PURE__*/_jsx(Spin, _objectSpread({
+      className: className,
+      spinning: spinning
+    }, spinProps))
+  }));
+};
+export default Loading;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useContext","ConfigProvider","Spin","classNames","useStyle","jsx","_jsx","Loading","props","maskClassName","maskStyle","_props$mode","mode","children","_props$spinning","spinning","className","spinProps","_objectWithoutProperties","_excluded","_useContext","ConfigContext","getPrefixCls","prefixCls","_useStyle","_useStyle2","_slicedToArray","wrapCSSVar","hashId","cssVarCls","_objectSpread","concat","style"],"sources":["../../../src/components/Loading/index.tsx"],"sourcesContent":["import { type CSSProperties, type FC, useContext } from 'react';\nimport type { SpinProps } from 'antd';\nimport { ConfigProvider, Spin } from 'antd';\nimport classNames from 'classnames';\nimport useStyle from './style';\n\nexport type LoadingProps = SpinProps & {\n  /**\n   * **EN:** When used independently, the positioning method of the animation:\n   *\n   * - **absolute** - Uses absolute positioning, and the animation will automatically center itself\n   *   within the parent container.\n   * - **flex** - Uses flexbox layout, and the animation will automatically fill the parent container\n   *   and center itself.\n   *\n   * **CN:** 独立使用时，动画的定位方式：\n   *\n   * - **absolute** - 使用绝对定位，动画会自动居中显示在父容器中。\n   * - **flex** - 使用弹性布局，动画会自动填充父容器并居中显示。\n   *\n   * @default `flex`\n   */\n  mode?: 'absolute' | 'flex';\n  /**\n   * **EN:** When used independently, set the class name for the mask parent container of the\n   * animation\n   *\n   * **CN:** 在独立使用时，设置动画遮罩父容器的样式类名\n   */\n  maskClassName?: string;\n  /**\n   * **EN:** When used independently, set the style for the mask parent container of the animation\n   *\n   * **CN:** 在独立使用时，设置动画遮罩父容器的样式\n   */\n  maskStyle?: CSSProperties;\n};\n\n/**\n * **EN:** Page loading animation component, providing two usage methods:\n *\n * - **Spin** - When the component wraps children, it wraps the `Spin` component around the children\n *   to provide animation effects.\n * - **Independent** - Directly render a loading animation that automatically fills the parent\n *   container and is centered.\n *\n * **CN:** 页面加载动画组件，提供两种使用方式：\n *\n * - **Spin** - 组件包裹children时，在children外层包裹 `Spin` 组件，提供动画效果。\n * - **独立使用** - 直接渲染一个加载动画，自动撑满父容器，且显示在居中位置。\n *\n * @example\n *   1. Spin surrounding children\n *\n *   ```tsx\n *   <PageLoading spinning={loading}>\n *   <div>This is content</div>\n *   </PageLoading>;\n *   ```\n *\n *   2. Independent usage (inline layout)\n *\n *   ```tsx\n *   <PageLoading />;\n *   ```\n *\n *   3. Centered display within container (absolute layout)\n *\n *   ```tsx\n *   <div className=\"container\" style={{ position: 'relative' }}>\n *   <PageLoading absolute />\n *   </div>;\n *   ```\n */\nconst Loading: FC<LoadingProps> = (props) => {\n  const { maskClassName, maskStyle, mode = 'flex', children, spinning = true, className, ...spinProps } = props;\n\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const prefixCls = getPrefixCls('easy-loading');\n  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);\n\n  return children\n    ? // Use spin to wrap children when children is provided,\n      // and control the animation display with the spinning prop.\n      wrapCSSVar(\n        <Spin className={classNames(hashId, cssVarCls, prefixCls, className)} spinning={spinning} {...spinProps}>\n          {children}\n        </Spin>\n      )\n    : // Show the loading animation in a wrapper that fills the parent container and centers the animation,\n      // and hides the entire component when the animation is off.\n      spinning &&\n        wrapCSSVar(\n          <div\n            className={classNames(\n              hashId,\n              cssVarCls,\n              prefixCls,\n              maskClassName,\n              mode === 'absolute' ? `${prefixCls}-absolute` : `${prefixCls}-flex`\n            )}\n            style={maskStyle}\n          >\n            <Spin className={className} spinning={spinning} {...spinProps} />\n          </div>\n        );\n};\n\nexport default Loading;\n"],"mappings":";;;;;;;;;;;;;;;AAAA,SAAsCA,UAAU,QAAQ,OAAO;AAE/D,SAASC,cAAc,EAAEC,IAAI,QAAQ,MAAM;AAC3C,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,QAAQ;AAAgB,SAAAC,GAAA,IAAAC,IAAA;AAkC/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,OAAyB,GAAG,SAA5BA,OAAyBA,CAAIC,KAAK,EAAK;EAC3C,IAAQC,aAAa,GAAmFD,KAAK,CAArGC,aAAa;IAAEC,SAAS,GAAwEF,KAAK,CAAtFE,SAAS;IAAAC,WAAA,GAAwEH,KAAK,CAA3EI,IAAI;IAAJA,IAAI,GAAAD,WAAA,cAAG,MAAM,GAAAA,WAAA;IAAEE,QAAQ,GAA+CL,KAAK,CAA5DK,QAAQ;IAAAC,eAAA,GAA+CN,KAAK,CAAlDO,QAAQ;IAARA,QAAQ,GAAAD,eAAA,cAAG,IAAI,GAAAA,eAAA;IAAEE,SAAS,GAAmBR,KAAK,CAAjCQ,SAAS;IAAKC,SAAS,GAAAC,wBAAA,CAAKV,KAAK,EAAAW,SAAA;EAE7G,IAAAC,WAAA,GAAyBpB,UAAU,CAACC,cAAc,CAACoB,aAAa,CAAC;IAAzDC,YAAY,GAAAF,WAAA,CAAZE,YAAY;EACpB,IAAMC,SAAS,GAAGD,YAAY,CAAC,cAAc,CAAC;EAC9C,IAAAE,SAAA,GAAwCpB,QAAQ,CAACmB,SAAS,CAAC;IAAAE,UAAA,GAAAC,cAAA,CAAAF,SAAA;IAApDG,UAAU,GAAAF,UAAA;IAAEG,MAAM,GAAAH,UAAA;IAAEI,SAAS,GAAAJ,UAAA;EAEpC,OAAOZ,QAAQ;EACX;EACA;EACAc,UAAU,eACRrB,IAAA,CAACJ,IAAI,EAAA4B,aAAA,CAAAA,aAAA;IAACd,SAAS,EAAEb,UAAU,CAACyB,MAAM,EAAEC,SAAS,EAAEN,SAAS,EAAEP,SAAS,CAAE;IAACD,QAAQ,EAAEA;EAAS,GAAKE,SAAS;IAAAJ,QAAA,EACpGA;EAAQ,EACL,CACR,CAAC;EACD;EACA;EACAE,QAAQ,IACNY,UAAU,eACRrB,IAAA;IACEU,SAAS,EAAEb,UAAU,CACnByB,MAAM,EACNC,SAAS,EACTN,SAAS,EACTd,aAAa,EACbG,IAAI,KAAK,UAAU,MAAAmB,MAAA,CAAMR,SAAS,oBAAAQ,MAAA,CAAiBR,SAAS,UAC9D,CAAE;IACFS,KAAK,EAAEtB,SAAU;IAAAG,QAAA,eAEjBP,IAAA,CAACJ,IAAI,EAAA4B,aAAA;MAACd,SAAS,EAAEA,SAAU;MAACD,QAAQ,EAAEA;IAAS,GAAKE,SAAS,CAAG;EAAC,CAC9D,CACP,CAAC;AACT,CAAC;AAED,eAAeV,OAAO"}

package/es/components/Loading/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/Loading/style/index.js

@@ -0,0 +1,27 @@
+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, _defineProperty({
+    '&-flex': {
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      width: '100%',
+      height: '100%'
+    },
+    '&-absolute': {
+      position: 'absolute',
+      top: '50%',
+      left: '50%',
+      transform: 'translate(-50%, -50%)'
+    }
+  }, ":global(.".concat(token.antCls, "-spin)"), {
+    lineHeight: 0
+  }));
+};
+export default genStyleHooks('easy-loading', genStyle);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["genStyleHooks","genStyle","token","componentCls","_defineProperty","display","alignItems","justifyContent","width","height","position","top","left","transform","concat","antCls","lineHeight"],"sources":["../../../../src/components/Loading/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      '&-flex': {\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        width: '100%',\n        height: '100%',\n      },\n      '&-absolute': {\n        position: 'absolute',\n        top: '50%',\n        left: '50%',\n        transform: 'translate(-50%, -50%)',\n      },\n      [`:global(.${token.antCls}-spin)`]: {\n        lineHeight: 0,\n      },\n    },\n  };\n};\n\nexport default genStyleHooks('easy-loading' as never, 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,EAAAC,eAAA;IACX,QAAQ,EAAE;MACRC,OAAO,EAAE,MAAM;MACfC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE;IACV,CAAC;IACD,YAAY,EAAE;MACZC,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,KAAK;MACVC,IAAI,EAAE,KAAK;MACXC,SAAS,EAAE;IACb;EAAC,eAAAC,MAAA,CACYZ,KAAK,CAACa,MAAM,aAAW;IAClCC,UAAU,EAAE;EACd,CAAC;AAGP,CAAC;AAED,eAAehB,aAAa,CAAC,cAAc,EAAWC,QAAQ,CAAC"}

package/es/components/OverflowTags/index.js

@@ -38,7 +38,7 @@ var OverflowTags = function OverflowTags(props) {
     token = _theme$useToken.token;
   var _useContext = useContext(ConfigProvider.ConfigContext),
     getPrefixCls = _useContext.getPrefixCls;
-  var prefixCls = getPrefixCls('re-float-drawer');
+  var prefixCls = getPrefixCls('easy-float-drawer');
   var _useStyle = useStyle(prefixCls),
     _useStyle2 = _slicedToArray(_useStyle, 3),
     wrapCSSVar = _useStyle2[0],

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","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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"}
+{"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('easy-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.js

@@ -8,11 +8,10 @@ var genStyle = function genStyle(token) {
   return _defineProperty({}, componentCls, {
     display: 'flex',
     flexWrap: 'wrap',
+    width: '100%',
     maxWidth: '100%',
     position: 'relative'
   });
 };
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export default genStyleHooks('re-overflow-tags', genStyle);
+export default genStyleHooks('easy-overflow-tags', genStyle);
 //# sourceMappingURL=index.js.map

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

@@ -1 +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"}
+{"version":3,"names":["genStyleHooks","genStyle","token","componentCls","_defineProperty","display","flexWrap","width","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      width: '100%',\n      maxWidth: '100%',\n      position: 'relative',\n    },\n  };\n};\n\nexport default genStyleHooks('easy-overflow-tags' as never, 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,KAAK,EAAE,MAAM;IACbC,QAAQ,EAAE,MAAM;IAChBC,QAAQ,EAAE;EACZ,CAAC;AAEL,CAAC;AAED,eAAeT,aAAa,CAAC,oBAAoB,EAAWC,QAAQ,CAAC"}

package/es/components/index.d.ts

@@ -10,6 +10,8 @@ export { default as ConfirmAction } from './ConfirmAction';
 export { default as DeleteConfirmAction } from './DeleteConfirmAction';
 export type { FloatDrawerProps } from './FloatDrawer';
 export { default as FloatDrawer } from './FloatDrawer';
+export type { LoadingProps } from './Loading';
+export { default as Loading } from './Loading';
 export type { ModalActionProps, FormCompPropsConstraint, ModalActionTrigger, ModalActionRef } from './ModalAction';
 export { withDefaultModalActionProps, withModalAction } from './ModalAction';
 export { default as ModalAction } from './ModalAction';

package/es/components/index.js

@@ -7,6 +7,7 @@ export { default as ConfirmAction } from "./ConfirmAction";
 // export * from './DeleteConfirmAction';
 export { default as DeleteConfirmAction } from "./DeleteConfirmAction";
 export { default as FloatDrawer } from "./FloatDrawer";
+export { default as Loading } from "./Loading";
 export { withDefaultModalActionProps, withModalAction } from "./ModalAction";
 export { default as ModalAction } from "./ModalAction";
 export { default as OverflowTags } from "./OverflowTags";

package/es/components/index.js.map

@@ -1 +1 @@
-{"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"}
+{"version":3,"names":["default","BreakLines","ConfigProvider","ReactEasyContext","withDefaultConfirmActionProps","ConfirmAction","DeleteConfirmAction","FloatDrawer","Loading","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 { 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"],"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,SAASP,OAAO,IAAIQ,OAAO;AAG3B,SAASC,2BAA2B,EAAEC,eAAe;AACrD,SAASV,OAAO,IAAIW,WAAW;AAG/B,SAASX,OAAO,IAAIY,YAAY"}

package/lib/components/FloatDrawer/index.js

@@ -56,7 +56,7 @@ var FloatDrawer = (props) => {
     onResize
   } = props;
   const { getPrefixCls } = (0, import_react.useContext)(import_antd.ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls("re-float-drawer");
+  const prefixCls = getPrefixCls("easy-float-drawer");
   const [wrapCSSVar, hashId, cssVarCls] = (0, import_style.default)(prefixCls);
   const [isOpen, setIsOpen] = (0, import_react.useState)();
   const [size, setSize] = (0, import_react.useState)(

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 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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",
+  "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('easy-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/FloatDrawer/style/index.js

@@ -206,5 +206,5 @@ var genStyle = (token) => {
     }
   };
 };
-var style_default = (0, import_internal.genStyleHooks)("re-float-drawer", genStyle);
+var style_default = (0, import_internal.genStyleHooks)("easy-float-drawer", genStyle);
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/FloatDrawer/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';\nimport { getColorLuminance } from '../../../utils';\n\ntype REFloatDrawerToken = FullToken<{ ''?: object }, AliasToken, ''>;\n\nconst genStyle: GenerateStyle<REFloatDrawerToken> = (token): CSSObject => {\n  const { componentCls } = token;\n  return {\n    [componentCls]: {\n      position: 'absolute',\n      display: 'flex',\n      overflow: 'visible',\n      ['&-left']: {\n        left: 0,\n        top: 0,\n        bottom: 0,\n      },\n      ['&-right']: {\n        right: 0,\n        top: 0,\n        bottom: 0,\n      },\n      ['&-top']: {\n        left: 0,\n        right: 0,\n        top: 0,\n      },\n      ['&-bottom']: {\n        left: 0,\n        right: 0,\n        bottom: 0,\n      },\n\n      [`&${componentCls}-open`]: {\n        // visibility: 'visible',\n      },\n      [`&${componentCls}-closed`]: {\n        pointerEvents: 'none',\n      },\n      [`${componentCls}-drawer`]: {\n        transition: 'transform 0.3s ease-in-out',\n        overflow: 'visible',\n      },\n      [`&${componentCls}-left ${componentCls}-drawer,\n        &${componentCls}-right ${componentCls}-drawer`]: {\n        height: '100%',\n      },\n      [`&${componentCls}-top ${componentCls}-drawer,\n        &${componentCls}-bottom ${componentCls}-drawer`]: {\n        width: '100%',\n      },\n      [`&${componentCls}-open${componentCls}-left ${componentCls}-drawer,\n        &${componentCls}-open${componentCls}-right ${componentCls}-drawer,\n        &${componentCls}-open${componentCls}-top ${componentCls}-drawer,\n        &${componentCls}-open${componentCls}-bottom ${componentCls}-drawer`]: {\n        transform: 'translate(0, 0)',\n      },\n      [`&${componentCls}-open${componentCls}-left ${componentCls}-drawer`]: {\n        boxShadow: `2px 0 10px ${token.colorFill}`,\n      },\n      [`&${componentCls}-open${componentCls}-right ${componentCls}-drawer`]: {\n        boxShadow: `-2px 0 10px ${token.colorFill}`,\n      },\n      [`&${componentCls}-open${componentCls}-top ${componentCls}-drawer`]: {\n        boxShadow: `0 2px 10px ${token.colorFill}`,\n      },\n      [`&${componentCls}-open${componentCls}-bottom ${componentCls}-drawer`]: {\n        boxShadow: `0 -2px 10px ${token.colorFill}`,\n      },\n      [`&${componentCls}-closed${componentCls}-left ${componentCls}-drawer`]: {\n        transform: 'translateX(-100%)',\n      },\n      [`&${componentCls}-closed${componentCls}-right ${componentCls}-drawer`]: {\n        transform: 'translateX(100%)',\n      },\n      [`&${componentCls}-closed${componentCls}-top ${componentCls}-drawer`]: {\n        transform: 'translateY(-100%)',\n      },\n      [`&${componentCls}-closed${componentCls}-bottom ${componentCls}-drawer`]: {\n        transform: 'translateY(100%)',\n      },\n      [`${componentCls}-expand-handle`]: {\n        position: 'absolute',\n        zIndex: 2,\n        cursor: 'pointer',\n        color: token.colorTextTertiary,\n        backgroundColor: getColorLuminance(token.colorBgBase) > 0.5 ? '#fafafa' : '#141414',\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        pointerEvents: 'all',\n        '&:hover': {\n          color: token.colorText,\n          backgroundColor: getColorLuminance(token.colorBgBase) > 0.5 ? '#f0f0f0' : '#1a1a1a',\n        },\n      },\n      [`&${componentCls}-left ${componentCls}-expand-handle,\n        &${componentCls}-right ${componentCls}-expand-handle`]: {\n        top: '50%',\n        width: 24,\n        height: 60,\n      },\n      [`&${componentCls}-top ${componentCls}-expand-handle,\n        &${componentCls}-bottom ${componentCls}-expand-handle`]: {\n        left: '50%',\n        width: 60,\n        height: 24,\n      },\n      [`&${componentCls}-left ${componentCls}-expand-handle`]: {\n        right: 0,\n        transform: 'translate(100%, -50%)',\n        borderRadius: '0 8px 8px 0',\n        boxShadow: `2px 0 5px ${token.colorFill}`,\n      },\n      [`&${componentCls}-right ${componentCls}-expand-handle`]: {\n        left: 0,\n        transform: 'translate(-100%, -50%)',\n        borderRadius: '8px 0 0 8px',\n        boxShadow: `-2px 0 5px ${token.colorFill}`,\n      },\n      [`&${componentCls}-top ${componentCls}-expand-handle`]: {\n        bottom: 0,\n        transform: 'translate(-50%, 100%)',\n        borderRadius: '0 0 8px 8px',\n        boxShadow: `0 2px 5px ${token.colorFill}`,\n      },\n      [`&${componentCls}-bottom ${componentCls}-expand-handle`]: {\n        top: 0,\n        transform: 'translate(-50%, -100%)',\n        borderRadius: '8px 8px 0 0',\n        boxShadow: `0 -2px 5px ${token.colorFill}`,\n      },\n      [`${componentCls}-handle-icon`]: {\n        userSelect: 'none',\n        lineHeight: 0,\n      },\n      [`${componentCls}-resize-handle`]: {\n        position: 'absolute',\n        border: `1px solid transparent`,\n        zIndex: 1,\n        backgroundColor: token.colorBgTextHover,\n        '&:hover': {\n          backgroundColor: token.colorBgTextActive,\n        },\n        '&&-dragging': {\n          backgroundColor: token.colorBgTextActive,\n        },\n      },\n      [`&${componentCls}-left ${componentCls}-resize-handle`]: {\n        right: 0,\n        width: 1,\n        height: '100%',\n        cursor: 'col-resize',\n      },\n      [`&${componentCls}-right ${componentCls}-resize-handle`]: {\n        left: 0,\n        width: 1,\n        height: '100%',\n        cursor: 'col-resize',\n      },\n      [`&${componentCls}-top ${componentCls}-resize-handle`]: {\n        bottom: 0,\n        height: 1,\n        width: '100%',\n        cursor: 'row-resize',\n      },\n      [`&${componentCls}-bottom ${componentCls}-resize-handle`]: {\n        top: 0,\n        height: 1,\n        width: '100%',\n        cursor: 'row-resize',\n      },\n      [`${componentCls}-content`]: {\n        height: '100%',\n        [`${componentCls}-card`]: {\n          display: 'flex',\n          flexDirection: 'column',\n          height: '100%',\n\n          [`${token.antCls}-card-body`]: {\n            flex: 1,\n            minHeight: 0,\n            overflow: 'auto',\n          },\n        },\n      },\n    },\n  };\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport default genStyleHooks('re-float-drawer' as any, genStyle);\n"],
-  "mappings": "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",
+  "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';\nimport { getColorLuminance } from '../../../utils';\n\ntype REFloatDrawerToken = FullToken<{ ''?: object }, AliasToken, ''>;\n\nconst genStyle: GenerateStyle<REFloatDrawerToken> = (token): CSSObject => {\n  const { componentCls } = token;\n  return {\n    [componentCls]: {\n      position: 'absolute',\n      display: 'flex',\n      overflow: 'visible',\n      ['&-left']: {\n        left: 0,\n        top: 0,\n        bottom: 0,\n      },\n      ['&-right']: {\n        right: 0,\n        top: 0,\n        bottom: 0,\n      },\n      ['&-top']: {\n        left: 0,\n        right: 0,\n        top: 0,\n      },\n      ['&-bottom']: {\n        left: 0,\n        right: 0,\n        bottom: 0,\n      },\n\n      [`&${componentCls}-open`]: {\n        // visibility: 'visible',\n      },\n      [`&${componentCls}-closed`]: {\n        pointerEvents: 'none',\n      },\n      [`${componentCls}-drawer`]: {\n        transition: 'transform 0.3s ease-in-out',\n        overflow: 'visible',\n      },\n      [`&${componentCls}-left ${componentCls}-drawer,\n        &${componentCls}-right ${componentCls}-drawer`]: {\n        height: '100%',\n      },\n      [`&${componentCls}-top ${componentCls}-drawer,\n        &${componentCls}-bottom ${componentCls}-drawer`]: {\n        width: '100%',\n      },\n      [`&${componentCls}-open${componentCls}-left ${componentCls}-drawer,\n        &${componentCls}-open${componentCls}-right ${componentCls}-drawer,\n        &${componentCls}-open${componentCls}-top ${componentCls}-drawer,\n        &${componentCls}-open${componentCls}-bottom ${componentCls}-drawer`]: {\n        transform: 'translate(0, 0)',\n      },\n      [`&${componentCls}-open${componentCls}-left ${componentCls}-drawer`]: {\n        boxShadow: `2px 0 10px ${token.colorFill}`,\n      },\n      [`&${componentCls}-open${componentCls}-right ${componentCls}-drawer`]: {\n        boxShadow: `-2px 0 10px ${token.colorFill}`,\n      },\n      [`&${componentCls}-open${componentCls}-top ${componentCls}-drawer`]: {\n        boxShadow: `0 2px 10px ${token.colorFill}`,\n      },\n      [`&${componentCls}-open${componentCls}-bottom ${componentCls}-drawer`]: {\n        boxShadow: `0 -2px 10px ${token.colorFill}`,\n      },\n      [`&${componentCls}-closed${componentCls}-left ${componentCls}-drawer`]: {\n        transform: 'translateX(-100%)',\n      },\n      [`&${componentCls}-closed${componentCls}-right ${componentCls}-drawer`]: {\n        transform: 'translateX(100%)',\n      },\n      [`&${componentCls}-closed${componentCls}-top ${componentCls}-drawer`]: {\n        transform: 'translateY(-100%)',\n      },\n      [`&${componentCls}-closed${componentCls}-bottom ${componentCls}-drawer`]: {\n        transform: 'translateY(100%)',\n      },\n      [`${componentCls}-expand-handle`]: {\n        position: 'absolute',\n        zIndex: 2,\n        cursor: 'pointer',\n        color: token.colorTextTertiary,\n        backgroundColor: getColorLuminance(token.colorBgBase) > 0.5 ? '#fafafa' : '#141414',\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        pointerEvents: 'all',\n        '&:hover': {\n          color: token.colorText,\n          backgroundColor: getColorLuminance(token.colorBgBase) > 0.5 ? '#f0f0f0' : '#1a1a1a',\n        },\n      },\n      [`&${componentCls}-left ${componentCls}-expand-handle,\n        &${componentCls}-right ${componentCls}-expand-handle`]: {\n        top: '50%',\n        width: 24,\n        height: 60,\n      },\n      [`&${componentCls}-top ${componentCls}-expand-handle,\n        &${componentCls}-bottom ${componentCls}-expand-handle`]: {\n        left: '50%',\n        width: 60,\n        height: 24,\n      },\n      [`&${componentCls}-left ${componentCls}-expand-handle`]: {\n        right: 0,\n        transform: 'translate(100%, -50%)',\n        borderRadius: '0 8px 8px 0',\n        boxShadow: `2px 0 5px ${token.colorFill}`,\n      },\n      [`&${componentCls}-right ${componentCls}-expand-handle`]: {\n        left: 0,\n        transform: 'translate(-100%, -50%)',\n        borderRadius: '8px 0 0 8px',\n        boxShadow: `-2px 0 5px ${token.colorFill}`,\n      },\n      [`&${componentCls}-top ${componentCls}-expand-handle`]: {\n        bottom: 0,\n        transform: 'translate(-50%, 100%)',\n        borderRadius: '0 0 8px 8px',\n        boxShadow: `0 2px 5px ${token.colorFill}`,\n      },\n      [`&${componentCls}-bottom ${componentCls}-expand-handle`]: {\n        top: 0,\n        transform: 'translate(-50%, -100%)',\n        borderRadius: '8px 8px 0 0',\n        boxShadow: `0 -2px 5px ${token.colorFill}`,\n      },\n      [`${componentCls}-handle-icon`]: {\n        userSelect: 'none',\n        lineHeight: 0,\n      },\n      [`${componentCls}-resize-handle`]: {\n        position: 'absolute',\n        border: `1px solid transparent`,\n        zIndex: 1,\n        backgroundColor: token.colorBgTextHover,\n        '&:hover': {\n          backgroundColor: token.colorBgTextActive,\n        },\n        '&&-dragging': {\n          backgroundColor: token.colorBgTextActive,\n        },\n      },\n      [`&${componentCls}-left ${componentCls}-resize-handle`]: {\n        right: 0,\n        width: 1,\n        height: '100%',\n        cursor: 'col-resize',\n      },\n      [`&${componentCls}-right ${componentCls}-resize-handle`]: {\n        left: 0,\n        width: 1,\n        height: '100%',\n        cursor: 'col-resize',\n      },\n      [`&${componentCls}-top ${componentCls}-resize-handle`]: {\n        bottom: 0,\n        height: 1,\n        width: '100%',\n        cursor: 'row-resize',\n      },\n      [`&${componentCls}-bottom ${componentCls}-resize-handle`]: {\n        top: 0,\n        height: 1,\n        width: '100%',\n        cursor: 'row-resize',\n      },\n      [`${componentCls}-content`]: {\n        height: '100%',\n        [`${componentCls}-card`]: {\n          display: 'flex',\n          flexDirection: 'column',\n          height: '100%',\n\n          [`${token.antCls}-card-body`]: {\n            flex: 1,\n            minHeight: 0,\n            overflow: 'auto',\n          },\n        },\n      },\n    },\n  };\n};\n\nexport default genStyleHooks('easy-float-drawer' as never, genStyle);\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -0,0 +1,71 @@
+import { type CSSProperties, type FC } from 'react';
+import type { SpinProps } from 'antd';
+export type LoadingProps = SpinProps & {
+    /**
+     * **EN:** When used independently, the positioning method of the animation:
+     *
+     * - **absolute** - Uses absolute positioning, and the animation will automatically center itself
+     *   within the parent container.
+     * - **flex** - Uses flexbox layout, and the animation will automatically fill the parent container
+     *   and center itself.
+     *
+     * **CN:** 独立使用时，动画的定位方式：
+     *
+     * - **absolute** - 使用绝对定位，动画会自动居中显示在父容器中。
+     * - **flex** - 使用弹性布局，动画会自动填充父容器并居中显示。
+     *
+     * @default `flex`
+     */
+    mode?: 'absolute' | 'flex';
+    /**
+     * **EN:** When used independently, set the class name for the mask parent container of the
+     * animation
+     *
+     * **CN:** 在独立使用时，设置动画遮罩父容器的样式类名
+     */
+    maskClassName?: string;
+    /**
+     * **EN:** When used independently, set the style for the mask parent container of the animation
+     *
+     * **CN:** 在独立使用时，设置动画遮罩父容器的样式
+     */
+    maskStyle?: CSSProperties;
+};
+/**
+ * **EN:** Page loading animation component, providing two usage methods:
+ *
+ * - **Spin** - When the component wraps children, it wraps the `Spin` component around the children
+ *   to provide animation effects.
+ * - **Independent** - Directly render a loading animation that automatically fills the parent
+ *   container and is centered.
+ *
+ * **CN:** 页面加载动画组件，提供两种使用方式：
+ *
+ * - **Spin** - 组件包裹children时，在children外层包裹 `Spin` 组件，提供动画效果。
+ * - **独立使用** - 直接渲染一个加载动画，自动撑满父容器，且显示在居中位置。
+ *
+ * @example
+ *   1. Spin surrounding children
+ *
+ *   ```tsx
+ *   <PageLoading spinning={loading}>
+ *   <div>This is content</div>
+ *   </PageLoading>;
+ *   ```
+ *
+ *   2. Independent usage (inline layout)
+ *
+ *   ```tsx
+ *   <PageLoading />;
+ *   ```
+ *
+ *   3. Centered display within container (absolute layout)
+ *
+ *   ```tsx
+ *   <div className="container" style={{ position: 'relative' }}>
+ *   <PageLoading absolute />
+ *   </div>;
+ *   ```
+ */
+declare const Loading: FC<LoadingProps>;
+export default Loading;

package/lib/components/Loading/index.js

@@ -0,0 +1,72 @@
+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/Loading/index.tsx
+var Loading_exports = {};
+__export(Loading_exports, {
+  default: () => Loading_default
+});
+module.exports = __toCommonJS(Loading_exports);
+var import_react = require("react");
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+var import_style = __toESM(require("./style"));
+var Loading = (props) => {
+  const { maskClassName, maskStyle, mode = "flex", children, spinning = true, className, ...spinProps } = props;
+  const { getPrefixCls } = (0, import_react.useContext)(import_antd.ConfigProvider.ConfigContext);
+  const prefixCls = getPrefixCls("easy-loading");
+  const [wrapCSSVar, hashId, cssVarCls] = (0, import_style.default)(prefixCls);
+  return children ? (
+    // Use spin to wrap children when children is provided,
+    // and control the animation display with the spinning prop.
+    wrapCSSVar(
+      /* @__PURE__ */ React.createElement(import_antd.Spin, { className: (0, import_classnames.default)(hashId, cssVarCls, prefixCls, className), spinning, ...spinProps }, children)
+    )
+  ) : (
+    // Show the loading animation in a wrapper that fills the parent container and centers the animation,
+    // and hides the entire component when the animation is off.
+    spinning && wrapCSSVar(
+      /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: (0, import_classnames.default)(
+            hashId,
+            cssVarCls,
+            prefixCls,
+            maskClassName,
+            mode === "absolute" ? `${prefixCls}-absolute` : `${prefixCls}-flex`
+          ),
+          style: maskStyle
+        },
+        /* @__PURE__ */ React.createElement(import_antd.Spin, { className, spinning, ...spinProps })
+      )
+    )
+  );
+};
+var Loading_default = Loading;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/Loading/index.tsx"],
+  "sourcesContent": ["import { type CSSProperties, type FC, useContext } from 'react';\nimport type { SpinProps } from 'antd';\nimport { ConfigProvider, Spin } from 'antd';\nimport classNames from 'classnames';\nimport useStyle from './style';\n\nexport type LoadingProps = SpinProps & {\n  /**\n   * **EN:** When used independently, the positioning method of the animation:\n   *\n   * - **absolute** - Uses absolute positioning, and the animation will automatically center itself\n   *   within the parent container.\n   * - **flex** - Uses flexbox layout, and the animation will automatically fill the parent container\n   *   and center itself.\n   *\n   * **CN:** 独立使用时，动画的定位方式：\n   *\n   * - **absolute** - 使用绝对定位，动画会自动居中显示在父容器中。\n   * - **flex** - 使用弹性布局，动画会自动填充父容器并居中显示。\n   *\n   * @default `flex`\n   */\n  mode?: 'absolute' | 'flex';\n  /**\n   * **EN:** When used independently, set the class name for the mask parent container of the\n   * animation\n   *\n   * **CN:** 在独立使用时，设置动画遮罩父容器的样式类名\n   */\n  maskClassName?: string;\n  /**\n   * **EN:** When used independently, set the style for the mask parent container of the animation\n   *\n   * **CN:** 在独立使用时，设置动画遮罩父容器的样式\n   */\n  maskStyle?: CSSProperties;\n};\n\n/**\n * **EN:** Page loading animation component, providing two usage methods:\n *\n * - **Spin** - When the component wraps children, it wraps the `Spin` component around the children\n *   to provide animation effects.\n * - **Independent** - Directly render a loading animation that automatically fills the parent\n *   container and is centered.\n *\n * **CN:** 页面加载动画组件，提供两种使用方式：\n *\n * - **Spin** - 组件包裹children时，在children外层包裹 `Spin` 组件，提供动画效果。\n * - **独立使用** - 直接渲染一个加载动画，自动撑满父容器，且显示在居中位置。\n *\n * @example\n *   1. Spin surrounding children\n *\n *   ```tsx\n *   <PageLoading spinning={loading}>\n *   <div>This is content</div>\n *   </PageLoading>;\n *   ```\n *\n *   2. Independent usage (inline layout)\n *\n *   ```tsx\n *   <PageLoading />;\n *   ```\n *\n *   3. Centered display within container (absolute layout)\n *\n *   ```tsx\n *   <div className=\"container\" style={{ position: 'relative' }}>\n *   <PageLoading absolute />\n *   </div>;\n *   ```\n */\nconst Loading: FC<LoadingProps> = (props) => {\n  const { maskClassName, maskStyle, mode = 'flex', children, spinning = true, className, ...spinProps } = props;\n\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const prefixCls = getPrefixCls('easy-loading');\n  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);\n\n  return children\n    ? // Use spin to wrap children when children is provided,\n      // and control the animation display with the spinning prop.\n      wrapCSSVar(\n        <Spin className={classNames(hashId, cssVarCls, prefixCls, className)} spinning={spinning} {...spinProps}>\n          {children}\n        </Spin>\n      )\n    : // Show the loading animation in a wrapper that fills the parent container and centers the animation,\n      // and hides the entire component when the animation is off.\n      spinning &&\n        wrapCSSVar(\n          <div\n            className={classNames(\n              hashId,\n              cssVarCls,\n              prefixCls,\n              maskClassName,\n              mode === 'absolute' ? `${prefixCls}-absolute` : `${prefixCls}-flex`\n            )}\n            style={maskStyle}\n          >\n            <Spin className={className} spinning={spinning} {...spinProps} />\n          </div>\n        );\n};\n\nexport default Loading;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAwD;AAExD,kBAAqC;AACrC,wBAAuB;AACvB,mBAAqB;AAsErB,IAAM,UAA4B,CAAC,UAAU;AAC3C,QAAM,EAAE,eAAe,WAAW,OAAO,QAAQ,UAAU,WAAW,MAAM,WAAW,GAAG,UAAU,IAAI;AAExG,QAAM,EAAE,aAAa,QAAI,yBAAW,2BAAe,aAAa;AAChE,QAAM,YAAY,aAAa,cAAc;AAC7C,QAAM,CAAC,YAAY,QAAQ,SAAS,QAAI,aAAAA,SAAS,SAAS;AAE1D,SAAO;AAAA;AAAA;AAAA,IAGH;AAAA,MACE,oCAAC,oBAAK,eAAW,kBAAAC,SAAW,QAAQ,WAAW,WAAW,SAAS,GAAG,UAAqB,GAAG,aAC3F,QACH;AAAA,IACF;AAAA;AAAA;AAAA;AAAA,IAGA,YACE;AAAA,MACE;AAAA,QAAC;AAAA;AAAA,UACC,eAAW,kBAAAA;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,SAAS,aAAa,GAAG,uBAAuB,GAAG;AAAA,UACrD;AAAA,UACA,OAAO;AAAA;AAAA,QAEP,oCAAC,oBAAK,WAAsB,UAAqB,GAAG,WAAW;AAAA,MACjE;AAAA,IACF;AAAA;AACR;AAEA,IAAO,kBAAQ;",
+  "names": ["useStyle", "classNames"]
+}

package/lib/components/Loading/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/Loading/style/index.js

@@ -0,0 +1,50 @@
+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/Loading/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]: {
+      "&-flex": {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        width: "100%",
+        height: "100%"
+      },
+      "&-absolute": {
+        position: "absolute",
+        top: "50%",
+        left: "50%",
+        transform: "translate(-50%, -50%)"
+      },
+      [`:global(.${token.antCls}-spin)`]: {
+        lineHeight: 0
+      }
+    }
+  };
+};
+var style_default = (0, import_internal.genStyleHooks)("easy-loading", genStyle);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Loading/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      '&-flex': {\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        width: '100%',\n        height: '100%',\n      },\n      '&-absolute': {\n        position: 'absolute',\n        top: '50%',\n        left: '50%',\n        transform: 'translate(-50%, -50%)',\n      },\n      [`:global(.${token.antCls}-spin)`]: {\n        lineHeight: 0,\n      },\n    },\n  };\n};\n\nexport default genStyleHooks('easy-loading' as never, 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,UAAU;AAAA,QACR,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,MACA,cAAc;AAAA,QACZ,UAAU;AAAA,QACV,KAAK;AAAA,QACL,MAAM;AAAA,QACN,WAAW;AAAA,MACb;AAAA,MACA,CAAC,YAAY,MAAM,cAAc,GAAG;AAAA,QAClC,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAO,oBAAQ,+BAAc,gBAAyB,QAAQ;",
+  "names": []
+}

package/lib/components/OverflowTags/index.js

@@ -53,7 +53,7 @@ var OverflowTags = (props) => {
   } = props;
   const { token } = import_antd.theme.useToken();
   const { getPrefixCls } = (0, import_react.useContext)(import_antd.ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls("re-float-drawer");
+  const prefixCls = getPrefixCls("easy-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`]),

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

@@ -1,7 +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;",
+  "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('easy-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,mBAAmB;AAClD,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.js

@@ -29,10 +29,11 @@ var genStyle = (token) => {
     [componentCls]: {
       display: "flex",
       flexWrap: "wrap",
+      width: "100%",
       maxWidth: "100%",
       position: "relative"
     }
   };
 };
-var style_default = (0, import_internal.genStyleHooks)("re-overflow-tags", genStyle);
+var style_default = (0, import_internal.genStyleHooks)("easy-overflow-tags", genStyle);
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +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;",
+  "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      width: '100%',\n      maxWidth: '100%',\n      position: 'relative',\n    },\n  };\n};\n\nexport default genStyleHooks('easy-overflow-tags' as never, 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,OAAO;AAAA,MACP,UAAU;AAAA,MACV,UAAU;AAAA,IACZ;AAAA,EACF;AACF;AAEA,IAAO,oBAAQ,+BAAc,sBAA+B,QAAQ;",
   "names": []
 }

package/lib/components/index.d.ts

@@ -10,6 +10,8 @@ export { default as ConfirmAction } from './ConfirmAction';
 export { default as DeleteConfirmAction } from './DeleteConfirmAction';
 export type { FloatDrawerProps } from './FloatDrawer';
 export { default as FloatDrawer } from './FloatDrawer';
+export type { LoadingProps } from './Loading';
+export { default as Loading } from './Loading';
 export type { ModalActionProps, FormCompPropsConstraint, ModalActionTrigger, ModalActionRef } from './ModalAction';
 export { withDefaultModalActionProps, withModalAction } from './ModalAction';
 export { default as ModalAction } from './ModalAction';

package/lib/components/index.js

@@ -34,6 +34,7 @@ __export(components_exports, {
   ConfirmAction: () => import_ConfirmAction2.default,
   DeleteConfirmAction: () => import_DeleteConfirmAction.default,
   FloatDrawer: () => import_FloatDrawer.default,
+  Loading: () => import_Loading.default,
   ModalAction: () => import_ModalAction2.default,
   OverflowTags: () => import_OverflowTags.default,
   ReactEasyContext: () => import_context.default,
@@ -49,6 +50,7 @@ var import_ConfirmAction = require("./ConfirmAction");
 var import_ConfirmAction2 = __toESM(require("./ConfirmAction"));
 var import_DeleteConfirmAction = __toESM(require("./DeleteConfirmAction"));
 var import_FloatDrawer = __toESM(require("./FloatDrawer"));
+var import_Loading = __toESM(require("./Loading"));
 var import_ModalAction = require("./ModalAction");
 var import_ModalAction2 = __toESM(require("./ModalAction"));
 var import_OverflowTags = __toESM(require("./OverflowTags"));
@@ -59,6 +61,7 @@ var import_OverflowTags = __toESM(require("./OverflowTags"));
   ConfirmAction,
   DeleteConfirmAction,
   FloatDrawer,
+  Loading,
   ModalAction,
   OverflowTags,
   ReactEasyContext,

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\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;",
+  "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 { 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"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;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,qBAAmC;AAGnC,yBAA6D;AAC7D,IAAAC,sBAAuC;AAGvC,0BAAwC;",
   "names": ["import_ConfirmAction", "import_ModalAction"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tiny-codes/react-easy",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "Simplify React and AntDesign development with practical components and hooks",
   "keywords": [
     "react",