@tiny-codes/react-easy 1.7.5 → 1.7.7

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

@@ -6,26 +6,26 @@ export interface BreakLinesProps {
      */
     value: string | undefined;
     /**
-     * - **EN:** Whether to enable line breaking
-     * - **CN:** 是否启用换行功能
+     * - **EN:** Whether the line break conversion is enabled
+     * - **CN:** 是否启用换行转换
      *
      * @default true
      */
     enabled?: boolean;
     /**
-     * - **EN:** Line break character
-     * - **CN:** 换行符
+     * - **EN:** The end-of-line character to use for splitting lines
+     * - **CN:** 用于分割行的行结束字符
      *
      * @default '\n'
      */
     EOL?: string;
     /**
-     * - **CN:** 渲染dom节点的标签名
-     * - **EN:** Render the tag name of the DOM node
+     * - **EN:** The HTML tag to use for rendering the content
+     * - **CN:** 用于渲染内容的 HTML 标签
      *
      * @default false
      */
-    tagName?: 'span' | 'div' | 'i' | 'pre' | (string & {}) | false;
+    tagName?: false | 'span' | 'div' | 'i' | 'pre' | (string & {});
     /**
      * - **EN:** The CSS class name of the dom node, if `tagName` is set to false, this property is
      *   invalid

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/BreakLines/index.tsx"],
-  "sourcesContent": ["import { createElement, type FC, Fragment, type ReactNode } from 'react';\n\nexport interface BreakLinesProps {\n  /**\n   * - **EN:** Text content\n   * - **CN:** 文本内容\n   */\n  value: string | undefined;\n  /**\n   * - **EN:** Whether to enable line breaking\n   * - **CN:** 是否启用换行功能\n   *\n   * @default true\n   */\n  enabled?: boolean;\n  /**\n   * - **EN:** Line break character\n   * - **CN:** 换行符\n   *\n   * @default '\\n'\n   */\n  EOL?: string;\n  /**\n   * - **CN:** 渲染dom节点的标签名\n   * - **EN:** Render the tag name of the DOM node\n   *\n   * @default false\n   */\n  // eslint-disable-next-line @typescript-eslint/ban-types\n  tagName?: 'span' | 'div' | 'i' | 'pre' | (string & {}) | false;\n  /**\n   * - **EN:** The CSS class name of the dom node, if `tagName` is set to false, this property is\n   *   invalid\n   * - **CN:** dom节点的css类名，如果`tagName`设置为false，则此属性无效\n   */\n  className?: string;\n}\n\n/**\n * - **EN:** Output a piece of text, keeping line breaks\n * - **CN:** 输出一段文本，保留换行符\n *\n * @example\n *   <BreakLines value=\"hello \\n world\" />;\n *   // hello <br/> world\n */\nconst BreakLines: FC<BreakLinesProps> = (props) => {\n  const { value, className, tagName = false, enabled = true, EOL = '\\n' } = props;\n\n  let content: ReactNode;\n  if (value) {\n    if (enabled) {\n      if (value.includes(EOL)) {\n        const segments = value?.split(EOL);\n        content = segments.map((str, i) => (\n          // eslint-disable-next-line react/no-array-index-key\n          <Fragment key={`${str}:${i}`}>\n            {str}\n            {i !== segments.length - 1 && <br />}\n          </Fragment>\n        ));\n      } else {\n        content = value;\n      }\n    } else {\n      content = value;\n    }\n  } else {\n    content = value;\n  }\n\n  if (tagName) {\n    return createElement(tagName, { className }, content);\n  } else {\n    return <>{content}</>;\n  }\n};\n\nexport default BreakLines;\n"],
+  "sourcesContent": ["import { createElement, type FC, Fragment, type ReactNode } from 'react';\n\nexport interface BreakLinesProps {\n  /**\n   * - **EN:** Text content\n   * - **CN:** 文本内容\n   */\n  value: string | undefined;\n  /**\n   * - **EN:** Whether the line break conversion is enabled\n   * - **CN:** 是否启用换行转换\n   *\n   * @default true\n   */\n  enabled?: boolean;\n  /**\n   * - **EN:** The end-of-line character to use for splitting lines\n   * - **CN:** 用于分割行的行结束字符\n   *\n   * @default '\\n'\n   */\n  EOL?: string;\n  /**\n   * - **EN:** The HTML tag to use for rendering the content\n   * - **CN:** 用于渲染内容的 HTML 标签\n   *\n   * @default false\n   */\n  // eslint-disable-next-line @typescript-eslint/ban-types\n  tagName?: false | 'span' | 'div' | 'i' | 'pre' | (string & {});\n  /**\n   * - **EN:** The CSS class name of the dom node, if `tagName` is set to false, this property is\n   *   invalid\n   * - **CN:** dom节点的css类名，如果`tagName`设置为false，则此属性无效\n   */\n  className?: string;\n}\n\n/**\n * - **EN:** Output a piece of text, keeping line breaks\n * - **CN:** 输出一段文本，保留换行符\n *\n * @example\n *   <BreakLines value=\"hello \\n world\" />;\n *   // hello <br/> world\n */\nconst BreakLines: FC<BreakLinesProps> = (props) => {\n  const { value, className, tagName = false, enabled = true, EOL = '\\n' } = props;\n\n  let content: ReactNode;\n  if (value) {\n    if (enabled) {\n      if (value.includes(EOL)) {\n        const segments = value?.split(EOL);\n        content = segments.map((str, i) => (\n          // eslint-disable-next-line react/no-array-index-key\n          <Fragment key={`${str}:${i}`}>\n            {str}\n            {i !== segments.length - 1 && <br />}\n          </Fragment>\n        ));\n      } else {\n        content = value;\n      }\n    } else {\n      content = value;\n    }\n  } else {\n    content = value;\n  }\n\n  if (tagName) {\n    return createElement(tagName, { className }, content);\n  } else {\n    return <>{content}</>;\n  }\n};\n\nexport default BreakLines;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAiE;AA8CjE,IAAM,aAAkC,CAAC,UAAU;AACjD,QAAM,EAAE,OAAO,WAAW,UAAU,OAAO,UAAU,MAAM,MAAM,KAAK,IAAI;AAE1E,MAAI;AACJ,MAAI,OAAO;AACT,QAAI,SAAS;AACX,UAAI,MAAM,SAAS,GAAG,GAAG;AACvB,cAAM,WAAW,+BAAO,MAAM;AAC9B,kBAAU,SAAS,IAAI,CAAC,KAAK;AAAA;AAAA,UAE3B,oCAAC,yBAAS,KAAK,GAAG,OAAO,OACtB,KACA,MAAM,SAAS,SAAS,KAAK,oCAAC,UAAG,CACpC;AAAA,SACD;AAAA,MACH,OAAO;AACL,kBAAU;AAAA,MACZ;AAAA,IACF,OAAO;AACL,gBAAU;AAAA,IACZ;AAAA,EACF,OAAO;AACL,cAAU;AAAA,EACZ;AAEA,MAAI,SAAS;AACX,eAAO,4BAAc,SAAS,EAAE,UAAU,GAAG,OAAO;AAAA,EACtD,OAAO;AACL,WAAO,0DAAG,OAAQ;AAAA,EACpB;AACF;AAEA,IAAO,qBAAQ;",
   "names": []
 }

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

@@ -13,8 +13,9 @@ export interface ColumnSettingProps<T extends ColumnSettingItem = ColumnSettingI
      */
     onChange?: (nextColumns: T[]) => void;
     /**
-     * - **EN:** Local storage key for persisting column settings.
-     * - **CN:** 用于持久化列设置的本地存储键。
+     * - **EN:** Set a local storage key for persisting column settings. If not set, local storage is
+     *   not enabled.
+     * - **CN:** 设置一个本地存储的键值，用于持久化保存列设置。如果未设置，则不启用本地存储。
      */
     storageKey?: string;
     /**
@@ -47,6 +48,10 @@ export interface ColumnSettingProps<T extends ColumnSettingItem = ColumnSettingI
      * - **CN:** “重置”按钮的属性。
      */
     resetProps?: ButtonProps;
+    /**
+     * - **EN:** Custom prefix for the component's CSS class.
+     * - **CN:** 组件的自定义 CSS 类前缀。
+     */
     prefixCls?: string;
 }
 /**

package/lib/components/ColumnSetting/index.js

@@ -35,10 +35,11 @@ module.exports = __toCommonJS(ColumnSetting_exports);
 var import_react = require("react");
 var import_antd = require("antd");
 var import_classnames = __toESM(require("classnames"));
-var import_react_use = require("react-use");
 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,22 +54,19 @@ 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 initialSelectedRef = (0, import_react.useRef)(normalizeToSelectedKeys(columns));
   const [open, setOpen] = (0, import_react.useState)(false);
-  const [selectedKeys, setSelectedKeys] = (0, import_react.useState)(initialSelectedRef.current);
   const t = (0, import_useT.default)();
-  const [selectedKeysFromStorage, setSelectedKeysFromStorage] = (0, import_react_use.useLocalStorage)(
-    storageKey ?? "",
-    initialSelectedRef.current
-  );
+  const [selectedKeysFromStorage, setSelectedKeysFromStorage] = (0, import_useLocalStorage.default)(storageKey, []);
+  const [initialKeys, setInitialKeys] = (0, import_react.useState)(selectedKeysFromStorage ?? []);
+  const [selectedKeys, setSelectedKeys] = (0, import_react.useState)(initialKeys);
   const storageRef = (0, import_hooks.useRefValue)(storageKey);
   const selectedKeysFromStorageRef = (0, import_hooks.useRefValue)(selectedKeysFromStorage);
   const hasChange = (0, import_react.useMemo)(() => {
-    return [...selectedKeys].sort().join(",") !== initialSelectedRef.current.join(",");
-  }, [selectedKeys]);
+    return [...selectedKeys].sort().join(",") !== initialKeys.join(",");
+  }, [selectedKeys, initialKeys]);
   const keys = (0, import_react.useMemo)(() => columns.map((c, i) => String(getColKey(c, i))), [columns]);
   const allSelectableKeys = (0, import_react.useMemo)(
     () => columns.map((c, i) => ({ k: String(getColKey(c, i)), disabled: !!c.disabled })).filter((x) => !x.disabled).map((x) => x.k),
@@ -108,19 +106,26 @@ function ColumnSetting(props) {
     change(ensured, true);
   };
   const handleReset = () => {
-    const next = initialSelectedRef.current.length > 0 ? initialSelectedRef.current : [keys[0]];
+    const next = initialKeys.length > 0 ? initialKeys : [keys[0]];
     change(next, true);
   };
+  const handleOpenChange = (nextOpen) => {
+    setOpen(nextOpen);
+    if (nextOpen) {
+      setInitialKeys(normalizeToSelectedKeys(columns));
+    } else {
+      setInitialKeys([]);
+    }
+  };
   (0, import_react.useEffect)(() => {
     const next = normalizeToSelectedKeys(columns);
-    initialSelectedRef.current = next;
     change(next, false);
   }, [columns]);
   (0, import_react.useEffect)(() => {
-    if (storageRef.current && selectedKeysFromStorageRef.current && selectedKeysFromStorageRef.current.join(",") !== initialSelectedRef.current.join(",")) {
+    if (storageRef.current && selectedKeysFromStorageRef.current && selectedKeysFromStorageRef.current.join(",") !== initialKeys.join(",")) {
       change(selectedKeysFromStorageRef.current, true);
     }
-  }, []);
+  }, [initialKeys]);
   const dropdownRender = () => /* @__PURE__ */ React.createElement(
     "div",
     {
@@ -188,7 +193,7 @@ function ColumnSetting(props) {
       import_antd.Dropdown,
       {
         open,
-        onOpenChange: setOpen,
+        onOpenChange: handleOpenChange,
         trigger: ["click"],
         dropdownRender,
         popupRender: dropdownRender,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/ColumnSetting/index.tsx"],
-  "sourcesContent": ["import { useContext, useEffect, useMemo, useRef, 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 { useLocalStorage } from 'react-use';\nimport { ReloadOutlined, SettingOutlined } from '@ant-design/icons';\nimport { useRefFunction, useRefValue } from '../../hooks';\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:** Local storage key for persisting column settings.\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  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 initialSelectedRef = useRef<string[]>(normalizeToSelectedKeys(columns));\n  const [open, setOpen] = useState(false);\n  const [selectedKeys, setSelectedKeys] = useState<string[]>(initialSelectedRef.current);\n  const t = useT();\n  const [selectedKeysFromStorage, setSelectedKeysFromStorage] = useLocalStorage<string[]>(\n    storageKey ?? '',\n    initialSelectedRef.current\n  );\n  const storageRef = useRefValue(storageKey);\n  const selectedKeysFromStorageRef = useRefValue(selectedKeysFromStorage);\n  const hasChange = useMemo(() => {\n    return [...selectedKeys].sort().join(',') !== initialSelectedRef.current.join(',');\n  }, [selectedKeys]);\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 = initialSelectedRef.current.length > 0 ? initialSelectedRef.current : [keys[0]];\n    change(next, true);\n  };\n\n  // Sync when columns change\n  useEffect(() => {\n    const next = normalizeToSelectedKeys(columns);\n    initialSelectedRef.current = next;\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(',') !== initialSelectedRef.current.join(',')\n    ) {\n      change(selectedKeysFromStorageRef.current, true);\n    }\n  }, []);\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={setOpen}\n      trigger={['click']}\n      dropdownRender={dropdownRender}\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", "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,11 +1,19 @@
 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'
+     *
+     * @default 'en-US'
      */
     lang?: Langs;
     /**
@@ -18,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,7 +25,8 @@ __export(context_exports, {
 module.exports = __toCommonJS(context_exports);
 var import_react = require("react");
 var defaultContextValue = {
-  lang: "en"
+  getPrefixCls: void 0,
+  lang: "en-US"
 };
 var ReactEasyContext = (0, import_react.createContext)(defaultContextValue);
 var context_default = ReactEasyContext;

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  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',\n};\n\nconst ReactEasyContext = createContext<ReactEasyContextProps>(defaultContextValue);\n\nexport default ReactEasyContext;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA8C;AAuDvC,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,9 +1,26 @@
 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 的子元素
+     */
+    children: ReactNode;
+    /**
+     * - **EN:** Custom prefix for the component's CSS class.
+     * - **CN:** 组件的自定义 CSS 类前缀。
+     */
     prefixCls?: string;
+    /**
+     * - **EN:** Custom class name for the root element
+     * - **CN:** 根元素的自定义类名
+     */
     className?: string;
+    /**
+     * - **EN:** Custom styles for the root element
+     * - **CN:** 根元素的自定义样式
+     */
     style?: CSSProperties;
     /**
      * - **EN:** Custom localization resources, if `lang` exists, it will override the localization
@@ -11,11 +28,12 @@ export interface ConfigProviderProps extends ReactEasyContextProps {
      * - **CN:** 自定义本地化资源，如果`lang`存在，则会覆盖该语言的本地化资源，否则，会添加一种新的语言
      */
     locales?: Partial<typeof localesEn>;
-    children: ReactNode;
 }
 /**
  * - **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,24 +44,35 @@ 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 contextValue = (0, import_react.useMemo)(
+    () => {
+      if (langInProps !== import_locales.default.language) {
+        import_locales.default.changeLanguage(langInProps || "en-US");
+      }
+      return {
+        ...restProps,
+        getPrefixCls: (suffixCls, customizePrefixCls) => getPrefixCls(`easy-${suffixCls}`, customizePrefixCls)
+      };
+    },
+    // eslint-disable-next-line @tiny-codes/react-hooks/exhaustive-deps
+    [langInProps, getPrefixCls, ...Object.values(restProps)]
+  );
   (0, import_react.useEffect)(() => {
     if (userLocales) {
-      const lang = langInProps || "en";
+      const lang = langInProps || "en-US";
       if (lang && import_locales.langs.includes(lang)) {
         import_locales.default.removeResourceBundle(lang, "translation");
         import_locales.default.addResourceBundle(lang, "translation", { ...import_locales.resources[lang].translation, ...userLocales });
       } else {
-        import_locales.default.addResourceBundle(lang, "translation", { ...import_locales.resources.en.translation, ...userLocales });
+        import_locales.default.addResourceBundle(lang, "translation", { ...import_locales.resources["en-US"].translation, ...userLocales });
       }
     }
   }, [langInProps, userLocales]);
-  (0, import_react.useEffect)(() => {
-    import_locales.default.changeLanguage(langInProps || "en");
-  }, [langInProps]);
   return wrapCSSVar(
-    /* @__PURE__ */ React.createElement(import_context.default.Provider, { value: restProps }, /* @__PURE__ */ React.createElement("div", { className: (0, import_classnames.default)(hashId, cssVarCls, prefixCls, className), style }, children))
+    /* @__PURE__ */ React.createElement(import_context.default.Provider, { value: contextValue }, /* @__PURE__ */ React.createElement("div", { className: (0, import_classnames.default)(hashId, cssVarCls, prefixCls, className), style }, children))
   );
 };
 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 } 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  prefixCls?: string;\n  className?: string;\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  children: ReactNode;\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\n  useEffect(() => {\n    // Dynamically add language pack\n    if (userLocales) {\n      const lang = langInProps || 'en';\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.translation, ...userLocales });\n      }\n    }\n  }, [langInProps, userLocales]);\n\n  useEffect(() => {\n    // Set the language of the component\n    locales.changeLanguage(langInProps || 'en');\n  }, [langInProps]);\n\n  return wrapCSSVar(\n    <ReactEasyContext.Provider value={restProps}>\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,mBAAsC;AACtC,kBAAsD;AACtD,wBAAuB;AACvB,qBAA0C;AAE1C,qBAA6D;AAC7D,mBAAqB;AAmBrB,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;AAEzE,8BAAU,MAAM;AAEd,QAAI,aAAa;AACf,YAAM,OAAO,eAAe;AAC5B,UAAI,QAAQ,qBAAM,SAAS,IAAI,GAAG;AAChC,uBAAAC,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,GAAG,aAAa,GAAG,YAAY,CAAC;AAAA,MAChG;AAAA,IACF;AAAA,EACF,GAAG,CAAC,aAAa,WAAW,CAAC;AAE7B,8BAAU,MAAM;AAEd,mBAAAA,QAAQ,eAAe,eAAe,IAAI;AAAA,EAC5C,GAAG,CAAC,WAAW,CAAC;AAEhB,SAAO;AAAA,IACL,oCAAC,eAAAC,QAAiB,UAAjB,EAA0B,OAAO,aAChC,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 { 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 contextValue = useMemo(\n    () => {\n      if (langInProps !== locales.language) {\n        locales.changeLanguage(langInProps || 'en-US');\n      }\n      return {\n        ...restProps,\n        getPrefixCls: (suffixCls: string, customizePrefixCls?: string) =>\n          getPrefixCls(`easy-${suffixCls}`, customizePrefixCls),\n      };\n    },\n    // eslint-disable-next-line @tiny-codes/react-hooks/exhaustive-deps\n    [langInProps, getPrefixCls, ...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,mBAA+C;AAC/C,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,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,CAAC,WAAmB,uBAChC,aAAa,QAAQ,aAAa,kBAAkB;AAAA,MACxD;AAAA,IACF;AAAA;AAAA,IAEA,CAAC,aAAa,cAAc,GAAG,OAAO,OAAO,SAAS,CAAC;AAAA,EACzD;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.d.ts

@@ -12,10 +12,26 @@ export interface ContextMenuProps extends MenuProps {
      * - **CN:** 触发显示菜单的方式，默认是 `['contextMenu']`
      */
     trigger?: ('click' | 'doubleClick' | 'hover' | 'contextMenu')[];
+    /**
+     * - **EN:** Custom properties for the trigger element
+     * - **CN:** 触发元素的自定义属性
+     */
     triggerProps?: {
+        /**
+         * - **EN:** Custom class name for the trigger element
+         * - **CN:** 触发元素的自定义类名
+         */
         className?: string;
+        /**
+         * - **EN:** Custom styles for the trigger element
+         * - **CN:** 触发元素的自定义样式
+         */
         style?: CSSProperties;
     };
+    /**
+     * - **EN:** Custom prefix for the component's CSS class.
+     * - **CN:** 组件的自定义 CSS 类前缀。
+     */
     prefixCls?: string;
 }
 declare const ContextMenu: import("react").ForwardRefExoticComponent<ContextMenuProps & import("react").RefAttributes<ContextMenuRef>>;

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 });

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/ContextMenu/index.tsx"],
-  "sourcesContent": ["import type { CSSProperties, ReactNode } from 'react';\nimport { forwardRef, useContext, useImperativeHandle, useMemo } from 'react';\nimport { theme as AntdTheme, ConfigProvider, Typography } from 'antd';\nimport classNames from 'classnames';\nimport type { ItemProps, MenuProps, SeparatorProps, ShowContextMenuParams, SubMenuProps } from 'react-contexify';\nimport { Item, Menu, RightSlot, Separator, Submenu, useContextMenu } from 'react-contexify';\nimport { useRefFunction } from '../../hooks';\nimport useStyle from './style';\nimport 'react-contexify/dist/ReactContexify.css';\n\nexport interface ContextMenuProps extends MenuProps {\n  /**\n   * - **EN:** Menu items to be displayed\n   * - **CN:** 要显示的菜单项\n   */\n  items: (ContextMenuItem | ContextMenuSeparator | ContextMenuSubmenu)[] | undefined;\n  /**\n   * - **EN:** Trigger methods to show the menu, default is `['contextMenu']`\n   * - **CN:** 触发显示菜单的方式，默认是 `['contextMenu']`\n   */\n  trigger?: ('click' | 'doubleClick' | 'hover' | 'contextMenu')[];\n  triggerProps?: {\n    className?: string;\n    style?: CSSProperties;\n  };\n  prefixCls?: string;\n}\n// 上下文菜单组件\nconst ContextMenu = forwardRef<ContextMenuRef, ContextMenuProps>((props, ref) => {\n  const {\n    id,\n    items,\n    trigger = ['contextMenu'],\n    triggerProps,\n    prefixCls: prefixClsInProps,\n    className,\n    children,\n    ...rest\n  } = props;\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const prefixCls = getPrefixCls('context-menu', prefixClsInProps);\n  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);\n  const { show, hideAll } = useContextMenu({ id });\n  const eventNames = useMemo<Record<NonNullable<ContextMenuProps['trigger']>[number], [string, string | undefined]>>(\n    () => ({\n      click: ['onClick', undefined],\n      doubleClick: ['onDoubleClick', undefined],\n      hover: ['onPointerEnter', 'onPointerLeave'],\n      contextMenu: ['onContextMenu', undefined],\n    }),\n    []\n  );\n\n  // Show context menu handler\n  const handleShow = useRefFunction(\n    (event: React.MouseEvent<HTMLElement>, options?: Pick<ShowContextMenuParams, 'position'>) => {\n      show({\n        id,\n        event,\n        props,\n        position: options?.position,\n      });\n    }\n  );\n  // Hide all context menus handler\n  const handleHideAll = useRefFunction(() => {\n    hideAll();\n  });\n  const eventHandlers = useMemo(() => {\n    const handlers: Record<string, (event: React.MouseEvent<HTMLElement>) => void> = {};\n    if (trigger) {\n      trigger.forEach((eventType) => {\n        const [handlerName, leaveHandlerName] = eventNames[eventType];\n        handlers[handlerName] = (event: React.MouseEvent<HTMLElement>) => {\n          handleShow(event);\n        };\n        if (leaveHandlerName) {\n          handlers[leaveHandlerName] = handleHideAll;\n        }\n      });\n    }\n    return handlers;\n  }, [eventNames, trigger]);\n\n  // Expose show and hideAll methods to the ref\n  useImperativeHandle(\n    ref,\n    () => ({\n      show: handleShow,\n      hideAll: handleHideAll,\n    }),\n    []\n  );\n\n  return (\n    <>\n      {children &&\n        wrapCSSVar(\n          <div\n            {...eventHandlers}\n            className={classNames(hashId, cssVarCls, prefixCls, `${prefixCls}-trigger`, triggerProps?.className)}\n            style={triggerProps?.style}\n          >\n            {children}\n          </div>\n        )}\n      {wrapCSSVar(\n        <Menu\n          id={id}\n          className={classNames(\n            hashId,\n            cssVarCls,\n            prefixCls,\n            `${prefixCls}-menu`,\n            {\n              [`${prefixCls}-menu-has-items`]: !!items?.length,\n            },\n            className\n          )}\n          {...rest}\n        >\n          {renderItems(items, { theme: props.theme, cmpPrefixCls: prefixCls })}\n        </Menu>\n      )}\n    </>\n  );\n});\nContextMenu.displayName = 'ContextMenu';\n\n// Render menu items\nfunction renderItems(\n  items: (ContextMenuItem | ContextMenuSeparator | ContextMenuSubmenu)[] | undefined,\n  options: Pick<ContextMenuProps, 'theme'> & { cmpPrefixCls: string }\n): ReactNode[] | undefined {\n  return items?.map((item, index) => {\n    const isSeparator = 'type' in item && item.type === 'separator';\n    const isSubmenu = 'type' in item && item.type === 'submenu';\n    const menuItem = item as ContextMenuItem;\n\n    if (isSeparator) {\n      // eslint-disable-next-line react/no-array-index-key\n      return <Separator key={`[separator]:${index}`} />;\n    }\n\n    if (isSubmenu) {\n      const subMenu = item as ContextMenuSubmenu;\n      return (\n        <Submenu {...subMenu} key={subMenu.key}>\n          {renderItems(item.items, options)}\n        </Submenu>\n      );\n    }\n\n    return (\n      <Item\n        {...menuItem}\n        keyMatcher={\n          typeof menuItem.shortcutKey === 'object'\n            ? (e) => {\n                const shortcutKey = menuItem.shortcutKey as Partial<KeyboardEvent>;\n                if (shortcutKey.ctrlKey && !e.ctrlKey) return false;\n                if (shortcutKey.altKey && !e.altKey) return false;\n                if (shortcutKey.shiftKey && !e.shiftKey) return false;\n                if (shortcutKey.metaKey && !e.metaKey) return false;\n                if (!shortcutKey.key || shortcutKey.key !== e.key) return false;\n                return true;\n              }\n            : menuItem.shortcutKey\n        }\n        key={menuItem.key}\n      >\n        {menuItem.children ? (\n          menuItem.children\n        ) : (\n          <>\n            {menuItem.icon}\n            <span>{menuItem.label}</span>\n            {typeof menuItem.shortcutKey === 'object' && (\n              <RightSlot>{getShortcutText(menuItem.shortcutKey, options)}</RightSlot>\n            )}\n          </>\n        )}\n      </Item>\n    );\n  });\n}\n\nfunction getShortcutText(\n  event: Partial<Pick<KeyboardEvent, 'ctrlKey' | 'altKey' | 'shiftKey' | 'metaKey' | 'key'>>,\n  options: Pick<ContextMenuProps, 'theme'> & { cmpPrefixCls: string }\n): ReactNode[] {\n  const { theme, cmpPrefixCls } = options;\n  const keys: ReactNode[] = [];\n  const Keyboard = (props: { children: ReactNode }) => {\n    return (\n      <ConfigProvider theme={{ algorithm: theme === 'dark' ? AntdTheme.darkAlgorithm : undefined }}>\n        <Typography.Text keyboard className={`${cmpPrefixCls}-shortcut-key`}>\n          {props.children}\n        </Typography.Text>\n      </ConfigProvider>\n    );\n  };\n  if (event.ctrlKey) keys.push(<Keyboard>^</Keyboard>);\n  if (event.altKey) keys.push(<Keyboard>⌥</Keyboard>);\n  if (event.shiftKey) keys.push(<Keyboard>⇧</Keyboard>);\n  if (event.metaKey) keys.push(<Keyboard>⌘</Keyboard>);\n  if (event.key) {\n    keys.push(<Keyboard>{event.key}</Keyboard>);\n  }\n  return keys;\n}\n\nexport interface ContextMenuRef {\n  show: (event: React.MouseEvent<HTMLElement>) => void;\n  hideAll: () => void;\n}\n\nexport interface ContextMenuItem extends Omit<ItemProps, 'children' | 'keyMatcher'> {\n  key: string;\n  className?: string;\n  icon?: ReactNode;\n  label?: ReactNode;\n  shortcutKey?:\n    | Partial<Pick<KeyboardEvent, 'ctrlKey' | 'altKey' | 'shiftKey' | 'metaKey' | 'key'>>\n    | ItemProps['keyMatcher'];\n  children?: ReactNode;\n}\n\nexport interface ContextMenuSeparator extends SeparatorProps {\n  type: 'separator';\n}\n\nexport interface ContextMenuSubmenu extends SubMenuProps {\n  key: string;\n  type: 'submenu';\n  items: (ContextMenuItem | ContextMenuSeparator | ContextMenuSubmenu)[];\n}\n\nexport default ContextMenu;\n"],
-  "mappings": "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",
-  "names": ["useStyle", "classNames", "AntdTheme"]
+  "sourcesContent": ["import type { CSSProperties, ReactNode } from 'react';\nimport { forwardRef, useContext, useImperativeHandle, useMemo } from 'react';\nimport { ConfigProvider as AntConfigProvider, theme as AntdTheme, Typography } from 'antd';\nimport classNames from 'classnames';\nimport type { ItemProps, MenuProps, SeparatorProps, ShowContextMenuParams, SubMenuProps } from 'react-contexify';\nimport { Item, Menu, RightSlot, Separator, Submenu, useContextMenu } from 'react-contexify';\nimport { useRefFunction } from '../../hooks';\nimport ConfigProvider from '../ConfigProvider';\nimport useStyle from './style';\nimport 'react-contexify/dist/ReactContexify.css';\n\nexport interface ContextMenuProps extends MenuProps {\n  /**\n   * - **EN:** Menu items to be displayed\n   * - **CN:** 要显示的菜单项\n   */\n  items: (ContextMenuItem | ContextMenuSeparator | ContextMenuSubmenu)[] | undefined;\n  /**\n   * - **EN:** Trigger methods to show the menu, default is `['contextMenu']`\n   * - **CN:** 触发显示菜单的方式，默认是 `['contextMenu']`\n   */\n  trigger?: ('click' | 'doubleClick' | 'hover' | 'contextMenu')[];\n  /**\n   * - **EN:** Custom properties for the trigger element\n   * - **CN:** 触发元素的自定义属性\n   */\n  triggerProps?: {\n    /**\n     * - **EN:** Custom class name for the trigger element\n     * - **CN:** 触发元素的自定义类名\n     */\n    className?: string;\n    /**\n     * - **EN:** Custom styles for the trigger element\n     * - **CN:** 触发元素的自定义样式\n     */\n    style?: CSSProperties;\n  };\n  /**\n   * - **EN:** Custom prefix for the component's CSS class.\n   * - **CN:** 组件的自定义 CSS 类前缀。\n   */\n  prefixCls?: string;\n}\n// 上下文菜单组件\nconst ContextMenu = forwardRef<ContextMenuRef, ContextMenuProps>((props, ref) => {\n  const {\n    id,\n    items,\n    trigger = ['contextMenu'],\n    triggerProps,\n    prefixCls: prefixClsInProps,\n    className,\n    children,\n    ...rest\n  } = props;\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const prefixCls = getPrefixCls('context-menu', prefixClsInProps);\n  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);\n  const { show, hideAll } = useContextMenu({ id });\n  const eventNames = useMemo<Record<NonNullable<ContextMenuProps['trigger']>[number], [string, string | undefined]>>(\n    () => ({\n      click: ['onClick', undefined],\n      doubleClick: ['onDoubleClick', undefined],\n      hover: ['onPointerEnter', 'onPointerLeave'],\n      contextMenu: ['onContextMenu', undefined],\n    }),\n    []\n  );\n\n  // Show context menu handler\n  const handleShow = useRefFunction(\n    (event: React.MouseEvent<HTMLElement>, options?: Pick<ShowContextMenuParams, 'position'>) => {\n      show({\n        id,\n        event,\n        props,\n        position: options?.position,\n      });\n    }\n  );\n  // Hide all context menus handler\n  const handleHideAll = useRefFunction(() => {\n    hideAll();\n  });\n  const eventHandlers = useMemo(() => {\n    const handlers: Record<string, (event: React.MouseEvent<HTMLElement>) => void> = {};\n    if (trigger) {\n      trigger.forEach((eventType) => {\n        const [handlerName, leaveHandlerName] = eventNames[eventType];\n        handlers[handlerName] = (event: React.MouseEvent<HTMLElement>) => {\n          handleShow(event);\n        };\n        if (leaveHandlerName) {\n          handlers[leaveHandlerName] = handleHideAll;\n        }\n      });\n    }\n    return handlers;\n  }, [eventNames, trigger]);\n\n  // Expose show and hideAll methods to the ref\n  useImperativeHandle(\n    ref,\n    () => ({\n      show: handleShow,\n      hideAll: handleHideAll,\n    }),\n    []\n  );\n\n  return (\n    <>\n      {children &&\n        wrapCSSVar(\n          <div\n            {...eventHandlers}\n            className={classNames(hashId, cssVarCls, prefixCls, `${prefixCls}-trigger`, triggerProps?.className)}\n            style={triggerProps?.style}\n          >\n            {children}\n          </div>\n        )}\n      {wrapCSSVar(\n        <Menu\n          id={id}\n          className={classNames(\n            hashId,\n            cssVarCls,\n            prefixCls,\n            `${prefixCls}-menu`,\n            {\n              [`${prefixCls}-menu-has-items`]: !!items?.length,\n            },\n            className\n          )}\n          {...rest}\n        >\n          {renderItems(items, { theme: props.theme, cmpPrefixCls: prefixCls })}\n        </Menu>\n      )}\n    </>\n  );\n});\nContextMenu.displayName = 'ContextMenu';\n\n// Render menu items\nfunction renderItems(\n  items: (ContextMenuItem | ContextMenuSeparator | ContextMenuSubmenu)[] | undefined,\n  options: Pick<ContextMenuProps, 'theme'> & { cmpPrefixCls: string }\n): ReactNode[] | undefined {\n  return items?.map((item, index) => {\n    const isSeparator = 'type' in item && item.type === 'separator';\n    const isSubmenu = 'type' in item && item.type === 'submenu';\n    const menuItem = item as ContextMenuItem;\n\n    if (isSeparator) {\n      // eslint-disable-next-line react/no-array-index-key\n      return <Separator key={`[separator]:${index}`} />;\n    }\n\n    if (isSubmenu) {\n      const subMenu = item as ContextMenuSubmenu;\n      return (\n        <Submenu {...subMenu} key={subMenu.key}>\n          {renderItems(item.items, options)}\n        </Submenu>\n      );\n    }\n\n    return (\n      <Item\n        {...menuItem}\n        keyMatcher={\n          typeof menuItem.shortcutKey === 'object'\n            ? (e) => {\n                const shortcutKey = menuItem.shortcutKey as Partial<KeyboardEvent>;\n                if (shortcutKey.ctrlKey && !e.ctrlKey) return false;\n                if (shortcutKey.altKey && !e.altKey) return false;\n                if (shortcutKey.shiftKey && !e.shiftKey) return false;\n                if (shortcutKey.metaKey && !e.metaKey) return false;\n                if (!shortcutKey.key || shortcutKey.key !== e.key) return false;\n                return true;\n              }\n            : menuItem.shortcutKey\n        }\n        key={menuItem.key}\n      >\n        {menuItem.children ? (\n          menuItem.children\n        ) : (\n          <>\n            {menuItem.icon}\n            <span>{menuItem.label}</span>\n            {typeof menuItem.shortcutKey === 'object' && (\n              <RightSlot>{getShortcutText(menuItem.shortcutKey, options)}</RightSlot>\n            )}\n          </>\n        )}\n      </Item>\n    );\n  });\n}\n\nfunction getShortcutText(\n  event: Partial<Pick<KeyboardEvent, 'ctrlKey' | 'altKey' | 'shiftKey' | 'metaKey' | 'key'>>,\n  options: Pick<ContextMenuProps, 'theme'> & { cmpPrefixCls: string }\n): ReactNode[] {\n  const { theme, cmpPrefixCls } = options;\n  const keys: ReactNode[] = [];\n  const Keyboard = (props: { children: ReactNode }) => {\n    return (\n      <AntConfigProvider theme={{ algorithm: theme === 'dark' ? AntdTheme.darkAlgorithm : undefined }}>\n        <Typography.Text keyboard className={`${cmpPrefixCls}-shortcut-key`}>\n          {props.children}\n        </Typography.Text>\n      </AntConfigProvider>\n    );\n  };\n  if (event.ctrlKey) keys.push(<Keyboard>^</Keyboard>);\n  if (event.altKey) keys.push(<Keyboard>⌥</Keyboard>);\n  if (event.shiftKey) keys.push(<Keyboard>⇧</Keyboard>);\n  if (event.metaKey) keys.push(<Keyboard>⌘</Keyboard>);\n  if (event.key) {\n    keys.push(<Keyboard>{event.key}</Keyboard>);\n  }\n  return keys;\n}\n\nexport interface ContextMenuRef {\n  show: (event: React.MouseEvent<HTMLElement>) => void;\n  hideAll: () => void;\n}\n\nexport interface ContextMenuItem extends Omit<ItemProps, 'children' | 'keyMatcher'> {\n  key: string;\n  className?: string;\n  icon?: ReactNode;\n  label?: ReactNode;\n  shortcutKey?:\n    | Partial<Pick<KeyboardEvent, 'ctrlKey' | 'altKey' | 'shiftKey' | 'metaKey' | 'key'>>\n    | ItemProps['keyMatcher'];\n  children?: ReactNode;\n}\n\nexport interface ContextMenuSeparator extends SeparatorProps {\n  type: 'separator';\n}\n\nexport interface ContextMenuSubmenu extends SubMenuProps {\n  key: string;\n  type: 'submenu';\n  items: (ContextMenuItem | ContextMenuSeparator | ContextMenuSubmenu)[];\n}\n\nexport default ContextMenu;\n"],
+  "mappings": "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",
+  "names": ["ConfigProvider", "useStyle", "classNames", "AntConfigProvider", "AntdTheme"]
 }