@tiny-codes/react-easy 1.1.1 → 1.1.3

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

@@ -22,7 +22,8 @@ __export(style_exports, {
   default: () => style_default
 });
 module.exports = __toCommonJS(style_exports);
-var import_internal = require("antd/es/theme/internal");
+var import_genStyleUtils = require("antd/es/theme/util/genStyleUtils");
+var import_fast_color = require("@ant-design/fast-color");
 var import_utils = require("../../../utils");
 var genStyle = (token) => {
   const { componentCls } = token;
@@ -76,30 +77,34 @@ var genStyle = (token) => {
         transform: "translate(0, 0)"
       },
       [`&${componentCls}-open${componentCls}-left ${componentCls}-drawer`]: {
-        boxShadow: `2px 0 10px ${token.colorFill}`
+        // On the left side: the shadow casts to the right
+        boxShadow: `2px 0 12px ${new import_fast_color.FastColor(token.colorTextBase).setA(0.1).toRgbString()}, 1.5px 0 6px ${new import_fast_color.FastColor(token.colorTextBase).setA(0.02).toRgbString()}`
       },
       [`&${componentCls}-open${componentCls}-right ${componentCls}-drawer`]: {
-        boxShadow: `-2px 0 10px ${token.colorFill}`
+        // On the right side: the shadow casts to the left
+        boxShadow: `-2px 0 12px ${new import_fast_color.FastColor(token.colorTextBase).setA(0.1).toRgbString()}, -1.5px 0 6px ${new import_fast_color.FastColor(token.colorTextBase).setA(0.02).toRgbString()}`
       },
       [`&${componentCls}-open${componentCls}-top ${componentCls}-drawer`]: {
-        boxShadow: `0 2px 10px ${token.colorFill}`
+        // On the top side: the shadow casts downward
+        boxShadow: `0 2px 12px ${new import_fast_color.FastColor(token.colorTextBase).setA(0.1).toRgbString()}, 0 1.5px 6px ${new import_fast_color.FastColor(token.colorTextBase).setA(0.02).toRgbString()}`
       },
       [`&${componentCls}-open${componentCls}-bottom ${componentCls}-drawer`]: {
-        boxShadow: `0 -2px 10px ${token.colorFill}`
+        // On the bottom side: the shadow casts upward
+        boxShadow: `0 -2px 12px ${new import_fast_color.FastColor(token.colorTextBase).setA(0.1).toRgbString()}, 0 -1.5px 6px ${new import_fast_color.FastColor(token.colorTextBase).setA(0.02).toRgbString()}`
       },
       [`&${componentCls}-closed${componentCls}-left ${componentCls}-drawer`]: {
-        transform: "translateX(-100%)"
+        transform: "translateX(calc(-100% - var(--edge-offset, 0px)))"
       },
       [`&${componentCls}-closed${componentCls}-right ${componentCls}-drawer`]: {
-        transform: "translateX(100%)"
+        transform: "translateX(calc(100% + var(--edge-offset, 0px)))"
       },
       [`&${componentCls}-closed${componentCls}-top ${componentCls}-drawer`]: {
-        transform: "translateY(-100%)"
+        transform: "translateY(calc(-100% - var(--edge-offset, 0px)))"
       },
       [`&${componentCls}-closed${componentCls}-bottom ${componentCls}-drawer`]: {
-        transform: "translateY(100%)"
+        transform: "translateY(calc(100% + var(--edge-offset, 0px)))"
       },
-      [`${componentCls}-expand-handle`]: {
+      [`${componentCls}-toggle`]: {
         position: "absolute",
         zIndex: 2,
         cursor: "pointer",
@@ -114,41 +119,73 @@ var genStyle = (token) => {
           backgroundColor: (0, import_utils.getColorLuminance)(token.colorBgBase) > 0.5 ? "#f0f0f0" : "#1a1a1a"
         }
       },
-      [`&${componentCls}-left ${componentCls}-expand-handle,
-        &${componentCls}-right ${componentCls}-expand-handle`]: {
+      [`&${componentCls}-left ${componentCls}-toggle,
+        &${componentCls}-right ${componentCls}-toggle`]: {
         top: "50%",
         width: 24,
         height: 60
       },
-      [`&${componentCls}-top ${componentCls}-expand-handle,
-        &${componentCls}-bottom ${componentCls}-expand-handle`]: {
+      [`&${componentCls}-top ${componentCls}-toggle,
+        &${componentCls}-bottom ${componentCls}-toggle`]: {
         left: "50%",
         width: 60,
         height: 24
       },
-      [`&${componentCls}-left ${componentCls}-expand-handle`]: {
+      [`&${componentCls}-left ${componentCls}-toggle`]: {
         right: 0,
         transform: "translate(100%, -50%)",
         borderRadius: "0 8px 8px 0",
-        boxShadow: `2px 0 5px ${token.colorFill}`
+        // On the left side: the shadow casts to the right and upward/downward in half size
+        boxShadow: `0px 2px 4px ${new import_fast_color.FastColor(token.colorTextBase).setA(0.08).toRgbString()}, 
+        0px -2px 4px ${new import_fast_color.FastColor(token.colorTextBase).setA(0.08).toRgbString()}, 
+        4px 0px 8px ${new import_fast_color.FastColor(token.colorTextBase).setA(0.1).toRgbString()}`,
+        "&:hover": {
+          boxShadow: `0px 2px 4px ${new import_fast_color.FastColor(token.colorTextBase).setA(0.1).toRgbString()}, 
+          0px -2px 4px ${new import_fast_color.FastColor(token.colorTextBase).setA(0.1).toRgbString()}, 
+          4px 0px 8px ${new import_fast_color.FastColor(token.colorTextBase).setA(0.12).toRgbString()}`
+        }
       },
-      [`&${componentCls}-right ${componentCls}-expand-handle`]: {
+      [`&${componentCls}-right ${componentCls}-toggle`]: {
         left: 0,
         transform: "translate(-100%, -50%)",
         borderRadius: "8px 0 0 8px",
-        boxShadow: `-2px 0 5px ${token.colorFill}`
+        // On the right side: the shadow casts to the left and upward/downward in half size
+        boxShadow: `0px 2px 4px ${new import_fast_color.FastColor(token.colorTextBase).setA(0.08).toRgbString()}, 
+        0px -2px 4px ${new import_fast_color.FastColor(token.colorTextBase).setA(0.08).toRgbString()}, 
+        -4px 0px 8px ${new import_fast_color.FastColor(token.colorTextBase).setA(0.1).toRgbString()}`,
+        "&:hover": {
+          boxShadow: `0px 2px 4px ${new import_fast_color.FastColor(token.colorTextBase).setA(0.1).toRgbString()}, 
+          0px -2px 4px ${new import_fast_color.FastColor(token.colorTextBase).setA(0.1).toRgbString()}, 
+          -4px 0px 8px ${new import_fast_color.FastColor(token.colorTextBase).setA(0.12).toRgbString()}`
+        }
       },
-      [`&${componentCls}-top ${componentCls}-expand-handle`]: {
+      [`&${componentCls}-top ${componentCls}-toggle`]: {
         bottom: 0,
         transform: "translate(-50%, 100%)",
         borderRadius: "0 0 8px 8px",
-        boxShadow: `0 2px 5px ${token.colorFill}`
+        // On the top side: the shadow casts downward and left/right in half size
+        boxShadow: `2px 0px 4px ${new import_fast_color.FastColor(token.colorTextBase).setA(0.08).toRgbString()}, 
+                   -2px 0px 4px ${new import_fast_color.FastColor(token.colorTextBase).setA(0.08).toRgbString()}, 
+                   0px 4px 8px ${new import_fast_color.FastColor(token.colorTextBase).setA(0.1).toRgbString()}`,
+        "&:hover": {
+          boxShadow: `2px 0px 4px ${new import_fast_color.FastColor(token.colorTextBase).setA(0.1).toRgbString()}, 
+                   -2px 0px 4px ${new import_fast_color.FastColor(token.colorTextBase).setA(0.1).toRgbString()}, 
+                   0px 4px 8px ${new import_fast_color.FastColor(token.colorTextBase).setA(0.12).toRgbString()}`
+        }
       },
-      [`&${componentCls}-bottom ${componentCls}-expand-handle`]: {
+      [`&${componentCls}-bottom ${componentCls}-toggle`]: {
         top: 0,
         transform: "translate(-50%, -100%)",
         borderRadius: "8px 8px 0 0",
-        boxShadow: `0 -2px 5px ${token.colorFill}`
+        // On the bottom side: the shadow casts upward and left/right in half size
+        boxShadow: `2px 0px 4px ${new import_fast_color.FastColor(token.colorTextBase).setA(0.08).toRgbString()}, 
+                   -2px 0px 4px ${new import_fast_color.FastColor(token.colorTextBase).setA(0.08).toRgbString()}, 
+                   0px -4px 8px ${new import_fast_color.FastColor(token.colorTextBase).setA(0.1).toRgbString()}`,
+        "&:hover": {
+          boxShadow: `2px 0px 4px ${new import_fast_color.FastColor(token.colorTextBase).setA(0.1).toRgbString()}, 
+                   -2px 0px 4px ${new import_fast_color.FastColor(token.colorTextBase).setA(0.1).toRgbString()}, 
+                   0px -4px 8px ${new import_fast_color.FastColor(token.colorTextBase).setA(0.12).toRgbString()}`
+        }
       },
       [`${componentCls}-handle-icon`]: {
         userSelect: "none",
@@ -206,5 +243,5 @@ var genStyle = (token) => {
     }
   };
 };
-var style_default = (0, import_internal.genStyleHooks)("re-float-drawer", genStyle);
+var style_default = (0, import_genStyleUtils.genStyleHooks)("EasyFloatDrawer", genStyle);
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/FloatDrawer/style/index.ts"],
-  "sourcesContent": ["import { genStyleHooks } from 'antd/es/theme/internal';\nimport type { AliasToken, GenerateStyle } from 'antd/es/theme/internal';\nimport type { CSSObject } from '@ant-design/cssinjs';\nimport type { FullToken } from '@ant-design/cssinjs-utils';\nimport { getColorLuminance } from '../../../utils';\n\ntype REFloatDrawerToken = FullToken<{ ''?: object }, AliasToken, ''>;\n\nconst genStyle: GenerateStyle<REFloatDrawerToken> = (token): CSSObject => {\n  const { componentCls } = token;\n  return {\n    [componentCls]: {\n      position: 'absolute',\n      display: 'flex',\n      overflow: 'visible',\n      ['&-left']: {\n        left: 0,\n        top: 0,\n        bottom: 0,\n      },\n      ['&-right']: {\n        right: 0,\n        top: 0,\n        bottom: 0,\n      },\n      ['&-top']: {\n        left: 0,\n        right: 0,\n        top: 0,\n      },\n      ['&-bottom']: {\n        left: 0,\n        right: 0,\n        bottom: 0,\n      },\n\n      [`&${componentCls}-open`]: {\n        // visibility: 'visible',\n      },\n      [`&${componentCls}-closed`]: {\n        pointerEvents: 'none',\n      },\n      [`${componentCls}-drawer`]: {\n        transition: 'transform 0.3s ease-in-out',\n        overflow: 'visible',\n      },\n      [`&${componentCls}-left ${componentCls}-drawer,\n        &${componentCls}-right ${componentCls}-drawer`]: {\n        height: '100%',\n      },\n      [`&${componentCls}-top ${componentCls}-drawer,\n        &${componentCls}-bottom ${componentCls}-drawer`]: {\n        width: '100%',\n      },\n      [`&${componentCls}-open${componentCls}-left ${componentCls}-drawer,\n        &${componentCls}-open${componentCls}-right ${componentCls}-drawer,\n        &${componentCls}-open${componentCls}-top ${componentCls}-drawer,\n        &${componentCls}-open${componentCls}-bottom ${componentCls}-drawer`]: {\n        transform: 'translate(0, 0)',\n      },\n      [`&${componentCls}-open${componentCls}-left ${componentCls}-drawer`]: {\n        boxShadow: `2px 0 10px ${token.colorFill}`,\n      },\n      [`&${componentCls}-open${componentCls}-right ${componentCls}-drawer`]: {\n        boxShadow: `-2px 0 10px ${token.colorFill}`,\n      },\n      [`&${componentCls}-open${componentCls}-top ${componentCls}-drawer`]: {\n        boxShadow: `0 2px 10px ${token.colorFill}`,\n      },\n      [`&${componentCls}-open${componentCls}-bottom ${componentCls}-drawer`]: {\n        boxShadow: `0 -2px 10px ${token.colorFill}`,\n      },\n      [`&${componentCls}-closed${componentCls}-left ${componentCls}-drawer`]: {\n        transform: 'translateX(-100%)',\n      },\n      [`&${componentCls}-closed${componentCls}-right ${componentCls}-drawer`]: {\n        transform: 'translateX(100%)',\n      },\n      [`&${componentCls}-closed${componentCls}-top ${componentCls}-drawer`]: {\n        transform: 'translateY(-100%)',\n      },\n      [`&${componentCls}-closed${componentCls}-bottom ${componentCls}-drawer`]: {\n        transform: 'translateY(100%)',\n      },\n      [`${componentCls}-expand-handle`]: {\n        position: 'absolute',\n        zIndex: 2,\n        cursor: 'pointer',\n        color: token.colorTextTertiary,\n        backgroundColor: getColorLuminance(token.colorBgBase) > 0.5 ? '#fafafa' : '#141414',\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        pointerEvents: 'all',\n        '&:hover': {\n          color: token.colorText,\n          backgroundColor: getColorLuminance(token.colorBgBase) > 0.5 ? '#f0f0f0' : '#1a1a1a',\n        },\n      },\n      [`&${componentCls}-left ${componentCls}-expand-handle,\n        &${componentCls}-right ${componentCls}-expand-handle`]: {\n        top: '50%',\n        width: 24,\n        height: 60,\n      },\n      [`&${componentCls}-top ${componentCls}-expand-handle,\n        &${componentCls}-bottom ${componentCls}-expand-handle`]: {\n        left: '50%',\n        width: 60,\n        height: 24,\n      },\n      [`&${componentCls}-left ${componentCls}-expand-handle`]: {\n        right: 0,\n        transform: 'translate(100%, -50%)',\n        borderRadius: '0 8px 8px 0',\n        boxShadow: `2px 0 5px ${token.colorFill}`,\n      },\n      [`&${componentCls}-right ${componentCls}-expand-handle`]: {\n        left: 0,\n        transform: 'translate(-100%, -50%)',\n        borderRadius: '8px 0 0 8px',\n        boxShadow: `-2px 0 5px ${token.colorFill}`,\n      },\n      [`&${componentCls}-top ${componentCls}-expand-handle`]: {\n        bottom: 0,\n        transform: 'translate(-50%, 100%)',\n        borderRadius: '0 0 8px 8px',\n        boxShadow: `0 2px 5px ${token.colorFill}`,\n      },\n      [`&${componentCls}-bottom ${componentCls}-expand-handle`]: {\n        top: 0,\n        transform: 'translate(-50%, -100%)',\n        borderRadius: '8px 8px 0 0',\n        boxShadow: `0 -2px 5px ${token.colorFill}`,\n      },\n      [`${componentCls}-handle-icon`]: {\n        userSelect: 'none',\n        lineHeight: 0,\n      },\n      [`${componentCls}-resize-handle`]: {\n        position: 'absolute',\n        border: `1px solid transparent`,\n        zIndex: 1,\n        backgroundColor: token.colorBgTextHover,\n        '&:hover': {\n          backgroundColor: token.colorBgTextActive,\n        },\n        '&&-dragging': {\n          backgroundColor: token.colorBgTextActive,\n        },\n      },\n      [`&${componentCls}-left ${componentCls}-resize-handle`]: {\n        right: 0,\n        width: 1,\n        height: '100%',\n        cursor: 'col-resize',\n      },\n      [`&${componentCls}-right ${componentCls}-resize-handle`]: {\n        left: 0,\n        width: 1,\n        height: '100%',\n        cursor: 'col-resize',\n      },\n      [`&${componentCls}-top ${componentCls}-resize-handle`]: {\n        bottom: 0,\n        height: 1,\n        width: '100%',\n        cursor: 'row-resize',\n      },\n      [`&${componentCls}-bottom ${componentCls}-resize-handle`]: {\n        top: 0,\n        height: 1,\n        width: '100%',\n        cursor: 'row-resize',\n      },\n      [`${componentCls}-content`]: {\n        height: '100%',\n        [`${componentCls}-card`]: {\n          display: 'flex',\n          flexDirection: 'column',\n          height: '100%',\n\n          [`${token.antCls}-card-body`]: {\n            flex: 1,\n            minHeight: 0,\n            overflow: 'auto',\n          },\n        },\n      },\n    },\n  };\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport default genStyleHooks('re-float-drawer' as any, genStyle);\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { AliasToken, GenerateStyle } from 'antd/es/theme/interface';\nimport { genStyleHooks } from 'antd/es/theme/util/genStyleUtils';\nimport type { CSSObject } from '@ant-design/cssinjs';\nimport type { FullToken } from '@ant-design/cssinjs-utils';\nimport { FastColor } from '@ant-design/fast-color';\nimport { getColorLuminance } from '../../../utils';\n\ntype REFloatDrawerToken = FullToken<{ ''?: object }, AliasToken, ''>;\n\nconst genStyle: GenerateStyle<REFloatDrawerToken> = (token): CSSObject => {\n  const { componentCls } = token;\n  return {\n    [componentCls]: {\n      position: 'absolute',\n      display: 'flex',\n      overflow: 'visible',\n      ['&-left']: {\n        left: 0,\n        top: 0,\n        bottom: 0,\n      },\n      ['&-right']: {\n        right: 0,\n        top: 0,\n        bottom: 0,\n      },\n      ['&-top']: {\n        left: 0,\n        right: 0,\n        top: 0,\n      },\n      ['&-bottom']: {\n        left: 0,\n        right: 0,\n        bottom: 0,\n      },\n\n      [`&${componentCls}-open`]: {\n        // visibility: 'visible',\n      },\n      [`&${componentCls}-closed`]: {\n        pointerEvents: 'none',\n      },\n      [`${componentCls}-drawer`]: {\n        transition: 'transform 0.3s ease-in-out',\n        overflow: 'visible',\n      },\n      [`&${componentCls}-left ${componentCls}-drawer,\n        &${componentCls}-right ${componentCls}-drawer`]: {\n        height: '100%',\n      },\n      [`&${componentCls}-top ${componentCls}-drawer,\n        &${componentCls}-bottom ${componentCls}-drawer`]: {\n        width: '100%',\n      },\n      [`&${componentCls}-open${componentCls}-left ${componentCls}-drawer,\n        &${componentCls}-open${componentCls}-right ${componentCls}-drawer,\n        &${componentCls}-open${componentCls}-top ${componentCls}-drawer,\n        &${componentCls}-open${componentCls}-bottom ${componentCls}-drawer`]: {\n        transform: 'translate(0, 0)',\n      },\n      [`&${componentCls}-open${componentCls}-left ${componentCls}-drawer`]: {\n        // On the left side: the shadow casts to the right\n        boxShadow: `2px 0 12px ${new FastColor(token.colorTextBase).setA(0.1).toRgbString()}, 1.5px 0 6px ${new FastColor(token.colorTextBase).setA(0.02).toRgbString()}`,\n      },\n      [`&${componentCls}-open${componentCls}-right ${componentCls}-drawer`]: {\n        // On the right side: the shadow casts to the left\n        boxShadow: `-2px 0 12px ${new FastColor(token.colorTextBase).setA(0.1).toRgbString()}, -1.5px 0 6px ${new FastColor(token.colorTextBase).setA(0.02).toRgbString()}`,\n      },\n      [`&${componentCls}-open${componentCls}-top ${componentCls}-drawer`]: {\n        // On the top side: the shadow casts downward\n        boxShadow: `0 2px 12px ${new FastColor(token.colorTextBase).setA(0.1).toRgbString()}, 0 1.5px 6px ${new FastColor(token.colorTextBase).setA(0.02).toRgbString()}`,\n      },\n      [`&${componentCls}-open${componentCls}-bottom ${componentCls}-drawer`]: {\n        // On the bottom side: the shadow casts upward\n        boxShadow: `0 -2px 12px ${new FastColor(token.colorTextBase).setA(0.1).toRgbString()}, 0 -1.5px 6px ${new FastColor(token.colorTextBase).setA(0.02).toRgbString()}`,\n      },\n      [`&${componentCls}-closed${componentCls}-left ${componentCls}-drawer`]: {\n        transform: 'translateX(calc(-100% - var(--edge-offset, 0px)))',\n      },\n      [`&${componentCls}-closed${componentCls}-right ${componentCls}-drawer`]: {\n        transform: 'translateX(calc(100% + var(--edge-offset, 0px)))',\n      },\n      [`&${componentCls}-closed${componentCls}-top ${componentCls}-drawer`]: {\n        transform: 'translateY(calc(-100% - var(--edge-offset, 0px)))',\n      },\n      [`&${componentCls}-closed${componentCls}-bottom ${componentCls}-drawer`]: {\n        transform: 'translateY(calc(100% + var(--edge-offset, 0px)))',\n      },\n      [`${componentCls}-toggle`]: {\n        position: 'absolute',\n        zIndex: 2,\n        cursor: 'pointer',\n        color: token.colorTextTertiary,\n        backgroundColor: getColorLuminance(token.colorBgBase) > 0.5 ? '#fafafa' : '#141414',\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        pointerEvents: 'all',\n        '&:hover': {\n          color: token.colorText,\n          backgroundColor: getColorLuminance(token.colorBgBase) > 0.5 ? '#f0f0f0' : '#1a1a1a',\n        },\n      },\n      [`&${componentCls}-left ${componentCls}-toggle,\n        &${componentCls}-right ${componentCls}-toggle`]: {\n        top: '50%',\n        width: 24,\n        height: 60,\n      },\n      [`&${componentCls}-top ${componentCls}-toggle,\n        &${componentCls}-bottom ${componentCls}-toggle`]: {\n        left: '50%',\n        width: 60,\n        height: 24,\n      },\n      [`&${componentCls}-left ${componentCls}-toggle`]: {\n        right: 0,\n        transform: 'translate(100%, -50%)',\n        borderRadius: '0 8px 8px 0',\n        // On the left side: the shadow casts to the right and upward/downward in half size\n        boxShadow: `0px 2px 4px ${new FastColor(token.colorTextBase).setA(0.08).toRgbString()}, \n        0px -2px 4px ${new FastColor(token.colorTextBase).setA(0.08).toRgbString()}, \n        4px 0px 8px ${new FastColor(token.colorTextBase).setA(0.1).toRgbString()}`,\n        '&:hover': {\n          boxShadow: `0px 2px 4px ${new FastColor(token.colorTextBase).setA(0.1).toRgbString()}, \n          0px -2px 4px ${new FastColor(token.colorTextBase).setA(0.1).toRgbString()}, \n          4px 0px 8px ${new FastColor(token.colorTextBase).setA(0.12).toRgbString()}`,\n        },\n      },\n      [`&${componentCls}-right ${componentCls}-toggle`]: {\n        left: 0,\n        transform: 'translate(-100%, -50%)',\n        borderRadius: '8px 0 0 8px',\n        // On the right side: the shadow casts to the left and upward/downward in half size\n        boxShadow: `0px 2px 4px ${new FastColor(token.colorTextBase).setA(0.08).toRgbString()}, \n        0px -2px 4px ${new FastColor(token.colorTextBase).setA(0.08).toRgbString()}, \n        -4px 0px 8px ${new FastColor(token.colorTextBase).setA(0.1).toRgbString()}`,\n        '&:hover': {\n          boxShadow: `0px 2px 4px ${new FastColor(token.colorTextBase).setA(0.1).toRgbString()}, \n          0px -2px 4px ${new FastColor(token.colorTextBase).setA(0.1).toRgbString()}, \n          -4px 0px 8px ${new FastColor(token.colorTextBase).setA(0.12).toRgbString()}`,\n        },\n      },\n      [`&${componentCls}-top ${componentCls}-toggle`]: {\n        bottom: 0,\n        transform: 'translate(-50%, 100%)',\n        borderRadius: '0 0 8px 8px',\n        // On the top side: the shadow casts downward and left/right in half size\n        boxShadow: `2px 0px 4px ${new FastColor(token.colorTextBase).setA(0.08).toRgbString()}, \n                   -2px 0px 4px ${new FastColor(token.colorTextBase).setA(0.08).toRgbString()}, \n                   0px 4px 8px ${new FastColor(token.colorTextBase).setA(0.1).toRgbString()}`,\n        '&:hover': {\n          boxShadow: `2px 0px 4px ${new FastColor(token.colorTextBase).setA(0.1).toRgbString()}, \n                   -2px 0px 4px ${new FastColor(token.colorTextBase).setA(0.1).toRgbString()}, \n                   0px 4px 8px ${new FastColor(token.colorTextBase).setA(0.12).toRgbString()}`,\n        },\n      },\n      [`&${componentCls}-bottom ${componentCls}-toggle`]: {\n        top: 0,\n        transform: 'translate(-50%, -100%)',\n        borderRadius: '8px 8px 0 0',\n        // On the bottom side: the shadow casts upward and left/right in half size\n        boxShadow: `2px 0px 4px ${new FastColor(token.colorTextBase).setA(0.08).toRgbString()}, \n                   -2px 0px 4px ${new FastColor(token.colorTextBase).setA(0.08).toRgbString()}, \n                   0px -4px 8px ${new FastColor(token.colorTextBase).setA(0.1).toRgbString()}`,\n        '&:hover': {\n          boxShadow: `2px 0px 4px ${new FastColor(token.colorTextBase).setA(0.1).toRgbString()}, \n                   -2px 0px 4px ${new FastColor(token.colorTextBase).setA(0.1).toRgbString()}, \n                   0px -4px 8px ${new FastColor(token.colorTextBase).setA(0.12).toRgbString()}`,\n        },\n      },\n      [`${componentCls}-handle-icon`]: {\n        userSelect: 'none',\n        lineHeight: 0,\n      },\n      [`${componentCls}-resize-handle`]: {\n        position: 'absolute',\n        border: `1px solid transparent`,\n        zIndex: 1,\n        backgroundColor: token.colorBgTextHover,\n        '&:hover': {\n          backgroundColor: token.colorBgTextActive,\n        },\n        '&&-dragging': {\n          backgroundColor: token.colorBgTextActive,\n        },\n      },\n      [`&${componentCls}-left ${componentCls}-resize-handle`]: {\n        right: 0,\n        width: 1,\n        height: '100%',\n        cursor: 'col-resize',\n      },\n      [`&${componentCls}-right ${componentCls}-resize-handle`]: {\n        left: 0,\n        width: 1,\n        height: '100%',\n        cursor: 'col-resize',\n      },\n      [`&${componentCls}-top ${componentCls}-resize-handle`]: {\n        bottom: 0,\n        height: 1,\n        width: '100%',\n        cursor: 'row-resize',\n      },\n      [`&${componentCls}-bottom ${componentCls}-resize-handle`]: {\n        top: 0,\n        height: 1,\n        width: '100%',\n        cursor: 'row-resize',\n      },\n      [`${componentCls}-content`]: {\n        height: '100%',\n        [`${componentCls}-card`]: {\n          display: 'flex',\n          flexDirection: 'column',\n          height: '100%',\n\n          [`${token.antCls}-card-body`]: {\n            flex: 1,\n            minHeight: 0,\n            overflow: 'auto',\n          },\n        },\n      },\n    },\n  };\n};\n\nexport default genStyleHooks('EasyFloatDrawer' as never, genStyle);\n"],
+  "mappings": "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",
   "names": []
 }

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

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

package/lib/components/Loading/index.js

@@ -0,0 +1,81 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Loading/index.tsx
+var Loading_exports = {};
+__export(Loading_exports, {
+  default: () => Loading_default
+});
+module.exports = __toCommonJS(Loading_exports);
+var import_react = require("react");
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+var import_style = __toESM(require("./style"));
+var Loading = (props) => {
+  const {
+    prefixCls: prefixClsInProps,
+    maskClassName,
+    maskStyle,
+    mode = "flex",
+    children,
+    spinning = true,
+    className,
+    ...spinProps
+  } = props;
+  const { getPrefixCls } = (0, import_react.useContext)(import_antd.ConfigProvider.ConfigContext);
+  const prefixCls = getPrefixCls("easy-loading", prefixClsInProps);
+  const [wrapCSSVar, hashId, cssVarCls] = (0, import_style.default)(prefixCls);
+  return children ? (
+    // Use spin to wrap children when children is provided,
+    // and control the animation display with the spinning prop.
+    wrapCSSVar(
+      /* @__PURE__ */ React.createElement(import_antd.Spin, { className: (0, import_classnames.default)(hashId, cssVarCls, prefixCls, className), spinning, ...spinProps }, children)
+    )
+  ) : (
+    // Show the loading animation in a wrapper that fills the parent container and centers the animation,
+    // and hides the entire component when the animation is off.
+    spinning && wrapCSSVar(
+      /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: (0, import_classnames.default)(
+            hashId,
+            cssVarCls,
+            prefixCls,
+            maskClassName,
+            mode === "absolute" ? `${prefixCls}-absolute` : `${prefixCls}-flex`
+          ),
+          style: maskStyle
+        },
+        /* @__PURE__ */ React.createElement(import_antd.Spin, { className, spinning, ...spinProps })
+      )
+    )
+  );
+};
+var Loading_default = Loading;
+//# sourceMappingURL=index.js.map

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

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

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

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

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

@@ -0,0 +1,50 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Loading/style/index.ts
+var style_exports = {};
+__export(style_exports, {
+  default: () => style_default
+});
+module.exports = __toCommonJS(style_exports);
+var import_internal = require("antd/es/theme/internal");
+var genStyle = (token) => {
+  const { componentCls } = token;
+  return {
+    [componentCls]: {
+      "&-flex": {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        width: "100%",
+        height: "100%"
+      },
+      "&-absolute": {
+        position: "absolute",
+        top: "50%",
+        left: "50%",
+        transform: "translate(-50%, -50%)"
+      },
+      [`:global(.${token.antCls}-spin)`]: {
+        lineHeight: 0
+      }
+    }
+  };
+};
+var style_default = (0, import_internal.genStyleHooks)("EasyLoading", genStyle);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Loading/style/index.ts"],
+  "sourcesContent": ["import { genStyleHooks } from 'antd/es/theme/internal';\nimport type { AliasToken, GenerateStyle } from 'antd/es/theme/internal';\nimport type { CSSObject } from '@ant-design/cssinjs';\nimport type { FullToken } from '@ant-design/cssinjs-utils';\n\ntype OverflowTagsToken = FullToken<{ ''?: object }, AliasToken, ''>;\n\nconst genStyle: GenerateStyle<OverflowTagsToken> = (token): CSSObject => {\n  const { componentCls } = token;\n  return {\n    [componentCls]: {\n      '&-flex': {\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        width: '100%',\n        height: '100%',\n      },\n      '&-absolute': {\n        position: 'absolute',\n        top: '50%',\n        left: '50%',\n        transform: 'translate(-50%, -50%)',\n      },\n      [`:global(.${token.antCls}-spin)`]: {\n        lineHeight: 0,\n      },\n    },\n  };\n};\n\nexport default genStyleHooks('EasyLoading' as never, genStyle);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAA8B;AAO9B,IAAM,WAA6C,CAAC,UAAqB;AACvE,QAAM,EAAE,aAAa,IAAI;AACzB,SAAO;AAAA,IACL,CAAC,YAAY,GAAG;AAAA,MACd,UAAU;AAAA,QACR,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,MACA,cAAc;AAAA,QACZ,UAAU;AAAA,QACV,KAAK;AAAA,QACL,MAAM;AAAA,QACN,WAAW;AAAA,MACb;AAAA,MACA,CAAC,YAAY,MAAM,cAAc,GAAG;AAAA,QAClC,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAO,oBAAQ,+BAAc,eAAwB,QAAQ;",
+  "names": []
+}