@tiny-codes/react-easy 1.7.6 → 1.7.7

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": "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",
+  "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

@@ -49,10 +49,13 @@ var ConfigProvider = (props) => {
       if (langInProps !== import_locales.default.language) {
         import_locales.default.changeLanguage(langInProps || "en-US");
       }
-      return restProps;
+      return {
+        ...restProps,
+        getPrefixCls: (suffixCls, customizePrefixCls) => getPrefixCls(`easy-${suffixCls}`, customizePrefixCls)
+      };
     },
     // eslint-disable-next-line @tiny-codes/react-hooks/exhaustive-deps
-    [langInProps, ...Object.values(restProps)]
+    [langInProps, getPrefixCls, ...Object.values(restProps)]
   );
   (0, import_react.useEffect)(() => {
     if (userLocales) {
@@ -70,5 +73,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 { 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.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  /**\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      <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"]
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/ContextMenu/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      '&-trigger': {\n        width: 'fit-content',\n      },\n      '.contexify&-menu': {\n        padding: 0,\n        '&-has-items': {\n          padding: 'var(--contexify-menu-padding)',\n        },\n        [`${componentCls}-shortcut-key`]: {\n          kbd: {\n            fontFamily: '-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,sans-serif',\n          },\n        },\n      },\n    },\n  };\n};\n\nexport default genStyleHooks('ContextMenu' 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,aAAa;AAAA,QACX,OAAO;AAAA,MACT;AAAA,MACA,oBAAoB;AAAA,QAClB,SAAS;AAAA,QACT,eAAe;AAAA,UACb,SAAS;AAAA,QACX;AAAA,QACA,CAAC,GAAG,2BAA2B,GAAG;AAAA,UAChC,KAAK;AAAA,YACH,YAAY;AAAA,UACd;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAO,oBAAQ,+BAAc,eAAwB,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 ContextMenuToken = FullToken<{ ''?: object }, AliasToken, ''>;\n\nconst genStyle: GenerateStyle<ContextMenuToken> = (token): CSSObject => {\n  const { componentCls } = token;\n  return {\n    [componentCls]: {\n      '&-trigger': {\n        width: 'fit-content',\n      },\n      '.contexify&-menu': {\n        padding: 0,\n        '&-has-items': {\n          padding: 'var(--contexify-menu-padding)',\n        },\n        [`${componentCls}-shortcut-key`]: {\n          kbd: {\n            fontFamily: '-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,sans-serif',\n          },\n        },\n      },\n    },\n  };\n};\n\nexport default genStyleHooks('ContextMenu' as never, genStyle);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAA8B;AAO9B,IAAM,WAA4C,CAAC,UAAqB;AACtE,QAAM,EAAE,aAAa,IAAI;AACzB,SAAO;AAAA,IACL,CAAC,YAAY,GAAG;AAAA,MACd,aAAa;AAAA,QACX,OAAO;AAAA,MACT;AAAA,MACA,oBAAoB;AAAA,QAClB,SAAS;AAAA,QACT,eAAe;AAAA,UACb,SAAS;AAAA,QACX;AAAA,QACA,CAAC,GAAG,2BAA2B,GAAG;AAAA,UAChC,KAAK;AAAA,YACH,YAAY;AAAA,UACd;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAO,oBAAQ,+BAAc,eAAwB,QAAQ;",
   "names": []
 }

package/lib/components/DeleteConfirmAction/withDeleteConfirmAction.d.ts

@@ -11,9 +11,9 @@ import { type ActionComponentInterface } from '../ConfirmAction/withConfirmActio
  */
 export default function withDeleteConfirmAction<P extends ActionCompConstraint, OuterTriggerProp extends object, OuterEvent extends keyof OuterTriggerProp, Ref extends object>(ActionComponent: ActionComponentInterface<P, Ref>, defaultProps?: Partial<Omit<P, keyof ActionCompConstraint> & ConfirmActionProps<OuterTriggerProp, OuterEvent>> | ((actualProps: Omit<P, keyof ActionCompConstraint> & ConfirmActionProps<OuterTriggerProp, OuterEvent>) => Partial<Omit<P, keyof ActionCompConstraint> & ConfirmActionProps<OuterTriggerProp, OuterEvent>>)): (<TriggerProp extends object, Event extends keyof TriggerProp>(props: import("react").PropsWithoutRef<Omit<P, keyof ActionCompConstraint>> & Omit<import("antd").ModalFuncProps, "onOk"> & import("../ConfirmAction").ConfirmActionTrigger<TriggerProp, Event> & {
     danger?: boolean | undefined;
-    titleColor?: import("antd/es/typography/Base").BaseType | "primary" | undefined;
-    contentColor?: import("antd/es/typography/Base").BaseType | "primary" | undefined;
-    iconColor?: import("antd/es/typography/Base").BaseType | "primary" | undefined;
+    titleColor?: "primary" | import("antd/es/typography/Base").BaseType | undefined;
+    contentColor?: "primary" | import("antd/es/typography/Base").BaseType | undefined;
+    iconColor?: "primary" | import("antd/es/typography/Base").BaseType | undefined;
     onOk?: ((...args: Parameters<TriggerProp[Event]>) => unknown) | undefined;
     afterOk?: ((data?: any) => void) | undefined;
 } & import("react").RefAttributes<import("../ConfirmAction").ConfirmActionRef<Ref>>) => import("react").ReactNode) & import("../ConfirmAction/withConfirmAction").TypedTriggers<P, Ref>;

package/lib/components/EditableText/index.js

@@ -37,6 +37,7 @@ var import_antd = require("antd");
 var import_classnames = __toESM(require("classnames"));
 var import_icons = require("@ant-design/icons");
 var import_useT = __toESM(require("../../hooks/useT"));
+var import_ConfigProvider = __toESM(require("../ConfigProvider"));
 var import_form = __toESM(require("./form"));
 var import_style = __toESM(require("./style"));
 var getEllipsisConfig = (content) => ({
@@ -75,8 +76,8 @@ var EditableText = (props) => {
     onChange,
     onEditingChange
   } = props;
-  const { getPrefixCls } = (0, import_react.useContext)(import_antd.ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls("easy-editable-text", prefixClsInProps);
+  const { getPrefixCls } = (0, import_react.useContext)(import_ConfigProvider.default.ConfigContext);
+  const prefixCls = getPrefixCls("editable-text", prefixClsInProps);
   const [wrapCSSVar, hashId, cssVarCls] = (0, import_style.default)(prefixCls);
   const t = (0, import_useT.default)();
   const [isEditing, setIsEditing] = (0, import_react.useState)(editing);

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/EditableText/index.tsx"],
-  "sourcesContent": ["import type { CSSProperties, ReactNode } from 'react';\nimport React, { useContext, useEffect, useMemo, useState } from 'react';\nimport { ConfigProvider, Flex, Typography } from 'antd';\nimport type { EllipsisConfig } from 'antd/es/typography/Base';\nimport type { LinkProps } from 'antd/es/typography/Link';\nimport type { ParagraphProps } from 'antd/es/typography/Paragraph';\nimport type { TextProps } from 'antd/es/typography/Text';\nimport type { TitleProps } from 'antd/es/typography/Title';\nimport names from 'classnames';\nimport { EditOutlined } from '@ant-design/icons';\nimport useT from '../../hooks/useT';\nimport EditableTextForm, { type EditableFormProps, type RenderInputInterface } from './form';\nimport useStyle from './style';\n\nconst getEllipsisConfig = (content: ReactNode | undefined): EllipsisConfig => ({\n  tooltip: {\n    title: content,\n    overlayStyle: { maxWidth: 500 },\n  },\n});\n\nexport interface EditableTextProps<\n  V = string,\n  TT extends 'Text' | 'Paragraph' | 'Title' | 'Link' = 'Text',\n  IT extends 'Input' | 'TextArea' | RenderInputInterface = 'Input',\n> extends Omit<EditableFormProps<V, IT>, 'block'> {\n  /**\n   * - **EN:** Custom prefix for the component's CSS class.\n   * - **CN:** 组件的自定义 CSS 类前缀。\n   */\n  prefixCls?: string;\n  /**\n   * - **EN:** Custom read-only display text, replacing `value` display\n   * - **CN:** 自定义只读显示文本，替代`value`显示\n   *\n   * @default true\n   */\n  displayText?: boolean | ReactNode | ((value: V | undefined) => ReactNode);\n  /**\n   * - **EN:** Another way to customize read-only display text, with higher priority than\n   *   `displayText`. This method does not support text truncation.\n   * - **CN:** 另外一种方式自定义只读显示文本，优先级高于`displayText`，这种方式无文本省略效果\n   */\n  children?: ReactNode;\n  /**\n   * - **EN:** Whether to allow editing. If set to `false`, the edit button will not be displayed.\n   * - **CN:** 是否允许编辑，如果设置为`false`，则不显示编辑按钮\n   *\n   * @default true\n   */\n  editable?: boolean;\n  /**\n   * - **EN:** Whether to open edit mode.\n   * - **CN:** 是否打开编辑模式\n   *\n   * @default false\n   */\n  editing?: boolean;\n  /**\n   * - **EN:** Whether to display as a block-level element, with width 100%\n   * - **CN:** 是否显示为块级元素，宽度100%\n   *\n   * @default false\n   */\n  block?:\n    | boolean\n    | {\n        /**\n         * - **EN:** Whether to display as a block-level element in view mode, with width 100%\n         * - **CN:** 只读模式是否显示为块级元素，宽度100%\n         *\n         * @default false\n         */\n        view?: boolean;\n        /**\n         * - **EN:** Whether to display as a block-level element in edit mode, with width 100%\n         * - **CN:** 编辑模式是否显示为块级元素，宽度100%\n         *\n         * @default false\n         */\n        editing?: boolean;\n      };\n  /**\n   * - **EN:** Component container class name.\n   * - **CN:** 组件容器类名\n   */\n  className?: string;\n  /**\n   * - **EN:** Component container style.\n   * - **CN:** 组件容器样式\n   */\n  style?: CSSProperties;\n  /**\n   * - **EN:** Semantic class names.\n   * - **CN:** 语义化类名\n   */\n  classNames?: {\n    /**\n     * - **EN:** Read-only text class name\n     * - **CN:** 只读文本类名\n     */\n    text?: string;\n    /**\n     * - **EN:** Edit button class name\n     * - **CN:** 编辑按钮类名\n     */\n    editIcon?: string;\n  } & EditableFormProps<V, IT>['classNames'];\n  /**\n   * - **EN:** After saving with `onOk`, the modified value is passed out through `onChange`\n   * - **CN:** 在`onOk`保存后，通过`onChange`把修改后的值传递出去\n   */\n  onChange?: (value: V | undefined) => void;\n  /**\n   * - **EN:** Event triggered when the editing state changes\n   * - **CN:** 编辑状态改变事件\n   */\n  onEditingChange?: (editing: boolean) => void;\n  /**\n   * - **EN:** Whether to display as a block-level element, with width 100%\n   * - **CN:** 语义化样式\n   */\n  styles?: {\n    /**\n     * - **EN:** Read-only text class name\n     * - **CN:** 只读文本类名\n     */\n    text?: CSSProperties;\n    /**\n     * - **EN:** Edit button style\n     * - **CN:** 编辑按钮样式\n     */\n    editIcon?: CSSProperties;\n  } & EditableFormProps<V, IT>['styles'];\n\n  /**\n   * - **EN:** Custom component type for rendering the text\n   * - **CN:** 自定义设置渲染文本组件的组件类型\n   *\n   * @default Typography.Text\n   */\n  textComp?: TT;\n  /**\n   * - **EN:** Text component props\n   * - **CN:** 文本组件属性\n   */\n  textProps?: TT extends 'Text'\n    ? TextProps\n    : TT extends 'Paragraph'\n      ? ParagraphProps\n      : TT extends 'Title'\n        ? TitleProps\n        : TT extends 'Link'\n          ? LinkProps\n          : never;\n  /**\n   * - **EN:** Custom edit icon\n   * - **CN:** 自定义编辑图标\n   */\n  editIcon?: ReactNode;\n  /**\n   * **EN:** Edit button vertical alignment\n   *\n   * **CN:** 编辑按钮垂直对齐方式\n   *\n   * - `start` - align to the top | 顶部对齐\n   * - `center` - align to the center | 居中对齐\n   * - `end` - align to the bottom | 底部对齐\n   * - `baseline` - align to the text baseline, useful when the text has line height set |\n   *   与文本基线对齐，在文本设置了行高时会非常有用\n   *\n   * @default 'center'\n   */\n  editIconAlign?: CSSProperties['alignItems'];\n}\n\n/**\n * - **EN:** Editable text component, providing a read-only display and an edit mode.\n * - **CN:** 可编辑文本组件，提供只读显示和编辑模式。\n *\n * @example\n *   <EditableText value=\"Editable Text\" onOk={(value) => console.log('Saved value:', value)} />;\n */\nconst EditableText = <\n  V,\n  TT extends 'Text' | 'Paragraph' | 'Title' | 'Link',\n  IT extends 'Input' | 'TextArea' | RenderInputInterface,\n>(\n  props: EditableTextProps<V, TT, IT>\n) => {\n  const {\n    prefixCls: prefixClsInProps,\n    value: valueInProps,\n    displayText: displayTextInProps,\n    editable = true,\n    editing = false,\n    className = '',\n    style = {},\n    classNames,\n    styles: styleNames,\n    block: blockInProps,\n    textComp = 'Text',\n    textProps,\n    editIcon,\n    editIconAlign = 'center',\n    children,\n    formProps,\n    formItemProps,\n    inputComp: inputCompInProps,\n    inputProps,\n    required,\n    actionAlign,\n    submitProps,\n    cancelProps,\n    onOk,\n    onCancel,\n    onChange,\n    onEditingChange,\n  } = props;\n\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const prefixCls = getPrefixCls('easy-editable-text', prefixClsInProps);\n  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);\n  const t = useT();\n  const [isEditing, setIsEditing] = useState<boolean>(editing);\n  const TypographyComponent = Typography[textComp];\n  const [value, setValue] = useState(valueInProps);\n  const inputComp = inputCompInProps ?? (textComp === 'Paragraph' ? 'TextArea' : 'Input');\n  const viewBlock = typeof blockInProps === 'boolean' ? blockInProps : blockInProps?.view;\n  const editingBlock = typeof blockInProps === 'boolean' ? blockInProps : blockInProps?.editing;\n  const editableRef = React.useRef(editable);\n  editableRef.current = editable;\n  const displayText = useMemo(() => {\n    if (typeof displayTextInProps === 'function') {\n      return displayTextInProps(value);\n    }\n    return displayTextInProps ?? value?.toString();\n  }, [displayTextInProps, value]);\n\n  // value受控\n  useEffect(() => {\n    setValue(valueInProps);\n  }, [valueInProps]);\n  // editing受控\n  useEffect(() => {\n    if (editableRef.current) {\n      setIsEditing(editing);\n    }\n  }, [editing]);\n\n  // 编辑状态改变\n  const handleEditingChange = (editing: boolean) => {\n    setIsEditing(editing);\n    onEditingChange?.(editing);\n  };\n  // 提交编辑\n  const handleOk = async (val: V | undefined) => {\n    try {\n      await onOk?.(val);\n      onChange?.(val);\n      setValue(val);\n      handleEditingChange(false);\n    } catch (error) {\n      console.error(error);\n    }\n  };\n  // 取消编辑\n  const handleCancel = async () => {\n    handleEditingChange(false);\n    await onCancel?.();\n  };\n\n  return wrapCSSVar(\n    <div className={names(prefixCls, hashId, cssVarCls, className)} style={style}>\n      {isEditing ? (\n        <div className={`${prefixCls}-edit-mode`}>\n          <EditableTextForm\n            prefixCls={prefixCls}\n            value={value}\n            required={required}\n            formProps={formProps}\n            formItemProps={formItemProps}\n            inputComp={inputComp}\n            inputProps={inputProps}\n            block={editingBlock}\n            classNames={classNames}\n            styles={styleNames}\n            actionAlign={actionAlign}\n            submitProps={submitProps}\n            cancelProps={cancelProps}\n            onOk={handleOk}\n            onCancel={handleCancel}\n          />\n        </div>\n      ) : (\n        <Flex\n          className={names(`${prefixCls}-view-mode`, {\n            [`${prefixCls}-single-line`]: textComp !== 'Paragraph',\n            [`${prefixCls}-has-children`]: !!children,\n            [`${prefixCls}-view-mode-block`]: viewBlock,\n          })}\n          align={editIconAlign}\n        >\n          <div className={`${prefixCls}-text-content`}>\n            {children ?? (\n              <TypographyComponent\n                // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                {...(textProps as any)}\n                className={names(classNames?.text, classNames?.text, textProps?.className)}\n                style={{\n                  marginBottom: textComp === 'Title' ? 0 : undefined, // 去掉标题组件的默认下边距\n                  ...(textProps?.style ?? styleNames?.text),\n                }}\n                ellipsis={textProps?.ellipsis ?? getEllipsisConfig(displayText)}\n              >\n                {displayText}\n              </TypographyComponent>\n            )}\n          </div>\n          {/* 编辑按钮 */}\n          {editable && (\n            <div\n              className={names(`${prefixCls}-edit-icon`, classNames?.editIcon)}\n              style={styleNames?.editIcon}\n              title={t('components.EditableText.edit')}\n              onClick={() => handleEditingChange(true)}\n            >\n              {editIcon ?? <EditOutlined />}\n            </div>\n          )}\n        </Flex>\n      )}\n    </div>\n  );\n};\n\ntype EditableTextInterface = typeof EditableText & {\n  getEllipsisConfig: typeof getEllipsisConfig;\n};\n\nEditableText.getEllipsisConfig = getEllipsisConfig;\n\nexport default EditableText as EditableTextInterface;\n"],
-  "mappings": "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",
-  "names": ["useStyle", "useT", "React", "editing", "names", "EditableTextForm"]
+  "sourcesContent": ["import type { CSSProperties, ReactNode } from 'react';\nimport React, { useContext, useEffect, useMemo, useState } from 'react';\nimport { Flex, Typography } from 'antd';\nimport type { EllipsisConfig } from 'antd/es/typography/Base';\nimport type { LinkProps } from 'antd/es/typography/Link';\nimport type { ParagraphProps } from 'antd/es/typography/Paragraph';\nimport type { TextProps } from 'antd/es/typography/Text';\nimport type { TitleProps } from 'antd/es/typography/Title';\nimport names from 'classnames';\nimport { EditOutlined } from '@ant-design/icons';\nimport useT from '../../hooks/useT';\nimport ConfigProvider from '../ConfigProvider';\nimport EditableTextForm, { type EditableFormProps, type RenderInputInterface } from './form';\nimport useStyle from './style';\n\nconst getEllipsisConfig = (content: ReactNode | undefined): EllipsisConfig => ({\n  tooltip: {\n    title: content,\n    overlayStyle: { maxWidth: 500 },\n  },\n});\n\nexport interface EditableTextProps<\n  V = string,\n  TT extends 'Text' | 'Paragraph' | 'Title' | 'Link' = 'Text',\n  IT extends 'Input' | 'TextArea' | RenderInputInterface = 'Input',\n> extends Omit<EditableFormProps<V, IT>, 'block'> {\n  /**\n   * - **EN:** Custom prefix for the component's CSS class.\n   * - **CN:** 组件的自定义 CSS 类前缀。\n   */\n  prefixCls?: string;\n  /**\n   * - **EN:** Custom read-only display text, replacing `value` display\n   * - **CN:** 自定义只读显示文本，替代`value`显示\n   *\n   * @default true\n   */\n  displayText?: boolean | ReactNode | ((value: V | undefined) => ReactNode);\n  /**\n   * - **EN:** Another way to customize read-only display text, with higher priority than\n   *   `displayText`. This method does not support text truncation.\n   * - **CN:** 另外一种方式自定义只读显示文本，优先级高于`displayText`，这种方式无文本省略效果\n   */\n  children?: ReactNode;\n  /**\n   * - **EN:** Whether to allow editing. If set to `false`, the edit button will not be displayed.\n   * - **CN:** 是否允许编辑，如果设置为`false`，则不显示编辑按钮\n   *\n   * @default true\n   */\n  editable?: boolean;\n  /**\n   * - **EN:** Whether to open edit mode.\n   * - **CN:** 是否打开编辑模式\n   *\n   * @default false\n   */\n  editing?: boolean;\n  /**\n   * - **EN:** Whether to display as a block-level element, with width 100%\n   * - **CN:** 是否显示为块级元素，宽度100%\n   *\n   * @default false\n   */\n  block?:\n    | boolean\n    | {\n        /**\n         * - **EN:** Whether to display as a block-level element in view mode, with width 100%\n         * - **CN:** 只读模式是否显示为块级元素，宽度100%\n         *\n         * @default false\n         */\n        view?: boolean;\n        /**\n         * - **EN:** Whether to display as a block-level element in edit mode, with width 100%\n         * - **CN:** 编辑模式是否显示为块级元素，宽度100%\n         *\n         * @default false\n         */\n        editing?: boolean;\n      };\n  /**\n   * - **EN:** Component container class name.\n   * - **CN:** 组件容器类名\n   */\n  className?: string;\n  /**\n   * - **EN:** Component container style.\n   * - **CN:** 组件容器样式\n   */\n  style?: CSSProperties;\n  /**\n   * - **EN:** Semantic class names.\n   * - **CN:** 语义化类名\n   */\n  classNames?: {\n    /**\n     * - **EN:** Read-only text class name\n     * - **CN:** 只读文本类名\n     */\n    text?: string;\n    /**\n     * - **EN:** Edit button class name\n     * - **CN:** 编辑按钮类名\n     */\n    editIcon?: string;\n  } & EditableFormProps<V, IT>['classNames'];\n  /**\n   * - **EN:** After saving with `onOk`, the modified value is passed out through `onChange`\n   * - **CN:** 在`onOk`保存后，通过`onChange`把修改后的值传递出去\n   */\n  onChange?: (value: V | undefined) => void;\n  /**\n   * - **EN:** Event triggered when the editing state changes\n   * - **CN:** 编辑状态改变事件\n   */\n  onEditingChange?: (editing: boolean) => void;\n  /**\n   * - **EN:** Whether to display as a block-level element, with width 100%\n   * - **CN:** 语义化样式\n   */\n  styles?: {\n    /**\n     * - **EN:** Read-only text class name\n     * - **CN:** 只读文本类名\n     */\n    text?: CSSProperties;\n    /**\n     * - **EN:** Edit button style\n     * - **CN:** 编辑按钮样式\n     */\n    editIcon?: CSSProperties;\n  } & EditableFormProps<V, IT>['styles'];\n\n  /**\n   * - **EN:** Custom component type for rendering the text\n   * - **CN:** 自定义设置渲染文本组件的组件类型\n   *\n   * @default Typography.Text\n   */\n  textComp?: TT;\n  /**\n   * - **EN:** Text component props\n   * - **CN:** 文本组件属性\n   */\n  textProps?: TT extends 'Text'\n    ? TextProps\n    : TT extends 'Paragraph'\n      ? ParagraphProps\n      : TT extends 'Title'\n        ? TitleProps\n        : TT extends 'Link'\n          ? LinkProps\n          : never;\n  /**\n   * - **EN:** Custom edit icon\n   * - **CN:** 自定义编辑图标\n   */\n  editIcon?: ReactNode;\n  /**\n   * **EN:** Edit button vertical alignment\n   *\n   * **CN:** 编辑按钮垂直对齐方式\n   *\n   * - `start` - align to the top | 顶部对齐\n   * - `center` - align to the center | 居中对齐\n   * - `end` - align to the bottom | 底部对齐\n   * - `baseline` - align to the text baseline, useful when the text has line height set |\n   *   与文本基线对齐，在文本设置了行高时会非常有用\n   *\n   * @default 'center'\n   */\n  editIconAlign?: CSSProperties['alignItems'];\n}\n\n/**\n * - **EN:** Editable text component, providing a read-only display and an edit mode.\n * - **CN:** 可编辑文本组件，提供只读显示和编辑模式。\n *\n * @example\n *   <EditableText value=\"Editable Text\" onOk={(value) => console.log('Saved value:', value)} />;\n */\nconst EditableText = <\n  V,\n  TT extends 'Text' | 'Paragraph' | 'Title' | 'Link',\n  IT extends 'Input' | 'TextArea' | RenderInputInterface,\n>(\n  props: EditableTextProps<V, TT, IT>\n) => {\n  const {\n    prefixCls: prefixClsInProps,\n    value: valueInProps,\n    displayText: displayTextInProps,\n    editable = true,\n    editing = false,\n    className = '',\n    style = {},\n    classNames,\n    styles: styleNames,\n    block: blockInProps,\n    textComp = 'Text',\n    textProps,\n    editIcon,\n    editIconAlign = 'center',\n    children,\n    formProps,\n    formItemProps,\n    inputComp: inputCompInProps,\n    inputProps,\n    required,\n    actionAlign,\n    submitProps,\n    cancelProps,\n    onOk,\n    onCancel,\n    onChange,\n    onEditingChange,\n  } = props;\n\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const prefixCls = getPrefixCls('editable-text', prefixClsInProps);\n  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);\n  const t = useT();\n  const [isEditing, setIsEditing] = useState<boolean>(editing);\n  const TypographyComponent = Typography[textComp];\n  const [value, setValue] = useState(valueInProps);\n  const inputComp = inputCompInProps ?? (textComp === 'Paragraph' ? 'TextArea' : 'Input');\n  const viewBlock = typeof blockInProps === 'boolean' ? blockInProps : blockInProps?.view;\n  const editingBlock = typeof blockInProps === 'boolean' ? blockInProps : blockInProps?.editing;\n  const editableRef = React.useRef(editable);\n  editableRef.current = editable;\n  const displayText = useMemo(() => {\n    if (typeof displayTextInProps === 'function') {\n      return displayTextInProps(value);\n    }\n    return displayTextInProps ?? value?.toString();\n  }, [displayTextInProps, value]);\n\n  // value受控\n  useEffect(() => {\n    setValue(valueInProps);\n  }, [valueInProps]);\n  // editing受控\n  useEffect(() => {\n    if (editableRef.current) {\n      setIsEditing(editing);\n    }\n  }, [editing]);\n\n  // 编辑状态改变\n  const handleEditingChange = (editing: boolean) => {\n    setIsEditing(editing);\n    onEditingChange?.(editing);\n  };\n  // 提交编辑\n  const handleOk = async (val: V | undefined) => {\n    try {\n      await onOk?.(val);\n      onChange?.(val);\n      setValue(val);\n      handleEditingChange(false);\n    } catch (error) {\n      console.error(error);\n    }\n  };\n  // 取消编辑\n  const handleCancel = async () => {\n    handleEditingChange(false);\n    await onCancel?.();\n  };\n\n  return wrapCSSVar(\n    <div className={names(prefixCls, hashId, cssVarCls, className)} style={style}>\n      {isEditing ? (\n        <div className={`${prefixCls}-edit-mode`}>\n          <EditableTextForm\n            prefixCls={prefixCls}\n            value={value}\n            required={required}\n            formProps={formProps}\n            formItemProps={formItemProps}\n            inputComp={inputComp}\n            inputProps={inputProps}\n            block={editingBlock}\n            classNames={classNames}\n            styles={styleNames}\n            actionAlign={actionAlign}\n            submitProps={submitProps}\n            cancelProps={cancelProps}\n            onOk={handleOk}\n            onCancel={handleCancel}\n          />\n        </div>\n      ) : (\n        <Flex\n          className={names(`${prefixCls}-view-mode`, {\n            [`${prefixCls}-single-line`]: textComp !== 'Paragraph',\n            [`${prefixCls}-has-children`]: !!children,\n            [`${prefixCls}-view-mode-block`]: viewBlock,\n          })}\n          align={editIconAlign}\n        >\n          <div className={`${prefixCls}-text-content`}>\n            {children ?? (\n              <TypographyComponent\n                // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                {...(textProps as any)}\n                className={names(classNames?.text, classNames?.text, textProps?.className)}\n                style={{\n                  marginBottom: textComp === 'Title' ? 0 : undefined, // 去掉标题组件的默认下边距\n                  ...(textProps?.style ?? styleNames?.text),\n                }}\n                ellipsis={textProps?.ellipsis ?? getEllipsisConfig(displayText)}\n              >\n                {displayText}\n              </TypographyComponent>\n            )}\n          </div>\n          {/* 编辑按钮 */}\n          {editable && (\n            <div\n              className={names(`${prefixCls}-edit-icon`, classNames?.editIcon)}\n              style={styleNames?.editIcon}\n              title={t('components.EditableText.edit')}\n              onClick={() => handleEditingChange(true)}\n            >\n              {editIcon ?? <EditOutlined />}\n            </div>\n          )}\n        </Flex>\n      )}\n    </div>\n  );\n};\n\ntype EditableTextInterface = typeof EditableText & {\n  getEllipsisConfig: typeof getEllipsisConfig;\n};\n\nEditableText.getEllipsisConfig = getEllipsisConfig;\n\nexport default EditableText as EditableTextInterface;\n"],
+  "mappings": "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",
+  "names": ["ConfigProvider", "useStyle", "useT", "React", "editing", "names", "EditableTextForm"]
 }

package/lib/components/FloatDrawer/index.js

@@ -37,6 +37,7 @@ var import_antd = require("antd");
 var import_classnames = __toESM(require("classnames"));
 var import_icons = require("@ant-design/icons");
 var import_useRefFunction = __toESM(require("../../hooks/useRefFunction"));
+var import_ConfigProvider = __toESM(require("../ConfigProvider"));
 var import_style = __toESM(require("./style"));
 var FloatDrawer = (props) => {
   const {
@@ -61,8 +62,8 @@ var FloatDrawer = (props) => {
     onResize,
     onClick
   } = props;
-  const { getPrefixCls } = (0, import_react.useContext)(import_antd.ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls("easy-float-drawer", prefixClsInProps);
+  const { getPrefixCls } = (0, import_react.useContext)(import_ConfigProvider.default.ConfigContext);
+  const prefixCls = getPrefixCls("float-drawer", prefixClsInProps);
   const [wrapCSSVar, hashId, cssVarCls] = (0, import_style.default)(prefixCls);
   const [drawerRef, setDrawerRef] = (0, import_react.useState)(null);
   const [size, setSize] = (0, import_react.useState)(