@tiny-codes/react-easy 1.0.6 → 1.0.7

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 # Changelog
 
+## 1.0.7
+
+2025-6-15
+
+### Features
+
+- 🔥 add `FloatDrawer` component
+
 ## 1.0.6
 
 2025-4-17

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

@@ -0,0 +1,173 @@
+import type { CSSProperties, FC, ReactNode } from 'react';
+import { type CardProps } from 'antd';
+export interface FloatDrawerProps {
+    /**
+     * **EN:** Whether the drawer is open
+     *
+     * **CN:** 抽屉是否打开
+     */
+    open?: boolean;
+    /**
+     * **EN:** Position of the drawer
+     *
+     * **CN:** 抽屉的位置
+     *
+     * @default 'right'
+     */
+    position?: 'left' | 'right' | 'top' | 'bottom';
+    /**
+     * **EN:** Default size of the drawer. If the drawer is placed on the left or right, this is the
+     * width, otherwise it is the height.
+     *
+     * **CN:** 抽屉的默认宽度。如果抽屉放在左侧或右侧，则为宽度，否则为高度。
+     *
+     * @default 300
+     */
+    defaultSize?: number;
+    /**
+     * **EN:** Minimum size of the drawer
+     *
+     * **CN:** 抽屉的最小宽度
+     *
+     * @default 0
+     */
+    minSize?: number;
+    /**
+     * **EN:** Maximum size of the drawer
+     *
+     * **CN:** 抽屉的最大宽度
+     *
+     * @default Infinity
+     */
+    maxSize?: number;
+    /**
+     * **EN:** Cache key for storing the drawer size in localStorage. If not set, the size will not be
+     * cached.
+     *
+     * **CN:** 指定一个localStorage缓存键，用于记忆抽屉宽度。如果不设置，则不使用缓存。
+     */
+    cacheKey?: string;
+    /**
+     * **EN:** Custom class name for the root element
+     *
+     * **CN:** 根元素的自定义类名
+     */
+    className?: string;
+    /**
+     * **EN:** Custom class names for specific elements
+     *
+     * **CN:** 特定元素的自定义类名
+     */
+    classNames?: {
+        /**
+         * **EN:** Class name for the drawer element
+         *
+         * **CN:** 抽屉元素的类名
+         */
+        drawer?: string;
+        /**
+         * **EN:** Class name for the expand handle
+         *
+         * **CN:** 展开手柄的类名
+         */
+        expandHandle?: string;
+        /**
+         * **EN:** Class name for the resize handle
+         *
+         * **CN:** 调整大小手柄的类名
+         */
+        resizeHandle?: string;
+        /**
+         * **EN:** Class name for the handle icon
+         *
+         * **CN:** 手柄图标的类名
+         */
+        handleIcon?: string;
+        /**
+         * **EN:** Class name for the content area
+         *
+         * **CN:** 内容区域的类名
+         */
+        content?: string;
+        /**
+         * **EN:** Class name for the card element
+         *
+         * **CN:** 卡片元素的类名
+         */
+        card?: string;
+    };
+    /**
+     * **EN:** Custom styles for the root element
+     *
+     * **CN:** 根元素的自定义样式
+     */
+    style?: CSSProperties;
+    /**
+     * **EN:** Custom styles for specific elements
+     *
+     * **CN:** 特定元素的自定义样式
+     */
+    styles?: {
+        /**
+         * **EN:** Styles for the drawer element
+         *
+         * **CN:** 抽屉元素的样式
+         */
+        drawer?: CSSProperties;
+        /**
+         * **EN:** Styles for the expand handle
+         *
+         * **CN:** 展开手柄的样式
+         */
+        expandHandle?: CSSProperties;
+        /**
+         * **EN:** Styles for the resize handle
+         *
+         * **CN:** 调整大小手柄的样式
+         */
+        resizeHandle?: CSSProperties;
+        /**
+         * **EN:** Styles for the handle icon
+         *
+         * **CN:** 手柄图标的样式
+         */
+        handleIcon?: CSSProperties;
+        /**
+         * **EN:** Styles for the content area
+         *
+         * **CN:** 内容区域的样式
+         */
+        content?: CSSProperties;
+        /**
+         * **EN:** Styles for the card element
+         *
+         * **CN:** 卡片元素的样式
+         */
+        card?: CSSProperties;
+    };
+    /**
+     * **EN:** Custom properties for the card element
+     *
+     * **CN:** 卡片元素的自定义属性
+     */
+    cardProps?: Omit<CardProps, 'children'>;
+    /**
+     * **EN:** Content to be rendered inside the drawer
+     *
+     * **CN:** 抽屉内容
+     */
+    children?: ReactNode;
+    /**
+     * **EN:** Callback function when the open state changes
+     *
+     * **CN:** 打开状态变化时的回调函数
+     */
+    onOpenChange?: (open: boolean) => void;
+}
+/**
+ * **EN:** FloatDrawer component for creating a draggable, resizable drawer
+ *
+ * **CN:** FloatDrawer组件，用于创建可拖动、可调整大小的抽屉
+ */
+declare const FloatDrawer: FC<FloatDrawerProps>;
+export default FloatDrawer;

package/es/components/FloatDrawer/index.js

@@ -0,0 +1,173 @@
+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 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; }
+import { useContext, useEffect, useMemo, useRef, useState } from 'react';
+import { Card, ConfigProvider } from 'antd';
+import classNames from 'classnames';
+import { DownOutlined, LeftOutlined, RightOutlined, UpOutlined } from '@ant-design/icons';
+import useRefFunction from "../../hooks/useRefFunction";
+import useStyle from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * **EN:** FloatDrawer component for creating a draggable, resizable drawer
+ *
+ * **CN:** FloatDrawer组件，用于创建可拖动、可调整大小的抽屉
+ */
+var FloatDrawer = function FloatDrawer(props) {
+  var open = props.open,
+    _props$position = props.position,
+    position = _props$position === void 0 ? 'right' : _props$position,
+    cardProps = props.cardProps,
+    children = props.children,
+    className = props.className,
+    classNamesInProps = props.classNames,
+    style = props.style,
+    styles = props.styles,
+    cacheKey = props.cacheKey,
+    _props$defaultSize = props.defaultSize,
+    defaultSize = _props$defaultSize === void 0 ? 300 : _props$defaultSize,
+    _props$minSize = props.minSize,
+    minSize = _props$minSize === void 0 ? 0 : _props$minSize,
+    _props$maxSize = props.maxSize,
+    maxSize = _props$maxSize === void 0 ? +Infinity : _props$maxSize,
+    onOpenChange = props.onOpenChange;
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var prefixCls = getPrefixCls('re-float-drawer');
+  var _useStyle = useStyle(prefixCls),
+    _useStyle2 = _slicedToArray(_useStyle, 3),
+    wrapCSSVar = _useStyle2[0],
+    hashId = _useStyle2[1],
+    cssVarCls = _useStyle2[2];
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
+  var _useState3 = useState(cacheKey && localStorage.getItem(cacheKey) ? Number(localStorage.getItem(cacheKey)) || defaultSize : defaultSize),
+    _useState4 = _slicedToArray(_useState3, 2),
+    size = _useState4[0],
+    setSize = _useState4[1];
+  var sizeMap = useMemo(function () {
+    var type = position === 'left' || position === 'right' ? 'width' : 'height';
+    return _defineProperty({}, type, size);
+  }, [position, size]);
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isDragging = _useState6[0],
+    setIsDragging = _useState6[1];
+  var dragStartPos = useRef(0);
+  var dragStartSize = useRef(size);
+  var classString = classNames(prefixCls, className, _defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-open"), isOpen), "".concat(prefixCls, "-closed"), !isOpen), "".concat(prefixCls, "-").concat(position), position), hashId, cssVarCls);
+  var closeIcon = useMemo(function () {
+    return position === 'left' ? /*#__PURE__*/_jsx(RightOutlined, {}) : position === 'top' ? /*#__PURE__*/_jsx(DownOutlined, {}) : position === 'bottom' ? /*#__PURE__*/_jsx(UpOutlined, {}) : /*#__PURE__*/_jsx(LeftOutlined, {});
+  }, [position]);
+  var openIcon = useMemo(function () {
+    return position === 'left' ? /*#__PURE__*/_jsx(LeftOutlined, {}) : position === 'top' ? /*#__PURE__*/_jsx(UpOutlined, {}) : position === 'bottom' ? /*#__PURE__*/_jsx(DownOutlined, {}) : /*#__PURE__*/_jsx(RightOutlined, {});
+  }, [position]);
+
+  // Handle drawer visibility
+  var toggleDrawer = function toggleDrawer() {
+    setIsOpen(!isOpen);
+    onOpenChange === null || onOpenChange === void 0 || onOpenChange(!isOpen);
+  };
+
+  // Handle resize events
+  var handleResizeStart = useRefFunction(function (e) {
+    setIsDragging(true);
+    if (position === 'top' || position === 'bottom') {
+      dragStartPos.current = e.clientY;
+    } else {
+      dragStartPos.current = e.clientX;
+    }
+    dragStartSize.current = size;
+    e.preventDefault();
+  });
+  var handleResize = useRefFunction(function (e) {
+    if (isDragging) {
+      var newSize;
+      if (position === 'left') {
+        newSize = dragStartSize.current - (dragStartPos.current - e.clientX);
+      } else if (position === 'top') {
+        newSize = dragStartSize.current - (dragStartPos.current - e.clientY);
+      } else if (position === 'bottom') {
+        newSize = dragStartSize.current - (e.clientY - dragStartPos.current);
+      } else {
+        newSize = dragStartSize.current - (e.clientX - dragStartPos.current);
+      }
+      if (newSize >= minSize && newSize <= maxSize) {
+        setSize(newSize);
+        if (cacheKey) {
+          localStorage.setItem(cacheKey, String(newSize));
+        }
+      }
+    }
+  });
+  var handleResizeEnd = useRefFunction(function () {
+    setIsDragging(false);
+  });
+
+  // Controlled open state
+  useEffect(function () {
+    setIsOpen(open);
+  }, [open]);
+
+  // Handle global events
+  useEffect(function () {
+    if (isDragging) {
+      window.addEventListener('mousemove', handleResize);
+      window.addEventListener('mouseup', handleResizeEnd);
+    } else {
+      window.removeEventListener('mousemove', handleResize);
+      window.removeEventListener('mouseup', handleResizeEnd);
+    }
+    return function () {
+      window.removeEventListener('mousemove', handleResize);
+      window.removeEventListener('mouseup', handleResizeEnd);
+    };
+  }, [isDragging]);
+  return wrapCSSVar( /*#__PURE__*/_jsx("div", {
+    className: classString,
+    style: style,
+    children: /*#__PURE__*/_jsxs("div", {
+      className: classNames("".concat(prefixCls, "-drawer"), classNamesInProps === null || classNamesInProps === void 0 ? void 0 : classNamesInProps.drawer),
+      style: _objectSpread(_objectSpread({}, sizeMap), styles === null || styles === void 0 ? void 0 : styles.drawer),
+      children: [/*#__PURE__*/_jsx("div", {
+        className: classNames("".concat(prefixCls, "-resize-handle"), isDragging && "".concat(prefixCls, "-resize-handle-dragging"), classNamesInProps === null || classNamesInProps === void 0 ? void 0 : classNamesInProps.resizeHandle),
+        style: styles === null || styles === void 0 ? void 0 : styles.resizeHandle,
+        onMouseDown: handleResizeStart
+      }), /*#__PURE__*/_jsx("div", {
+        className: classNames("".concat(prefixCls, "-content"), classNamesInProps === null || classNamesInProps === void 0 ? void 0 : classNamesInProps.content),
+        style: styles === null || styles === void 0 ? void 0 : styles.content,
+        children: /*#__PURE__*/_jsx(Card, _objectSpread(_objectSpread({
+          bordered: false,
+          variant: "borderless",
+          className: classNames("".concat(prefixCls, "-card"), classNamesInProps === null || classNamesInProps === void 0 ? void 0 : classNamesInProps.card),
+          style: styles === null || styles === void 0 ? void 0 : styles.card
+        }, cardProps), {}, {
+          children: children
+        }))
+      }), /*#__PURE__*/_jsx("div", {
+        className: classNames("".concat(prefixCls, "-expand-handle"), classNamesInProps === null || classNamesInProps === void 0 ? void 0 : classNamesInProps.expandHandle),
+        style: styles === null || styles === void 0 ? void 0 : styles.expandHandle,
+        onClick: toggleDrawer,
+        children: /*#__PURE__*/_jsx("div", {
+          className: classNames("".concat(prefixCls, "-handle-icon"), classNamesInProps === null || classNamesInProps === void 0 ? void 0 : classNamesInProps.handleIcon),
+          style: styles === null || styles === void 0 ? void 0 : styles.handleIcon,
+          children: isOpen ? openIcon : closeIcon
+        })
+      })]
+    })
+  }));
+};
+export default FloatDrawer;
+//# sourceMappingURL=index.js.map

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

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

@@ -0,0 +1,187 @@
+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 _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 _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;
+  var componentCls = token.componentCls;
+  return _defineProperty({}, componentCls, (_componentCls = {
+    position: 'absolute',
+    display: 'flex',
+    overflow: 'visible',
+    zIndex: token.zIndexPopupBase
+  }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_componentCls, '&-left', {
+    left: 0,
+    top: 0,
+    bottom: 0
+  }), '&-right', {
+    right: 0,
+    top: 0,
+    bottom: 0
+  }), '&-top', {
+    left: 0,
+    right: 0,
+    top: 0
+  }), '&-bottom', {
+    left: 0,
+    right: 0,
+    bottom: 0
+  }), "&".concat(componentCls, "-open"), {
+    // visibility: 'visible',
+  }), "&".concat(componentCls, "-closed"), {
+    pointerEvents: 'none'
+  }), "".concat(componentCls, "-drawer"), {
+    transition: 'transform 0.3s ease-in-out',
+    overflow: 'visible'
+  }), "&".concat(componentCls, "-left ").concat(componentCls, "-drawer,\n        &").concat(componentCls, "-right ").concat(componentCls, "-drawer"), {
+    height: '100%'
+  }), "&".concat(componentCls, "-top ").concat(componentCls, "-drawer,\n        &").concat(componentCls, "-bottom ").concat(componentCls, "-drawer"), {
+    width: '100%'
+  }), "&".concat(componentCls, "-open").concat(componentCls, "-left ").concat(componentCls, "-drawer,\n        &").concat(componentCls, "-open").concat(componentCls, "-right ").concat(componentCls, "-drawer,\n        &").concat(componentCls, "-open").concat(componentCls, "-top ").concat(componentCls, "-drawer,\n        &").concat(componentCls, "-open").concat(componentCls, "-bottom ").concat(componentCls, "-drawer"), {
+    transform: 'translate(0, 0)'
+  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_componentCls, "&".concat(componentCls, "-open").concat(componentCls, "-left ").concat(componentCls, "-drawer"), {
+    boxShadow: "2px 0 10px ".concat(token.colorFill)
+  }), "&".concat(componentCls, "-open").concat(componentCls, "-right ").concat(componentCls, "-drawer"), {
+    boxShadow: "-2px 0 10px ".concat(token.colorFill)
+  }), "&".concat(componentCls, "-open").concat(componentCls, "-top ").concat(componentCls, "-drawer"), {
+    boxShadow: "0 2px 10px ".concat(token.colorFill)
+  }), "&".concat(componentCls, "-open").concat(componentCls, "-bottom ").concat(componentCls, "-drawer"), {
+    boxShadow: "0 -2px 10px ".concat(token.colorFill)
+  }), "&".concat(componentCls, "-closed").concat(componentCls, "-left ").concat(componentCls, "-drawer"), {
+    transform: 'translateX(-100%)'
+  }), "&".concat(componentCls, "-closed").concat(componentCls, "-right ").concat(componentCls, "-drawer"), {
+    transform: 'translateX(100%)'
+  }), "&".concat(componentCls, "-closed").concat(componentCls, "-top ").concat(componentCls, "-drawer"), {
+    transform: 'translateY(-100%)'
+  }), "&".concat(componentCls, "-closed").concat(componentCls, "-bottom ").concat(componentCls, "-drawer"), {
+    transform: 'translateY(100%)'
+  }), "".concat(componentCls, "-expand-handle"), {
+    position: 'absolute',
+    zIndex: 2,
+    cursor: 'pointer',
+    color: token.colorTextTertiary,
+    backgroundColor: isLightColor(token.colorBgBase) ? '#fafafa' : '#141414',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    pointerEvents: 'all',
+    '&:hover': {
+      color: token.colorText,
+      backgroundColor: isLightColor(token.colorBgBase) ? '#f0f0f0' : '#1a1a1a'
+    }
+  }), "&".concat(componentCls, "-left ").concat(componentCls, "-expand-handle,\n        &").concat(componentCls, "-right ").concat(componentCls, "-expand-handle"), {
+    top: '50%',
+    width: 24,
+    height: 60
+  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_componentCls, "&".concat(componentCls, "-top ").concat(componentCls, "-expand-handle,\n        &").concat(componentCls, "-bottom ").concat(componentCls, "-expand-handle"), {
+    left: '50%',
+    width: 60,
+    height: 24
+  }), "&".concat(componentCls, "-left ").concat(componentCls, "-expand-handle"), {
+    right: 0,
+    transform: 'translate(100%, -50%)',
+    borderRadius: '0 8px 8px 0',
+    boxShadow: "2px 0 5px ".concat(token.colorFill)
+  }), "&".concat(componentCls, "-right ").concat(componentCls, "-expand-handle"), {
+    left: 0,
+    transform: 'translate(-100%, -50%)',
+    borderRadius: '8px 0 0 8px',
+    boxShadow: "-2px 0 5px ".concat(token.colorFill)
+  }), "&".concat(componentCls, "-top ").concat(componentCls, "-expand-handle"), {
+    bottom: 0,
+    transform: 'translate(-50%, 100%)',
+    borderRadius: '0 0 8px 8px',
+    boxShadow: "0 2px 5px ".concat(token.colorFill)
+  }), "&".concat(componentCls, "-bottom ").concat(componentCls, "-expand-handle"), {
+    top: 0,
+    transform: 'translate(-50%, -100%)',
+    borderRadius: '8px 8px 0 0',
+    boxShadow: "0 -2px 5px ".concat(token.colorFill)
+  }), "".concat(componentCls, "-handle-icon"), {
+    userSelect: 'none',
+    lineHeight: 0
+  }), "".concat(componentCls, "-resize-handle"), {
+    position: 'absolute',
+    border: "1px solid transparent",
+    zIndex: 1,
+    backgroundColor: token.colorBgTextHover,
+    '&:hover': {
+      backgroundColor: token.colorBgTextActive
+    },
+    '&&-dragging': {
+      backgroundColor: token.colorBgTextActive
+    }
+  }), "&".concat(componentCls, "-left ").concat(componentCls, "-resize-handle"), {
+    right: 0,
+    width: 1,
+    height: '100%',
+    cursor: 'col-resize'
+  }), "&".concat(componentCls, "-right ").concat(componentCls, "-resize-handle"), {
+    left: 0,
+    width: 1,
+    height: '100%',
+    cursor: 'col-resize'
+  }), "&".concat(componentCls, "-top ").concat(componentCls, "-resize-handle"), {
+    bottom: 0,
+    height: 1,
+    width: '100%',
+    cursor: 'row-resize'
+  }), _defineProperty(_defineProperty(_componentCls, "&".concat(componentCls, "-bottom ").concat(componentCls, "-resize-handle"), {
+    top: 0,
+    height: 1,
+    width: '100%',
+    cursor: 'row-resize'
+  }), "".concat(componentCls, "-content"), _defineProperty({
+    height: '100%'
+  }, "".concat(componentCls, "-card"), _defineProperty({
+    display: 'flex',
+    flexDirection: 'column',
+    height: '100%'
+  }, "".concat(token.antCls, "-card-body"), {
+    flex: 1,
+    minHeight: 0,
+    overflow: 'auto'
+  })))));
+};
+function isLightColor(color) {
+  var r = 0,
+    g = 0,
+    b = 0;
+  if (color.startsWith('#')) {
+    var hex = color.substring(1);
+    if (hex.length === 3) {
+      hex = hex.split('').map(function (c) {
+        return c + c;
+      }).join('');
+    }
+    r = parseInt(hex.substring(0, 2), 16);
+    g = parseInt(hex.substring(2, 4), 16);
+    b = parseInt(hex.substring(4, 6), 16);
+  } else if (color.startsWith('rgb')) {
+    var _color$match;
+    var values = ((_color$match = color.match(/\d+/g)) === null || _color$match === void 0 ? void 0 : _color$match.map(Number)) || [];
+    var _values = _slicedToArray(values, 3);
+    r = _values[0];
+    g = _values[1];
+    b = _values[2];
+  }
+  r = r / 255;
+  g = g / 255;
+  b = b / 255;
+  r = r <= 0.03928 ? r / 12.92 : Math.pow((r + 0.055) / 1.055, 2.4);
+  g = g <= 0.03928 ? g / 12.92 : Math.pow((g + 0.055) / 1.055, 2.4);
+  b = b <= 0.03928 ? b / 12.92 : Math.pow((b + 0.055) / 1.055, 2.4);
+  var luminance = 0.2126 * r + 0.7152 * g + 0.0722 * b;
+  return luminance > 0.5;
+}
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export default genStyleHooks('re-float-drawer', genStyle);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["genStyleHooks","genStyle","token","_componentCls","componentCls","_defineProperty","position","display","overflow","zIndex","zIndexPopupBase","left","top","bottom","right","concat","pointerEvents","transition","height","width","transform","boxShadow","colorFill","cursor","color","colorTextTertiary","backgroundColor","isLightColor","colorBgBase","alignItems","justifyContent","colorText","borderRadius","userSelect","lineHeight","border","colorBgTextHover","colorBgTextActive","flexDirection","antCls","flex","minHeight","r","g","b","startsWith","hex","substring","length","split","map","c","join","parseInt","_color$match","values","match","Number","_values","_slicedToArray","Math","pow","luminance"],"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';\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      zIndex: token.zIndexPopupBase,\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: isLightColor(token.colorBgBase) ? '#fafafa' : '#141414',\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        pointerEvents: 'all',\n        '&:hover': {\n          color: token.colorText,\n          backgroundColor: isLightColor(token.colorBgBase) ? '#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\nfunction isLightColor(color: string): boolean {\n  let r = 0,\n    g = 0,\n    b = 0;\n\n  if (color.startsWith('#')) {\n    let hex = color.substring(1);\n    if (hex.length === 3) {\n      hex = hex\n        .split('')\n        .map((c) => c + c)\n        .join('');\n    }\n    r = parseInt(hex.substring(0, 2), 16);\n    g = parseInt(hex.substring(2, 4), 16);\n    b = parseInt(hex.substring(4, 6), 16);\n  } else if (color.startsWith('rgb')) {\n    const values = color.match(/\\d+/g)?.map(Number) || [];\n    [r, g, b] = values;\n  }\n  r = r / 255;\n  g = g / 255;\n  b = b / 255;\n\n  r = r <= 0.03928 ? r / 12.92 : Math.pow((r + 0.055) / 1.055, 2.4);\n  g = g <= 0.03928 ? g / 12.92 : Math.pow((g + 0.055) / 1.055, 2.4);\n  b = b <= 0.03928 ? b / 12.92 : Math.pow((b + 0.055) / 1.055, 2.4);\n\n  const luminance = 0.2126 * r + 0.7152 * g + 0.0722 * b;\n\n  return luminance > 0.5;\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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"}

package/es/components/index.d.ts

@@ -8,6 +8,8 @@ export type { ConfirmActionProps, ConfirmActionTrigger, ConfirmActionRef } from
 export { withDefaultConfirmActionProps } from './ConfirmAction';
 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 { ModalActionProps, FormCompPropsConstraint, ModalActionTrigger, ModalActionRef } from './ModalAction';
 export { withDefaultModalActionProps, withModalAction } from './ModalAction';
 export { default as ModalAction } from './ModalAction';