@tiny-codes/react-easy 1.7.6 → 1.7.8

package/es/hooks/useSplitter.js

@@ -10,13 +10,15 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { useEffect, useState } from 'react';
-import { theme } from 'antd';
+import { useContext, useEffect, useState } from 'react';
+import names from 'classnames';
+import { ConfigProvider } from "../components";
+import useStyle from "./style/useSplitter";
 import useRefValue from "./useRefValue";
 import { jsx as _jsx } from "react/jsx-runtime";
 var useSplitter = function useSplitter(props) {
   var _ref = props || {},
-    container = _ref.container,
+    containerFromProps = _ref.container,
     defaultRatio = _ref.defaultRatio,
     _ref$minRatio = _ref.minRatio,
     minRatio = _ref$minRatio === void 0 ? 0.15 : _ref$minRatio,
@@ -25,31 +27,50 @@ var useSplitter = function useSplitter(props) {
     _ref$direction = _ref.direction,
     direction = _ref$direction === void 0 ? 'vertical' : _ref$direction,
     _ref$splitterWidth = _ref.splitterWidth,
-    splitterWidth = _ref$splitterWidth === void 0 ? 2 : _ref$splitterWidth,
+    splitterWidth = _ref$splitterWidth === void 0 ? 1 : _ref$splitterWidth,
     className = _ref.className,
-    style = _ref.style;
-  var _theme$useToken = theme.useToken(),
-    token = _theme$useToken.token;
+    classNames = _ref.classNames,
+    styles = _ref.styles,
+    prefixClsInProps = _ref.prefixCls,
+    style = _ref.style,
+    onChange = _ref.onChange;
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var prefixCls = getPrefixCls('splitter', prefixClsInProps);
+  var _useStyle = useStyle(prefixCls),
+    _useStyle2 = _slicedToArray(_useStyle, 3),
+    wrapCSSVar = _useStyle2[0],
+    hashId = _useStyle2[1],
+    cssVarCls = _useStyle2[2];
   var directionRef = useRefValue(direction);
-  var _useState = useState(defaultRatio),
+  var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
-    percent = _useState2[0],
-    setPercent = _useState2[1];
-  var percentRef = useRefValue(percent);
-  var _useState3 = useState(container && defaultRatio ? ((container === null || container === void 0 ? void 0 : container.clientWidth) || 0) * defaultRatio : undefined),
+    splitterRef = _useState2[0],
+    setSplitterRef = _useState2[1];
+  var _useState3 = useState(containerFromProps),
     _useState4 = _slicedToArray(_useState3, 2),
-    width = _useState4[0],
-    setWidth = _useState4[1];
-  var _useState5 = useState(false),
+    container = _useState4[0],
+    setContainer = _useState4[1];
+  var _useState5 = useState(defaultRatio),
     _useState6 = _slicedToArray(_useState5, 2),
-    dragging = _useState6[0],
-    setDragging = _useState6[1];
+    percent = _useState6[0],
+    setPercent = _useState6[1];
+  var percentRef = useRefValue(percent);
+  var onChangeRef = useRefValue(onChange);
+  var _useState7 = useState(container && defaultRatio ? ((container === null || container === void 0 ? void 0 : container.clientWidth) || 0) * defaultRatio : undefined),
+    _useState8 = _slicedToArray(_useState7, 2),
+    width = _useState8[0],
+    setWidth = _useState8[1];
+  var _useState9 = useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    dragging = _useState10[0],
+    setDragging = _useState10[1];
   var minRatioRef = useRefValue(minRatio);
   var maxRatioRef = useRefValue(maxRatio);
-  var _useState7 = useState(false),
-    _useState8 = _slicedToArray(_useState7, 2),
-    isOver = _useState8[0],
-    setIsOver = _useState8[1];
+  var _useState11 = useState(false),
+    _useState12 = _slicedToArray(_useState11, 2),
+    isOver = _useState12[0],
+    setIsOver = _useState12[1];
   useEffect(function () {
     if (!dragging) return;
     var onMove = function onMove(e) {
@@ -57,15 +78,19 @@ var useSplitter = function useSplitter(props) {
       if (!el) return;
       var rect = el.getBoundingClientRect();
       if (direction === 'vertical') {
+        var _onChangeRef$current;
         var x = e.clientX - rect.left;
-        var ratio = Math.max(minRatioRef.current, Math.min(maxRatioRef.current, x / rect.width));
-        setPercent(ratio);
+        var _ratio = Math.max(minRatioRef.current, Math.min(maxRatioRef.current, x / rect.width));
+        setPercent(_ratio);
         setWidth(x);
+        (_onChangeRef$current = onChangeRef.current) === null || _onChangeRef$current === void 0 || _onChangeRef$current.call(onChangeRef, _ratio);
       } else {
+        var _onChangeRef$current2;
         var y = e.clientY - rect.top;
-        var _ratio = Math.max(minRatioRef.current, Math.min(maxRatioRef.current, y / rect.height));
-        setPercent(_ratio);
+        var _ratio2 = Math.max(minRatioRef.current, Math.min(maxRatioRef.current, y / rect.height));
+        setPercent(_ratio2);
         setWidth(y);
+        (_onChangeRef$current2 = onChangeRef.current) === null || _onChangeRef$current2 === void 0 || _onChangeRef$current2.call(onChangeRef, _ratio2);
       }
       // prevent text selection while dragging
       e.preventDefault();
@@ -82,6 +107,11 @@ var useSplitter = function useSplitter(props) {
       window.removeEventListener('mouseup', onUp);
     };
   }, [container, dragging, direction, minRatioRef, maxRatioRef]);
+  useEffect(function () {
+    var _ref2;
+    var containerDom = (_ref2 = containerFromProps !== null && containerFromProps !== void 0 ? containerFromProps : splitterRef === null || splitterRef === void 0 ? void 0 : splitterRef.parentElement) !== null && _ref2 !== void 0 ? _ref2 : undefined;
+    setContainer(containerDom);
+  }, [containerFromProps, splitterRef]);
 
   // Initialize percent and width on mount
   useEffect(function () {
@@ -89,25 +119,21 @@ var useSplitter = function useSplitter(props) {
       var rect = container.getBoundingClientRect();
       setPercent(defaultRatio);
       if (directionRef.current === 'vertical') {
+        var _onChangeRef$current3;
         setWidth(rect.width * defaultRatio);
+        (_onChangeRef$current3 = onChangeRef.current) === null || _onChangeRef$current3 === void 0 || _onChangeRef$current3.call(onChangeRef, defaultRatio);
       } else {
+        var _onChangeRef$current4;
         setWidth(rect.height * defaultRatio);
+        (_onChangeRef$current4 = onChangeRef.current) === null || _onChangeRef$current4 === void 0 || _onChangeRef$current4.call(onChangeRef, defaultRatio);
       }
     }
   }, [defaultRatio, container]);
   var vertical = direction === 'vertical';
-  var dom = /*#__PURE__*/_jsx("div", {
-    className: className,
-    style: _objectSpread({
-      flex: 'none',
-      width: vertical ? splitterWidth : '100%',
-      height: vertical ? 'auto' : splitterWidth,
-      cursor: vertical ? 'col-resize' : 'row-resize',
-      background: dragging ? token.colorPrimaryHover : isOver ? token.colorPrimaryActive : token.colorBorder,
-      margin: vertical ? '0 4px' : '4px 0',
-      borderRadius: 4,
-      userSelect: 'none'
-    }, style),
+  var dom = wrapCSSVar( /*#__PURE__*/_jsx("div", {
+    ref: setSplitterRef,
+    className: names(hashId, cssVarCls, prefixCls, className, isOver ? names("".concat(prefixCls, "-hover"), classNames === null || classNames === void 0 ? void 0 : classNames.hover) : undefined, dragging ? names("".concat(prefixCls, "-dragging"), classNames === null || classNames === void 0 ? void 0 : classNames.dragging) : undefined, _defineProperty(_defineProperty({}, "".concat(prefixCls, "-vertical"), vertical), "".concat(prefixCls, "-horizontal"), !vertical)),
+    style: _objectSpread(_defineProperty({}, "--splitter-width", splitterWidth ? "".concat(splitterWidth, "px") : undefined), style),
     onMouseDown: function onMouseDown() {
       return setDragging(true);
     },
@@ -119,8 +145,12 @@ var useSplitter = function useSplitter(props) {
     },
     role: "separator",
     "aria-orientation": vertical ? 'vertical' : 'horizontal',
-    "aria-label": "Resize"
-  });
+    "aria-label": "Resize",
+    children: /*#__PURE__*/_jsx("div", {
+      className: names("".concat(prefixCls, "-handle"), classNames === null || classNames === void 0 ? void 0 : classNames.handle),
+      style: styles === null || styles === void 0 ? void 0 : styles.handle
+    })
+  }));
   return {
     dom: dom,
     percent: percent,

package/es/hooks/useSplitter.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useState","theme","useRefValue","jsx","_jsx","useSplitter","props","_ref","container","defaultRatio","_ref$minRatio","minRatio","_ref$maxRatio","maxRatio","_ref$direction","direction","_ref$splitterWidth","splitterWidth","className","style","_theme$useToken","useToken","token","directionRef","_useState","_useState2","_slicedToArray","percent","setPercent","percentRef","_useState3","clientWidth","undefined","_useState4","width","setWidth","_useState5","_useState6","dragging","setDragging","minRatioRef","maxRatioRef","_useState7","_useState8","isOver","setIsOver","onMove","e","el","rect","getBoundingClientRect","x","clientX","left","ratio","Math","max","current","min","y","clientY","top","height","preventDefault","onUp","window","addEventListener","once","removeEventListener","vertical","dom","_objectSpread","flex","cursor","background","colorPrimaryHover","colorPrimaryActive","colorBorder","margin","borderRadius","userSelect","onMouseDown","onMouseEnter","onMouseLeave","role"],"sources":["../../src/hooks/useSplitter.tsx"],"sourcesContent":["import { type CSSProperties, useEffect, useState } from 'react';\nimport { theme } from 'antd';\nimport useRefValue from './useRefValue';\n\nexport interface UseSplitterProps {\n  /**\n   * - **EN:** Split direction. vertical = left/right; horizontal = top/bottom.\n   * - **ZH:** 分割方向。vertical 表示左右分割；horizontal 表示上下分割。\n   *\n   * @default 'vertical'\n   */\n  direction?: 'vertical' | 'horizontal';\n  /**\n   * - **EN:** The container element reference.\n   * - **ZH:** 容器元素的引用。\n   */\n  container: HTMLDivElement | null | undefined;\n  /**\n   * - **EN:** Default ratio of the left/top pane (0~1).\n   * - **ZH:** 左侧/顶部面板的默认比例 (0~1)。\n   *\n   * @default 0.32\n   */\n  defaultRatio?: number;\n  /**\n   * - **EN:** Minimum ratio of the left/top pane (0~1).\n   * - **ZH:** 左侧/顶部面板的最小比例 (0~1)。\n   *\n   * @default 0.15\n   */\n  minRatio?: number;\n  /**\n   * - **EN:** Maximum ratio of the left/top pane (0~1).\n   * - **ZH:** 左侧/顶部面板的最大比例 (0~1)。\n   *\n   * @default 0.85\n   */\n  maxRatio?: number;\n  /**\n   * - **EN:** Width of the splitter in pixels.\n   * - **ZH:** 分割条的宽度，单位为像素。\n   *\n   * @default 2\n   */\n  splitterWidth?: number;\n  /** Additional class name for the splitter element */\n  className?: string;\n  /** Additional style for the splitter element */\n  style?: CSSProperties;\n}\n\nconst useSplitter = (props: UseSplitterProps) => {\n  const {\n    container,\n    defaultRatio,\n    minRatio = 0.15,\n    maxRatio = 1 - minRatio,\n    direction = 'vertical',\n    splitterWidth = 2,\n    className,\n    style,\n  } = props || {};\n  const { token } = theme.useToken();\n  const directionRef = useRefValue(direction);\n  const [percent, setPercent] = useState(defaultRatio);\n  const percentRef = useRefValue(percent);\n  const [width, setWidth] = useState(\n    container && defaultRatio ? (container?.clientWidth || 0) * defaultRatio : undefined\n  );\n  const [dragging, setDragging] = useState(false);\n  const minRatioRef = useRefValue(minRatio);\n  const maxRatioRef = useRefValue(maxRatio);\n  const [isOver, setIsOver] = useState(false);\n\n  useEffect(() => {\n    if (!dragging) return;\n    const onMove = (e: MouseEvent) => {\n      const el = container;\n      if (!el) return;\n      const rect = el.getBoundingClientRect();\n      if (direction === 'vertical') {\n        const x = e.clientX - rect.left;\n        const ratio = Math.max(minRatioRef.current, Math.min(maxRatioRef.current, x / rect.width));\n        setPercent(ratio);\n        setWidth(x);\n      } else {\n        const y = e.clientY - rect.top;\n        const ratio = Math.max(minRatioRef.current, Math.min(maxRatioRef.current, y / rect.height));\n        setPercent(ratio);\n        setWidth(y);\n      }\n      // prevent text selection while dragging\n      e.preventDefault();\n    };\n    const onUp = () => setDragging(false);\n    window.addEventListener('mousemove', onMove);\n    window.addEventListener('mouseup', onUp, { once: true });\n\n    return () => {\n      window.removeEventListener('mousemove', onMove);\n      window.removeEventListener('mouseup', onUp);\n    };\n  }, [container, dragging, direction, minRatioRef, maxRatioRef]);\n\n  // Initialize percent and width on mount\n  useEffect(() => {\n    if (defaultRatio && container && percentRef.current == null) {\n      const rect = container.getBoundingClientRect();\n      setPercent(defaultRatio);\n      if (directionRef.current === 'vertical') {\n        setWidth(rect.width * defaultRatio);\n      } else {\n        setWidth(rect.height * defaultRatio);\n      }\n    }\n  }, [defaultRatio, container]);\n\n  const vertical = direction === 'vertical';\n  const dom = (\n    <div\n      className={className}\n      style={{\n        flex: 'none',\n        width: vertical ? splitterWidth : '100%',\n        height: vertical ? 'auto' : splitterWidth,\n        cursor: vertical ? 'col-resize' : 'row-resize',\n        background: dragging ? token.colorPrimaryHover : isOver ? token.colorPrimaryActive : token.colorBorder,\n        margin: vertical ? '0 4px' : '4px 0',\n        borderRadius: 4,\n        userSelect: 'none',\n        ...style,\n      }}\n      onMouseDown={() => setDragging(true)}\n      onMouseEnter={() => setIsOver(true)}\n      onMouseLeave={() => setIsOver(false)}\n      role=\"separator\"\n      aria-orientation={vertical ? 'vertical' : 'horizontal'}\n      aria-label=\"Resize\"\n    />\n  );\n\n  return {\n    dom,\n    percent,\n    width,\n    dragging,\n    direction,\n  };\n};\n\nexport default useSplitter;\n"],"mappings":"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"}
+{"version":3,"names":["useContext","useEffect","useState","names","ConfigProvider","useStyle","useRefValue","jsx","_jsx","useSplitter","props","_ref","containerFromProps","container","defaultRatio","_ref$minRatio","minRatio","_ref$maxRatio","maxRatio","_ref$direction","direction","_ref$splitterWidth","splitterWidth","className","classNames","styles","prefixClsInProps","prefixCls","style","onChange","_useContext","ConfigContext","getPrefixCls","_useStyle","_useStyle2","_slicedToArray","wrapCSSVar","hashId","cssVarCls","directionRef","_useState","_useState2","splitterRef","setSplitterRef","_useState3","_useState4","setContainer","_useState5","_useState6","percent","setPercent","percentRef","onChangeRef","_useState7","clientWidth","undefined","_useState8","width","setWidth","_useState9","_useState10","dragging","setDragging","minRatioRef","maxRatioRef","_useState11","_useState12","isOver","setIsOver","onMove","e","el","rect","getBoundingClientRect","_onChangeRef$current","x","clientX","left","ratio","Math","max","current","min","call","_onChangeRef$current2","y","clientY","top","height","preventDefault","onUp","window","addEventListener","once","removeEventListener","_ref2","containerDom","parentElement","_onChangeRef$current3","_onChangeRef$current4","vertical","dom","ref","concat","hover","_defineProperty","_objectSpread","onMouseDown","onMouseEnter","onMouseLeave","role","children","handle"],"sources":["../../src/hooks/useSplitter.tsx"],"sourcesContent":["import { type CSSProperties, useContext, useEffect, useState } from 'react';\nimport names from 'classnames';\nimport { ConfigProvider } from '../components';\nimport useStyle from './style/useSplitter';\nimport useRefValue from './useRefValue';\n\nexport interface UseSplitterProps {\n  /**\n   * - **EN:** Split direction. vertical = left/right; horizontal = top/bottom.\n   * - **CN:** 分割方向。vertical 表示左右分割；horizontal 表示上下分割。\n   *\n   * @default 'vertical'\n   */\n  direction?: 'vertical' | 'horizontal';\n  /**\n   * - **EN:** Parent container element. If not specified, the parent container of the `dom` element\n   *   will be used automatically.\n   * - **CN:** 父容器元素，如果不指定，则自动使用 `dom` 元素的父容器\n   */\n  container?: HTMLDivElement | null | undefined;\n  /**\n   * - **EN:** Default ratio of the left/top pane (0~1).\n   * - **CN:** 左侧/顶部面板的默认比例 (0~1)。\n   *\n   * @default 0.32\n   */\n  defaultRatio?: number;\n  /**\n   * - **EN:** Minimum ratio of the left/top pane (0~1).\n   * - **CN:** 左侧/顶部面板的最小比例 (0~1)。\n   *\n   * @default 0.15\n   */\n  minRatio?: number;\n  /**\n   * - **EN:** Maximum ratio of the left/top pane (0~1).\n   * - **CN:** 左侧/顶部面板的最大比例 (0~1)。\n   *\n   * @default 0.85\n   */\n  maxRatio?: number;\n  /**\n   * - **EN:** Width of the splitter in pixels.\n   * - **CN:** 分割条的宽度，单位为像素。\n   *\n   * @default 2\n   */\n  splitterWidth?: number;\n  /** Additional class name for the splitter element */\n  className?: string;\n  /** Additional style for the splitter element */\n  style?: CSSProperties;\n  /**\n   * - **EN:** Custom prefix for the component's CSS class.\n   * - **CN:** 组件的自定义 CSS 类前缀。\n   */\n  prefixCls?: string;\n  /**\n   * - **EN:** Semantic class names\n   * - **CN:** 语义化类名\n   */\n  classNames?: {\n    /**\n     * - **EN:** Class name applied when the splitter is hovered.\n     * - **CN:** 分割条悬停时应用的类名。\n     */\n    hover?: string;\n    /**\n     * - **EN:** Class name applied when the splitter is being dragged.\n     * - **CN:** 分割条拖动时应用的类名。\n     */\n    dragging?: string;\n    /**\n     * - **EN:** Class name applied to the splitter handle.\n     * - **CN:** 分割条手柄的类名。\n     */\n    handle?: string;\n  };\n  /**\n   * - **EN:** Semantic styles\n   * - **CN:** 语义化样式\n   */\n  styles?: {\n    /**\n     * - **EN:** Custom styles for the splitter handle.\n     * - **CN:** 分割条手柄的自定义样式。\n     */\n    handle?: CSSProperties;\n  };\n  /**\n   * - **EN:** Callback function when the splitter ratio changes.\n   * - **CN:** 分割比例变化时的回调函数。\n   */\n  onChange?: (ratio?: number) => void;\n}\n\nconst useSplitter = (props: UseSplitterProps) => {\n  const {\n    container: containerFromProps,\n    defaultRatio,\n    minRatio = 0.15,\n    maxRatio = 1 - minRatio,\n    direction = 'vertical',\n    splitterWidth = 1,\n    className,\n    classNames,\n    styles,\n    prefixCls: prefixClsInProps,\n    style,\n    onChange,\n  } = props || {};\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const prefixCls = getPrefixCls('splitter', prefixClsInProps);\n  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);\n  const directionRef = useRefValue(direction);\n  const [splitterRef, setSplitterRef] = useState<HTMLDivElement | null>(null);\n  const [container, setContainer] = useState(containerFromProps);\n  const [percent, setPercent] = useState(defaultRatio);\n  const percentRef = useRefValue(percent);\n  const onChangeRef = useRefValue(onChange);\n  const [width, setWidth] = useState(\n    container && defaultRatio ? (container?.clientWidth || 0) * defaultRatio : undefined\n  );\n  const [dragging, setDragging] = useState(false);\n  const minRatioRef = useRefValue(minRatio);\n  const maxRatioRef = useRefValue(maxRatio);\n  const [isOver, setIsOver] = useState(false);\n\n  useEffect(() => {\n    if (!dragging) return;\n    const onMove = (e: MouseEvent) => {\n      const el = container;\n      if (!el) return;\n      const rect = el.getBoundingClientRect();\n      if (direction === 'vertical') {\n        const x = e.clientX - rect.left;\n        const ratio = Math.max(minRatioRef.current, Math.min(maxRatioRef.current, x / rect.width));\n        setPercent(ratio);\n        setWidth(x);\n        onChangeRef.current?.(ratio);\n      } else {\n        const y = e.clientY - rect.top;\n        const ratio = Math.max(minRatioRef.current, Math.min(maxRatioRef.current, y / rect.height));\n        setPercent(ratio);\n        setWidth(y);\n        onChangeRef.current?.(ratio);\n      }\n      // prevent text selection while dragging\n      e.preventDefault();\n    };\n    const onUp = () => setDragging(false);\n    window.addEventListener('mousemove', onMove);\n    window.addEventListener('mouseup', onUp, { once: true });\n\n    return () => {\n      window.removeEventListener('mousemove', onMove);\n      window.removeEventListener('mouseup', onUp);\n    };\n  }, [container, dragging, direction, minRatioRef, maxRatioRef]);\n\n  useEffect(() => {\n    const containerDom = containerFromProps ?? (splitterRef?.parentElement as HTMLDivElement | undefined) ?? undefined;\n    setContainer(containerDom);\n  }, [containerFromProps, splitterRef]);\n\n  // Initialize percent and width on mount\n  useEffect(() => {\n    if (defaultRatio && container && percentRef.current == null) {\n      const rect = container.getBoundingClientRect();\n      setPercent(defaultRatio);\n      if (directionRef.current === 'vertical') {\n        setWidth(rect.width * defaultRatio);\n        onChangeRef.current?.(defaultRatio);\n      } else {\n        setWidth(rect.height * defaultRatio);\n        onChangeRef.current?.(defaultRatio);\n      }\n    }\n  }, [defaultRatio, container]);\n\n  const vertical = direction === 'vertical';\n  const dom = wrapCSSVar(\n    <div\n      ref={setSplitterRef}\n      className={names(\n        hashId,\n        cssVarCls,\n        prefixCls,\n        className,\n        isOver ? names(`${prefixCls}-hover`, classNames?.hover) : undefined,\n        dragging ? names(`${prefixCls}-dragging`, classNames?.dragging) : undefined,\n        {\n          [`${prefixCls}-vertical`]: vertical,\n          [`${prefixCls}-horizontal`]: !vertical,\n        }\n      )}\n      style={{\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        [`--splitter-width` as any]: splitterWidth ? `${splitterWidth}px` : undefined,\n        ...style,\n      }}\n      onMouseDown={() => setDragging(true)}\n      onMouseEnter={() => setIsOver(true)}\n      onMouseLeave={() => setIsOver(false)}\n      role=\"separator\"\n      aria-orientation={vertical ? 'vertical' : 'horizontal'}\n      aria-label=\"Resize\"\n    >\n      <div className={names(`${prefixCls}-handle`, classNames?.handle)} style={styles?.handle}></div>\n    </div>\n  );\n\n  return {\n    dom,\n    percent,\n    width,\n    dragging,\n    direction,\n  };\n};\n\nexport default useSplitter;\n"],"mappings":"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"}

package/lib/components/ColumnSetting/index.js

@@ -39,6 +39,7 @@ var import_icons = require("@ant-design/icons");
 var import_hooks = require("../../hooks");
 var import_useLocalStorage = __toESM(require("../../hooks/useLocalStorage"));
 var import_useT = __toESM(require("../../hooks/useT"));
+var import_ConfigProvider = __toESM(require("../ConfigProvider"));
 var import_style = __toESM(require("./style"));
 function ColumnSetting(props) {
   const {
@@ -53,7 +54,7 @@ function ColumnSetting(props) {
     onChange,
     renderColumnTitle
   } = props;
-  const { getPrefixCls } = (0, import_react.useContext)(import_antd.ConfigProvider.ConfigContext);
+  const { getPrefixCls } = (0, import_react.useContext)(import_ConfigProvider.default.ConfigContext);
   const prefixCls = getPrefixCls("column-setting", prefixClsInProps);
   const [wrapCSSVar, hashId, cssVarCls] = (0, import_style.default)(prefixCls);
   const [open, setOpen] = (0, import_react.useState)(false);

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/ColumnSetting/index.tsx"],
-  "sourcesContent": ["import { useContext, useEffect, useMemo, useState } from 'react';\nimport { Button, Checkbox, ConfigProvider, Divider, Dropdown, Space, Typography } from 'antd';\nimport type { ButtonProps, DropdownProps } from 'antd';\nimport type { ColumnType } from 'antd/es/table';\nimport classNames from 'classnames';\nimport { ReloadOutlined, SettingOutlined } from '@ant-design/icons';\nimport { useRefFunction, useRefValue } from '../../hooks';\nimport useLocalStorage from '../../hooks/useLocalStorage';\nimport useT from '../../hooks/useT';\nimport useStyle from './style';\n\nexport interface ColumnSettingProps<T extends ColumnSettingItem = ColumnSettingItem> {\n  /**\n   * - **EN:** The columns to be displayed in the column setting.\n   * - **CN:** 列设置中要显示的列。\n   */\n  columns: T[];\n  /**\n   * - **EN:** Callback function triggered when the selected columns change.\n   * - **CN:** 选中列变化时触发的回调函数。\n   */\n  onChange?: (nextColumns: T[]) => void;\n  /**\n   * - **EN:** Set a local storage key for persisting column settings. If not set, local storage is\n   *   not enabled.\n   * - **CN:** 设置一个本地存储的键值，用于持久化保存列设置。如果未设置，则不启用本地存储。\n   */\n  storageKey?: string;\n  /**\n   * - **EN:** Function to render custom column titles.\n   * - **CN:** 自定义列标题的渲染函数。\n   */\n  renderColumnTitle?: (col: ColumnSettingItem, index: number) => React.ReactNode;\n  /**\n   * - **EN:** Props for the button that triggers the dropdown.\n   * - **CN:** 触发下拉菜单的按钮属性。\n   */\n  triggerProps?: ButtonProps;\n  /**\n   * - **EN:** Props for the dropdown component.\n   * - **CN:** 下拉菜单组件的属性。\n   */\n  dropdownProps?: DropdownProps;\n  /**\n   * - **EN:** Props for the dropdown popup container.\n   * - **CN:** 下拉菜单弹出层容器的属性。\n   */\n  popupProps?: React.HTMLAttributes<HTMLDivElement>;\n  /**\n   * - **EN:** Props for the \"Check All\" button.\n   * - **CN:** “全选”按钮的属性。\n   */\n  checkAllProps?: ButtonProps;\n  /**\n   * - **EN:** Props for the \"Reset\" button.\n   * - **CN:** “重置”按钮的属性。\n   */\n  resetProps?: ButtonProps;\n  /**\n   * - **EN:** Custom prefix for the component's CSS class.\n   * - **CN:** 组件的自定义 CSS 类前缀。\n   */\n  prefixCls?: string;\n}\n\n/**\n * - **EN:** A component for configuring table column visibility.\n * - **CN:** 用于配置表格列可见性的组件。\n */\nfunction ColumnSetting<T extends ColumnSettingItem = ColumnSettingItem>(props: ColumnSettingProps<T>) {\n  const {\n    columns,\n    storageKey,\n    triggerProps,\n    dropdownProps,\n    popupProps,\n    prefixCls: prefixClsInProps,\n    checkAllProps,\n    resetProps,\n    onChange,\n    renderColumnTitle,\n  } = props;\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const prefixCls = getPrefixCls('column-setting', prefixClsInProps);\n  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);\n  const [open, setOpen] = useState(false);\n  const t = useT();\n  const [selectedKeysFromStorage, setSelectedKeysFromStorage] = useLocalStorage<string[]>(storageKey, []);\n  const [initialKeys, setInitialKeys] = useState<string[]>(selectedKeysFromStorage ?? []);\n  const [selectedKeys, setSelectedKeys] = useState<string[]>(initialKeys);\n  const storageRef = useRefValue(storageKey);\n  const selectedKeysFromStorageRef = useRefValue(selectedKeysFromStorage);\n  const hasChange = useMemo(() => {\n    return [...selectedKeys].sort().join(',') !== initialKeys.join(',');\n  }, [selectedKeys, initialKeys]);\n\n  // Compute keys and selectable keys\n  const keys = useMemo(() => columns.map((c, i) => String(getColKey(c, i))), [columns]);\n  const allSelectableKeys = useMemo(\n    () =>\n      columns\n        .map((c, i) => ({ k: String(getColKey(c, i)), disabled: !!c.disabled }))\n        .filter((x) => !x.disabled)\n        .map((x) => x.k),\n    [columns]\n  );\n  const isAllChecked = allSelectableKeys.length > 0 && allSelectableKeys.every((k) => selectedKeys.includes(k));\n  const isIndeterminate = selectedKeys.length > 0 && !isAllChecked;\n\n  // Fire change event when selectedKeysFromStorage changes\n  const change = useRefFunction((nextSelected: string[], fireEvent?: boolean) => {\n    setSelectedKeys(nextSelected);\n    if (storageKey) {\n      setSelectedKeysFromStorage(nextSelected);\n    }\n    if (fireEvent) {\n      const next = columns.map((col, i) => {\n        const k = String(getColKey(col, i));\n        const visible = nextSelected.includes(k);\n        return { ...col, hidden: !visible } as T;\n      });\n      onChange?.(next as T[]);\n    }\n  });\n\n  // Toggle one column change\n  const toggleOne = (key: string, checked: boolean) => {\n    const next = new Set(selectedKeys);\n    if (checked) {\n      next.add(key);\n    } else {\n      // Keep at least one visible column\n      if (selectedKeys.length <= 1) return;\n      next.delete(key);\n    }\n    const nextArr = Array.from(next);\n    change(nextArr, true);\n  };\n\n  // Toggle all columns change\n  const handleCheckAll = (checked: boolean) => {\n    const nextArr = checked\n      ? Array.from(new Set([...selectedKeys, ...allSelectableKeys]))\n      : selectedKeys.filter((k) => !allSelectableKeys.includes(k)).slice(0, 1);\n    const ensured = checked ? nextArr : nextArr.length > 0 ? nextArr : [keys[0]];\n    change(ensured, true);\n  };\n\n  // Reset to initial selected columns\n  const handleReset = () => {\n    const next = initialKeys.length > 0 ? initialKeys : [keys[0]];\n    change(next, true);\n  };\n\n  const handleOpenChange = (nextOpen: boolean) => {\n    setOpen(nextOpen);\n    if (nextOpen) {\n      setInitialKeys(normalizeToSelectedKeys(columns));\n    } else {\n      setInitialKeys([]);\n    }\n  };\n\n  // Sync when columns change\n  useEffect(() => {\n    const next = normalizeToSelectedKeys(columns);\n    change(next, false);\n  }, [columns]);\n\n  // Fire change on mount if storage exists and differs from initial values\n  useEffect(() => {\n    if (\n      storageRef.current &&\n      selectedKeysFromStorageRef.current &&\n      selectedKeysFromStorageRef.current.join(',') !== initialKeys.join(',')\n    ) {\n      change(selectedKeysFromStorageRef.current, true);\n    }\n  }, [initialKeys]);\n\n  const dropdownRender = () => (\n    <div\n      {...popupProps}\n      className={classNames(`${prefixCls}-popup`, popupProps?.className)}\n      onClick={(e) => {\n        e.stopPropagation();\n        popupProps?.onClick?.(e);\n      }}\n    >\n      <Typography.Text className={`${prefixCls}-popup-title`}>{t('components.ColumnSetting.title')}</Typography.Text>\n      <Space direction=\"vertical\" className={`${prefixCls}-column-list`} size={12}>\n        {columns.map((col, idx) => {\n          const k = String(getColKey(col, idx));\n          const label = col.title ?? col.dataIndex ?? k;\n          const checked = selectedKeys.includes(k);\n          const disabled = !!col.disabled;\n          const disableUncheck = !disabled && checked && selectedKeys.length <= 1; // 禁止取消最后一个\n          return (\n            <Checkbox\n              key={k}\n              className={`${prefixCls}-column-item`}\n              disabled={disabled || disableUncheck}\n              checked={checked}\n              onChange={(e) => toggleOne(k, e.target.checked)}\n            >\n              <span className={`${prefixCls}-column-item-title`}>{renderColumnTitle?.(col, idx) ?? label}</span>\n            </Checkbox>\n          );\n        })}\n      </Space>\n      <Divider className={`${prefixCls}-divider`} />\n      <div className={`${prefixCls}-footer`}>\n        <Button\n          type=\"text\"\n          {...checkAllProps}\n          className={classNames(`${prefixCls}-select-all`, checkAllProps?.className)}\n          onClick={(e) => {\n            handleCheckAll(!isAllChecked);\n            checkAllProps?.onClick?.(e);\n          }}\n        >\n          <Checkbox checked={isAllChecked} indeterminate={isIndeterminate}></Checkbox>\n          {t('components.ColumnSetting.selectAll')}\n        </Button>\n        <Button\n          type=\"text\"\n          icon={<ReloadOutlined />}\n          disabled={!hasChange}\n          {...resetProps}\n          className={classNames(`${prefixCls}-reset`, resetProps?.className)}\n          onClick={(e) => {\n            handleReset();\n            resetProps?.onClick?.(e);\n          }}\n        >\n          {t('components.ColumnSetting.reset')}\n        </Button>\n      </div>\n    </div>\n  );\n\n  return wrapCSSVar(\n    <Dropdown\n      open={open}\n      onOpenChange={handleOpenChange}\n      trigger={['click']}\n      dropdownRender={dropdownRender} // To be compatible with lower versions of antd\n      popupRender={dropdownRender}\n      placement=\"bottomRight\"\n      {...dropdownProps}\n      rootClassName={classNames(hashId, cssVarCls, prefixCls, `${prefixCls}-dropdown`, dropdownProps?.className)}\n    >\n      <Button\n        icon={<SettingOutlined />}\n        {...triggerProps}\n        className={classNames(hashId, cssVarCls, prefixCls, `${prefixCls}-trigger`, triggerProps?.className)}\n      />\n    </Dropdown>\n  );\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport interface ColumnSettingItem<T = any> extends ColumnType<T> {\n  /**\n   * - **EN:** Disable toggling visibility for this column.\n   * - **CN:** 禁止切换此列的可见性。\n   */\n  disabled?: boolean;\n}\n\nfunction getColKey(col: ColumnType, idx: number): React.Key {\n  return col.key ?? (col.dataIndex as string) ?? idx;\n}\n\nfunction normalizeToSelectedKeys(cols: ColumnType[]): string[] {\n  return cols\n    .map((c, i) => ({ key: String(getColKey(c, i)), hidden: !!c.hidden }))\n    .filter((c) => !c.hidden)\n    .map((c) => c.key)\n    .sort();\n}\n\nexport default ColumnSetting;\n"],
-  "mappings": "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",
-  "names": ["useStyle", "useT", "useLocalStorage", "classNames"]
+  "sourcesContent": ["import { useContext, useEffect, useMemo, useState } from 'react';\nimport { Button, Checkbox, Divider, Dropdown, Space, Typography } from 'antd';\nimport type { ButtonProps, DropdownProps } from 'antd';\nimport type { ColumnType } from 'antd/es/table';\nimport classNames from 'classnames';\nimport { ReloadOutlined, SettingOutlined } from '@ant-design/icons';\nimport { useRefFunction, useRefValue } from '../../hooks';\nimport useLocalStorage from '../../hooks/useLocalStorage';\nimport useT from '../../hooks/useT';\nimport ConfigProvider from '../ConfigProvider';\nimport useStyle from './style';\n\nexport interface ColumnSettingProps<T extends ColumnSettingItem = ColumnSettingItem> {\n  /**\n   * - **EN:** The columns to be displayed in the column setting.\n   * - **CN:** 列设置中要显示的列。\n   */\n  columns: T[];\n  /**\n   * - **EN:** Callback function triggered when the selected columns change.\n   * - **CN:** 选中列变化时触发的回调函数。\n   */\n  onChange?: (nextColumns: T[]) => void;\n  /**\n   * - **EN:** Set a local storage key for persisting column settings. If not set, local storage is\n   *   not enabled.\n   * - **CN:** 设置一个本地存储的键值，用于持久化保存列设置。如果未设置，则不启用本地存储。\n   */\n  storageKey?: string;\n  /**\n   * - **EN:** Function to render custom column titles.\n   * - **CN:** 自定义列标题的渲染函数。\n   */\n  renderColumnTitle?: (col: ColumnSettingItem, index: number) => React.ReactNode;\n  /**\n   * - **EN:** Props for the button that triggers the dropdown.\n   * - **CN:** 触发下拉菜单的按钮属性。\n   */\n  triggerProps?: ButtonProps;\n  /**\n   * - **EN:** Props for the dropdown component.\n   * - **CN:** 下拉菜单组件的属性。\n   */\n  dropdownProps?: DropdownProps;\n  /**\n   * - **EN:** Props for the dropdown popup container.\n   * - **CN:** 下拉菜单弹出层容器的属性。\n   */\n  popupProps?: React.HTMLAttributes<HTMLDivElement>;\n  /**\n   * - **EN:** Props for the \"Check All\" button.\n   * - **CN:** “全选”按钮的属性。\n   */\n  checkAllProps?: ButtonProps;\n  /**\n   * - **EN:** Props for the \"Reset\" button.\n   * - **CN:** “重置”按钮的属性。\n   */\n  resetProps?: ButtonProps;\n  /**\n   * - **EN:** Custom prefix for the component's CSS class.\n   * - **CN:** 组件的自定义 CSS 类前缀。\n   */\n  prefixCls?: string;\n}\n\n/**\n * - **EN:** A component for configuring table column visibility.\n * - **CN:** 用于配置表格列可见性的组件。\n */\nfunction ColumnSetting<T extends ColumnSettingItem = ColumnSettingItem>(props: ColumnSettingProps<T>) {\n  const {\n    columns,\n    storageKey,\n    triggerProps,\n    dropdownProps,\n    popupProps,\n    prefixCls: prefixClsInProps,\n    checkAllProps,\n    resetProps,\n    onChange,\n    renderColumnTitle,\n  } = props;\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const prefixCls = getPrefixCls('column-setting', prefixClsInProps);\n  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);\n  const [open, setOpen] = useState(false);\n  const t = useT();\n  const [selectedKeysFromStorage, setSelectedKeysFromStorage] = useLocalStorage<string[]>(storageKey, []);\n  const [initialKeys, setInitialKeys] = useState<string[]>(selectedKeysFromStorage ?? []);\n  const [selectedKeys, setSelectedKeys] = useState<string[]>(initialKeys);\n  const storageRef = useRefValue(storageKey);\n  const selectedKeysFromStorageRef = useRefValue(selectedKeysFromStorage);\n  const hasChange = useMemo(() => {\n    return [...selectedKeys].sort().join(',') !== initialKeys.join(',');\n  }, [selectedKeys, initialKeys]);\n\n  // Compute keys and selectable keys\n  const keys = useMemo(() => columns.map((c, i) => String(getColKey(c, i))), [columns]);\n  const allSelectableKeys = useMemo(\n    () =>\n      columns\n        .map((c, i) => ({ k: String(getColKey(c, i)), disabled: !!c.disabled }))\n        .filter((x) => !x.disabled)\n        .map((x) => x.k),\n    [columns]\n  );\n  const isAllChecked = allSelectableKeys.length > 0 && allSelectableKeys.every((k) => selectedKeys.includes(k));\n  const isIndeterminate = selectedKeys.length > 0 && !isAllChecked;\n\n  // Fire change event when selectedKeysFromStorage changes\n  const change = useRefFunction((nextSelected: string[], fireEvent?: boolean) => {\n    setSelectedKeys(nextSelected);\n    if (storageKey) {\n      setSelectedKeysFromStorage(nextSelected);\n    }\n    if (fireEvent) {\n      const next = columns.map((col, i) => {\n        const k = String(getColKey(col, i));\n        const visible = nextSelected.includes(k);\n        return { ...col, hidden: !visible } as T;\n      });\n      onChange?.(next as T[]);\n    }\n  });\n\n  // Toggle one column change\n  const toggleOne = (key: string, checked: boolean) => {\n    const next = new Set(selectedKeys);\n    if (checked) {\n      next.add(key);\n    } else {\n      // Keep at least one visible column\n      if (selectedKeys.length <= 1) return;\n      next.delete(key);\n    }\n    const nextArr = Array.from(next);\n    change(nextArr, true);\n  };\n\n  // Toggle all columns change\n  const handleCheckAll = (checked: boolean) => {\n    const nextArr = checked\n      ? Array.from(new Set([...selectedKeys, ...allSelectableKeys]))\n      : selectedKeys.filter((k) => !allSelectableKeys.includes(k)).slice(0, 1);\n    const ensured = checked ? nextArr : nextArr.length > 0 ? nextArr : [keys[0]];\n    change(ensured, true);\n  };\n\n  // Reset to initial selected columns\n  const handleReset = () => {\n    const next = initialKeys.length > 0 ? initialKeys : [keys[0]];\n    change(next, true);\n  };\n\n  const handleOpenChange = (nextOpen: boolean) => {\n    setOpen(nextOpen);\n    if (nextOpen) {\n      setInitialKeys(normalizeToSelectedKeys(columns));\n    } else {\n      setInitialKeys([]);\n    }\n  };\n\n  // Sync when columns change\n  useEffect(() => {\n    const next = normalizeToSelectedKeys(columns);\n    change(next, false);\n  }, [columns]);\n\n  // Fire change on mount if storage exists and differs from initial values\n  useEffect(() => {\n    if (\n      storageRef.current &&\n      selectedKeysFromStorageRef.current &&\n      selectedKeysFromStorageRef.current.join(',') !== initialKeys.join(',')\n    ) {\n      change(selectedKeysFromStorageRef.current, true);\n    }\n  }, [initialKeys]);\n\n  const dropdownRender = () => (\n    <div\n      {...popupProps}\n      className={classNames(`${prefixCls}-popup`, popupProps?.className)}\n      onClick={(e) => {\n        e.stopPropagation();\n        popupProps?.onClick?.(e);\n      }}\n    >\n      <Typography.Text className={`${prefixCls}-popup-title`}>{t('components.ColumnSetting.title')}</Typography.Text>\n      <Space direction=\"vertical\" className={`${prefixCls}-column-list`} size={12}>\n        {columns.map((col, idx) => {\n          const k = String(getColKey(col, idx));\n          const label = col.title ?? col.dataIndex ?? k;\n          const checked = selectedKeys.includes(k);\n          const disabled = !!col.disabled;\n          const disableUncheck = !disabled && checked && selectedKeys.length <= 1; // 禁止取消最后一个\n          return (\n            <Checkbox\n              key={k}\n              className={`${prefixCls}-column-item`}\n              disabled={disabled || disableUncheck}\n              checked={checked}\n              onChange={(e) => toggleOne(k, e.target.checked)}\n            >\n              <span className={`${prefixCls}-column-item-title`}>{renderColumnTitle?.(col, idx) ?? label}</span>\n            </Checkbox>\n          );\n        })}\n      </Space>\n      <Divider className={`${prefixCls}-divider`} />\n      <div className={`${prefixCls}-footer`}>\n        <Button\n          type=\"text\"\n          {...checkAllProps}\n          className={classNames(`${prefixCls}-select-all`, checkAllProps?.className)}\n          onClick={(e) => {\n            handleCheckAll(!isAllChecked);\n            checkAllProps?.onClick?.(e);\n          }}\n        >\n          <Checkbox checked={isAllChecked} indeterminate={isIndeterminate}></Checkbox>\n          {t('components.ColumnSetting.selectAll')}\n        </Button>\n        <Button\n          type=\"text\"\n          icon={<ReloadOutlined />}\n          disabled={!hasChange}\n          {...resetProps}\n          className={classNames(`${prefixCls}-reset`, resetProps?.className)}\n          onClick={(e) => {\n            handleReset();\n            resetProps?.onClick?.(e);\n          }}\n        >\n          {t('components.ColumnSetting.reset')}\n        </Button>\n      </div>\n    </div>\n  );\n\n  return wrapCSSVar(\n    <Dropdown\n      open={open}\n      onOpenChange={handleOpenChange}\n      trigger={['click']}\n      dropdownRender={dropdownRender} // To be compatible with lower versions of antd\n      popupRender={dropdownRender}\n      placement=\"bottomRight\"\n      {...dropdownProps}\n      rootClassName={classNames(hashId, cssVarCls, prefixCls, `${prefixCls}-dropdown`, dropdownProps?.className)}\n    >\n      <Button\n        icon={<SettingOutlined />}\n        {...triggerProps}\n        className={classNames(hashId, cssVarCls, prefixCls, `${prefixCls}-trigger`, triggerProps?.className)}\n      />\n    </Dropdown>\n  );\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport interface ColumnSettingItem<T = any> extends ColumnType<T> {\n  /**\n   * - **EN:** Disable toggling visibility for this column.\n   * - **CN:** 禁止切换此列的可见性。\n   */\n  disabled?: boolean;\n}\n\nfunction getColKey(col: ColumnType, idx: number): React.Key {\n  return col.key ?? (col.dataIndex as string) ?? idx;\n}\n\nfunction normalizeToSelectedKeys(cols: ColumnType[]): string[] {\n  return cols\n    .map((c, i) => ({ key: String(getColKey(c, i)), hidden: !!c.hidden }))\n    .filter((c) => !c.hidden)\n    .map((c) => c.key)\n    .sort();\n}\n\nexport default ColumnSetting;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAyD;AACzD,kBAAuE;AAGvE,wBAAuB;AACvB,mBAAgD;AAChD,mBAA4C;AAC5C,6BAA4B;AAC5B,kBAAiB;AACjB,4BAA2B;AAC3B,mBAAqB;AA4DrB,SAAS,cAA+D,OAA8B;AACpG,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,EAAE,aAAa,QAAI,yBAAW,sBAAAA,QAAe,aAAa;AAChE,QAAM,YAAY,aAAa,kBAAkB,gBAAgB;AACjE,QAAM,CAAC,YAAY,QAAQ,SAAS,QAAI,aAAAC,SAAS,SAAS;AAC1D,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,KAAK;AACtC,QAAM,QAAI,YAAAC,SAAK;AACf,QAAM,CAAC,yBAAyB,0BAA0B,QAAI,uBAAAC,SAA0B,YAAY,CAAC,CAAC;AACtG,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAmB,2BAA2B,CAAC,CAAC;AACtF,QAAM,CAAC,cAAc,eAAe,QAAI,uBAAmB,WAAW;AACtE,QAAM,iBAAa,0BAAY,UAAU;AACzC,QAAM,iCAA6B,0BAAY,uBAAuB;AACtE,QAAM,gBAAY,sBAAQ,MAAM;AAC9B,WAAO,CAAC,GAAG,YAAY,EAAE,KAAK,EAAE,KAAK,GAAG,MAAM,YAAY,KAAK,GAAG;AAAA,EACpE,GAAG,CAAC,cAAc,WAAW,CAAC;AAG9B,QAAM,WAAO,sBAAQ,MAAM,QAAQ,IAAI,CAAC,GAAG,MAAM,OAAO,UAAU,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC;AACpF,QAAM,wBAAoB;AAAA,IACxB,MACE,QACG,IAAI,CAAC,GAAG,OAAO,EAAE,GAAG,OAAO,UAAU,GAAG,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,EAAE,SAAS,EAAE,EACtE,OAAO,CAAC,MAAM,CAAC,EAAE,QAAQ,EACzB,IAAI,CAAC,MAAM,EAAE,CAAC;AAAA,IACnB,CAAC,OAAO;AAAA,EACV;AACA,QAAM,eAAe,kBAAkB,SAAS,KAAK,kBAAkB,MAAM,CAAC,MAAM,aAAa,SAAS,CAAC,CAAC;AAC5G,QAAM,kBAAkB,aAAa,SAAS,KAAK,CAAC;AAGpD,QAAM,aAAS,6BAAe,CAAC,cAAwB,cAAwB;AAC7E,oBAAgB,YAAY;AAC5B,QAAI,YAAY;AACd,iCAA2B,YAAY;AAAA,IACzC;AACA,QAAI,WAAW;AACb,YAAM,OAAO,QAAQ,IAAI,CAAC,KAAK,MAAM;AACnC,cAAM,IAAI,OAAO,UAAU,KAAK,CAAC,CAAC;AAClC,cAAM,UAAU,aAAa,SAAS,CAAC;AACvC,eAAO,EAAE,GAAG,KAAK,QAAQ,CAAC,QAAQ;AAAA,MACpC,CAAC;AACD,2CAAW;AAAA,IACb;AAAA,EACF,CAAC;AAGD,QAAM,YAAY,CAAC,KAAa,YAAqB;AACnD,UAAM,OAAO,IAAI,IAAI,YAAY;AACjC,QAAI,SAAS;AACX,WAAK,IAAI,GAAG;AAAA,IACd,OAAO;AAEL,UAAI,aAAa,UAAU;AAAG;AAC9B,WAAK,OAAO,GAAG;AAAA,IACjB;AACA,UAAM,UAAU,MAAM,KAAK,IAAI;AAC/B,WAAO,SAAS,IAAI;AAAA,EACtB;AAGA,QAAM,iBAAiB,CAAC,YAAqB;AAC3C,UAAM,UAAU,UACZ,MAAM,KAAK,oBAAI,IAAI,CAAC,GAAG,cAAc,GAAG,iBAAiB,CAAC,CAAC,IAC3D,aAAa,OAAO,CAAC,MAAM,CAAC,kBAAkB,SAAS,CAAC,CAAC,EAAE,MAAM,GAAG,CAAC;AACzE,UAAM,UAAU,UAAU,UAAU,QAAQ,SAAS,IAAI,UAAU,CAAC,KAAK,CAAC,CAAC;AAC3E,WAAO,SAAS,IAAI;AAAA,EACtB;AAGA,QAAM,cAAc,MAAM;AACxB,UAAM,OAAO,YAAY,SAAS,IAAI,cAAc,CAAC,KAAK,CAAC,CAAC;AAC5D,WAAO,MAAM,IAAI;AAAA,EACnB;AAEA,QAAM,mBAAmB,CAAC,aAAsB;AAC9C,YAAQ,QAAQ;AAChB,QAAI,UAAU;AACZ,qBAAe,wBAAwB,OAAO,CAAC;AAAA,IACjD,OAAO;AACL,qBAAe,CAAC,CAAC;AAAA,IACnB;AAAA,EACF;AAGA,8BAAU,MAAM;AACd,UAAM,OAAO,wBAAwB,OAAO;AAC5C,WAAO,MAAM,KAAK;AAAA,EACpB,GAAG,CAAC,OAAO,CAAC;AAGZ,8BAAU,MAAM;AACd,QACE,WAAW,WACX,2BAA2B,WAC3B,2BAA2B,QAAQ,KAAK,GAAG,MAAM,YAAY,KAAK,GAAG,GACrE;AACA,aAAO,2BAA2B,SAAS,IAAI;AAAA,IACjD;AAAA,EACF,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,iBAAiB,MACrB;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,kBAAAC,SAAW,GAAG,mBAAmB,yCAAY,SAAS;AAAA,MACjE,SAAS,CAAC,MAAM;AAzLtB;AA0LQ,UAAE,gBAAgB;AAClB,uDAAY,YAAZ,oCAAsB;AAAA,MACxB;AAAA;AAAA,IAEA,oCAAC,uBAAW,MAAX,EAAgB,WAAW,GAAG,2BAA0B,EAAE,gCAAgC,CAAE;AAAA,IAC7F,oCAAC,qBAAM,WAAU,YAAW,WAAW,GAAG,yBAAyB,MAAM,MACtE,QAAQ,IAAI,CAAC,KAAK,QAAQ;AACzB,YAAM,IAAI,OAAO,UAAU,KAAK,GAAG,CAAC;AACpC,YAAM,QAAQ,IAAI,SAAS,IAAI,aAAa;AAC5C,YAAM,UAAU,aAAa,SAAS,CAAC;AACvC,YAAM,WAAW,CAAC,CAAC,IAAI;AACvB,YAAM,iBAAiB,CAAC,YAAY,WAAW,aAAa,UAAU;AACtE,aACE;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL,WAAW,GAAG;AAAA,UACd,UAAU,YAAY;AAAA,UACtB;AAAA,UACA,UAAU,CAAC,MAAM,UAAU,GAAG,EAAE,OAAO,OAAO;AAAA;AAAA,QAE9C,oCAAC,UAAK,WAAW,GAAG,kCAAgC,uDAAoB,KAAK,SAAQ,KAAM;AAAA,MAC7F;AAAA,IAEJ,CAAC,CACH;AAAA,IACA,oCAAC,uBAAQ,WAAW,GAAG,qBAAqB;AAAA,IAC5C,oCAAC,SAAI,WAAW,GAAG,sBACjB;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACJ,GAAG;AAAA,QACJ,eAAW,kBAAAA,SAAW,GAAG,wBAAwB,+CAAe,SAAS;AAAA,QACzE,SAAS,CAAC,MAAM;AAzN1B;AA0NY,yBAAe,CAAC,YAAY;AAC5B,+DAAe,YAAf,uCAAyB;AAAA,QAC3B;AAAA;AAAA,MAEA,oCAAC,wBAAS,SAAS,cAAc,eAAe,iBAAiB;AAAA,MAChE,EAAE,oCAAoC;AAAA,IACzC,GACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,MAAM,oCAAC,iCAAe;AAAA,QACtB,UAAU,CAAC;AAAA,QACV,GAAG;AAAA,QACJ,eAAW,kBAAAA,SAAW,GAAG,mBAAmB,yCAAY,SAAS;AAAA,QACjE,SAAS,CAAC,MAAM;AAvO1B;AAwOY,sBAAY;AACZ,yDAAY,YAAZ,oCAAsB;AAAA,QACxB;AAAA;AAAA,MAEC,EAAE,gCAAgC;AAAA,IACrC,CACF;AAAA,EACF;AAGF,SAAO;AAAA,IACL;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,cAAc;AAAA,QACd,SAAS,CAAC,OAAO;AAAA,QACjB;AAAA,QACA,aAAa;AAAA,QACb,WAAU;AAAA,QACT,GAAG;AAAA,QACJ,mBAAe,kBAAAA,SAAW,QAAQ,WAAW,WAAW,GAAG,sBAAsB,+CAAe,SAAS;AAAA;AAAA,MAEzG;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,oCAAC,kCAAgB;AAAA,UACtB,GAAG;AAAA,UACJ,eAAW,kBAAAA,SAAW,QAAQ,WAAW,WAAW,GAAG,qBAAqB,6CAAc,SAAS;AAAA;AAAA,MACrG;AAAA,IACF;AAAA,EACF;AACF;AAWA,SAAS,UAAU,KAAiB,KAAwB;AAC1D,SAAO,IAAI,OAAQ,IAAI,aAAwB;AACjD;AAEA,SAAS,wBAAwB,MAA8B;AAC7D,SAAO,KACJ,IAAI,CAAC,GAAG,OAAO,EAAE,KAAK,OAAO,UAAU,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,EAAE,OAAO,EAAE,EACpE,OAAO,CAAC,MAAM,CAAC,EAAE,MAAM,EACvB,IAAI,CAAC,MAAM,EAAE,GAAG,EAChB,KAAK;AACV;AAEA,IAAO,wBAAQ;",
+  "names": ["ConfigProvider", "useStyle", "useT", "useLocalStorage", "classNames"]
 }

package/lib/components/ConfigProvider/context.d.ts

@@ -1,8 +1,14 @@
 import { type ReactNode } from 'react';
 import type { Langs } from '../../locales';
+import type { PulseAnimationProps } from '../Animation/Pulse';
+import type { BreakLinesProps } from '../BreakLines';
+import type { ColumnSettingProps } from '../ColumnSetting';
 import type { ConfirmActionProps } from '../ConfirmAction';
+import type { ContextMenuProps } from '../ContextMenu';
+import type { EditableTextProps } from '../EditableText';
 import type { ModalActionProps } from '../ModalAction';
 export interface ReactEasyContextProps {
+    getPrefixCls: (suffixCls: string, customizePrefixCls?: string) => string;
     /**
      * - **EN:** Language of the component, used for global configuration, can be 'en-US' or 'zh-CN'
      * - **CN:** 组件的语言，用于全局配置，可以是'en-US'或'zh-CN'
@@ -20,6 +26,36 @@ export interface ReactEasyContextProps {
      * @returns Localized text | 本地化文本
      */
     localize?: <T>(key: T, args?: Record<string, unknown>) => ReactNode;
+    /**
+     * - **EN:** Global configuration for `PulseAnimation` component, which can be used to set default
+     *   animation properties for all `PulseAnimation` components in the application.
+     * - **CN:** `PulseAnimation`组件的全局配置，可以用来设置应用中所有`PulseAnimation`组件的默认动画属性。
+     */
+    PulseAnimation?: PulseAnimationProps;
+    /**
+     * - **EN:** Global configuration for `BreakLines` component, which can be used to set default
+     *   properties for all `BreakLines` components in the application.
+     * - **CN:** `BreakLines`组件的全局配置，可以用来设置应用中所有`BreakLines`组件的默认属性。
+     */
+    BreakLines?: BreakLinesProps;
+    /**
+     * - **EN:** Global configuration for `ColumnSetting` component, which can be used to set default
+     *   properties for all `ColumnSetting` components in the application.
+     * - **CN:** `ColumnSetting`组件的全局配置，可以用来设置应用中所有`ColumnSetting`组件的默认属性。
+     */
+    ColumnSetting?: ColumnSettingProps;
+    /**
+     * - **EN:** Global configuration for `ContextMenu` component, which can be used to set default
+     *   properties for all `ContextMenu` components in the application.
+     * - **CN:** `ContextMenu`组件的全局配置，可以用来设置应用中所有`ContextMenu`组件的默认属性。
+     */
+    ContextMenu?: ContextMenuProps;
+    /**
+     * - **EN:** Global configuration for `EditableText` component, which can be used to set default
+     *   properties for all `EditableText` components in the application.
+     * - **CN:** `EditableText`组件的全局配置，可以用来设置应用中所有`EditableText`组件的默认属性。
+     */
+    EditableText?: EditableTextProps;
     /**
      * - **EN:** Global configuration for `ConfirmAction` component, which can be used to set default
      *   modal title and content for all `ConfirmAction` components in the application.

package/lib/components/ConfigProvider/context.js

@@ -25,6 +25,7 @@ __export(context_exports, {
 module.exports = __toCommonJS(context_exports);
 var import_react = require("react");
 var defaultContextValue = {
+  getPrefixCls: void 0,
   lang: "en-US"
 };
 var ReactEasyContext = (0, import_react.createContext)(defaultContextValue);

package/lib/components/ConfigProvider/context.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/ConfigProvider/context.tsx"],
-  "sourcesContent": ["import { createContext, type ReactNode } from 'react';\nimport type { Langs } from '../../locales';\nimport type { ConfirmActionProps } from '../ConfirmAction';\nimport type { ModalActionProps } from '../ModalAction';\n\nexport interface ReactEasyContextProps {\n  /**\n   * - **EN:** Language of the component, used for global configuration, can be 'en-US' or 'zh-CN'\n   * - **CN:** 组件的语言，用于全局配置，可以是'en-US'或'zh-CN'\n   *\n   * @default 'en-US'\n   */\n  lang?: Langs;\n  /**\n   * - **EN:** Get localized text\n   * - **CN:** 获取本地化文本\n   *\n   * @param key Normal text or key of local resource | 普通文本或本地资源的键值\n   * @param args Parameters of the localized text | 本地化文本的参数\n   *\n   * @returns Localized text | 本地化文本\n   */\n  localize?: <T>(key: T, args?: Record<string, unknown>) => ReactNode;\n\n  /**\n   * - **EN:** Global configuration for `ConfirmAction` component, which can be used to set default\n   *   modal title and content for all `ConfirmAction` components in the application.\n   * - **CN:** `ConfirmAction`组件的全局配置，可以用来设置应用中所有`ConfirmAction`组件的默认模态框标题和内容。\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  ConfirmAction?: ConfirmActionProps<any, never>;\n  /** @deprecated Use `ConfirmAction.title` instead */\n  defaultConfirmTitle?: ReactNode;\n  /** @deprecated Use `ConfirmAction.content` instead */\n  defaultConfirmContent?: ReactNode;\n\n  /**\n   * - **EN:** Global configuration for `DeleteConfirmAction` component, which can be used to set\n   *   default modal title and content for all `DeleteConfirmAction` components in the application.\n   * - **CN:** `DeleteConfirmAction`组件的全局配置，可以用来设置应用中所有`DeleteConfirmAction`组件的默认模态框标题和内容。\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  DeletionConfirmAction?: ConfirmActionProps<any, never>;\n  /** @deprecated Use `DeletionConfirmAction.title` instead */\n  defaultDeletionConfirmTitle?: ReactNode;\n  /** @deprecated Use `DeletionConfirmAction.content` instead */\n  defaultDeletionConfirmContent?: ReactNode;\n\n  /**\n   * - **EN:** Global configuration for `ModalAction` component, which can be used to set default\n   *   modal title and content for all `ModalAction` components in the application.\n   * - **CN:** `ModalAction`组件的全局配置，可以用来设置应用中所有`ModalAction`组件的默认模态框标题和内容。\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  ModalAction?: Partial<ModalActionProps<any, any, any, any, any>>;\n}\n\nexport const defaultContextValue: ReactEasyContextProps = {\n  lang: 'en-US',\n};\n\nconst ReactEasyContext = createContext<ReactEasyContextProps>(defaultContextValue);\n\nexport default ReactEasyContext;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA8C;AAyDvC,IAAM,sBAA6C;AAAA,EACxD,MAAM;AACR;AAEA,IAAM,uBAAmB,4BAAqC,mBAAmB;AAEjF,IAAO,kBAAQ;",
+  "sourcesContent": ["import { createContext, type ReactNode } from 'react';\nimport type { Langs } from '../../locales';\nimport type { PulseAnimationProps } from '../Animation/Pulse';\nimport type { BreakLinesProps } from '../BreakLines';\nimport type { ColumnSettingProps } from '../ColumnSetting';\nimport type { ConfirmActionProps } from '../ConfirmAction';\nimport type { ContextMenuProps } from '../ContextMenu';\nimport type { EditableTextProps } from '../EditableText';\nimport type { ModalActionProps } from '../ModalAction';\n\nexport interface ReactEasyContextProps {\n  getPrefixCls: (suffixCls: string, customizePrefixCls?: string) => string;\n  /**\n   * - **EN:** Language of the component, used for global configuration, can be 'en-US' or 'zh-CN'\n   * - **CN:** 组件的语言，用于全局配置，可以是'en-US'或'zh-CN'\n   *\n   * @default 'en-US'\n   */\n  lang?: Langs;\n  /**\n   * - **EN:** Get localized text\n   * - **CN:** 获取本地化文本\n   *\n   * @param key Normal text or key of local resource | 普通文本或本地资源的键值\n   * @param args Parameters of the localized text | 本地化文本的参数\n   *\n   * @returns Localized text | 本地化文本\n   */\n  localize?: <T>(key: T, args?: Record<string, unknown>) => ReactNode;\n\n  /**\n   * - **EN:** Global configuration for `PulseAnimation` component, which can be used to set default\n   *   animation properties for all `PulseAnimation` components in the application.\n   * - **CN:** `PulseAnimation`组件的全局配置，可以用来设置应用中所有`PulseAnimation`组件的默认动画属性。\n   */\n  PulseAnimation?: PulseAnimationProps;\n  /**\n   * - **EN:** Global configuration for `BreakLines` component, which can be used to set default\n   *   properties for all `BreakLines` components in the application.\n   * - **CN:** `BreakLines`组件的全局配置，可以用来设置应用中所有`BreakLines`组件的默认属性。\n   */\n  BreakLines?: BreakLinesProps;\n  /**\n   * - **EN:** Global configuration for `ColumnSetting` component, which can be used to set default\n   *   properties for all `ColumnSetting` components in the application.\n   * - **CN:** `ColumnSetting`组件的全局配置，可以用来设置应用中所有`ColumnSetting`组件的默认属性。\n   */\n  ColumnSetting?: ColumnSettingProps;\n  /**\n   * - **EN:** Global configuration for `ContextMenu` component, which can be used to set default\n   *   properties for all `ContextMenu` components in the application.\n   * - **CN:** `ContextMenu`组件的全局配置，可以用来设置应用中所有`ContextMenu`组件的默认属性。\n   */\n  ContextMenu?: ContextMenuProps;\n  /**\n   * - **EN:** Global configuration for `EditableText` component, which can be used to set default\n   *   properties for all `EditableText` components in the application.\n   * - **CN:** `EditableText`组件的全局配置，可以用来设置应用中所有`EditableText`组件的默认属性。\n   */\n  EditableText?: EditableTextProps;\n\n  /**\n   * - **EN:** Global configuration for `ConfirmAction` component, which can be used to set default\n   *   modal title and content for all `ConfirmAction` components in the application.\n   * - **CN:** `ConfirmAction`组件的全局配置，可以用来设置应用中所有`ConfirmAction`组件的默认模态框标题和内容。\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  ConfirmAction?: ConfirmActionProps<any, never>;\n  /** @deprecated Use `ConfirmAction.title` instead */\n  defaultConfirmTitle?: ReactNode;\n  /** @deprecated Use `ConfirmAction.content` instead */\n  defaultConfirmContent?: ReactNode;\n\n  /**\n   * - **EN:** Global configuration for `DeleteConfirmAction` component, which can be used to set\n   *   default modal title and content for all `DeleteConfirmAction` components in the application.\n   * - **CN:** `DeleteConfirmAction`组件的全局配置，可以用来设置应用中所有`DeleteConfirmAction`组件的默认模态框标题和内容。\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  DeletionConfirmAction?: ConfirmActionProps<any, never>;\n  /** @deprecated Use `DeletionConfirmAction.title` instead */\n  defaultDeletionConfirmTitle?: ReactNode;\n  /** @deprecated Use `DeletionConfirmAction.content` instead */\n  defaultDeletionConfirmContent?: ReactNode;\n\n  /**\n   * - **EN:** Global configuration for `ModalAction` component, which can be used to set default\n   *   modal title and content for all `ModalAction` components in the application.\n   * - **CN:** `ModalAction`组件的全局配置，可以用来设置应用中所有`ModalAction`组件的默认模态框标题和内容。\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  ModalAction?: Partial<ModalActionProps<any, any, any, any, any>>;\n}\n\nexport const defaultContextValue: ReactEasyContextProps = {\n  getPrefixCls: undefined!,\n  lang: 'en-US',\n};\n\nconst ReactEasyContext = createContext<ReactEasyContextProps>(defaultContextValue);\n\nexport default ReactEasyContext;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA8C;AA8FvC,IAAM,sBAA6C;AAAA,EACxD,cAAc;AAAA,EACd,MAAM;AACR;AAEA,IAAM,uBAAmB,4BAAqC,mBAAmB;AAEjF,IAAO,kBAAQ;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 import type { CSSProperties, FC, ReactNode } from 'react';
 import type localesEn from '../../locales/langs/en';
-import { type ReactEasyContextProps } from './context';
-export interface ConfigProviderProps extends ReactEasyContextProps {
+import ReactEasyContext, { type ReactEasyContextProps } from './context';
+export interface ConfigProviderProps extends Omit<ReactEasyContextProps, 'getPrefixCls'> {
     /**
      * - **EN:** Child elements of the ConfigProvider
      * - **CN:** ConfigProvider 的子元素
@@ -33,5 +33,7 @@ export interface ConfigProviderProps extends ReactEasyContextProps {
  * - **EN:** Provide global configuration for AntdHelper
  * - **CN:** 提供AntdHelper的全局配置
  */
-declare const ConfigProvider: FC<ConfigProviderProps>;
+declare const ConfigProvider: FC<ConfigProviderProps> & {
+    ConfigContext: typeof ReactEasyContext;
+};
 export default ConfigProvider;

package/lib/components/ConfigProvider/index.js

@@ -44,15 +44,22 @@ var ConfigProvider = (props) => {
   const { getPrefixCls, rootPrefixCls } = (0, import_react.useContext)(import_antd.ConfigProvider.ConfigContext);
   const prefixCls = getPrefixCls("react-easy", prefixClsInProps);
   const [wrapCSSVar, hashId, cssVarCls] = (0, import_style.default)(prefixCls, rootPrefixCls);
+  const getEasyPrefixCls = (0, import_react.useCallback)(
+    (suffixCls, customizePrefixCls) => getPrefixCls(`easy-${suffixCls}`, customizePrefixCls),
+    [getPrefixCls]
+  );
   const contextValue = (0, import_react.useMemo)(
     () => {
       if (langInProps !== import_locales.default.language) {
         import_locales.default.changeLanguage(langInProps || "en-US");
       }
-      return restProps;
+      return {
+        ...restProps,
+        getPrefixCls: getEasyPrefixCls
+      };
     },
     // eslint-disable-next-line @tiny-codes/react-hooks/exhaustive-deps
-    [langInProps, ...Object.values(restProps)]
+    [langInProps, getEasyPrefixCls, ...Object.values(restProps)]
   );
   (0, import_react.useEffect)(() => {
     if (userLocales) {
@@ -70,5 +77,6 @@ var ConfigProvider = (props) => {
   );
 };
 ConfigProvider.displayName = "ReactEasyConfigProvider";
+ConfigProvider.ConfigContext = import_context.default;
 var ConfigProvider_default = ConfigProvider;
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/ConfigProvider/index.tsx"],
-  "sourcesContent": ["import type { CSSProperties, FC, ReactNode } from 'react';\nimport { useContext, useEffect, useMemo } from 'react';\nimport { ConfigProvider as ReactConfigProvider } from 'antd';\nimport classNames from 'classnames';\nimport locales, { langs, resources } from '../../locales';\nimport type localesEn from '../../locales/langs/en';\nimport ReactEasyContext, { type ReactEasyContextProps } from './context';\nimport useStyle from './style';\n\nexport interface ConfigProviderProps extends ReactEasyContextProps {\n  /**\n   * - **EN:** Child elements of the ConfigProvider\n   * - **CN:** ConfigProvider 的子元素\n   */\n  children: ReactNode;\n  /**\n   * - **EN:** Custom prefix for the component's CSS class.\n   * - **CN:** 组件的自定义 CSS 类前缀。\n   */\n  prefixCls?: string;\n  /**\n   * - **EN:** Custom class name for the root element\n   * - **CN:** 根元素的自定义类名\n   */\n  className?: string;\n  /**\n   * - **EN:** Custom styles for the root element\n   * - **CN:** 根元素的自定义样式\n   */\n  style?: CSSProperties;\n  /**\n   * - **EN:** Custom localization resources, if `lang` exists, it will override the localization\n   *   resources of that language, otherwise, it will add a new language\n   * - **CN:** 自定义本地化资源，如果`lang`存在，则会覆盖该语言的本地化资源，否则，会添加一种新的语言\n   */\n  locales?: Partial<typeof localesEn>;\n}\n\n/**\n * - **EN:** Provide global configuration for AntdHelper\n * - **CN:** 提供AntdHelper的全局配置\n */\nconst ConfigProvider: FC<ConfigProviderProps> = (props) => {\n  const { children, locales: userLocales, prefixCls: prefixClsInProps, className, style, ...restProps } = props;\n  const { lang: langInProps } = restProps;\n  const { getPrefixCls, rootPrefixCls } = useContext(ReactConfigProvider.ConfigContext);\n  const prefixCls = getPrefixCls('react-easy', prefixClsInProps);\n  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls, rootPrefixCls);\n  const contextValue = useMemo(\n    () => {\n      if (langInProps !== locales.language) {\n        locales.changeLanguage(langInProps || 'en-US');\n      }\n      return restProps;\n    },\n    // eslint-disable-next-line @tiny-codes/react-hooks/exhaustive-deps\n    [langInProps, ...Object.values(restProps)]\n  );\n\n  useEffect(() => {\n    // Dynamically add language pack\n    if (userLocales) {\n      const lang = langInProps || 'en-US';\n      if (lang && langs.includes(lang)) {\n        locales.removeResourceBundle(lang, 'translation');\n        locales.addResourceBundle(lang, 'translation', { ...resources[lang].translation, ...userLocales });\n      } else {\n        locales.addResourceBundle(lang, 'translation', { ...resources['en-US'].translation, ...userLocales });\n      }\n    }\n  }, [langInProps, userLocales]);\n\n  return wrapCSSVar(\n    <ReactEasyContext.Provider value={contextValue}>\n      <div className={classNames(hashId, cssVarCls, prefixCls, className)} style={style}>\n        {children}\n      </div>\n    </ReactEasyContext.Provider>\n  );\n};\nConfigProvider.displayName = 'ReactEasyConfigProvider';\n\nexport default ConfigProvider;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA+C;AAC/C,kBAAsD;AACtD,wBAAuB;AACvB,qBAA0C;AAE1C,qBAA6D;AAC7D,mBAAqB;AAmCrB,IAAM,iBAA0C,CAAC,UAAU;AACzD,QAAM,EAAE,UAAU,SAAS,aAAa,WAAW,kBAAkB,WAAW,OAAO,GAAG,UAAU,IAAI;AACxG,QAAM,EAAE,MAAM,YAAY,IAAI;AAC9B,QAAM,EAAE,cAAc,cAAc,QAAI,yBAAW,YAAAA,eAAoB,aAAa;AACpF,QAAM,YAAY,aAAa,cAAc,gBAAgB;AAC7D,QAAM,CAAC,YAAY,QAAQ,SAAS,QAAI,aAAAC,SAAS,WAAW,aAAa;AACzE,QAAM,mBAAe;AAAA,IACnB,MAAM;AACJ,UAAI,gBAAgB,eAAAC,QAAQ,UAAU;AACpC,uBAAAA,QAAQ,eAAe,eAAe,OAAO;AAAA,MAC/C;AACA,aAAO;AAAA,IACT;AAAA;AAAA,IAEA,CAAC,aAAa,GAAG,OAAO,OAAO,SAAS,CAAC;AAAA,EAC3C;AAEA,8BAAU,MAAM;AAEd,QAAI,aAAa;AACf,YAAM,OAAO,eAAe;AAC5B,UAAI,QAAQ,qBAAM,SAAS,IAAI,GAAG;AAChC,uBAAAA,QAAQ,qBAAqB,MAAM,aAAa;AAChD,uBAAAA,QAAQ,kBAAkB,MAAM,eAAe,EAAE,GAAG,yBAAU,IAAI,EAAE,aAAa,GAAG,YAAY,CAAC;AAAA,MACnG,OAAO;AACL,uBAAAA,QAAQ,kBAAkB,MAAM,eAAe,EAAE,GAAG,yBAAU,OAAO,EAAE,aAAa,GAAG,YAAY,CAAC;AAAA,MACtG;AAAA,IACF;AAAA,EACF,GAAG,CAAC,aAAa,WAAW,CAAC;AAE7B,SAAO;AAAA,IACL,oCAAC,eAAAC,QAAiB,UAAjB,EAA0B,OAAO,gBAChC,oCAAC,SAAI,eAAW,kBAAAC,SAAW,QAAQ,WAAW,WAAW,SAAS,GAAG,SAClE,QACH,CACF;AAAA,EACF;AACF;AACA,eAAe,cAAc;AAE7B,IAAO,yBAAQ;",
+  "sourcesContent": ["import type { CSSProperties, FC, ReactNode } from 'react';\nimport { useCallback, useContext, useEffect, useMemo } from 'react';\nimport { ConfigProvider as ReactConfigProvider } from 'antd';\nimport classNames from 'classnames';\nimport locales, { langs, resources } from '../../locales';\nimport type localesEn from '../../locales/langs/en';\nimport ReactEasyContext, { type ReactEasyContextProps } from './context';\nimport useStyle from './style';\n\nexport interface ConfigProviderProps extends Omit<ReactEasyContextProps, 'getPrefixCls'> {\n  /**\n   * - **EN:** Child elements of the ConfigProvider\n   * - **CN:** ConfigProvider 的子元素\n   */\n  children: ReactNode;\n  /**\n   * - **EN:** Custom prefix for the component's CSS class.\n   * - **CN:** 组件的自定义 CSS 类前缀。\n   */\n  prefixCls?: string;\n  /**\n   * - **EN:** Custom class name for the root element\n   * - **CN:** 根元素的自定义类名\n   */\n  className?: string;\n  /**\n   * - **EN:** Custom styles for the root element\n   * - **CN:** 根元素的自定义样式\n   */\n  style?: CSSProperties;\n  /**\n   * - **EN:** Custom localization resources, if `lang` exists, it will override the localization\n   *   resources of that language, otherwise, it will add a new language\n   * - **CN:** 自定义本地化资源，如果`lang`存在，则会覆盖该语言的本地化资源，否则，会添加一种新的语言\n   */\n  locales?: Partial<typeof localesEn>;\n}\n\n/**\n * - **EN:** Provide global configuration for AntdHelper\n * - **CN:** 提供AntdHelper的全局配置\n */\nconst ConfigProvider: FC<ConfigProviderProps> & { ConfigContext: typeof ReactEasyContext } = (props) => {\n  const { children, locales: userLocales, prefixCls: prefixClsInProps, className, style, ...restProps } = props;\n  const { lang: langInProps } = restProps;\n  const { getPrefixCls, rootPrefixCls } = useContext(ReactConfigProvider.ConfigContext);\n  const prefixCls = getPrefixCls('react-easy', prefixClsInProps);\n  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls, rootPrefixCls);\n  const getEasyPrefixCls = useCallback(\n    (suffixCls: string, customizePrefixCls?: string) => getPrefixCls(`easy-${suffixCls}`, customizePrefixCls),\n    [getPrefixCls]\n  );\n  const contextValue = useMemo(\n    () => {\n      if (langInProps !== locales.language) {\n        locales.changeLanguage(langInProps || 'en-US');\n      }\n      return {\n        ...restProps,\n        getPrefixCls: getEasyPrefixCls,\n      };\n    },\n    // eslint-disable-next-line @tiny-codes/react-hooks/exhaustive-deps\n    [langInProps, getEasyPrefixCls, ...Object.values(restProps)]\n  );\n\n  useEffect(() => {\n    // Dynamically add language pack\n    if (userLocales) {\n      const lang = langInProps || 'en-US';\n      if (lang && langs.includes(lang)) {\n        locales.removeResourceBundle(lang, 'translation');\n        locales.addResourceBundle(lang, 'translation', { ...resources[lang].translation, ...userLocales });\n      } else {\n        locales.addResourceBundle(lang, 'translation', { ...resources['en-US'].translation, ...userLocales });\n      }\n    }\n  }, [langInProps, userLocales]);\n\n  return wrapCSSVar(\n    <ReactEasyContext.Provider value={contextValue}>\n      <div className={classNames(hashId, cssVarCls, prefixCls, className)} style={style}>\n        {children}\n      </div>\n    </ReactEasyContext.Provider>\n  );\n};\nConfigProvider.displayName = 'ReactEasyConfigProvider';\nConfigProvider.ConfigContext = ReactEasyContext;\n\nexport default ConfigProvider;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA4D;AAC5D,kBAAsD;AACtD,wBAAuB;AACvB,qBAA0C;AAE1C,qBAA6D;AAC7D,mBAAqB;AAmCrB,IAAM,iBAAuF,CAAC,UAAU;AACtG,QAAM,EAAE,UAAU,SAAS,aAAa,WAAW,kBAAkB,WAAW,OAAO,GAAG,UAAU,IAAI;AACxG,QAAM,EAAE,MAAM,YAAY,IAAI;AAC9B,QAAM,EAAE,cAAc,cAAc,QAAI,yBAAW,YAAAA,eAAoB,aAAa;AACpF,QAAM,YAAY,aAAa,cAAc,gBAAgB;AAC7D,QAAM,CAAC,YAAY,QAAQ,SAAS,QAAI,aAAAC,SAAS,WAAW,aAAa;AACzE,QAAM,uBAAmB;AAAA,IACvB,CAAC,WAAmB,uBAAgC,aAAa,QAAQ,aAAa,kBAAkB;AAAA,IACxG,CAAC,YAAY;AAAA,EACf;AACA,QAAM,mBAAe;AAAA,IACnB,MAAM;AACJ,UAAI,gBAAgB,eAAAC,QAAQ,UAAU;AACpC,uBAAAA,QAAQ,eAAe,eAAe,OAAO;AAAA,MAC/C;AACA,aAAO;AAAA,QACL,GAAG;AAAA,QACH,cAAc;AAAA,MAChB;AAAA,IACF;AAAA;AAAA,IAEA,CAAC,aAAa,kBAAkB,GAAG,OAAO,OAAO,SAAS,CAAC;AAAA,EAC7D;AAEA,8BAAU,MAAM;AAEd,QAAI,aAAa;AACf,YAAM,OAAO,eAAe;AAC5B,UAAI,QAAQ,qBAAM,SAAS,IAAI,GAAG;AAChC,uBAAAA,QAAQ,qBAAqB,MAAM,aAAa;AAChD,uBAAAA,QAAQ,kBAAkB,MAAM,eAAe,EAAE,GAAG,yBAAU,IAAI,EAAE,aAAa,GAAG,YAAY,CAAC;AAAA,MACnG,OAAO;AACL,uBAAAA,QAAQ,kBAAkB,MAAM,eAAe,EAAE,GAAG,yBAAU,OAAO,EAAE,aAAa,GAAG,YAAY,CAAC;AAAA,MACtG;AAAA,IACF;AAAA,EACF,GAAG,CAAC,aAAa,WAAW,CAAC;AAE7B,SAAO;AAAA,IACL,oCAAC,eAAAC,QAAiB,UAAjB,EAA0B,OAAO,gBAChC,oCAAC,SAAI,eAAW,kBAAAC,SAAW,QAAQ,WAAW,WAAW,SAAS,GAAG,SAClE,QACH,CACF;AAAA,EACF;AACF;AACA,eAAe,cAAc;AAC7B,eAAe,gBAAgB,eAAAD;AAE/B,IAAO,yBAAQ;",
   "names": ["ReactConfigProvider", "useStyle", "locales", "ReactEasyContext", "classNames"]
 }

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

@@ -93,5 +93,5 @@ var genStyle = (token) => {
     }
   };
 };
-var style_default = (0, import_internal.genStyleHooks)("EasyConfigProvider", genStyle);
+var style_default = (0, import_internal.genStyleHooks)("ConfigProvider", genStyle);
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/ConfigProvider/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      width: '100%',\n      height: '100%',\n      flex: 'auto',\n      minWidth: 0,\n      minHeight: 0,\n\n      '.easy-full-height-table': {\n        height: '100%',\n\n        [`& > ${token.antCls}-spin-nested-loading`]: {\n          height: '100%',\n\n          [`& > div > ${token.antCls}-spin`]: {\n            maxHeight: '100%',\n          },\n\n          [`& > ${token.antCls}-spin-container`]: {\n            display: 'flex',\n            flexDirection: 'column',\n            height: '100%',\n\n            [`& > ${token.antCls}-table`]: {\n              display: 'flex',\n              flex: 'auto',\n              flexDirection: 'column',\n              width: '100%',\n              minHeight: 0,\n\n              [`& > ${token.antCls}-table-container`]: {\n                flex: 'auto',\n                minHeight: 0,\n\n                [`& > ${token.antCls}-table-content`]: {\n                  maxHeight: '100%',\n                  // 把容器再多撑高1px，否则会始终显示纵向滚动条\n                  paddingBottom: 1,\n                  // 自动显示纵向滚动条\n                  // stylelint-disable-next-line declaration-no-important\n                  overflow: 'auto !important',\n\n                  '& > table': {\n                    height: '100%',\n\n                    [`${token.antCls}-table-thead`]: {\n                      position: 'sticky',\n                      top: 0,\n                      zIndex: 10,\n                    },\n\n                    td: {\n                      // 当嵌套表格时，还原所有full-height样式，防止子表格受影响\n                      '.easy-full-height-table': {\n                        height: 'auto',\n                      },\n                    },\n                  },\n                },\n              },\n            },\n            [`& > ${token.antCls}-table${token.antCls}-table-empty`]: {\n              [`& > ${token.antCls}-table-container`]: {\n                [`& > ${token.antCls}-table-content`]: {\n                  height: '100%',\n                },\n              },\n            },\n\n            [`& > ${token.antCls}-table-pagination`]: {\n              flex: 'none',\n              marginBottom: 0,\n            },\n          },\n        },\n      },\n    },\n  };\n};\n\nexport default genStyleHooks('EasyConfigProvider' 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,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,UAAU;AAAA,MACV,WAAW;AAAA,MAEX,2BAA2B;AAAA,QACzB,QAAQ;AAAA,QAER,CAAC,OAAO,MAAM,4BAA4B,GAAG;AAAA,UAC3C,QAAQ;AAAA,UAER,CAAC,aAAa,MAAM,aAAa,GAAG;AAAA,YAClC,WAAW;AAAA,UACb;AAAA,UAEA,CAAC,OAAO,MAAM,uBAAuB,GAAG;AAAA,YACtC,SAAS;AAAA,YACT,eAAe;AAAA,YACf,QAAQ;AAAA,YAER,CAAC,OAAO,MAAM,cAAc,GAAG;AAAA,cAC7B,SAAS;AAAA,cACT,MAAM;AAAA,cACN,eAAe;AAAA,cACf,OAAO;AAAA,cACP,WAAW;AAAA,cAEX,CAAC,OAAO,MAAM,wBAAwB,GAAG;AAAA,gBACvC,MAAM;AAAA,gBACN,WAAW;AAAA,gBAEX,CAAC,OAAO,MAAM,sBAAsB,GAAG;AAAA,kBACrC,WAAW;AAAA;AAAA,kBAEX,eAAe;AAAA;AAAA;AAAA,kBAGf,UAAU;AAAA,kBAEV,aAAa;AAAA,oBACX,QAAQ;AAAA,oBAER,CAAC,GAAG,MAAM,oBAAoB,GAAG;AAAA,sBAC/B,UAAU;AAAA,sBACV,KAAK;AAAA,sBACL,QAAQ;AAAA,oBACV;AAAA,oBAEA,IAAI;AAAA;AAAA,sBAEF,2BAA2B;AAAA,wBACzB,QAAQ;AAAA,sBACV;AAAA,oBACF;AAAA,kBACF;AAAA,gBACF;AAAA,cACF;AAAA,YACF;AAAA,YACA,CAAC,OAAO,MAAM,eAAe,MAAM,oBAAoB,GAAG;AAAA,cACxD,CAAC,OAAO,MAAM,wBAAwB,GAAG;AAAA,gBACvC,CAAC,OAAO,MAAM,sBAAsB,GAAG;AAAA,kBACrC,QAAQ;AAAA,gBACV;AAAA,cACF;AAAA,YACF;AAAA,YAEA,CAAC,OAAO,MAAM,yBAAyB,GAAG;AAAA,cACxC,MAAM;AAAA,cACN,cAAc;AAAA,YAChB;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAO,oBAAQ,+BAAc,sBAA+B,QAAQ;",
+  "sourcesContent": ["import { genStyleHooks } from 'antd/es/theme/internal';\nimport type { AliasToken, GenerateStyle } from 'antd/es/theme/internal';\nimport type { CSSObject } from '@ant-design/cssinjs';\nimport type { FullToken } from '@ant-design/cssinjs-utils';\n\ntype ConfigProviderToken = FullToken<{ ''?: object }, AliasToken, ''>;\n\nconst genStyle: GenerateStyle<ConfigProviderToken> = (token): CSSObject => {\n  const { componentCls } = token;\n  return {\n    [componentCls]: {\n      width: '100%',\n      height: '100%',\n      flex: 'auto',\n      minWidth: 0,\n      minHeight: 0,\n\n      '.easy-full-height-table': {\n        height: '100%',\n\n        [`& > ${token.antCls}-spin-nested-loading`]: {\n          height: '100%',\n\n          [`& > div > ${token.antCls}-spin`]: {\n            maxHeight: '100%',\n          },\n\n          [`& > ${token.antCls}-spin-container`]: {\n            display: 'flex',\n            flexDirection: 'column',\n            height: '100%',\n\n            [`& > ${token.antCls}-table`]: {\n              display: 'flex',\n              flex: 'auto',\n              flexDirection: 'column',\n              width: '100%',\n              minHeight: 0,\n\n              [`& > ${token.antCls}-table-container`]: {\n                flex: 'auto',\n                minHeight: 0,\n\n                [`& > ${token.antCls}-table-content`]: {\n                  maxHeight: '100%',\n                  // 把容器再多撑高1px，否则会始终显示纵向滚动条\n                  paddingBottom: 1,\n                  // 自动显示纵向滚动条\n                  // stylelint-disable-next-line declaration-no-important\n                  overflow: 'auto !important',\n\n                  '& > table': {\n                    height: '100%',\n\n                    [`${token.antCls}-table-thead`]: {\n                      position: 'sticky',\n                      top: 0,\n                      zIndex: 10,\n                    },\n\n                    td: {\n                      // 当嵌套表格时，还原所有full-height样式，防止子表格受影响\n                      '.easy-full-height-table': {\n                        height: 'auto',\n                      },\n                    },\n                  },\n                },\n              },\n            },\n            [`& > ${token.antCls}-table${token.antCls}-table-empty`]: {\n              [`& > ${token.antCls}-table-container`]: {\n                [`& > ${token.antCls}-table-content`]: {\n                  height: '100%',\n                },\n              },\n            },\n\n            [`& > ${token.antCls}-table-pagination`]: {\n              flex: 'none',\n              marginBottom: 0,\n            },\n          },\n        },\n      },\n    },\n  };\n};\n\nexport default genStyleHooks('ConfigProvider' as never, genStyle);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAA8B;AAO9B,IAAM,WAA+C,CAAC,UAAqB;AACzE,QAAM,EAAE,aAAa,IAAI;AACzB,SAAO;AAAA,IACL,CAAC,YAAY,GAAG;AAAA,MACd,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,UAAU;AAAA,MACV,WAAW;AAAA,MAEX,2BAA2B;AAAA,QACzB,QAAQ;AAAA,QAER,CAAC,OAAO,MAAM,4BAA4B,GAAG;AAAA,UAC3C,QAAQ;AAAA,UAER,CAAC,aAAa,MAAM,aAAa,GAAG;AAAA,YAClC,WAAW;AAAA,UACb;AAAA,UAEA,CAAC,OAAO,MAAM,uBAAuB,GAAG;AAAA,YACtC,SAAS;AAAA,YACT,eAAe;AAAA,YACf,QAAQ;AAAA,YAER,CAAC,OAAO,MAAM,cAAc,GAAG;AAAA,cAC7B,SAAS;AAAA,cACT,MAAM;AAAA,cACN,eAAe;AAAA,cACf,OAAO;AAAA,cACP,WAAW;AAAA,cAEX,CAAC,OAAO,MAAM,wBAAwB,GAAG;AAAA,gBACvC,MAAM;AAAA,gBACN,WAAW;AAAA,gBAEX,CAAC,OAAO,MAAM,sBAAsB,GAAG;AAAA,kBACrC,WAAW;AAAA;AAAA,kBAEX,eAAe;AAAA;AAAA;AAAA,kBAGf,UAAU;AAAA,kBAEV,aAAa;AAAA,oBACX,QAAQ;AAAA,oBAER,CAAC,GAAG,MAAM,oBAAoB,GAAG;AAAA,sBAC/B,UAAU;AAAA,sBACV,KAAK;AAAA,sBACL,QAAQ;AAAA,oBACV;AAAA,oBAEA,IAAI;AAAA;AAAA,sBAEF,2BAA2B;AAAA,wBACzB,QAAQ;AAAA,sBACV;AAAA,oBACF;AAAA,kBACF;AAAA,gBACF;AAAA,cACF;AAAA,YACF;AAAA,YACA,CAAC,OAAO,MAAM,eAAe,MAAM,oBAAoB,GAAG;AAAA,cACxD,CAAC,OAAO,MAAM,wBAAwB,GAAG;AAAA,gBACvC,CAAC,OAAO,MAAM,sBAAsB,GAAG;AAAA,kBACrC,QAAQ;AAAA,gBACV;AAAA,cACF;AAAA,YACF;AAAA,YAEA,CAAC,OAAO,MAAM,yBAAyB,GAAG;AAAA,cACxC,MAAM;AAAA,cACN,cAAc;AAAA,YAChB;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAO,oBAAQ,+BAAc,kBAA2B,QAAQ;",
   "names": []
 }

package/lib/components/ContextMenu/index.js

@@ -37,6 +37,7 @@ var import_antd = require("antd");
 var import_classnames = __toESM(require("classnames"));
 var import_react_contexify = require("react-contexify");
 var import_hooks = require("../../hooks");
+var import_ConfigProvider = __toESM(require("../ConfigProvider"));
 var import_style = __toESM(require("./style"));
 var import_ReactContexify = require("react-contexify/dist/ReactContexify.css");
 var ContextMenu = (0, import_react.forwardRef)((props, ref) => {
@@ -50,7 +51,7 @@ var ContextMenu = (0, import_react.forwardRef)((props, ref) => {
     children,
     ...rest
   } = props;
-  const { getPrefixCls } = (0, import_react.useContext)(import_antd.ConfigProvider.ConfigContext);
+  const { getPrefixCls } = (0, import_react.useContext)(import_ConfigProvider.default.ConfigContext);
   const prefixCls = getPrefixCls("context-menu", prefixClsInProps);
   const [wrapCSSVar, hashId, cssVarCls] = (0, import_style.default)(prefixCls);
   const { show, hideAll } = (0, import_react_contexify.useContextMenu)({ id });