@tiny-codes/react-easy 1.0.5 → 1.0.7

package/lib/components/FloatDrawer/index.js

@@ -0,0 +1,193 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/FloatDrawer/index.tsx
+var FloatDrawer_exports = {};
+__export(FloatDrawer_exports, {
+  default: () => FloatDrawer_default
+});
+module.exports = __toCommonJS(FloatDrawer_exports);
+var import_react = require("react");
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+var import_icons = require("@ant-design/icons");
+var import_useRefFunction = __toESM(require("../../hooks/useRefFunction"));
+var import_style = __toESM(require("./style"));
+var FloatDrawer = (props) => {
+  const {
+    open,
+    position = "right",
+    cardProps,
+    children,
+    className,
+    classNames: classNamesInProps,
+    style,
+    styles,
+    cacheKey,
+    defaultSize = 300,
+    minSize = 0,
+    maxSize = Infinity,
+    onOpenChange
+  } = props;
+  const { getPrefixCls } = (0, import_react.useContext)(import_antd.ConfigProvider.ConfigContext);
+  const prefixCls = getPrefixCls("re-float-drawer");
+  const [wrapCSSVar, hashId, cssVarCls] = (0, import_style.default)(prefixCls);
+  const [isOpen, setIsOpen] = (0, import_react.useState)();
+  const [size, setSize] = (0, import_react.useState)(
+    cacheKey && localStorage.getItem(cacheKey) ? Number(localStorage.getItem(cacheKey)) || defaultSize : defaultSize
+  );
+  const sizeMap = (0, import_react.useMemo)(() => {
+    const type = position === "left" || position === "right" ? "width" : "height";
+    return {
+      [type]: size
+    };
+  }, [position, size]);
+  const [isDragging, setIsDragging] = (0, import_react.useState)(false);
+  const dragStartPos = (0, import_react.useRef)(0);
+  const dragStartSize = (0, import_react.useRef)(size);
+  const classString = (0, import_classnames.default)(
+    prefixCls,
+    className,
+    {
+      [`${prefixCls}-open`]: isOpen,
+      [`${prefixCls}-closed`]: !isOpen,
+      [`${prefixCls}-${position}`]: position
+    },
+    hashId,
+    cssVarCls
+  );
+  const closeIcon = (0, import_react.useMemo)(() => {
+    return position === "left" ? /* @__PURE__ */ React.createElement(import_icons.RightOutlined, null) : position === "top" ? /* @__PURE__ */ React.createElement(import_icons.DownOutlined, null) : position === "bottom" ? /* @__PURE__ */ React.createElement(import_icons.UpOutlined, null) : /* @__PURE__ */ React.createElement(import_icons.LeftOutlined, null);
+  }, [position]);
+  const openIcon = (0, import_react.useMemo)(() => {
+    return position === "left" ? /* @__PURE__ */ React.createElement(import_icons.LeftOutlined, null) : position === "top" ? /* @__PURE__ */ React.createElement(import_icons.UpOutlined, null) : position === "bottom" ? /* @__PURE__ */ React.createElement(import_icons.DownOutlined, null) : /* @__PURE__ */ React.createElement(import_icons.RightOutlined, null);
+  }, [position]);
+  const toggleDrawer = () => {
+    setIsOpen(!isOpen);
+    onOpenChange == null ? void 0 : onOpenChange(!isOpen);
+  };
+  const handleResizeStart = (0, import_useRefFunction.default)((e) => {
+    setIsDragging(true);
+    if (position === "top" || position === "bottom") {
+      dragStartPos.current = e.clientY;
+    } else {
+      dragStartPos.current = e.clientX;
+    }
+    dragStartSize.current = size;
+    e.preventDefault();
+  });
+  const handleResize = (0, import_useRefFunction.default)((e) => {
+    if (isDragging) {
+      let 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));
+        }
+      }
+    }
+  });
+  const handleResizeEnd = (0, import_useRefFunction.default)(() => {
+    setIsDragging(false);
+  });
+  (0, import_react.useEffect)(() => {
+    setIsOpen(open);
+  }, [open]);
+  (0, import_react.useEffect)(() => {
+    if (isDragging) {
+      window.addEventListener("mousemove", handleResize);
+      window.addEventListener("mouseup", handleResizeEnd);
+    } else {
+      window.removeEventListener("mousemove", handleResize);
+      window.removeEventListener("mouseup", handleResizeEnd);
+    }
+    return () => {
+      window.removeEventListener("mousemove", handleResize);
+      window.removeEventListener("mouseup", handleResizeEnd);
+    };
+  }, [isDragging]);
+  return wrapCSSVar(
+    /* @__PURE__ */ React.createElement("div", { className: classString, style }, /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: (0, import_classnames.default)(`${prefixCls}-drawer`, classNamesInProps == null ? void 0 : classNamesInProps.drawer),
+        style: { ...sizeMap, ...styles == null ? void 0 : styles.drawer }
+      },
+      /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: (0, import_classnames.default)(
+            `${prefixCls}-resize-handle`,
+            isDragging && `${prefixCls}-resize-handle-dragging`,
+            classNamesInProps == null ? void 0 : classNamesInProps.resizeHandle
+          ),
+          style: styles == null ? void 0 : styles.resizeHandle,
+          onMouseDown: handleResizeStart
+        }
+      ),
+      /* @__PURE__ */ React.createElement("div", { className: (0, import_classnames.default)(`${prefixCls}-content`, classNamesInProps == null ? void 0 : classNamesInProps.content), style: styles == null ? void 0 : styles.content }, /* @__PURE__ */ React.createElement(
+        import_antd.Card,
+        {
+          bordered: false,
+          variant: "borderless",
+          className: (0, import_classnames.default)(`${prefixCls}-card`, classNamesInProps == null ? void 0 : classNamesInProps.card),
+          style: styles == null ? void 0 : styles.card,
+          ...cardProps
+        },
+        children
+      )),
+      /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: (0, import_classnames.default)(`${prefixCls}-expand-handle`, classNamesInProps == null ? void 0 : classNamesInProps.expandHandle),
+          style: styles == null ? void 0 : styles.expandHandle,
+          onClick: toggleDrawer
+        },
+        /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            className: (0, import_classnames.default)(`${prefixCls}-handle-icon`, classNamesInProps == null ? void 0 : classNamesInProps.handleIcon),
+            style: styles == null ? void 0 : styles.handleIcon
+          },
+          isOpen ? openIcon : closeIcon
+        )
+      )
+    ))
+  );
+};
+var FloatDrawer_default = FloatDrawer;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,234 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/FloatDrawer/style/index.ts
+var style_exports = {};
+__export(style_exports, {
+  default: () => style_default
+});
+module.exports = __toCommonJS(style_exports);
+var import_internal = require("antd/es/theme/internal");
+var genStyle = (token) => {
+  const { componentCls } = token;
+  return {
+    [componentCls]: {
+      position: "absolute",
+      display: "flex",
+      overflow: "visible",
+      zIndex: token.zIndexPopupBase,
+      ["&-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
+      },
+      [`&${componentCls}-open`]: {
+        // visibility: 'visible',
+      },
+      [`&${componentCls}-closed`]: {
+        pointerEvents: "none"
+      },
+      [`${componentCls}-drawer`]: {
+        transition: "transform 0.3s ease-in-out",
+        overflow: "visible"
+      },
+      [`&${componentCls}-left ${componentCls}-drawer,
+        &${componentCls}-right ${componentCls}-drawer`]: {
+        height: "100%"
+      },
+      [`&${componentCls}-top ${componentCls}-drawer,
+        &${componentCls}-bottom ${componentCls}-drawer`]: {
+        width: "100%"
+      },
+      [`&${componentCls}-open${componentCls}-left ${componentCls}-drawer,
+        &${componentCls}-open${componentCls}-right ${componentCls}-drawer,
+        &${componentCls}-open${componentCls}-top ${componentCls}-drawer,
+        &${componentCls}-open${componentCls}-bottom ${componentCls}-drawer`]: {
+        transform: "translate(0, 0)"
+      },
+      [`&${componentCls}-open${componentCls}-left ${componentCls}-drawer`]: {
+        boxShadow: `2px 0 10px ${token.colorFill}`
+      },
+      [`&${componentCls}-open${componentCls}-right ${componentCls}-drawer`]: {
+        boxShadow: `-2px 0 10px ${token.colorFill}`
+      },
+      [`&${componentCls}-open${componentCls}-top ${componentCls}-drawer`]: {
+        boxShadow: `0 2px 10px ${token.colorFill}`
+      },
+      [`&${componentCls}-open${componentCls}-bottom ${componentCls}-drawer`]: {
+        boxShadow: `0 -2px 10px ${token.colorFill}`
+      },
+      [`&${componentCls}-closed${componentCls}-left ${componentCls}-drawer`]: {
+        transform: "translateX(-100%)"
+      },
+      [`&${componentCls}-closed${componentCls}-right ${componentCls}-drawer`]: {
+        transform: "translateX(100%)"
+      },
+      [`&${componentCls}-closed${componentCls}-top ${componentCls}-drawer`]: {
+        transform: "translateY(-100%)"
+      },
+      [`&${componentCls}-closed${componentCls}-bottom ${componentCls}-drawer`]: {
+        transform: "translateY(100%)"
+      },
+      [`${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"
+        }
+      },
+      [`&${componentCls}-left ${componentCls}-expand-handle,
+        &${componentCls}-right ${componentCls}-expand-handle`]: {
+        top: "50%",
+        width: 24,
+        height: 60
+      },
+      [`&${componentCls}-top ${componentCls}-expand-handle,
+        &${componentCls}-bottom ${componentCls}-expand-handle`]: {
+        left: "50%",
+        width: 60,
+        height: 24
+      },
+      [`&${componentCls}-left ${componentCls}-expand-handle`]: {
+        right: 0,
+        transform: "translate(100%, -50%)",
+        borderRadius: "0 8px 8px 0",
+        boxShadow: `2px 0 5px ${token.colorFill}`
+      },
+      [`&${componentCls}-right ${componentCls}-expand-handle`]: {
+        left: 0,
+        transform: "translate(-100%, -50%)",
+        borderRadius: "8px 0 0 8px",
+        boxShadow: `-2px 0 5px ${token.colorFill}`
+      },
+      [`&${componentCls}-top ${componentCls}-expand-handle`]: {
+        bottom: 0,
+        transform: "translate(-50%, 100%)",
+        borderRadius: "0 0 8px 8px",
+        boxShadow: `0 2px 5px ${token.colorFill}`
+      },
+      [`&${componentCls}-bottom ${componentCls}-expand-handle`]: {
+        top: 0,
+        transform: "translate(-50%, -100%)",
+        borderRadius: "8px 8px 0 0",
+        boxShadow: `0 -2px 5px ${token.colorFill}`
+      },
+      [`${componentCls}-handle-icon`]: {
+        userSelect: "none",
+        lineHeight: 0
+      },
+      [`${componentCls}-resize-handle`]: {
+        position: "absolute",
+        border: `1px solid transparent`,
+        zIndex: 1,
+        backgroundColor: token.colorBgTextHover,
+        "&:hover": {
+          backgroundColor: token.colorBgTextActive
+        },
+        "&&-dragging": {
+          backgroundColor: token.colorBgTextActive
+        }
+      },
+      [`&${componentCls}-left ${componentCls}-resize-handle`]: {
+        right: 0,
+        width: 1,
+        height: "100%",
+        cursor: "col-resize"
+      },
+      [`&${componentCls}-right ${componentCls}-resize-handle`]: {
+        left: 0,
+        width: 1,
+        height: "100%",
+        cursor: "col-resize"
+      },
+      [`&${componentCls}-top ${componentCls}-resize-handle`]: {
+        bottom: 0,
+        height: 1,
+        width: "100%",
+        cursor: "row-resize"
+      },
+      [`&${componentCls}-bottom ${componentCls}-resize-handle`]: {
+        top: 0,
+        height: 1,
+        width: "100%",
+        cursor: "row-resize"
+      },
+      [`${componentCls}-content`]: {
+        height: "100%",
+        [`${componentCls}-card`]: {
+          display: "flex",
+          flexDirection: "column",
+          height: "100%",
+          [`${token.antCls}-card-body`]: {
+            flex: 1,
+            minHeight: 0,
+            overflow: "auto"
+          }
+        }
+      }
+    }
+  };
+};
+function isLightColor(color) {
+  var _a;
+  let r = 0, g = 0, b = 0;
+  if (color.startsWith("#")) {
+    let hex = color.substring(1);
+    if (hex.length === 3) {
+      hex = hex.split("").map((c) => 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")) {
+    const values = ((_a = color.match(/\d+/g)) == null ? void 0 : _a.map(Number)) || [];
+    [r, g, b] = values;
+  }
+  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);
+  const luminance = 0.2126 * r + 0.7152 * g + 0.0722 * b;
+  return luminance > 0.5;
+}
+var style_default = (0, import_internal.genStyleHooks)("re-float-drawer", genStyle);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/FloatDrawer/style/index.ts"],
+  "sourcesContent": ["import { genStyleHooks } from 'antd/es/theme/internal';\nimport type { AliasToken, GenerateStyle } from 'antd/es/theme/internal';\nimport type { CSSObject } from '@ant-design/cssinjs';\nimport type { FullToken } from '@ant-design/cssinjs-utils';\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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",
+  "names": []
+}

package/lib/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';

package/lib/components/index.js

@@ -33,6 +33,7 @@ __export(components_exports, {
   ConfigProvider: () => import_ConfigProvider.default,
   ConfirmAction: () => import_ConfirmAction2.default,
   DeleteConfirmAction: () => import_DeleteConfirmAction.default,
+  FloatDrawer: () => import_FloatDrawer.default,
   ModalAction: () => import_ModalAction2.default,
   ReactEasyContext: () => import_context.default,
   withDefaultConfirmActionProps: () => import_ConfirmAction.withDefaultConfirmActionProps,
@@ -46,6 +47,7 @@ var import_context = __toESM(require("./ConfigProvider/context"));
 var import_ConfirmAction = require("./ConfirmAction");
 var import_ConfirmAction2 = __toESM(require("./ConfirmAction"));
 var import_DeleteConfirmAction = __toESM(require("./DeleteConfirmAction"));
+var import_FloatDrawer = __toESM(require("./FloatDrawer"));
 var import_ModalAction = require("./ModalAction");
 var import_ModalAction2 = __toESM(require("./ModalAction"));
 // Annotate the CommonJS export names for ESM import in node:
@@ -54,6 +56,7 @@ var import_ModalAction2 = __toESM(require("./ModalAction"));
   ConfigProvider,
   ConfirmAction,
   DeleteConfirmAction,
+  FloatDrawer,
   ModalAction,
   ReactEasyContext,
   withDefaultConfirmActionProps,

package/lib/components/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tiny-codes/react-easy",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "description": "Helps you use React and AntDesign more easily",
   "keywords": [
     "react",
@@ -39,6 +39,7 @@
   },
   "devDependencies": {
     "@tiny-codes/code-style-all-in-one": "^1.1.5",
+    "@tiny-codes/eslint-plugin-react-hooks": "^4.6.0",
     "@types/jest": "^29.5.14",
     "@types/node": "^22.13.14",
     "@types/react": "^19.0.12",