@tiny-codes/react-easy 1.1.2 → 1.2.0

package/CHANGELOG.md

@@ -2,6 +2,30 @@
 
 # Changelog
 
+## 1.2.0
+
+2025-7-16
+
+### Features
+
+- 🔥 Add `ContextMenu` component
+- `EditableText` component
+  - ✨ now supports `block` prop to control both view and editing mode
+  - ✨ `inputComp` prop allows for custom input components
+- `Loading` component
+  - 💥 Renamed two properties:
+    - `maskStyle` to `rootStyle`
+    - `maskClassName` to `rootClassName`
+
+## 1.1.3
+
+2025-7-4
+
+### Features
+
+- 🔥 Add `EditableText` component
+- ✨ `OverflowTags` component now supports `tag.icon`, and tries to use `tag.label`/`tag.name` as the label, tries to use `tag.value`/`tag.id` as the value
+
 ## 1.1.2
 
 2025-7-3

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

@@ -1,47 +1,41 @@
 import { type FC } from 'react';
 export interface BreakLinesProps {
     /**
-     * **EN:** Text content
-     *
-     * **CN:** 文本内容
+     * - **EN:** Text content
+     * - **CN:** 文本内容
      */
     value: string | undefined;
     /**
-     * **EN:** Whether to enable line breaking
-     *
-     * **CN:** 是否启用换行功能
+     * - **EN:** Whether to enable line breaking
+     * - **CN:** 是否启用换行功能
      *
      * @default true
      */
     enabled?: boolean;
     /**
-     * **EN:** Line break character
-     *
-     * **CN:** 换行符
+     * - **EN:** Line break character
+     * - **CN:** 换行符
      *
      * @default '\n'
      */
     EOL?: string;
     /**
-     * **CN:** 渲染dom节点的标签名
-     *
-     * **EN:** Render the tag name of the DOM node
+     * - **CN:** 渲染dom节点的标签名
+     * - **EN:** Render the tag name of the DOM node
      *
      * @default false
      */
     tagName?: 'span' | 'div' | 'i' | 'pre' | (string & {}) | false;
     /**
-     * **EN:** The CSS class name of the dom node, if `tagName` is set to false, this property is
-     * invalid
-     *
-     * **CN:** dom节点的css类名，如果`tagName`设置为false，则此属性无效
+     * - **EN:** The CSS class name of the dom node, if `tagName` is set to false, this property is
+     *   invalid
+     * - **CN:** dom节点的css类名，如果`tagName`设置为false，则此属性无效
      */
     className?: string;
 }
 /**
- * **EN:** Output a piece of text, keeping line breaks
- *
- * **CN:** 输出一段文本，保留换行符
+ * - **EN:** Output a piece of text, keeping line breaks
+ * - **CN:** 输出一段文本，保留换行符
  *
  * @example
  *   <BreakLines value="hello \n world" />;

package/es/components/BreakLines/index.js

@@ -3,9 +3,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 /**
- * **EN:** Output a piece of text, keeping line breaks
- *
- * **CN:** 输出一段文本，保留换行符
+ * - **EN:** Output a piece of text, keeping line breaks
+ * - **CN:** 输出一段文本，保留换行符
  *
  * @example
  *   <BreakLines value="hello \n world" />;

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

@@ -1 +1 @@
-{"version":3,"names":["createElement","Fragment","jsx","_jsx","jsxs","_jsxs","_Fragment","BreakLines","props","value","className","_props$tagName","tagName","_props$enabled","enabled","_props$EOL","EOL","content","includes","segments","split","map","str","i","children","length","concat"],"sources":["../../../src/components/BreakLines/index.tsx"],"sourcesContent":["import { createElement, type FC, Fragment, type ReactNode } from 'react';\n\nexport interface BreakLinesProps {\n  /**\n   * **EN:** Text content\n   *\n   * **CN:** 文本内容\n   */\n  value: string | undefined;\n  /**\n   * **EN:** Whether to enable line breaking\n   *\n   * **CN:** 是否启用换行功能\n   *\n   * @default true\n   */\n  enabled?: boolean;\n  /**\n   * **EN:** Line break character\n   *\n   * **CN:** 换行符\n   *\n   * @default '\\n'\n   */\n  EOL?: string;\n  /**\n   * **CN:** 渲染dom节点的标签名\n   *\n   * **EN:** Render the tag name of the DOM node\n   *\n   * @default false\n   */\n  // eslint-disable-next-line @typescript-eslint/ban-types\n  tagName?: 'span' | 'div' | 'i' | 'pre' | (string & {}) | false;\n  /**\n   * **EN:** The CSS class name of the dom node, if `tagName` is set to false, this property is\n   * invalid\n   *\n   * **CN:** dom节点的css类名，如果`tagName`设置为false，则此属性无效\n   */\n  className?: string;\n}\n\n/**\n * **EN:** Output a piece of text, keeping line breaks\n *\n * **CN:** 输出一段文本，保留换行符\n *\n * @example\n *   <BreakLines value=\"hello \\n world\" />;\n *   // hello <br/> world\n */\nconst BreakLines: FC<BreakLinesProps> = (props) => {\n  const { value, className, tagName = false, enabled = true, EOL = '\\n' } = props;\n\n  let content: ReactNode;\n  if (value) {\n    if (enabled) {\n      if (value.includes(EOL)) {\n        const segments = value?.split(EOL);\n        content = segments.map((str, i) => (\n          // eslint-disable-next-line react/no-array-index-key\n          <Fragment key={`${str}:${i}`}>\n            {str}\n            {i !== segments.length - 1 && <br />}\n          </Fragment>\n        ));\n      } else {\n        content = value;\n      }\n    } else {\n      content = value;\n    }\n  } else {\n    content = value;\n  }\n\n  if (tagName) {\n    return createElement(tagName, { className }, content);\n  } else {\n    return <>{content}</>;\n  }\n};\n\nexport default BreakLines;\n"],"mappings":"AAAA,SAASA,aAAa,EAAWC,QAAQ,QAAwB,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAAA,SAAAJ,QAAA,IAAAK,SAAA;AA2CzE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,UAA+B,GAAG,SAAlCA,UAA+BA,CAAIC,KAAK,EAAK;EACjD,IAAQC,KAAK,GAA6DD,KAAK,CAAvEC,KAAK;IAAEC,SAAS,GAAkDF,KAAK,CAAhEE,SAAS;IAAAC,cAAA,GAAkDH,KAAK,CAArDI,OAAO;IAAPA,OAAO,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;IAAAE,cAAA,GAAiCL,KAAK,CAApCM,OAAO;IAAPA,OAAO,GAAAD,cAAA,cAAG,IAAI,GAAAA,cAAA;IAAAE,UAAA,GAAiBP,KAAK,CAApBQ,GAAG;IAAHA,GAAG,GAAAD,UAAA,cAAG,IAAI,GAAAA,UAAA;EAErE,IAAIE,OAAkB;EACtB,IAAIR,KAAK,EAAE;IACT,IAAIK,OAAO,EAAE;MACX,IAAIL,KAAK,CAACS,QAAQ,CAACF,GAAG,CAAC,EAAE;QACvB,IAAMG,QAAQ,GAAGV,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEW,KAAK,CAACJ,GAAG,CAAC;QAClCC,OAAO,GAAGE,QAAQ,CAACE,GAAG,CAAC,UAACC,GAAG,EAAEC,CAAC;UAAA;YAAA;YAC5B;YACAlB,KAAA,CAACJ,QAAQ;cAAAuB,QAAA,GACNF,GAAG,EACHC,CAAC,KAAKJ,QAAQ,CAACM,MAAM,GAAG,CAAC,iBAAItB,IAAA,SAAK,CAAC;YAAA,MAAAuB,MAAA,CAFpBJ,GAAG,OAAAI,MAAA,CAAIH,CAAC,CAGhB;UAAC;QAAA,CACZ,CAAC;MACJ,CAAC,MAAM;QACLN,OAAO,GAAGR,KAAK;MACjB;IACF,CAAC,MAAM;MACLQ,OAAO,GAAGR,KAAK;IACjB;EACF,CAAC,MAAM;IACLQ,OAAO,GAAGR,KAAK;EACjB;EAEA,IAAIG,OAAO,EAAE;IACX,oBAAOZ,aAAa,CAACY,OAAO,EAAE;MAAEF,SAAS,EAATA;IAAU,CAAC,EAAEO,OAAO,CAAC;EACvD,CAAC,MAAM;IACL,oBAAOd,IAAA,CAAAG,SAAA;MAAAkB,QAAA,EAAGP;IAAO,CAAG,CAAC;EACvB;AACF,CAAC;AAED,eAAeV,UAAU"}
+{"version":3,"names":["createElement","Fragment","jsx","_jsx","jsxs","_jsxs","_Fragment","BreakLines","props","value","className","_props$tagName","tagName","_props$enabled","enabled","_props$EOL","EOL","content","includes","segments","split","map","str","i","children","length","concat"],"sources":["../../../src/components/BreakLines/index.tsx"],"sourcesContent":["import { createElement, type FC, Fragment, type ReactNode } from 'react';\n\nexport interface BreakLinesProps {\n  /**\n   * - **EN:** Text content\n   * - **CN:** 文本内容\n   */\n  value: string | undefined;\n  /**\n   * - **EN:** Whether to enable line breaking\n   * - **CN:** 是否启用换行功能\n   *\n   * @default true\n   */\n  enabled?: boolean;\n  /**\n   * - **EN:** Line break character\n   * - **CN:** 换行符\n   *\n   * @default '\\n'\n   */\n  EOL?: string;\n  /**\n   * - **CN:** 渲染dom节点的标签名\n   * - **EN:** Render the tag name of the DOM node\n   *\n   * @default false\n   */\n  // eslint-disable-next-line @typescript-eslint/ban-types\n  tagName?: 'span' | 'div' | 'i' | 'pre' | (string & {}) | false;\n  /**\n   * - **EN:** The CSS class name of the dom node, if `tagName` is set to false, this property is\n   *   invalid\n   * - **CN:** dom节点的css类名，如果`tagName`设置为false，则此属性无效\n   */\n  className?: string;\n}\n\n/**\n * - **EN:** Output a piece of text, keeping line breaks\n * - **CN:** 输出一段文本，保留换行符\n *\n * @example\n *   <BreakLines value=\"hello \\n world\" />;\n *   // hello <br/> world\n */\nconst BreakLines: FC<BreakLinesProps> = (props) => {\n  const { value, className, tagName = false, enabled = true, EOL = '\\n' } = props;\n\n  let content: ReactNode;\n  if (value) {\n    if (enabled) {\n      if (value.includes(EOL)) {\n        const segments = value?.split(EOL);\n        content = segments.map((str, i) => (\n          // eslint-disable-next-line react/no-array-index-key\n          <Fragment key={`${str}:${i}`}>\n            {str}\n            {i !== segments.length - 1 && <br />}\n          </Fragment>\n        ));\n      } else {\n        content = value;\n      }\n    } else {\n      content = value;\n    }\n  } else {\n    content = value;\n  }\n\n  if (tagName) {\n    return createElement(tagName, { className }, content);\n  } else {\n    return <>{content}</>;\n  }\n};\n\nexport default BreakLines;\n"],"mappings":"AAAA,SAASA,aAAa,EAAWC,QAAQ,QAAwB,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAAA,SAAAJ,QAAA,IAAAK,SAAA;AAsCzE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,UAA+B,GAAG,SAAlCA,UAA+BA,CAAIC,KAAK,EAAK;EACjD,IAAQC,KAAK,GAA6DD,KAAK,CAAvEC,KAAK;IAAEC,SAAS,GAAkDF,KAAK,CAAhEE,SAAS;IAAAC,cAAA,GAAkDH,KAAK,CAArDI,OAAO;IAAPA,OAAO,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;IAAAE,cAAA,GAAiCL,KAAK,CAApCM,OAAO;IAAPA,OAAO,GAAAD,cAAA,cAAG,IAAI,GAAAA,cAAA;IAAAE,UAAA,GAAiBP,KAAK,CAApBQ,GAAG;IAAHA,GAAG,GAAAD,UAAA,cAAG,IAAI,GAAAA,UAAA;EAErE,IAAIE,OAAkB;EACtB,IAAIR,KAAK,EAAE;IACT,IAAIK,OAAO,EAAE;MACX,IAAIL,KAAK,CAACS,QAAQ,CAACF,GAAG,CAAC,EAAE;QACvB,IAAMG,QAAQ,GAAGV,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEW,KAAK,CAACJ,GAAG,CAAC;QAClCC,OAAO,GAAGE,QAAQ,CAACE,GAAG,CAAC,UAACC,GAAG,EAAEC,CAAC;UAAA;YAAA;YAC5B;YACAlB,KAAA,CAACJ,QAAQ;cAAAuB,QAAA,GACNF,GAAG,EACHC,CAAC,KAAKJ,QAAQ,CAACM,MAAM,GAAG,CAAC,iBAAItB,IAAA,SAAK,CAAC;YAAA,MAAAuB,MAAA,CAFpBJ,GAAG,OAAAI,MAAA,CAAIH,CAAC,CAGhB;UAAC;QAAA,CACZ,CAAC;MACJ,CAAC,MAAM;QACLN,OAAO,GAAGR,KAAK;MACjB;IACF,CAAC,MAAM;MACLQ,OAAO,GAAGR,KAAK;IACjB;EACF,CAAC,MAAM;IACLQ,OAAO,GAAGR,KAAK;EACjB;EAEA,IAAIG,OAAO,EAAE;IACX,oBAAOZ,aAAa,CAACY,OAAO,EAAE;MAAEF,SAAS,EAATA;IAAU,CAAC,EAAEO,OAAO,CAAC;EACvD,CAAC,MAAM;IACL,oBAAOd,IAAA,CAAAG,SAAA;MAAAkB,QAAA,EAAGP;IAAO,CAAG,CAAC;EACvB;AACF,CAAC;AAED,eAAeV,UAAU"}

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

@@ -2,47 +2,41 @@ import { type ReactNode } from 'react';
 import type { Langs } from '../../locales';
 export interface ReactEasyContextProps {
     /**
-     * **EN:** Language of the component, used for global configuration, can be 'en-US' or 'zh-CN'
-     *
-     * **CN:** 组件的语言，用于全局配置，可以是'en-US'或'zh-CN'
+     * - **EN:** Language of the component, used for global configuration, can be 'en-US' or 'zh-CN'
+     * - **CN:** 组件的语言，用于全局配置，可以是'en-US'或'zh-CN'
      */
     lang?: Langs;
     /**
-     * **EN:** Default title of the confirm dialog, used for global configuration, can be normal text
-     * or the key of localized resources, the key of localized resources will be converted into
-     * localized text through the `localize` method
-     *
-     * **CN:** 确认弹框的默认标题，用于全局配置，可以是普通文本或本地化资源的键值，本地化资源的键值会通过`localize`方法转换成本地化文本
+     * - **EN:** Default title of the confirm dialog, used for global configuration, can be normal text
+     *   or the key of localized resources, the key of localized resources will be converted into
+     *   localized text through the `localize` method
+     * - **CN:** 确认弹框的默认标题，用于全局配置，可以是普通文本或本地化资源的键值，本地化资源的键值会通过`localize`方法转换成本地化文本
      */
     defaultConfirmTitle?: ReactNode;
     /**
-     * **EN:** Default content of the confirm dialog, used for global configuration, can be normal
-     * text or the key of localized resources, the key of localized resources will be converted into
-     * localized text through the `localize` method
-     *
-     * **CN:** 确认弹框的默认内容，用于全局配置，可以是普通文本或本地化资源的键值，本地化资源的键值会通过`localize`方法转换成本地化文本
+     * - **EN:** Default content of the confirm dialog, used for global configuration, can be normal
+     *   text or the key of localized resources, the key of localized resources will be converted into
+     *   localized text through the `localize` method
+     * - **CN:** 确认弹框的默认内容，用于全局配置，可以是普通文本或本地化资源的键值，本地化资源的键值会通过`localize`方法转换成本地化文本
      */
     defaultConfirmContent?: ReactNode;
     /**
-     * **EN:** Default title of the deletion confirmation dialog, used for global configuration, can
-     * be normal text or the key of localized resources, the key of localized resources will be
-     * converted into localized text through the `localize` method
-     *
-     * **CN:** 删除确认弹框的默认标题，用于全局配置，可以是普通文本或本地化资源的键值，本地化资源的键值会通过`localize`方法转换成本地化文本
+     * - **EN:** Default title of the deletion confirmation dialog, used for global configuration, can
+     *   be normal text or the key of localized resources, the key of localized resources will be
+     *   converted into localized text through the `localize` method
+     * - **CN:** 删除确认弹框的默认标题，用于全局配置，可以是普通文本或本地化资源的键值，本地化资源的键值会通过`localize`方法转换成本地化文本
      */
     defaultDeletionConfirmTitle?: ReactNode;
     /**
-     * **EN:** Default content of the deletion confirmation dialog, used for global configuration, can
-     * be normal text or the key of localized resources, the key of localized resources will be
-     * converted into localized text through the `localize` method
-     *
-     * **CN:** 删除确认弹框的默认内容，用于全局配置，可以是普通文本或本地化资源的键值，本地化资源的键值会通过`localize`方法转换成本地化文本
+     * - **EN:** Default content of the deletion confirmation dialog, used for global configuration, can
+     *   be normal text or the key of localized resources, the key of localized resources will be
+     *   converted into localized text through the `localize` method
+     * - **CN:** 删除确认弹框的默认内容，用于全局配置，可以是普通文本或本地化资源的键值，本地化资源的键值会通过`localize`方法转换成本地化文本
      */
     defaultDeletionConfirmContent?: ReactNode;
     /**
-     * **EN:** Get localized text
-     *
-     * **CN:** 获取本地化文本
+     * - **EN:** Get localized text
+     * - **CN:** 获取本地化文本
      *
      * @param key Normal text or key of local resource | 普通文本或本地资源的键值
      * @param args Parameters of the localized text | 本地化文本的参数

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

@@ -1 +1 @@
-{"version":3,"names":["createContext","defaultContextValue","lang","ReactEasyContext"],"sources":["../../../src/components/ConfigProvider/context.tsx"],"sourcesContent":["import { createContext, type ReactNode } from 'react';\nimport type { Langs } from '../../locales';\n\nexport interface ReactEasyContextProps {\n  /**\n   * **EN:** Language of the component, used for global configuration, can be 'en-US' or 'zh-CN'\n   *\n   * **CN:** 组件的语言，用于全局配置，可以是'en-US'或'zh-CN'\n   */\n  lang?: Langs;\n  /**\n   * **EN:** Default title of the confirm dialog, used for global configuration, can be normal text\n   * or the key of localized resources, the key of localized resources will be converted into\n   * localized text through the `localize` method\n   *\n   * **CN:** 确认弹框的默认标题，用于全局配置，可以是普通文本或本地化资源的键值，本地化资源的键值会通过`localize`方法转换成本地化文本\n   */\n  defaultConfirmTitle?: ReactNode;\n  /**\n   * **EN:** Default content of the confirm dialog, used for global configuration, can be normal\n   * text or the key of localized resources, the key of localized resources will be converted into\n   * localized text through the `localize` method\n   *\n   * **CN:** 确认弹框的默认内容，用于全局配置，可以是普通文本或本地化资源的键值，本地化资源的键值会通过`localize`方法转换成本地化文本\n   */\n  defaultConfirmContent?: ReactNode;\n\n  /**\n   * **EN:** Default title of the deletion confirmation dialog, used for global configuration, can\n   * be normal text or the key of localized resources, the key of localized resources will be\n   * converted into localized text through the `localize` method\n   *\n   * **CN:** 删除确认弹框的默认标题，用于全局配置，可以是普通文本或本地化资源的键值，本地化资源的键值会通过`localize`方法转换成本地化文本\n   */\n  defaultDeletionConfirmTitle?: ReactNode;\n\n  /**\n   * **EN:** Default content of the deletion confirmation dialog, used for global configuration, can\n   * be normal text or the key of localized resources, the key of localized resources will be\n   * converted into localized text through the `localize` method\n   *\n   * **CN:** 删除确认弹框的默认内容，用于全局配置，可以是普通文本或本地化资源的键值，本地化资源的键值会通过`localize`方法转换成本地化文本\n   */\n  defaultDeletionConfirmContent?: ReactNode;\n\n  // /** 获取本地化文本 */\n  /**\n   * **EN:** Get localized text\n   *\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\nexport const defaultContextValue: ReactEasyContextProps = {\n  lang: 'en',\n};\n\nconst ReactEasyContext = createContext<ReactEasyContextProps>(defaultContextValue);\n\nexport default ReactEasyContext;\n"],"mappings":"AAAA,SAASA,aAAa,QAAwB,OAAO;AA2DrD,OAAO,IAAMC,mBAA0C,GAAG;EACxDC,IAAI,EAAE;AACR,CAAC;AAED,IAAMC,gBAAgB,gBAAGH,aAAa,CAAwBC,mBAAmB,CAAC;AAElF,eAAeE,gBAAgB"}
+{"version":3,"names":["createContext","defaultContextValue","lang","ReactEasyContext"],"sources":["../../../src/components/ConfigProvider/context.tsx"],"sourcesContent":["import { createContext, type ReactNode } from 'react';\nimport type { Langs } from '../../locales';\n\nexport interface ReactEasyContextProps {\n  /**\n   * - **EN:** Language of the component, used for global configuration, can be 'en-US' or 'zh-CN'\n   * - **CN:** 组件的语言，用于全局配置，可以是'en-US'或'zh-CN'\n   */\n  lang?: Langs;\n  /**\n   * - **EN:** Default title of the confirm dialog, used for global configuration, can be normal text\n   *   or the key of localized resources, the key of localized resources will be converted into\n   *   localized text through the `localize` method\n   * - **CN:** 确认弹框的默认标题，用于全局配置，可以是普通文本或本地化资源的键值，本地化资源的键值会通过`localize`方法转换成本地化文本\n   */\n  defaultConfirmTitle?: ReactNode;\n  /**\n   * - **EN:** Default content of the confirm dialog, used for global configuration, can be normal\n   *   text or the key of localized resources, the key of localized resources will be converted into\n   *   localized text through the `localize` method\n   * - **CN:** 确认弹框的默认内容，用于全局配置，可以是普通文本或本地化资源的键值，本地化资源的键值会通过`localize`方法转换成本地化文本\n   */\n  defaultConfirmContent?: ReactNode;\n\n  /**\n   * - **EN:** Default title of the deletion confirmation dialog, used for global configuration, can\n   *   be normal text or the key of localized resources, the key of localized resources will be\n   *   converted into localized text through the `localize` method\n   * - **CN:** 删除确认弹框的默认标题，用于全局配置，可以是普通文本或本地化资源的键值，本地化资源的键值会通过`localize`方法转换成本地化文本\n   */\n  defaultDeletionConfirmTitle?: ReactNode;\n\n  /**\n   * - **EN:** Default content of the deletion confirmation dialog, used for global configuration, can\n   *   be normal text or the key of localized resources, the key of localized resources will be\n   *   converted into localized text through the `localize` method\n   * - **CN:** 删除确认弹框的默认内容，用于全局配置，可以是普通文本或本地化资源的键值，本地化资源的键值会通过`localize`方法转换成本地化文本\n   */\n  defaultDeletionConfirmContent?: ReactNode;\n\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\nexport const defaultContextValue: ReactEasyContextProps = {\n  lang: 'en',\n};\n\nconst ReactEasyContext = createContext<ReactEasyContextProps>(defaultContextValue);\n\nexport default ReactEasyContext;\n"],"mappings":"AAAA,SAASA,aAAa,QAAwB,OAAO;AAoDrD,OAAO,IAAMC,mBAA0C,GAAG;EACxDC,IAAI,EAAE;AACR,CAAC;AAED,IAAMC,gBAAgB,gBAAGH,aAAa,CAAwBC,mBAAmB,CAAC;AAElF,eAAeE,gBAAgB"}

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

@@ -3,18 +3,16 @@ import type localesEn from '../../locales/langs/en';
 import { type ReactEasyContextProps } from './context';
 export interface ConfigProviderProps extends ReactEasyContextProps {
     /**
-     * **EN:** Custom localization resources, if `lang` exists, it will override the localization
-     * resources of that language, otherwise, it will add a new language
-     *
-     * **CN:** 自定义本地化资源，如果`lang`存在，则会覆盖该语言的本地化资源，否则，会添加一种新的语言
+     * - **EN:** Custom localization resources, if `lang` exists, it will override the localization
+     *   resources of that language, otherwise, it will add a new language
+     * - **CN:** 自定义本地化资源，如果`lang`存在，则会覆盖该语言的本地化资源，否则，会添加一种新的语言
      */
     locales?: Partial<typeof localesEn>;
     children: ReactNode;
 }
 /**
- * **EN:** Provide global configuration for AntdHelper
- *
- * **CN:** 提供AntdHelper的全局配置
+ * - **EN:** Provide global configuration for AntdHelper
+ * - **CN:** 提供AntdHelper的全局配置
  */
 declare const ConfigProvider: FC<ConfigProviderProps>;
 export default ConfigProvider;

package/es/components/ConfigProvider/index.js

@@ -12,9 +12,8 @@ import locales, { langs, resources } from "../../locales";
 import ReactEasyContext from "./context";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
- * **EN:** Provide global configuration for AntdHelper
- *
- * **CN:** 提供AntdHelper的全局配置
+ * - **EN:** Provide global configuration for AntdHelper
+ * - **CN:** 提供AntdHelper的全局配置
  */
 var ConfigProvider = function ConfigProvider(props) {
   var children = props.children,

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

@@ -1 +1 @@
-{"version":3,"names":["useEffect","locales","langs","resources","ReactEasyContext","jsx","_jsx","ConfigProvider","props","children","userLocales","restProps","_objectWithoutProperties","_excluded","langInProps","lang","includes","removeResourceBundle","addResourceBundle","_objectSpread","translation","en","changeLanguage","Provider","value"],"sources":["../../../src/components/ConfigProvider/index.tsx"],"sourcesContent":["import { type FC, type ReactNode, useEffect } from 'react';\nimport locales, { langs, resources } from '../../locales';\nimport type localesEn from '../../locales/langs/en';\nimport ReactEasyContext, { type ReactEasyContextProps } from './context';\n\nexport interface ConfigProviderProps extends ReactEasyContextProps {\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   *\n   * **CN:** 自定义本地化资源，如果`lang`存在，则会覆盖该语言的本地化资源，否则，会添加一种新的语言\n   */\n  locales?: Partial<typeof localesEn>;\n  children: ReactNode;\n}\n\n/**\n * **EN:** Provide global configuration for AntdHelper\n *\n * **CN:** 提供AntdHelper的全局配置\n */\nconst ConfigProvider: FC<ConfigProviderProps> = (props) => {\n  const { children, locales: userLocales, ...restProps } = props;\n  const { lang: langInProps } = restProps;\n\n  useEffect(() => {\n    // Dynamically add language pack\n    if (userLocales) {\n      const lang = langInProps || 'en';\n      if (lang && langs.includes(lang)) {\n        locales.removeResourceBundle(lang, 'translation');\n        locales.addResourceBundle(lang, 'translation', { ...resources[lang].translation, ...userLocales });\n      } else {\n        locales.addResourceBundle(lang, 'translation', { ...resources.en.translation, ...userLocales });\n      }\n    }\n  }, [langInProps, userLocales]);\n\n  useEffect(() => {\n    // Set the language of the component\n    locales.changeLanguage(langInProps || 'en');\n  }, [langInProps]);\n\n  return <ReactEasyContext.Provider value={restProps}>{children}</ReactEasyContext.Provider>;\n};\n\nexport default ConfigProvider;\n"],"mappings":";;;;;;;;;AAAA,SAAkCA,SAAS,QAAQ,OAAO;AAC1D,OAAOC,OAAO,IAAIC,KAAK,EAAEC,SAAS;AAElC,OAAOC,gBAAgB;AAAkD,SAAAC,GAAA,IAAAC,IAAA;AAazE;AACA;AACA;AACA;AACA;AACA,IAAMC,cAAuC,GAAG,SAA1CA,cAAuCA,CAAIC,KAAK,EAAK;EACzD,IAAQC,QAAQ,GAAyCD,KAAK,CAAtDC,QAAQ;IAAWC,WAAW,GAAmBF,KAAK,CAA5CP,OAAO;IAAkBU,SAAS,GAAAC,wBAAA,CAAKJ,KAAK,EAAAK,SAAA;EAC9D,IAAcC,WAAW,GAAKH,SAAS,CAA/BI,IAAI;EAEZf,SAAS,CAAC,YAAM;IACd;IACA,IAAIU,WAAW,EAAE;MACf,IAAMK,IAAI,GAAGD,WAAW,IAAI,IAAI;MAChC,IAAIC,IAAI,IAAIb,KAAK,CAACc,QAAQ,CAACD,IAAI,CAAC,EAAE;QAChCd,OAAO,CAACgB,oBAAoB,CAACF,IAAI,EAAE,aAAa,CAAC;QACjDd,OAAO,CAACiB,iBAAiB,CAACH,IAAI,EAAE,aAAa,EAAAI,aAAA,CAAAA,aAAA,KAAOhB,SAAS,CAACY,IAAI,CAAC,CAACK,WAAW,GAAKV,WAAW,CAAE,CAAC;MACpG,CAAC,MAAM;QACLT,OAAO,CAACiB,iBAAiB,CAACH,IAAI,EAAE,aAAa,EAAAI,aAAA,CAAAA,aAAA,KAAOhB,SAAS,CAACkB,EAAE,CAACD,WAAW,GAAKV,WAAW,CAAE,CAAC;MACjG;IACF;EACF,CAAC,EAAE,CAACI,WAAW,EAAEJ,WAAW,CAAC,CAAC;EAE9BV,SAAS,CAAC,YAAM;IACd;IACAC,OAAO,CAACqB,cAAc,CAACR,WAAW,IAAI,IAAI,CAAC;EAC7C,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAEjB,oBAAOR,IAAA,CAACF,gBAAgB,CAACmB,QAAQ;IAACC,KAAK,EAAEb,SAAU;IAAAF,QAAA,EAAEA;EAAQ,CAA4B,CAAC;AAC5F,CAAC;AAED,eAAeF,cAAc"}
+{"version":3,"names":["useEffect","locales","langs","resources","ReactEasyContext","jsx","_jsx","ConfigProvider","props","children","userLocales","restProps","_objectWithoutProperties","_excluded","langInProps","lang","includes","removeResourceBundle","addResourceBundle","_objectSpread","translation","en","changeLanguage","Provider","value"],"sources":["../../../src/components/ConfigProvider/index.tsx"],"sourcesContent":["import { type FC, type ReactNode, useEffect } from 'react';\nimport locales, { langs, resources } from '../../locales';\nimport type localesEn from '../../locales/langs/en';\nimport ReactEasyContext, { type ReactEasyContextProps } from './context';\n\nexport interface ConfigProviderProps extends ReactEasyContextProps {\n  /**\n   * - **EN:** Custom localization resources, if `lang` exists, it will override the localization\n   *   resources of that language, otherwise, it will add a new language\n   * - **CN:** 自定义本地化资源，如果`lang`存在，则会覆盖该语言的本地化资源，否则，会添加一种新的语言\n   */\n  locales?: Partial<typeof localesEn>;\n  children: ReactNode;\n}\n\n/**\n * - **EN:** Provide global configuration for AntdHelper\n * - **CN:** 提供AntdHelper的全局配置\n */\nconst ConfigProvider: FC<ConfigProviderProps> = (props) => {\n  const { children, locales: userLocales, ...restProps } = props;\n  const { lang: langInProps } = restProps;\n\n  useEffect(() => {\n    // Dynamically add language pack\n    if (userLocales) {\n      const lang = langInProps || 'en';\n      if (lang && langs.includes(lang)) {\n        locales.removeResourceBundle(lang, 'translation');\n        locales.addResourceBundle(lang, 'translation', { ...resources[lang].translation, ...userLocales });\n      } else {\n        locales.addResourceBundle(lang, 'translation', { ...resources.en.translation, ...userLocales });\n      }\n    }\n  }, [langInProps, userLocales]);\n\n  useEffect(() => {\n    // Set the language of the component\n    locales.changeLanguage(langInProps || 'en');\n  }, [langInProps]);\n\n  return <ReactEasyContext.Provider value={restProps}>{children}</ReactEasyContext.Provider>;\n};\n\nexport default ConfigProvider;\n"],"mappings":";;;;;;;;;AAAA,SAAkCA,SAAS,QAAQ,OAAO;AAC1D,OAAOC,OAAO,IAAIC,KAAK,EAAEC,SAAS;AAElC,OAAOC,gBAAgB;AAAkD,SAAAC,GAAA,IAAAC,IAAA;AAYzE;AACA;AACA;AACA;AACA,IAAMC,cAAuC,GAAG,SAA1CA,cAAuCA,CAAIC,KAAK,EAAK;EACzD,IAAQC,QAAQ,GAAyCD,KAAK,CAAtDC,QAAQ;IAAWC,WAAW,GAAmBF,KAAK,CAA5CP,OAAO;IAAkBU,SAAS,GAAAC,wBAAA,CAAKJ,KAAK,EAAAK,SAAA;EAC9D,IAAcC,WAAW,GAAKH,SAAS,CAA/BI,IAAI;EAEZf,SAAS,CAAC,YAAM;IACd;IACA,IAAIU,WAAW,EAAE;MACf,IAAMK,IAAI,GAAGD,WAAW,IAAI,IAAI;MAChC,IAAIC,IAAI,IAAIb,KAAK,CAACc,QAAQ,CAACD,IAAI,CAAC,EAAE;QAChCd,OAAO,CAACgB,oBAAoB,CAACF,IAAI,EAAE,aAAa,CAAC;QACjDd,OAAO,CAACiB,iBAAiB,CAACH,IAAI,EAAE,aAAa,EAAAI,aAAA,CAAAA,aAAA,KAAOhB,SAAS,CAACY,IAAI,CAAC,CAACK,WAAW,GAAKV,WAAW,CAAE,CAAC;MACpG,CAAC,MAAM;QACLT,OAAO,CAACiB,iBAAiB,CAACH,IAAI,EAAE,aAAa,EAAAI,aAAA,CAAAA,aAAA,KAAOhB,SAAS,CAACkB,EAAE,CAACD,WAAW,GAAKV,WAAW,CAAE,CAAC;MACjG;IACF;EACF,CAAC,EAAE,CAACI,WAAW,EAAEJ,WAAW,CAAC,CAAC;EAE9BV,SAAS,CAAC,YAAM;IACd;IACAC,OAAO,CAACqB,cAAc,CAACR,WAAW,IAAI,IAAI,CAAC;EAC7C,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAEjB,oBAAOR,IAAA,CAACF,gBAAgB,CAACmB,QAAQ;IAACC,KAAK,EAAEb,SAAU;IAAAF,QAAA,EAAEA;EAAQ,CAA4B,CAAC;AAC5F,CAAC;AAED,eAAeF,cAAc"}

package/es/components/ConfirmAction/index.d.ts

@@ -6,91 +6,76 @@ import type { LinkProps } from 'antd/es/typography/Link';
 import type { TextProps } from 'antd/es/typography/Text';
 export type ConfirmActionProps<TP extends object, E extends keyof TP> = Omit<ModalFuncProps, 'onOk'> & ConfirmActionTrigger<TP, E> & {
     /**
-     * **EN:** Whether to display in red danger mode, which will automatically affect the color of
-     * the title, icon, and confirm button. Default is `false`, for DeleteConfirmAction, the
-     * defaults is `true`.
-     *
+     * - **EN:** Whether to display in red danger mode, which will automatically affect the color of
+     *   the title, icon, and confirm button. Default is `false`, for DeleteConfirmAction, the
+     *   defaults is `true`.
      * - You can explicitly set `titleColor`, `iconColor`, and `okButtonProps.type` to override
-     *
-     * **CN:** 是否显示为红色危险模式，会自动影响标题、图标和确认按钮的颜色。默认`false`，DeleteConfirmAction组件的默认值为`true`。
-     *
+     * - **CN:** 是否显示为红色危险模式，会自动影响标题、图标和确认按钮的颜色。默认`false`，DeleteConfirmAction组件的默认值为`true`。
      * - 可以显式设置`titleColor`、`iconColor`和`okButtonProps.type`来覆盖
      */
     danger?: boolean;
     /**
-     * **EN:** The color of confirm box title, default is `warning`
-     *
-     * **CN:** 弹框标题颜色，默认`warning`
+     * - **EN:** The color of confirm box title, default is `warning`
+     * - **CN:** 弹框标题颜色，默认`warning`
      */
     titleColor?: TextProps['type'] | 'primary';
     /**
-     * **EN:** The color of confirm box content
-     *
-     * **CN:** 弹框内容文本颜色
+     * - **EN:** The color of confirm box content
+     * - **CN:** 弹框内容文本颜色
      */
     contentColor?: TextProps['type'] | 'primary';
     /**
-     * **EN:** The color of confirm box title icon, default is the same as `titleColor`
-     *
-     * **CN:** 弹框标题图标颜色，默认与`titleColor`相同
+     * - **EN:** The color of confirm box title icon, default is the same as `titleColor`
+     * - **CN:** 弹框标题图标颜色，默认与`titleColor`相同
      */
     iconColor?: TextProps['type'] | 'primary';
     /**
-     * **EN:** Callback when click confirm button
-     *
-     * **CN:** 点击确认按钮的回调
+     * - **EN:** Callback when click confirm button
+     * - **CN:** 点击确认按钮的回调
      */
     onOk?: (...args: Parameters<TP[E]>) => unknown | Promise<unknown>;
     /**
-     * **EN:** Callback after confirm event, won't trigger if failed, the argument is the return
-     * value of `onOk`
-     *
-     * **CN:** 确认事件完成后的回调，失败时不会触发，参数为`onOk`的返回值
+     * - **EN:** Callback after confirm event, won't trigger if failed, the argument is the return
+     *   value of `onOk`
+     * - **CN:** 确认事件完成后的回调，失败时不会触发，参数为`onOk`的返回值
      */
     afterOk?: (data?: any) => void;
 };
 export interface ConfirmActionTrigger<TP extends object, E extends keyof TP> {
     /**
-     * **EN:** Trigger component, trigger to show confirm box
-     *
-     * **CN:** 触发器组件，触发显示确认弹框
+     * - **EN:** Trigger component, trigger to show confirm box
+     * - **CN:** 触发器组件，触发显示确认弹框
      */
     triggerComponent?: ComponentType<TP>;
     /**
-     * **EN:** Props of trigger component
-     *
-     * **CN:** 触发器组件的Props属性
+     * - **EN:** Props of trigger component
+     * - **CN:** 触发器组件的Props属性
      */
     triggerProps?: TP;
     /**
-     * **EN:** The event name that triggers the dialog
-     *
-     * **CN:** 触发弹窗的事件名称
-     *
+     * - **EN:** The event name that triggers the dialog
+     * - **CN:** 触发弹窗的事件名称
      * - `Button`: 'onClick'
      * - `Switch`: 'onChange'
      * - `Link`: 'onClick'
      */
     triggerEvent?: E;
     /**
-     * **EN:** Custom trigger content
-     *
-     * **CN:** 自定义触发器内容
+     * - **EN:** Custom trigger content
+     * - **CN:** 自定义触发器内容
      */
     children?: ReactNode;
 }
 export type ConfirmActionRef = ReturnType<typeof confirm> & {
     /**
-     * **EN:** Show confirm box
-     *
-     * **CN:** 显示确认弹框
+     * - **EN:** Show confirm box
+     * - **CN:** 显示确认弹框
      */
     show: (props?: Parameters<ModalFunc>[0]) => ReturnType<ModalFunc>;
 };
 /**
- * **EN:** Generate a confirm box component
- *
- * **CN:** 生成一个确认弹框组件
+ * - **EN:** Generate a confirm box component
+ * - **CN:** 生成一个确认弹框组件
  *
  * @param defaultProps Default props | 默认属性
  *
@@ -103,100 +88,92 @@ export declare const genRenderer: (defaultProps: Partial<ConfirmActionProps<any,
     displayName: string;
 };
 /**
- * **EN:** Add default properties to the ConfirmAction component
- *
- * **CN:** 给ConfirmAction组件添加默认属性
+ * - **EN:** Add default properties to the ConfirmAction component
+ * - **CN:** 给ConfirmAction组件添加默认属性
  *
  * @param WrappedComponent ConfirmAction component | ConfirmAction组件
  * @param defaultProps Default properties | 默认属性
  */
 export declare const withDefaultConfirmActionProps: <TP extends object, E extends keyof TP>(WrappedComponent: ComponentType<PropsWithoutRef<ConfirmActionProps<TP, E>> & RefAttributes<ConfirmActionRef>>, defaultProps?: Partial<ConfirmActionProps<TP, E>>) => import("react").ForwardRefExoticComponent<Omit<ModalFuncProps, "onOk"> & ConfirmActionTrigger<TP, E> & {
     /**
-     * **EN:** Whether to display in red danger mode, which will automatically affect the color of
-     * the title, icon, and confirm button. Default is `false`, for DeleteConfirmAction, the
-     * defaults is `true`.
-     *
+     * - **EN:** Whether to display in red danger mode, which will automatically affect the color of
+     *   the title, icon, and confirm button. Default is `false`, for DeleteConfirmAction, the
+     *   defaults is `true`.
      * - You can explicitly set `titleColor`, `iconColor`, and `okButtonProps.type` to override
-     *
-     * **CN:** 是否显示为红色危险模式，会自动影响标题、图标和确认按钮的颜色。默认`false`，DeleteConfirmAction组件的默认值为`true`。
-     *
+     * - **CN:** 是否显示为红色危险模式，会自动影响标题、图标和确认按钮的颜色。默认`false`，DeleteConfirmAction组件的默认值为`true`。
      * - 可以显式设置`titleColor`、`iconColor`和`okButtonProps.type`来覆盖
      */
     danger?: boolean | undefined;
     /**
-     * **EN:** The color of confirm box title, default is `warning`
-     *
-     * **CN:** 弹框标题颜色，默认`warning`
+     * - **EN:** The color of confirm box title, default is `warning`
+     * - **CN:** 弹框标题颜色，默认`warning`
      */
     titleColor?: TextProps['type'] | 'primary';
     /**
-     * **EN:** The color of confirm box content
-     *
-     * **CN:** 弹框内容文本颜色
+     * - **EN:** The color of confirm box content
+     * - **CN:** 弹框内容文本颜色
      */
     contentColor?: TextProps['type'] | 'primary';
     /**
-     * **EN:** The color of confirm box title icon, default is the same as `titleColor`
-     *
-     * **CN:** 弹框标题图标颜色，默认与`titleColor`相同
+     * - **EN:** The color of confirm box title icon, default is the same as `titleColor`
+     * - **CN:** 弹框标题图标颜色，默认与`titleColor`相同
      */
     iconColor?: TextProps['type'] | 'primary';
     /**
-     * **EN:** Callback when click confirm button
-     *
-     * **CN:** 点击确认按钮的回调
+     * - **EN:** Callback when click confirm button
+     * - **CN:** 点击确认按钮的回调
      */
     onOk?: ((...args: Parameters<TP[E]>) => unknown | Promise<unknown>) | undefined;
     /**
-     * **EN:** Callback after confirm event, won't trigger if failed, the argument is the return
-     * value of `onOk`
-     *
-     * **CN:** 确认事件完成后的回调，失败时不会触发，参数为`onOk`的返回值
+     * - **EN:** Callback after confirm event, won't trigger if failed, the argument is the return
+     *   value of `onOk`
+     * - **CN:** 确认事件完成后的回调，失败时不会触发，参数为`onOk`的返回值
      */
     afterOk?: ((data?: any) => void) | undefined;
 } & RefAttributes<ConfirmActionRef>>;
 /**
- * **EN:** Interface of generic type component
- *
- * **CN:** 泛型组件的接口
+ * - **EN:** Interface of generic type component
+ * - **CN:** 泛型组件的接口
  */
 export type GenericConfirmActionInterface = <TP extends object, E extends keyof TP>(props: PropsWithoutRef<TypedConfirmActionProps<TP, E>> & RefAttributes<ConfirmActionRef>) => ReactElement;
 /**
- * **EN:** Interface of specific type component
- *
- * **CN:** 具体类型组件的接口
+ * - **EN:** Interface of specific type component
+ * - **CN:** 具体类型组件的接口
  */
 export type TypedConfirmActionInterface<TP extends object, E extends keyof TP> = ComponentType<PropsWithoutRef<TypedConfirmActionProps<TP, E>> & RefAttributes<ConfirmActionRef>>;
 /**
- * **EN:** Props definition of specific type component
- *
- * **CN:** 具体类型组件的Props定义
+ * - **EN:** Props definition of specific type component
+ * - **CN:** 具体类型组件的Props定义
  */
 type TypedConfirmActionProps<TP extends object, E extends keyof TP> = Omit<ConfirmActionProps<TP, E>, 'triggerComponent' | 'triggerEvent'>;
 export type ConfirmActionWithStatic = GenericConfirmActionInterface & {
     /**
-     * **EN:** Confirm box with button trigger
-     *
-     * **CN:** 按钮类型的确认框
+     * - **EN:** Confirm box with button trigger
+     * - **CN:** 按钮类型的确认框
      */
     Button: TypedConfirmActionInterface<ButtonProps, 'onClick'>;
     /**
-     * **EN:** Confirm box with switch trigger
-     *
-     * **CN:** 开关类型的确认框
+     * - **EN:** Confirm box with switch trigger
+     * - **CN:** 开关类型的确认框
      */
     Switch: TypedConfirmActionInterface<SwitchProps, 'onChange'>;
     /**
-     * **EN:** Confirm box with link trigger
-     *
-     * **CN:** 链接类型的确认框
+     * - **EN:** Confirm box with link trigger
+     * - **CN:** 链接类型的确认框
      */
     Link: TypedConfirmActionInterface<LinkProps, 'onClick'>;
 };
 /**
- * **EN:** Confirm box component with trigger
- *
- * **CN:** 带触发器的确认框组件
+ * - **EN:** Confirm box component with trigger
+ * - **CN:** 带触发器的确认框组件
  */
 declare const ConfirmAction: ConfirmActionWithStatic;
+/**
+ * - **EN:** Generate a confirm box component with custom trigger and default props
+ * - **CN:** 基于自定义触发器和默认属性生成一个确认弹框组件
+ *
+ * @param actionComponent Custom trigger component | 自定义触发器组件
+ * @param defaultProps Default properties of the confirm box | 确认弹框的默认属性
+ */
+export declare function withConfirmAction<TP extends object, E extends keyof TP>(actionComponent: ComponentType<TP>, defaultProps?: Partial<ConfirmActionProps<TP, E>> | (() => Partial<ConfirmActionProps<TP, E>>)): ComponentType<Omit<ConfirmActionProps<TP, E>, "triggerComponent"> & RefAttributes<ConfirmActionRef>>;
 export default ConfirmAction;

package/es/components/ConfirmAction/index.js

@@ -30,9 +30,8 @@ import useRefFunction from "../../hooks/useRefFunction";
 import ReactEasyContext from "../ConfigProvider/context";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
- * **EN:** Generate a confirm box component
- *
- * **CN:** 生成一个确认弹框组件
+ * - **EN:** Generate a confirm box component
+ * - **CN:** 生成一个确认弹框组件
  *
  * @param defaultProps Default props | 默认属性
  *
@@ -205,9 +204,8 @@ export var genRenderer = function genRenderer(defaultProps) {
 };
 
 /**
- * **EN:** Add default properties to the ConfirmAction component
- *
- * **CN:** 给ConfirmAction组件添加默认属性
+ * - **EN:** Add default properties to the ConfirmAction component
+ * - **CN:** 给ConfirmAction组件添加默认属性
  *
  * @param WrappedComponent ConfirmAction component | ConfirmAction组件
  * @param defaultProps Default properties | 默认属性
@@ -231,27 +229,23 @@ var forwarded = /*#__PURE__*/forwardRef(renderConfirmAction);
 forwarded.displayName = 'ForwardedRef(ConfirmAction)';
 
 /**
- * **EN:** Interface of generic type component
- *
- * **CN:** 泛型组件的接口
+ * - **EN:** Interface of generic type component
+ * - **CN:** 泛型组件的接口
  */
 
 /**
- * **EN:** Interface of specific type component
- *
- * **CN:** 具体类型组件的接口
+ * - **EN:** Interface of specific type component
+ * - **CN:** 具体类型组件的接口
  */
 
 /**
- * **EN:** Props definition of specific type component
- *
- * **CN:** 具体类型组件的Props定义
+ * - **EN:** Props definition of specific type component
+ * - **CN:** 具体类型组件的Props定义
  */
 
 /**
- * **EN:** Confirm box component with trigger
- *
- * **CN:** 带触发器的确认框组件
+ * - **EN:** Confirm box component with trigger
+ * - **CN:** 带触发器的确认框组件
  */
 var ConfirmAction = forwarded;
 // Type of button
@@ -279,5 +273,20 @@ ConfirmAction.Link = withDefaultConfirmActionProps(forwarded, {
     }
   }
 });
+
+// todo: 实现hoc
+/**
+ * - **EN:** Generate a confirm box component with custom trigger and default props
+ * - **CN:** 基于自定义触发器和默认属性生成一个确认弹框组件
+ *
+ * @param actionComponent Custom trigger component | 自定义触发器组件
+ * @param defaultProps Default properties of the confirm box | 确认弹框的默认属性
+ */
+export function withConfirmAction(actionComponent, defaultProps) {
+  var withTrigger = withDefaultConfirmActionProps(forwarded, _objectSpread({
+    triggerComponent: actionComponent
+  }, typeof defaultProps === 'function' ? defaultProps() : defaultProps));
+  return withTrigger;
+}
 export default ConfirmAction;
 //# sourceMappingURL=index.js.map