@tiny-codes/react-easy 1.1.2 → 1.2.0

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

@@ -1,179 +1,182 @@
 import type { CSSProperties, FC, ReactNode } from 'react';
 import type { CardProps } from 'antd';
 export interface FloatDrawerProps {
+    prefixCls?: string;
     /**
-     * **EN:** Whether the drawer is open
-     *
-     * **CN:** 抽屉是否打开
+     * - **EN:** Whether the drawer is open
+     * - **CN:** 抽屉是否打开
      */
     open?: boolean;
     /**
-     * **EN:** Position of the drawer
-     *
-     * **CN:** 抽屉的位置
+     * - **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
+     * - **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. If not set, the drawer will adapt to the content size.
+     * - **CN:** 抽屉的默认宽度。如果抽屉放在左侧或右侧，则为宽度，否则为高度。不设置时，抽屉会根据内容自适应大小。
      */
     defaultSize?: number;
     /**
-     * **EN:** Minimum size of the drawer
-     *
-     * **CN:** 抽屉的最小宽度
+     * - **EN:** Minimum size of the drawer
+     * - **CN:** 抽屉的最小宽度
      *
      * @default 0
      */
     minSize?: number;
     /**
-     * **EN:** Maximum size of the drawer
-     *
-     * **CN:** 抽屉的最大宽度
+     * - **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.
+     * - **EN:** Offset of the drawer from the edge of the screen, supports all CSS length units,
+     *   default is `0`.
+     *
+     * > The drawer will be hidden outside the parent container's edge, but since the parent container
+     * > may have padding or border, the drawer may not be completely hidden. You can adjust the
+     * > `edgeOffset` to ensure the drawer is completely hidden outside the parent container.
      *
-     * **CN:** 指定一个localStorage缓存键，用于记忆抽屉宽度。如果不设置，则不使用缓存。
+     * - **CN:** 抽屉距离屏幕边缘的偏移量，支持所有的CSS长度单位, 默认`0`。
+     *
+     * > 抽屉会隐藏在父容器的外边缘, 但由于父容器可能有padding或border, 导致抽屉不能完全隐藏, 因此可以通过设置 `edgeOffset` 来调整抽屉的偏移量,
+     * > 以确保抽屉完全隐藏在父容器之外。
+     *
+     * @default 0
+     */
+    edgeOffset?: CSSProperties['width'];
+    /**
+     * - **EN:** Whether to show the toggle button, default is `true`.
+     * - **CN:** 是否显示展开/收起按钮，默认`true`。
+     */
+    showToggle?: boolean;
+    /**
+     * - **EN:** Whether the drawer is resizable, default is `true`.
+     * - **CN:** 抽屉是否可调整大小, 默认`true`。
+     */
+    resizable?: boolean;
+    /**
+     * - **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:** 根元素的自定义类名
+     * - **EN:** Custom class name for the root element
+     * - **CN:** 根元素的自定义类名
      */
     className?: string;
     /**
-     * **EN:** Custom class names for specific elements
-     *
-     * **CN:** 特定元素的自定义类名
+     * - **EN:** Custom class names for specific elements
+     * - **CN:** 特定元素的自定义类名
      */
     classNames?: {
         /**
-         * **EN:** Class name for the drawer element
-         *
-         * **CN:** 抽屉元素的类名
+         * - **EN:** Class name for the drawer element
+         * - **CN:** 抽屉元素的类名
          */
         drawer?: string;
         /**
-         * **EN:** Class name for the expand handle
-         *
-         * **CN:** 展开手柄的类名
+         * - **EN:** Class name for the expand handle
+         * - **CN:** 展开手柄的类名
          */
-        expandHandle?: string;
+        toggle?: string;
         /**
-         * **EN:** Class name for the resize handle
-         *
-         * **CN:** 调整大小手柄的类名
+         * - **EN:** Class name for the resize handle
+         * - **CN:** 调整大小手柄的类名
          */
         resizeHandle?: string;
         /**
-         * **EN:** Class name for the handle icon
-         *
-         * **CN:** 手柄图标的类名
+         * - **EN:** Class name for the handle icon
+         * - **CN:** 手柄图标的类名
          */
         handleIcon?: string;
         /**
-         * **EN:** Class name for the content area
-         *
-         * **CN:** 内容区域的类名
+         * - **EN:** Class name for the content area
+         * - **CN:** 内容区域的类名
          */
         content?: string;
         /**
-         * **EN:** Class name for the card element
-         *
-         * **CN:** 卡片元素的类名
+         * - **EN:** Class name for the card element
+         * - **CN:** 卡片元素的类名
          */
         card?: string;
     };
     /**
-     * **EN:** Custom styles for the root element
-     *
-     * **CN:** 根元素的自定义样式
+     * - **EN:** Custom styles for the root element
+     * - **CN:** 根元素的自定义样式
      */
     style?: CSSProperties;
     /**
-     * **EN:** Custom styles for specific elements
-     *
-     * **CN:** 特定元素的自定义样式
+     * - **EN:** Custom styles for specific elements
+     * - **CN:** 特定元素的自定义样式
      */
     styles?: {
         /**
-         * **EN:** Styles for the drawer element
-         *
-         * **CN:** 抽屉元素的样式
+         * - **EN:** Styles for the drawer element
+         * - **CN:** 抽屉元素的样式
          */
         drawer?: CSSProperties;
         /**
-         * **EN:** Styles for the expand handle
-         *
-         * **CN:** 展开手柄的样式
+         * - **EN:** Styles for the expand handle
+         * - **CN:** 展开手柄的样式
          */
-        expandHandle?: CSSProperties;
+        toggle?: CSSProperties;
         /**
-         * **EN:** Styles for the resize handle
-         *
-         * **CN:** 调整大小手柄的样式
+         * - **EN:** Styles for the resize handle
+         * - **CN:** 调整大小手柄的样式
          */
         resizeHandle?: CSSProperties;
         /**
-         * **EN:** Styles for the handle icon
-         *
-         * **CN:** 手柄图标的样式
+         * - **EN:** Styles for the handle icon
+         * - **CN:** 手柄图标的样式
          */
         handleIcon?: CSSProperties;
         /**
-         * **EN:** Styles for the content area
-         *
-         * **CN:** 内容区域的样式
+         * - **EN:** Styles for the content area
+         * - **CN:** 内容区域的样式
          */
         content?: CSSProperties;
         /**
-         * **EN:** Styles for the card element
-         *
-         * **CN:** 卡片元素的样式
+         * - **EN:** Styles for the card element
+         * - **CN:** 卡片元素的样式
          */
         card?: CSSProperties;
     };
     /**
-     * **EN:** Custom properties for the card element
-     *
-     * **CN:** 卡片元素的自定义属性
+     * - **EN:** Custom properties for the card element
+     * - **CN:** 卡片元素的自定义属性
      */
     cardProps?: Omit<CardProps, 'children'>;
     /**
-     * **EN:** Content to be rendered inside the drawer
-     *
-     * **CN:** 抽屉内容
+     * - **EN:** Content to be rendered inside the drawer
+     * - **CN:** 抽屉内容
      */
     children?: ReactNode;
     /**
-     * **EN:** Callback function when the open state changes
-     *
-     * **CN:** 打开状态变化时的回调函数
+     * - **EN:** Callback function when the open state changes
+     * - **CN:** 打开状态变化时的回调函数
      */
     onOpenChange?: (open: boolean) => void;
     /**
-     * **EN:** Callback function when the drawer is resized
-     *
-     * **CN:** 抽屉调整大小时的回调函数
+     * - **EN:** Callback function when the drawer is resized
+     * - **CN:** 抽屉调整大小时的回调函数
      */
     onResize?: (size: number) => void;
+    /**
+     * - **EN:** Event handler for click events on the drawer container and its internal elements
+     * - **CN:** 点击抽屉容器及内部元素时的事件
+     */
+    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
 }
 /**
- * **EN:** FloatDrawer component for creating a draggable, resizable drawer
- *
- * **CN:** FloatDrawer组件，用于创建可拖动、可调整大小的抽屉
+ * - **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

@@ -19,12 +19,12 @@ 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组件，用于创建可拖动、可调整大小的抽屉
+ * - **EN:** FloatDrawer component for creating a draggable, resizable drawer
+ * - **CN:** FloatDrawer组件，用于创建可拖动、可调整大小的抽屉
  */
 var FloatDrawer = function FloatDrawer(props) {
-  var open = props.open,
+  var prefixClsInProps = props.prefixCls,
+    open = props.open,
     _props$position = props.position,
     position = _props$position === void 0 ? 'right' : _props$position,
     cardProps = props.cardProps,
@@ -34,26 +34,31 @@ var FloatDrawer = function FloatDrawer(props) {
     style = props.style,
     styles = props.styles,
     cacheKey = props.cacheKey,
-    _props$defaultSize = props.defaultSize,
-    defaultSize = _props$defaultSize === void 0 ? 300 : _props$defaultSize,
+    defaultSize = 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,
+    edgeOffset = props.edgeOffset,
+    _props$showToggle = props.showToggle,
+    showToggle = _props$showToggle === void 0 ? true : _props$showToggle,
+    _props$resizable = props.resizable,
+    resizable = _props$resizable === void 0 ? true : _props$resizable,
     onOpenChange = props.onOpenChange,
-    onResize = props.onResize;
+    onResize = props.onResize,
+    onClick = props.onClick;
   var _useContext = useContext(ConfigProvider.ConfigContext),
     getPrefixCls = _useContext.getPrefixCls;
-  var prefixCls = getPrefixCls('easy-float-drawer');
+  var prefixCls = getPrefixCls('easy-float-drawer', prefixClsInProps);
   var _useStyle = useStyle(prefixCls),
     _useStyle2 = _slicedToArray(_useStyle, 3),
     wrapCSSVar = _useStyle2[0],
     hashId = _useStyle2[1],
     cssVarCls = _useStyle2[2];
-  var _useState = useState(),
+  var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
-    isOpen = _useState2[0],
-    setIsOpen = _useState2[1];
+    drawerRef = _useState2[0],
+    setDrawerRef = _useState2[1];
   var _useState3 = useState(cacheKey && localStorage.getItem(cacheKey) ? Number(localStorage.getItem(cacheKey)) || defaultSize : defaultSize),
     _useState4 = _slicedToArray(_useState3, 2),
     size = _useState4[0],
@@ -62,10 +67,14 @@ var FloatDrawer = function FloatDrawer(props) {
     var type = position === 'left' || position === 'right' ? 'width' : 'height';
     return _defineProperty({}, type, size);
   }, [position, size]);
-  var _useState5 = useState(false),
+  var _useState5 = useState(),
     _useState6 = _slicedToArray(_useState5, 2),
-    isDragging = _useState6[0],
-    setIsDragging = _useState6[1];
+    isOpen = _useState6[0],
+    setIsOpen = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    isDragging = _useState8[0],
+    setIsDragging = _useState8[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);
@@ -94,7 +103,7 @@ var FloatDrawer = function FloatDrawer(props) {
     e.preventDefault();
   });
   var handleResize = useRefFunction(function (e) {
-    if (isDragging) {
+    if (isDragging && dragStartSize.current) {
       var newSize;
       if (position === 'left') {
         newSize = dragStartSize.current - (dragStartPos.current - e.clientX);
@@ -118,6 +127,15 @@ var FloatDrawer = function FloatDrawer(props) {
     setIsDragging(false);
   });
 
+  // Monitor drawer ref, calculate size if not set
+  // This is useful for initial rendering when size is not provided
+  useEffect(function () {
+    if (drawerRef && size === undefined) {
+      var rect = drawerRef.getBoundingClientRect();
+      setSize(position === 'left' || position === 'right' ? rect.width : rect.height);
+    }
+  }, [drawerRef, position, size]);
+
   // Controlled open state
   useEffect(function () {
     setIsOpen(open);
@@ -139,11 +157,16 @@ var FloatDrawer = function FloatDrawer(props) {
   }, [isDragging]);
   return wrapCSSVar( /*#__PURE__*/_jsx("div", {
     className: classString,
-    style: style,
+    style: _objectSpread({
+      // @ts-expect-error: because of dynamic CSS variables
+      '--edge-offset': typeof edgeOffset === 'number' ? "".concat(edgeOffset, "px") : edgeOffset
+    }, style),
+    onClick: onClick,
     children: /*#__PURE__*/_jsxs("div", {
+      ref: setDrawerRef,
       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", {
+      children: [resizable && /*#__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
@@ -158,9 +181,9 @@ var FloatDrawer = function FloatDrawer(props) {
         }, 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,
+      }), showToggle && /*#__PURE__*/_jsx("div", {
+        className: classNames("".concat(prefixCls, "-toggle"), classNamesInProps === null || classNamesInProps === void 0 ? void 0 : classNamesInProps.toggle),
+        style: styles === null || styles === void 0 ? void 0 : styles.toggle,
         onClick: toggleDrawer,
         children: /*#__PURE__*/_jsx("div", {
           className: classNames("".concat(prefixCls, "-handle-icon"), classNamesInProps === null || classNamesInProps === void 0 ? void 0 : classNamesInProps.handleIcon),

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

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

@@ -2,7 +2,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 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';
+import { genStyleHooks } from 'antd/es/theme/util/genStyleUtils';
+import { FastColor } from '@ant-design/fast-color';
 import { getColorLuminance } from "../../../utils";
 var genStyle = function genStyle(token) {
   var _componentCls;
@@ -41,22 +42,26 @@ var genStyle = function genStyle(token) {
   }), "&".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)
+    // On the left side: the shadow casts to the right
+    boxShadow: "2px 0 12px ".concat(new FastColor(token.colorTextBase).setA(0.1).toRgbString(), ", 1.5px 0 6px ").concat(new FastColor(token.colorTextBase).setA(0.02).toRgbString())
   }), "&".concat(componentCls, "-open").concat(componentCls, "-right ").concat(componentCls, "-drawer"), {
-    boxShadow: "-2px 0 10px ".concat(token.colorFill)
+    // On the right side: the shadow casts to the left
+    boxShadow: "-2px 0 12px ".concat(new FastColor(token.colorTextBase).setA(0.1).toRgbString(), ", -1.5px 0 6px ").concat(new FastColor(token.colorTextBase).setA(0.02).toRgbString())
   }), "&".concat(componentCls, "-open").concat(componentCls, "-top ").concat(componentCls, "-drawer"), {
-    boxShadow: "0 2px 10px ".concat(token.colorFill)
+    // On the top side: the shadow casts downward
+    boxShadow: "0 2px 12px ".concat(new FastColor(token.colorTextBase).setA(0.1).toRgbString(), ", 0 1.5px 6px ").concat(new FastColor(token.colorTextBase).setA(0.02).toRgbString())
   }), "&".concat(componentCls, "-open").concat(componentCls, "-bottom ").concat(componentCls, "-drawer"), {
-    boxShadow: "0 -2px 10px ".concat(token.colorFill)
+    // On the bottom side: the shadow casts upward
+    boxShadow: "0 -2px 12px ".concat(new FastColor(token.colorTextBase).setA(0.1).toRgbString(), ", 0 -1.5px 6px ").concat(new FastColor(token.colorTextBase).setA(0.02).toRgbString())
   }), "&".concat(componentCls, "-closed").concat(componentCls, "-left ").concat(componentCls, "-drawer"), {
-    transform: 'translateX(-100%)'
+    transform: 'translateX(calc(-100% - var(--edge-offset, 0px)))'
   }), "&".concat(componentCls, "-closed").concat(componentCls, "-right ").concat(componentCls, "-drawer"), {
-    transform: 'translateX(100%)'
+    transform: 'translateX(calc(100% + var(--edge-offset, 0px)))'
   }), "&".concat(componentCls, "-closed").concat(componentCls, "-top ").concat(componentCls, "-drawer"), {
-    transform: 'translateY(-100%)'
+    transform: 'translateY(calc(-100% - var(--edge-offset, 0px)))'
   }), "&".concat(componentCls, "-closed").concat(componentCls, "-bottom ").concat(componentCls, "-drawer"), {
-    transform: 'translateY(100%)'
-  }), "".concat(componentCls, "-expand-handle"), {
+    transform: 'translateY(calc(100% + var(--edge-offset, 0px)))'
+  }), "".concat(componentCls, "-toggle"), {
     position: 'absolute',
     zIndex: 2,
     cursor: 'pointer',
@@ -70,34 +75,50 @@ var genStyle = function genStyle(token) {
       color: token.colorText,
       backgroundColor: getColorLuminance(token.colorBgBase) > 0.5 ? '#f0f0f0' : '#1a1a1a'
     }
-  }), "&".concat(componentCls, "-left ").concat(componentCls, "-expand-handle,\n        &").concat(componentCls, "-right ").concat(componentCls, "-expand-handle"), {
+  }), "&".concat(componentCls, "-left ").concat(componentCls, "-toggle,\n        &").concat(componentCls, "-right ").concat(componentCls, "-toggle"), {
     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"), {
+  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_componentCls, "&".concat(componentCls, "-top ").concat(componentCls, "-toggle,\n        &").concat(componentCls, "-bottom ").concat(componentCls, "-toggle"), {
     left: '50%',
     width: 60,
     height: 24
-  }), "&".concat(componentCls, "-left ").concat(componentCls, "-expand-handle"), {
+  }), "&".concat(componentCls, "-left ").concat(componentCls, "-toggle"), {
     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"), {
+    // On the left side: the shadow casts to the right and upward/downward in half size
+    boxShadow: "0px 2px 4px ".concat(new FastColor(token.colorTextBase).setA(0.08).toRgbString(), ", \n        0px -2px 4px ").concat(new FastColor(token.colorTextBase).setA(0.08).toRgbString(), ", \n        4px 0px 8px ").concat(new FastColor(token.colorTextBase).setA(0.1).toRgbString()),
+    '&:hover': {
+      boxShadow: "0px 2px 4px ".concat(new FastColor(token.colorTextBase).setA(0.1).toRgbString(), ", \n          0px -2px 4px ").concat(new FastColor(token.colorTextBase).setA(0.1).toRgbString(), ", \n          4px 0px 8px ").concat(new FastColor(token.colorTextBase).setA(0.12).toRgbString())
+    }
+  }), "&".concat(componentCls, "-right ").concat(componentCls, "-toggle"), {
     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"), {
+    // On the right side: the shadow casts to the left and upward/downward in half size
+    boxShadow: "0px 2px 4px ".concat(new FastColor(token.colorTextBase).setA(0.08).toRgbString(), ", \n        0px -2px 4px ").concat(new FastColor(token.colorTextBase).setA(0.08).toRgbString(), ", \n        -4px 0px 8px ").concat(new FastColor(token.colorTextBase).setA(0.1).toRgbString()),
+    '&:hover': {
+      boxShadow: "0px 2px 4px ".concat(new FastColor(token.colorTextBase).setA(0.1).toRgbString(), ", \n          0px -2px 4px ").concat(new FastColor(token.colorTextBase).setA(0.1).toRgbString(), ", \n          -4px 0px 8px ").concat(new FastColor(token.colorTextBase).setA(0.12).toRgbString())
+    }
+  }), "&".concat(componentCls, "-top ").concat(componentCls, "-toggle"), {
     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"), {
+    // On the top side: the shadow casts downward and left/right in half size
+    boxShadow: "2px 0px 4px ".concat(new FastColor(token.colorTextBase).setA(0.08).toRgbString(), ", \n                   -2px 0px 4px ").concat(new FastColor(token.colorTextBase).setA(0.08).toRgbString(), ", \n                   0px 4px 8px ").concat(new FastColor(token.colorTextBase).setA(0.1).toRgbString()),
+    '&:hover': {
+      boxShadow: "2px 0px 4px ".concat(new FastColor(token.colorTextBase).setA(0.1).toRgbString(), ", \n                   -2px 0px 4px ").concat(new FastColor(token.colorTextBase).setA(0.1).toRgbString(), ", \n                   0px 4px 8px ").concat(new FastColor(token.colorTextBase).setA(0.12).toRgbString())
+    }
+  }), "&".concat(componentCls, "-bottom ").concat(componentCls, "-toggle"), {
     top: 0,
     transform: 'translate(-50%, -100%)',
     borderRadius: '8px 8px 0 0',
-    boxShadow: "0 -2px 5px ".concat(token.colorFill)
+    // On the bottom side: the shadow casts upward and left/right in half size
+    boxShadow: "2px 0px 4px ".concat(new FastColor(token.colorTextBase).setA(0.08).toRgbString(), ", \n                   -2px 0px 4px ").concat(new FastColor(token.colorTextBase).setA(0.08).toRgbString(), ", \n                   0px -4px 8px ").concat(new FastColor(token.colorTextBase).setA(0.1).toRgbString()),
+    '&:hover': {
+      boxShadow: "2px 0px 4px ".concat(new FastColor(token.colorTextBase).setA(0.1).toRgbString(), ", \n                   -2px 0px 4px ").concat(new FastColor(token.colorTextBase).setA(0.1).toRgbString(), ", \n                   0px -4px 8px ").concat(new FastColor(token.colorTextBase).setA(0.12).toRgbString())
+    }
   }), "".concat(componentCls, "-handle-icon"), {
     userSelect: 'none',
     lineHeight: 0
@@ -144,5 +165,5 @@ var genStyle = function genStyle(token) {
     overflow: 'auto'
   })))));
 };
-export default genStyleHooks('easy-float-drawer', genStyle);
+export default genStyleHooks('EasyFloatDrawer', genStyle);
 //# sourceMappingURL=index.js.map