@tiny-codes/react-easy 1.1.2 → 1.2.0

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "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;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAmD;AACnD,qBAA0C;AAE1C,qBAA6D;AAkB7D,IAAM,iBAA0C,CAAC,UAAU;AACzD,QAAM,EAAE,UAAU,SAAS,aAAa,GAAG,UAAU,IAAI;AACzD,QAAM,EAAE,MAAM,YAAY,IAAI;AAE9B,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,GAAG,aAAa,GAAG,YAAY,CAAC;AAAA,MAChG;AAAA,IACF;AAAA,EACF,GAAG,CAAC,aAAa,WAAW,CAAC;AAE7B,8BAAU,MAAM;AAEd,mBAAAA,QAAQ,eAAe,eAAe,IAAI;AAAA,EAC5C,GAAG,CAAC,WAAW,CAAC;AAEhB,SAAO,oCAAC,eAAAC,QAAiB,UAAjB,EAA0B,OAAO,aAAY,QAAS;AAChE;AAEA,IAAO,yBAAQ;",
+  "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;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAmD;AACnD,qBAA0C;AAE1C,qBAA6D;AAgB7D,IAAM,iBAA0C,CAAC,UAAU;AACzD,QAAM,EAAE,UAAU,SAAS,aAAa,GAAG,UAAU,IAAI;AACzD,QAAM,EAAE,MAAM,YAAY,IAAI;AAE9B,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,GAAG,aAAa,GAAG,YAAY,CAAC;AAAA,MAChG;AAAA,IACF;AAAA,EACF,GAAG,CAAC,aAAa,WAAW,CAAC;AAE7B,8BAAU,MAAM;AAEd,mBAAAA,QAAQ,eAAe,eAAe,IAAI;AAAA,EAC5C,GAAG,CAAC,WAAW,CAAC;AAEhB,SAAO,oCAAC,eAAAC,QAAiB,UAAjB,EAA0B,OAAO,aAAY,QAAS;AAChE;AAEA,IAAO,yBAAQ;",
   "names": ["locales", "ReactEasyContext"]
 }

package/lib/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/lib/components/ConfirmAction/index.js

@@ -31,6 +31,7 @@ var ConfirmAction_exports = {};
 __export(ConfirmAction_exports, {
   default: () => ConfirmAction_default,
   genRenderer: () => genRenderer,
+  withConfirmAction: () => withConfirmAction,
   withDefaultConfirmActionProps: () => withDefaultConfirmActionProps
 });
 module.exports = __toCommonJS(ConfirmAction_exports);
@@ -228,10 +229,18 @@ ConfirmAction.Link = withDefaultConfirmActionProps(forwarded, {
     style: { whiteSpace: "nowrap" }
   }
 });
+function withConfirmAction(actionComponent, defaultProps) {
+  const withTrigger = withDefaultConfirmActionProps(forwarded, {
+    triggerComponent: actionComponent,
+    ...typeof defaultProps === "function" ? defaultProps() : defaultProps
+  });
+  return withTrigger;
+}
 var ConfirmAction_default = ConfirmAction;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   genRenderer,
+  withConfirmAction,
   withDefaultConfirmActionProps
 });
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/ConfirmAction/index.tsx"],
-  "sourcesContent": ["import type { ComponentType, ForwardedRef, PropsWithoutRef, ReactElement, ReactNode, RefAttributes } from 'react';\nimport { forwardRef, useContext, useImperativeHandle, useRef, useState } from 'react';\nimport type { ButtonProps, ModalFuncProps, SwitchProps } from 'antd';\nimport { App, Button, Modal, Switch, Typography } from 'antd';\nimport type { ModalFunc } from 'antd/es/modal/confirm';\nimport type confirm from 'antd/es/modal/confirm';\nimport useToken from 'antd/es/theme/useToken';\nimport type { LinkProps } from 'antd/es/typography/Link';\nimport type { TextProps } from 'antd/es/typography/Text';\nimport useContextValidator from '../../hooks/useContextValidator';\nimport useLocalizedText from '../../hooks/useLocalizedText';\nimport useRefFunction from '../../hooks/useRefFunction';\nimport ReactEasyContext from '../ConfigProvider/context';\n\nexport type ConfirmActionProps<TP extends object, E extends keyof TP> = Omit<ModalFuncProps, 'onOk'> &\n  ConfirmActionTrigger<TP, E> & {\n    /**\n     * **EN:** Whether to display in red danger mode, which will automatically affect the color of\n     * the title, icon, and confirm button. Default is `false`, for DeleteConfirmAction, the\n     * defaults is `true`.\n     *\n     * - You can explicitly set `titleColor`, `iconColor`, and `okButtonProps.type` to override\n     *\n     * **CN:** 是否显示为红色危险模式，会自动影响标题、图标和确认按钮的颜色。默认`false`，DeleteConfirmAction组件的默认值为`true`。\n     *\n     * - 可以显式设置`titleColor`、`iconColor`和`okButtonProps.type`来覆盖\n     */\n    danger?: boolean;\n    /**\n     * **EN:** The color of confirm box title, default is `warning`\n     *\n     * **CN:** 弹框标题颜色，默认`warning`\n     */\n    titleColor?: TextProps['type'] | 'primary';\n    /**\n     * **EN:** The color of confirm box content\n     *\n     * **CN:** 弹框内容文本颜色\n     */\n    contentColor?: TextProps['type'] | 'primary';\n    /**\n     * **EN:** The color of confirm box title icon, default is the same as `titleColor`\n     *\n     * **CN:** 弹框标题图标颜色，默认与`titleColor`相同\n     */\n    iconColor?: TextProps['type'] | 'primary';\n    /**\n     * **EN:** Callback when click confirm button\n     *\n     * **CN:** 点击确认按钮的回调\n     */\n    // @ts-expect-error: because TP[E] should be casted to function type\n    onOk?: (...args: Parameters<TP[E]>) => unknown | Promise<unknown>;\n    /**\n     * **EN:** Callback after confirm event, won't trigger if failed, the argument is the return\n     * value of `onOk`\n     *\n     * **CN:** 确认事件完成后的回调，失败时不会触发，参数为`onOk`的返回值\n     */\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    afterOk?: (data?: any) => void;\n  };\n\nexport interface ConfirmActionTrigger<TP extends object, E extends keyof TP> {\n  /**\n   * **EN:** Trigger component, trigger to show confirm box\n   *\n   * **CN:** 触发器组件，触发显示确认弹框\n   */\n  triggerComponent?: ComponentType<TP>;\n  /**\n   * **EN:** Props of trigger component\n   *\n   * **CN:** 触发器组件的Props属性\n   */\n  triggerProps?: TP;\n  /**\n   * **EN:** The event name that triggers the dialog\n   *\n   * **CN:** 触发弹窗的事件名称\n   *\n   * - `Button`: 'onClick'\n   * - `Switch`: 'onChange'\n   * - `Link`: 'onClick'\n   */\n  triggerEvent?: E;\n  /**\n   * **EN:** Custom trigger content\n   *\n   * **CN:** 自定义触发器内容\n   */\n  children?: ReactNode;\n}\nexport type ConfirmActionRef = ReturnType<typeof confirm> & {\n  /**\n   * **EN:** Show confirm box\n   *\n   * **CN:** 显示确认弹框\n   */\n  show: (props?: Parameters<ModalFunc>[0]) => ReturnType<ModalFunc>;\n};\n\n/**\n * **EN:** Generate a confirm box component\n *\n * **CN:** 生成一个确认弹框组件\n *\n * @param defaultProps Default props | 默认属性\n *\n * @returns Component render method | 组件render方法\n */\nexport const genRenderer = (\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  defaultProps: Partial<ConfirmActionProps<any, never>> & { confirmType: 'normal' | 'delete' }\n) => {\n  const Render = <TP extends object, E extends keyof TP>(\n    props: ConfirmActionProps<TP, E>,\n    ref: ForwardedRef<ConfirmActionRef>\n  ) => {\n    const { confirmType, ...restDefaults } = defaultProps;\n    const mergedProps: ConfirmActionProps<TP, E> = {\n      ...restDefaults,\n      ...props,\n      okButtonProps: {\n        ...restDefaults.okButtonProps,\n        ...props.okButtonProps,\n      },\n      cancelButtonProps: {\n        ...restDefaults.cancelButtonProps,\n        ...props.cancelButtonProps,\n      },\n      bodyProps: {\n        ...restDefaults.bodyProps,\n        ...props.bodyProps,\n      },\n      maskProps: {\n        ...restDefaults.maskProps,\n        ...props.maskProps,\n      },\n      wrapProps: {\n        ...restDefaults.wrapProps,\n        ...props.wrapProps,\n      },\n      triggerProps: {\n        ...restDefaults.triggerProps,\n        ...props.triggerProps,\n        style: {\n          ...restDefaults.triggerProps?.style,\n          ...(props.triggerProps && 'style' in props.triggerProps && typeof props.triggerProps.style === 'object'\n            ? props.triggerProps.style\n            : {}),\n        },\n      } as TP,\n    };\n    const context = useContext(ReactEasyContext);\n    const defaultTitle = useLocalizedText(\n      confirmType === 'delete' ? context.defaultDeletionConfirmTitle : context.defaultConfirmTitle\n    );\n    const defaultContent = useLocalizedText(\n      confirmType === 'delete' ? context.defaultDeletionConfirmContent : context.defaultConfirmContent\n    );\n    const {\n      triggerComponent: Trigger = Button,\n      triggerEvent = 'onClick' as E,\n      triggerProps,\n      danger,\n      title = defaultTitle,\n      content = defaultContent,\n      titleColor,\n      contentColor,\n      icon,\n      iconColor,\n      okButtonProps,\n      cancelButtonProps,\n      onOk,\n      afterOk,\n      children,\n      ...restProps\n    } = mergedProps;\n\n    useContextValidator();\n\n    const app = App.useApp();\n    // @ts-expect-error: because app may return a stub object when App is not used\n    const modal = app.modal?.confirm ? app.modal : Modal;\n    const { localize } = useContext(ReactEasyContext);\n    const [, token] = useToken();\n    const [confirmApi, setConfirmApi] = useState<ReturnType<typeof confirm>>();\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const triggerEventArgsRef = useRef<any[]>(undefined);\n\n    const fallbackColor = danger ? 'danger' : undefined;\n    // Text with color\n    const coloredText = (text: ReactNode, color?: TextProps['type'] | 'primary') => {\n      const textContent = typeof text === 'string' ? (localize?.(text) ?? text) : text;\n      if (!color) {\n        return textContent;\n      }\n      if (color === 'primary') {\n        return <Typography.Text style={{ color: token.colorPrimary }}>{textContent}</Typography.Text>;\n      }\n      return textContent ? <Typography.Text type={color}>{textContent}</Typography.Text> : undefined;\n    };\n\n    // Show confirm box\n    const showConfirm: ConfirmActionRef['show'] = useRefFunction(() => {\n      const okProps: ButtonProps = {\n        ...(danger ? { type: 'primary', danger: true } : {}),\n        ...(okButtonProps ?? {}),\n      };\n      const cancelProps: ButtonProps = {\n        ...(cancelButtonProps ?? {}),\n      };\n      const api = modal.confirm({\n        title: coloredText(title, titleColor ?? fallbackColor ?? 'warning'),\n        content: coloredText(content, contentColor),\n        icon: coloredText(icon, iconColor ?? fallbackColor ?? 'warning'),\n        autoFocusButton: null,\n        okButtonProps: okProps,\n        cancelButtonProps: cancelProps,\n        onOk: async () => {\n          try {\n            api.update({\n              closable: true,\n              okButtonProps: {\n                loading: true,\n                ...okProps,\n              },\n              cancelButtonProps: {\n                disabled: true,\n                ...cancelProps,\n              },\n            });\n            const result = await onOk?.(...((triggerEventArgsRef.current ?? []) as Parameters<typeof onOk>));\n            afterOk?.(result);\n          } finally {\n            api.update({\n              closable: false,\n              okButtonProps: {\n                loading: false,\n                ...okProps,\n              },\n              cancelButtonProps: {\n                disabled: false,\n                ...cancelProps,\n              },\n            });\n          }\n        },\n        ...restProps,\n      });\n      setConfirmApi(api);\n      return api;\n    });\n\n    // Output ref\n    useImperativeHandle(ref, () => ({ show: showConfirm, ...confirmApi! }), [showConfirm, confirmApi]);\n\n    // Render trigger component\n    return (\n      <Trigger\n        {...triggerProps}\n        // Trigger event\n        {...((triggerEvent\n          ? {\n              [triggerEvent]: (...args: any[]) => {\n                triggerEventArgsRef.current = args;\n                const api = showConfirm();\n                if (triggerProps && typeof triggerProps[triggerEvent] === 'function') {\n                  (triggerProps[triggerEvent] as (...args: any[]) => void)(...args, { api });\n                }\n              },\n            }\n          : {}) as TP)}\n      >\n        {(triggerProps as { children?: ReactNode }).children ?? children}\n      </Trigger>\n    );\n  };\n  Render.displayName = 'ConfirmAction';\n  return Render;\n};\n\n/**\n * **EN:** Add default properties to the ConfirmAction component\n *\n * **CN:** 给ConfirmAction组件添加默认属性\n *\n * @param WrappedComponent ConfirmAction component | ConfirmAction组件\n * @param defaultProps Default properties | 默认属性\n */\nexport const withDefaultConfirmActionProps = <TP extends object, E extends keyof TP>(\n  WrappedComponent: ComponentType<PropsWithoutRef<ConfirmActionProps<TP, E>> & RefAttributes<ConfirmActionRef>>,\n  defaultProps?: Partial<ConfirmActionProps<TP, E>>\n) => {\n  const WithDefaultProps = forwardRef<ConfirmActionRef, ConfirmActionProps<TP, E>>((props, ref) => {\n    const mergedProps: ConfirmActionProps<TP, E> = {\n      ...defaultProps,\n      ...props,\n      triggerProps: {\n        ...defaultProps?.triggerProps,\n        ...props.triggerProps,\n      } as TP,\n    };\n    return <WrappedComponent ref={ref} {...mergedProps} />;\n  });\n  WithDefaultProps.displayName = 'ForwardedRef(WithDefaultProps)';\n  return WithDefaultProps;\n};\n\nconst renderConfirmAction = genRenderer({\n  confirmType: 'normal',\n});\nconst forwarded = forwardRef(renderConfirmAction);\nforwarded.displayName = 'ForwardedRef(ConfirmAction)';\n\n/**\n * **EN:** Interface of generic type component\n *\n * **CN:** 泛型组件的接口\n */\nexport type GenericConfirmActionInterface = <TP extends object, E extends keyof TP>(\n  props: PropsWithoutRef<TypedConfirmActionProps<TP, E>> & RefAttributes<ConfirmActionRef>\n) => ReactElement;\n\n/**\n * **EN:** Interface of specific type component\n *\n * **CN:** 具体类型组件的接口\n */\nexport type TypedConfirmActionInterface<TP extends object, E extends keyof TP> = ComponentType<\n  PropsWithoutRef<TypedConfirmActionProps<TP, E>> & RefAttributes<ConfirmActionRef>\n>;\n\n/**\n * **EN:** Props definition of specific type component\n *\n * **CN:** 具体类型组件的Props定义\n */\ntype TypedConfirmActionProps<TP extends object, E extends keyof TP> = Omit<\n  ConfirmActionProps<TP, E>,\n  'triggerComponent' | 'triggerEvent'\n>;\nexport type ConfirmActionWithStatic = GenericConfirmActionInterface & {\n  /**\n   * **EN:** Confirm box with button trigger\n   *\n   * **CN:** 按钮类型的确认框\n   */\n  Button: TypedConfirmActionInterface<ButtonProps, 'onClick'>;\n  /**\n   * **EN:** Confirm box with switch trigger\n   *\n   * **CN:** 开关类型的确认框\n   */\n  Switch: TypedConfirmActionInterface<SwitchProps, 'onChange'>;\n  /**\n   * **EN:** Confirm box with link trigger\n   *\n   * **CN:** 链接类型的确认框\n   */\n  Link: TypedConfirmActionInterface<LinkProps, 'onClick'>;\n};\n\n/**\n * **EN:** Confirm box component with trigger\n *\n * **CN:** 带触发器的确认框组件\n */\nconst ConfirmAction = forwarded as unknown as ConfirmActionWithStatic;\n// Type of button\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nConfirmAction.Button = withDefaultConfirmActionProps<ButtonProps, 'onClick'>(forwarded as any, {\n  triggerComponent: Button,\n  triggerEvent: 'onClick',\n  triggerProps: {},\n});\n// Type of switch\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nConfirmAction.Switch = withDefaultConfirmActionProps<SwitchProps, 'onChange'>(forwarded as any, {\n  triggerComponent: Switch,\n  triggerEvent: 'onChange',\n  triggerProps: {},\n});\n// Type of link\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nConfirmAction.Link = withDefaultConfirmActionProps<LinkProps, 'onClick'>(forwarded as any, {\n  triggerComponent: Typography.Link,\n  triggerEvent: 'onClick',\n  triggerProps: {\n    style: { whiteSpace: 'nowrap' },\n  },\n});\n\nexport default ConfirmAction;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { ComponentType, ForwardedRef, PropsWithoutRef, ReactElement, ReactNode, RefAttributes } from 'react';\nimport { forwardRef, useContext, useImperativeHandle, useRef, useState } from 'react';\nimport type { ButtonProps, ModalFuncProps, SwitchProps } from 'antd';\nimport { App, Button, Modal, Switch, Typography } from 'antd';\nimport type { ModalFunc } from 'antd/es/modal/confirm';\nimport type confirm from 'antd/es/modal/confirm';\nimport useToken from 'antd/es/theme/useToken';\nimport type { LinkProps } from 'antd/es/typography/Link';\nimport type { TextProps } from 'antd/es/typography/Text';\nimport useContextValidator from '../../hooks/useContextValidator';\nimport useLocalizedText from '../../hooks/useLocalizedText';\nimport useRefFunction from '../../hooks/useRefFunction';\nimport ReactEasyContext from '../ConfigProvider/context';\n\nexport type ConfirmActionProps<TP extends object, E extends keyof TP> = Omit<ModalFuncProps, 'onOk'> &\n  ConfirmActionTrigger<TP, E> & {\n    /**\n     * - **EN:** Whether to display in red danger mode, which will automatically affect the color of\n     *   the title, icon, and confirm button. Default is `false`, for DeleteConfirmAction, the\n     *   defaults is `true`.\n     * - You can explicitly set `titleColor`, `iconColor`, and `okButtonProps.type` to override\n     * - **CN:** 是否显示为红色危险模式，会自动影响标题、图标和确认按钮的颜色。默认`false`，DeleteConfirmAction组件的默认值为`true`。\n     * - 可以显式设置`titleColor`、`iconColor`和`okButtonProps.type`来覆盖\n     */\n    danger?: boolean;\n    /**\n     * - **EN:** The color of confirm box title, default is `warning`\n     * - **CN:** 弹框标题颜色，默认`warning`\n     */\n    titleColor?: TextProps['type'] | 'primary';\n    /**\n     * - **EN:** The color of confirm box content\n     * - **CN:** 弹框内容文本颜色\n     */\n    contentColor?: TextProps['type'] | 'primary';\n    /**\n     * - **EN:** The color of confirm box title icon, default is the same as `titleColor`\n     * - **CN:** 弹框标题图标颜色，默认与`titleColor`相同\n     */\n    iconColor?: TextProps['type'] | 'primary';\n    /**\n     * - **EN:** Callback when click confirm button\n     * - **CN:** 点击确认按钮的回调\n     */\n    // @ts-expect-error: because TP[E] should be casted to function type\n    onOk?: (...args: Parameters<TP[E]>) => unknown | Promise<unknown>;\n    /**\n     * - **EN:** Callback after confirm event, won't trigger if failed, the argument is the return\n     *   value of `onOk`\n     * - **CN:** 确认事件完成后的回调，失败时不会触发，参数为`onOk`的返回值\n     */\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    afterOk?: (data?: any) => void;\n  };\n\nexport interface ConfirmActionTrigger<TP extends object, E extends keyof TP> {\n  /**\n   * - **EN:** Trigger component, trigger to show confirm box\n   * - **CN:** 触发器组件，触发显示确认弹框\n   */\n  triggerComponent?: ComponentType<TP>;\n  /**\n   * - **EN:** Props of trigger component\n   * - **CN:** 触发器组件的Props属性\n   */\n  triggerProps?: TP;\n  /**\n   * - **EN:** The event name that triggers the dialog\n   * - **CN:** 触发弹窗的事件名称\n   * - `Button`: 'onClick'\n   * - `Switch`: 'onChange'\n   * - `Link`: 'onClick'\n   */\n  triggerEvent?: E;\n  /**\n   * - **EN:** Custom trigger content\n   * - **CN:** 自定义触发器内容\n   */\n  children?: ReactNode;\n}\nexport type ConfirmActionRef = ReturnType<typeof confirm> & {\n  /**\n   * - **EN:** Show confirm box\n   * - **CN:** 显示确认弹框\n   */\n  show: (props?: Parameters<ModalFunc>[0]) => ReturnType<ModalFunc>;\n};\n\n/**\n * - **EN:** Generate a confirm box component\n * - **CN:** 生成一个确认弹框组件\n *\n * @param defaultProps Default props | 默认属性\n *\n * @returns Component render method | 组件render方法\n */\nexport const genRenderer = (\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  defaultProps: Partial<ConfirmActionProps<any, never>> & { confirmType: 'normal' | 'delete' }\n) => {\n  const Render = <TP extends object, E extends keyof TP>(\n    props: ConfirmActionProps<TP, E>,\n    ref: ForwardedRef<ConfirmActionRef>\n  ) => {\n    const { confirmType, ...restDefaults } = defaultProps;\n    const mergedProps: ConfirmActionProps<TP, E> = {\n      ...restDefaults,\n      ...props,\n      okButtonProps: {\n        ...restDefaults.okButtonProps,\n        ...props.okButtonProps,\n      },\n      cancelButtonProps: {\n        ...restDefaults.cancelButtonProps,\n        ...props.cancelButtonProps,\n      },\n      bodyProps: {\n        ...restDefaults.bodyProps,\n        ...props.bodyProps,\n      },\n      maskProps: {\n        ...restDefaults.maskProps,\n        ...props.maskProps,\n      },\n      wrapProps: {\n        ...restDefaults.wrapProps,\n        ...props.wrapProps,\n      },\n      triggerProps: {\n        ...restDefaults.triggerProps,\n        ...props.triggerProps,\n        style: {\n          ...restDefaults.triggerProps?.style,\n          ...(props.triggerProps && 'style' in props.triggerProps && typeof props.triggerProps.style === 'object'\n            ? props.triggerProps.style\n            : {}),\n        },\n      } as TP,\n    };\n    const context = useContext(ReactEasyContext);\n    const defaultTitle = useLocalizedText(\n      confirmType === 'delete' ? context.defaultDeletionConfirmTitle : context.defaultConfirmTitle\n    );\n    const defaultContent = useLocalizedText(\n      confirmType === 'delete' ? context.defaultDeletionConfirmContent : context.defaultConfirmContent\n    );\n    const {\n      triggerComponent: Trigger = Button,\n      triggerEvent = 'onClick' as E,\n      triggerProps,\n      danger,\n      title = defaultTitle,\n      content = defaultContent,\n      titleColor,\n      contentColor,\n      icon,\n      iconColor,\n      okButtonProps,\n      cancelButtonProps,\n      onOk,\n      afterOk,\n      children,\n      ...restProps\n    } = mergedProps;\n\n    useContextValidator();\n\n    const app = App.useApp();\n    // @ts-expect-error: because app may return a stub object when App is not used\n    const modal = app.modal?.confirm ? app.modal : Modal;\n    const { localize } = useContext(ReactEasyContext);\n    const [, token] = useToken();\n    const [confirmApi, setConfirmApi] = useState<ReturnType<typeof confirm>>();\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const triggerEventArgsRef = useRef<any[]>(undefined);\n\n    const fallbackColor = danger ? 'danger' : undefined;\n    // Text with color\n    const coloredText = (text: ReactNode, color?: TextProps['type'] | 'primary') => {\n      const textContent = typeof text === 'string' ? (localize?.(text) ?? text) : text;\n      if (!color) {\n        return textContent;\n      }\n      if (color === 'primary') {\n        return <Typography.Text style={{ color: token.colorPrimary }}>{textContent}</Typography.Text>;\n      }\n      return textContent ? <Typography.Text type={color}>{textContent}</Typography.Text> : undefined;\n    };\n\n    // Show confirm box\n    const showConfirm: ConfirmActionRef['show'] = useRefFunction(() => {\n      const okProps: ButtonProps = {\n        ...(danger ? { type: 'primary', danger: true } : {}),\n        ...(okButtonProps ?? {}),\n      };\n      const cancelProps: ButtonProps = {\n        ...(cancelButtonProps ?? {}),\n      };\n      const api = modal.confirm({\n        title: coloredText(title, titleColor ?? fallbackColor ?? 'warning'),\n        content: coloredText(content, contentColor),\n        icon: coloredText(icon, iconColor ?? fallbackColor ?? 'warning'),\n        autoFocusButton: null,\n        okButtonProps: okProps,\n        cancelButtonProps: cancelProps,\n        onOk: async () => {\n          try {\n            api.update({\n              closable: true,\n              okButtonProps: {\n                loading: true,\n                ...okProps,\n              },\n              cancelButtonProps: {\n                disabled: true,\n                ...cancelProps,\n              },\n            });\n            const result = await onOk?.(...((triggerEventArgsRef.current ?? []) as Parameters<typeof onOk>));\n            afterOk?.(result);\n          } finally {\n            api.update({\n              closable: false,\n              okButtonProps: {\n                loading: false,\n                ...okProps,\n              },\n              cancelButtonProps: {\n                disabled: false,\n                ...cancelProps,\n              },\n            });\n          }\n        },\n        ...restProps,\n      });\n      setConfirmApi(api);\n      return api;\n    });\n\n    // Output ref\n    useImperativeHandle(ref, () => ({ show: showConfirm, ...confirmApi! }), [showConfirm, confirmApi]);\n\n    // Render trigger component\n    return (\n      <Trigger\n        {...triggerProps}\n        // Trigger event\n        {...((triggerEvent\n          ? {\n              [triggerEvent]: (...args: any[]) => {\n                triggerEventArgsRef.current = args;\n                const api = showConfirm();\n                if (triggerProps && typeof triggerProps[triggerEvent] === 'function') {\n                  (triggerProps[triggerEvent] as (...args: any[]) => void)(...args, { api });\n                }\n              },\n            }\n          : {}) as TP)}\n      >\n        {(triggerProps as { children?: ReactNode }).children ?? children}\n      </Trigger>\n    );\n  };\n  Render.displayName = 'ConfirmAction';\n  return Render;\n};\n\n/**\n * - **EN:** Add default properties to the ConfirmAction component\n * - **CN:** 给ConfirmAction组件添加默认属性\n *\n * @param WrappedComponent ConfirmAction component | ConfirmAction组件\n * @param defaultProps Default properties | 默认属性\n */\nexport const withDefaultConfirmActionProps = <TP extends object, E extends keyof TP>(\n  WrappedComponent: ComponentType<PropsWithoutRef<ConfirmActionProps<TP, E>> & RefAttributes<ConfirmActionRef>>,\n  defaultProps?: Partial<ConfirmActionProps<TP, E>>\n) => {\n  const WithDefaultProps = forwardRef<ConfirmActionRef, ConfirmActionProps<TP, E>>((props, ref) => {\n    const mergedProps: ConfirmActionProps<TP, E> = {\n      ...defaultProps,\n      ...props,\n      triggerProps: {\n        ...defaultProps?.triggerProps,\n        ...props.triggerProps,\n      } as TP,\n    };\n    return <WrappedComponent ref={ref} {...mergedProps} />;\n  });\n  WithDefaultProps.displayName = 'ForwardedRef(WithDefaultProps)';\n  return WithDefaultProps;\n};\n\nconst renderConfirmAction = genRenderer({\n  confirmType: 'normal',\n});\nconst forwarded = forwardRef(renderConfirmAction);\nforwarded.displayName = 'ForwardedRef(ConfirmAction)';\n\n/**\n * - **EN:** Interface of generic type component\n * - **CN:** 泛型组件的接口\n */\nexport type GenericConfirmActionInterface = <TP extends object, E extends keyof TP>(\n  props: PropsWithoutRef<TypedConfirmActionProps<TP, E>> & RefAttributes<ConfirmActionRef>\n) => ReactElement;\n\n/**\n * - **EN:** Interface of specific type component\n * - **CN:** 具体类型组件的接口\n */\nexport type TypedConfirmActionInterface<TP extends object, E extends keyof TP> = ComponentType<\n  PropsWithoutRef<TypedConfirmActionProps<TP, E>> & RefAttributes<ConfirmActionRef>\n>;\n\n/**\n * - **EN:** Props definition of specific type component\n * - **CN:** 具体类型组件的Props定义\n */\ntype TypedConfirmActionProps<TP extends object, E extends keyof TP> = Omit<\n  ConfirmActionProps<TP, E>,\n  'triggerComponent' | 'triggerEvent'\n>;\nexport type ConfirmActionWithStatic = GenericConfirmActionInterface & {\n  /**\n   * - **EN:** Confirm box with button trigger\n   * - **CN:** 按钮类型的确认框\n   */\n  Button: TypedConfirmActionInterface<ButtonProps, 'onClick'>;\n  /**\n   * - **EN:** Confirm box with switch trigger\n   * - **CN:** 开关类型的确认框\n   */\n  Switch: TypedConfirmActionInterface<SwitchProps, 'onChange'>;\n  /**\n   * - **EN:** Confirm box with link trigger\n   * - **CN:** 链接类型的确认框\n   */\n  Link: TypedConfirmActionInterface<LinkProps, 'onClick'>;\n};\n\n/**\n * - **EN:** Confirm box component with trigger\n * - **CN:** 带触发器的确认框组件\n */\nconst ConfirmAction = forwarded as unknown as ConfirmActionWithStatic;\n// Type of button\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nConfirmAction.Button = withDefaultConfirmActionProps<ButtonProps, 'onClick'>(forwarded as any, {\n  triggerComponent: Button,\n  triggerEvent: 'onClick',\n  triggerProps: {},\n});\n// Type of switch\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nConfirmAction.Switch = withDefaultConfirmActionProps<SwitchProps, 'onChange'>(forwarded as any, {\n  triggerComponent: Switch,\n  triggerEvent: 'onChange',\n  triggerProps: {},\n});\n// Type of link\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nConfirmAction.Link = withDefaultConfirmActionProps<LinkProps, 'onClick'>(forwarded as any, {\n  triggerComponent: Typography.Link,\n  triggerEvent: 'onClick',\n  triggerProps: {\n    style: { whiteSpace: 'nowrap' },\n  },\n});\n\n// todo: 实现hoc\n/**\n * - **EN:** Generate a confirm box component with custom trigger and default props\n * - **CN:** 基于自定义触发器和默认属性生成一个确认弹框组件\n *\n * @param actionComponent Custom trigger component | 自定义触发器组件\n * @param defaultProps Default properties of the confirm box | 确认弹框的默认属性\n */\nexport function withConfirmAction<TP extends object, E extends keyof TP>(\n  actionComponent: ComponentType<TP>,\n  defaultProps?: Partial<ConfirmActionProps<TP, E>> | (() => Partial<ConfirmActionProps<TP, E>>)\n) {\n  const withTrigger = withDefaultConfirmActionProps(forwarded as unknown as TypedConfirmActionInterface<TP, E>, {\n    triggerComponent: actionComponent,\n    ...(typeof defaultProps === 'function' ? defaultProps() : defaultProps),\n  }) as unknown as ComponentType<Omit<ConfirmActionProps<TP, E>, 'triggerComponent'> & RefAttributes<ConfirmActionRef>>;\n  return withTrigger;\n}\n\nexport default ConfirmAction;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA8E;AAE9E,kBAAuD;AAGvD,sBAAqB;AAGrB,iCAAgC;AAChC,8BAA6B;AAC7B,4BAA2B;AAC3B,qBAA6B;AAoFtB,IAAM,cAAc,CAEzB,iBACG;AACH,QAAM,SAAS,CACb,OACA,QACG;AAvGP;AAwGI,UAAM,EAAE,aAAa,GAAG,aAAa,IAAI;AACzC,UAAM,cAAyC;AAAA,MAC7C,GAAG;AAAA,MACH,GAAG;AAAA,MACH,eAAe;AAAA,QACb,GAAG,aAAa;AAAA,QAChB,GAAG,MAAM;AAAA,MACX;AAAA,MACA,mBAAmB;AAAA,QACjB,GAAG,aAAa;AAAA,QAChB,GAAG,MAAM;AAAA,MACX;AAAA,MACA,WAAW;AAAA,QACT,GAAG,aAAa;AAAA,QAChB,GAAG,MAAM;AAAA,MACX;AAAA,MACA,WAAW;AAAA,QACT,GAAG,aAAa;AAAA,QAChB,GAAG,MAAM;AAAA,MACX;AAAA,MACA,WAAW;AAAA,QACT,GAAG,aAAa;AAAA,QAChB,GAAG,MAAM;AAAA,MACX;AAAA,MACA,cAAc;AAAA,QACZ,GAAG,aAAa;AAAA,QAChB,GAAG,MAAM;AAAA,QACT,OAAO;AAAA,UACL,IAAG,kBAAa,iBAAb,mBAA2B;AAAA,UAC9B,GAAI,MAAM,gBAAgB,WAAW,MAAM,gBAAgB,OAAO,MAAM,aAAa,UAAU,WAC3F,MAAM,aAAa,QACnB,CAAC;AAAA,QACP;AAAA,MACF;AAAA,IACF;AACA,UAAM,cAAU,yBAAW,eAAAA,OAAgB;AAC3C,UAAM,mBAAe,wBAAAC;AAAA,MACnB,gBAAgB,WAAW,QAAQ,8BAA8B,QAAQ;AAAA,IAC3E;AACA,UAAM,qBAAiB,wBAAAA;AAAA,MACrB,gBAAgB,WAAW,QAAQ,gCAAgC,QAAQ;AAAA,IAC7E;AACA,UAAM;AAAA,MACJ,kBAAkB,UAAU;AAAA,MAC5B,eAAe;AAAA,MACf;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,MACR,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,IAAI;AAEJ,mCAAAC,SAAoB;AAEpB,UAAM,MAAM,gBAAI,OAAO;AAEvB,UAAM,UAAQ,SAAI,UAAJ,mBAAW,WAAU,IAAI,QAAQ;AAC/C,UAAM,EAAE,SAAS,QAAI,yBAAW,eAAAF,OAAgB;AAChD,UAAM,CAAC,EAAE,KAAK,QAAI,gBAAAG,SAAS;AAC3B,UAAM,CAAC,YAAY,aAAa,QAAI,uBAAqC;AAEzE,UAAM,0BAAsB,qBAAc,MAAS;AAEnD,UAAM,gBAAgB,SAAS,WAAW;AAE1C,UAAM,cAAc,CAAC,MAAiB,UAA0C;AAC9E,YAAM,cAAc,OAAO,SAAS,YAAY,qCAAW,UAAS,OAAQ;AAC5E,UAAI,CAAC,OAAO;AACV,eAAO;AAAA,MACT;AACA,UAAI,UAAU,WAAW;AACvB,eAAO,oCAAC,uBAAW,MAAX,EAAgB,OAAO,EAAE,OAAO,MAAM,aAAa,KAAI,WAAY;AAAA,MAC7E;AACA,aAAO,cAAc,oCAAC,uBAAW,MAAX,EAAgB,MAAM,SAAQ,WAAY,IAAqB;AAAA,IACvF;AAGA,UAAM,kBAAwC,sBAAAC,SAAe,MAAM;AACjE,YAAM,UAAuB;AAAA,QAC3B,GAAI,SAAS,EAAE,MAAM,WAAW,QAAQ,KAAK,IAAI,CAAC;AAAA,QAClD,GAAI,iBAAiB,CAAC;AAAA,MACxB;AACA,YAAM,cAA2B;AAAA,QAC/B,GAAI,qBAAqB,CAAC;AAAA,MAC5B;AACA,YAAM,MAAM,MAAM,QAAQ;AAAA,QACxB,OAAO,YAAY,OAAO,cAAc,iBAAiB,SAAS;AAAA,QAClE,SAAS,YAAY,SAAS,YAAY;AAAA,QAC1C,MAAM,YAAY,MAAM,aAAa,iBAAiB,SAAS;AAAA,QAC/D,iBAAiB;AAAA,QACjB,eAAe;AAAA,QACf,mBAAmB;AAAA,QACnB,MAAM,YAAY;AAChB,cAAI;AACF,gBAAI,OAAO;AAAA,cACT,UAAU;AAAA,cACV,eAAe;AAAA,gBACb,SAAS;AAAA,gBACT,GAAG;AAAA,cACL;AAAA,cACA,mBAAmB;AAAA,gBACjB,UAAU;AAAA,gBACV,GAAG;AAAA,cACL;AAAA,YACF,CAAC;AACD,kBAAM,SAAS,OAAM,6BAAO,GAAK,oBAAoB,WAAW,CAAC;AACjE,+CAAU;AAAA,UACZ,UAAE;AACA,gBAAI,OAAO;AAAA,cACT,UAAU;AAAA,cACV,eAAe;AAAA,gBACb,SAAS;AAAA,gBACT,GAAG;AAAA,cACL;AAAA,cACA,mBAAmB;AAAA,gBACjB,UAAU;AAAA,gBACV,GAAG;AAAA,cACL;AAAA,YACF,CAAC;AAAA,UACH;AAAA,QACF;AAAA,QACA,GAAG;AAAA,MACL,CAAC;AACD,oBAAc,GAAG;AACjB,aAAO;AAAA,IACT,CAAC;AAGD,0CAAoB,KAAK,OAAO,EAAE,MAAM,aAAa,GAAG,WAAY,IAAI,CAAC,aAAa,UAAU,CAAC;AAGjG,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QAEH,GAAK,eACF;AAAA,UACE,CAAC,YAAY,GAAG,IAAI,SAAgB;AAClC,gCAAoB,UAAU;AAC9B,kBAAM,MAAM,YAAY;AACxB,gBAAI,gBAAgB,OAAO,aAAa,YAAY,MAAM,YAAY;AACpE,cAAC,aAAa,YAAY,EAA+B,GAAG,MAAM,EAAE,IAAI,CAAC;AAAA,YAC3E;AAAA,UACF;AAAA,QACF,IACA,CAAC;AAAA;AAAA,MAEH,aAA0C,YAAY;AAAA,IAC1D;AAAA,EAEJ;AACA,SAAO,cAAc;AACrB,SAAO;AACT;AASO,IAAM,gCAAgC,CAC3C,kBACA,iBACG;AACH,QAAM,uBAAmB,yBAAwD,CAAC,OAAO,QAAQ;AAC/F,UAAM,cAAyC;AAAA,MAC7C,GAAG;AAAA,MACH,GAAG;AAAA,MACH,cAAc;AAAA,QACZ,GAAG,6CAAc;AAAA,QACjB,GAAG,MAAM;AAAA,MACX;AAAA,IACF;AACA,WAAO,oCAAC,oBAAiB,KAAW,GAAG,aAAa;AAAA,EACtD,CAAC;AACD,mBAAiB,cAAc;AAC/B,SAAO;AACT;AAEA,IAAM,sBAAsB,YAAY;AAAA,EACtC,aAAa;AACf,CAAC;AACD,IAAM,gBAAY,yBAAW,mBAAmB;AAChD,UAAU,cAAc;AAgDxB,IAAM,gBAAgB;AAGtB,cAAc,SAAS,8BAAsD,WAAkB;AAAA,EAC7F,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,cAAc,CAAC;AACjB,CAAC;AAGD,cAAc,SAAS,8BAAuD,WAAkB;AAAA,EAC9F,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,cAAc,CAAC;AACjB,CAAC;AAGD,cAAc,OAAO,8BAAoD,WAAkB;AAAA,EACzF,kBAAkB,uBAAW;AAAA,EAC7B,cAAc;AAAA,EACd,cAAc;AAAA,IACZ,OAAO,EAAE,YAAY,SAAS;AAAA,EAChC;AACF,CAAC;AAUM,SAAS,kBACd,iBACA,cACA;AACA,QAAM,cAAc,8BAA8B,WAA4D;AAAA,IAC5G,kBAAkB;AAAA,IAClB,GAAI,OAAO,iBAAiB,aAAa,aAAa,IAAI;AAAA,EAC5D,CAAC;AACD,SAAO;AACT;AAEA,IAAO,wBAAQ;",
   "names": ["ReactEasyContext", "useLocalizedText", "useContextValidator", "useToken", "useRefFunction"]
 }

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

@@ -0,0 +1,42 @@
+import type { CSSProperties, ReactNode } from 'react';
+import type { ItemProps, MenuProps, SeparatorProps, SubMenuProps } from 'react-contexify';
+import 'react-contexify/dist/ReactContexify.css';
+export interface ContextMenuProps extends MenuProps {
+    /**
+     * - **EN:** Menu items to be displayed
+     * - **CN:** 要显示的菜单项
+     */
+    items: (ContextMenuItem | ContextMenuSeparator | ContextMenuSubmenu)[] | undefined;
+    /**
+     * - **EN:** Trigger methods to show the menu, default is `['contextMenu']`
+     * - **CN:** 触发显示菜单的方式，默认是 `['contextMenu']`
+     */
+    trigger?: ('click' | 'doubleClick' | 'hover' | 'contextMenu')[];
+    triggerProps?: {
+        className?: string;
+        style?: CSSProperties;
+    };
+    prefixCls?: string;
+}
+declare const ContextMenu: import("react").ForwardRefExoticComponent<ContextMenuProps & import("react").RefAttributes<ContextMenuRef>>;
+export interface ContextMenuRef {
+    show: (event: React.MouseEvent<HTMLElement>) => void;
+    hideAll: () => void;
+}
+export interface ContextMenuItem extends Omit<ItemProps, 'children' | 'keyMatcher'> {
+    key: string;
+    className?: string;
+    icon?: ReactNode;
+    label?: ReactNode;
+    shortcutKey?: Partial<Pick<KeyboardEvent, 'ctrlKey' | 'altKey' | 'shiftKey' | 'metaKey' | 'key'>> | ItemProps['keyMatcher'];
+    children?: ReactNode;
+}
+export interface ContextMenuSeparator extends SeparatorProps {
+    type: 'separator';
+}
+export interface ContextMenuSubmenu extends SubMenuProps {
+    key: string;
+    type: 'submenu';
+    items: (ContextMenuItem | ContextMenuSeparator | ContextMenuSubmenu)[];
+}
+export default ContextMenu;

package/lib/components/ContextMenu/index.js

@@ -0,0 +1,190 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/ContextMenu/index.tsx
+var ContextMenu_exports = {};
+__export(ContextMenu_exports, {
+  default: () => ContextMenu_default
+});
+module.exports = __toCommonJS(ContextMenu_exports);
+var import_react = require("react");
+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_style = __toESM(require("./style"));
+var import_ReactContexify = require("react-contexify/dist/ReactContexify.css");
+var ContextMenu = (0, import_react.forwardRef)((props, ref) => {
+  const {
+    id,
+    items,
+    trigger = ["contextMenu"],
+    triggerProps,
+    prefixCls: prefixClsInProps,
+    className,
+    children,
+    ...rest
+  } = props;
+  const { getPrefixCls } = (0, import_react.useContext)(import_antd.ConfigProvider.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 });
+  const eventNames = (0, import_react.useMemo)(
+    () => ({
+      click: ["onClick", void 0],
+      doubleClick: ["onDoubleClick", void 0],
+      hover: ["onPointerEnter", "onPointerLeave"],
+      contextMenu: ["onContextMenu", void 0]
+    }),
+    []
+  );
+  const handleShow = (0, import_hooks.useRefFunction)(
+    (event, options) => {
+      show({
+        id,
+        event,
+        props,
+        position: options == null ? void 0 : options.position
+      });
+    }
+  );
+  const handleHideAll = (0, import_hooks.useRefFunction)(() => {
+    hideAll();
+  });
+  const eventHandlers = (0, import_react.useMemo)(() => {
+    const handlers = {};
+    if (trigger) {
+      trigger.forEach((eventType) => {
+        const [handlerName, leaveHandlerName] = eventNames[eventType];
+        handlers[handlerName] = (event) => {
+          handleShow(event);
+        };
+        if (leaveHandlerName) {
+          handlers[leaveHandlerName] = handleHideAll;
+        }
+      });
+    }
+    return handlers;
+  }, [eventNames, trigger]);
+  (0, import_react.useImperativeHandle)(
+    ref,
+    () => ({
+      show: handleShow,
+      hideAll: handleHideAll
+    }),
+    []
+  );
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, children && wrapCSSVar(
+    /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        ...eventHandlers,
+        className: (0, import_classnames.default)(hashId, cssVarCls, prefixCls, `${prefixCls}-trigger`, triggerProps == null ? void 0 : triggerProps.className),
+        style: triggerProps == null ? void 0 : triggerProps.style
+      },
+      children
+    )
+  ), wrapCSSVar(
+    /* @__PURE__ */ React.createElement(
+      import_react_contexify.Menu,
+      {
+        id,
+        className: (0, import_classnames.default)(
+          hashId,
+          cssVarCls,
+          prefixCls,
+          `${prefixCls}-menu`,
+          {
+            [`${prefixCls}-menu-has-items`]: !!(items == null ? void 0 : items.length)
+          },
+          className
+        ),
+        ...rest
+      },
+      renderItems(items, { theme: props.theme, cmpPrefixCls: prefixCls })
+    )
+  ));
+});
+ContextMenu.displayName = "ContextMenu";
+function renderItems(items, options) {
+  return items == null ? void 0 : items.map((item, index) => {
+    const isSeparator = "type" in item && item.type === "separator";
+    const isSubmenu = "type" in item && item.type === "submenu";
+    const menuItem = item;
+    if (isSeparator) {
+      return /* @__PURE__ */ React.createElement(import_react_contexify.Separator, { key: `[separator]:${index}` });
+    }
+    if (isSubmenu) {
+      const subMenu = item;
+      return /* @__PURE__ */ React.createElement(import_react_contexify.Submenu, { ...subMenu, key: subMenu.key }, renderItems(item.items, options));
+    }
+    return /* @__PURE__ */ React.createElement(
+      import_react_contexify.Item,
+      {
+        ...menuItem,
+        keyMatcher: typeof menuItem.shortcutKey === "object" ? (e) => {
+          const shortcutKey = menuItem.shortcutKey;
+          if (shortcutKey.ctrlKey && !e.ctrlKey)
+            return false;
+          if (shortcutKey.altKey && !e.altKey)
+            return false;
+          if (shortcutKey.shiftKey && !e.shiftKey)
+            return false;
+          if (shortcutKey.metaKey && !e.metaKey)
+            return false;
+          if (!shortcutKey.key || shortcutKey.key !== e.key)
+            return false;
+          return true;
+        } : menuItem.shortcutKey,
+        key: menuItem.key
+      },
+      menuItem.children ? menuItem.children : /* @__PURE__ */ React.createElement(React.Fragment, null, menuItem.icon, /* @__PURE__ */ React.createElement("span", null, menuItem.label), typeof menuItem.shortcutKey === "object" && /* @__PURE__ */ React.createElement(import_react_contexify.RightSlot, null, getShortcutText(menuItem.shortcutKey, options)))
+    );
+  });
+}
+function getShortcutText(event, options) {
+  const { theme, cmpPrefixCls } = options;
+  const keys = [];
+  const Keyboard = (props) => {
+    return /* @__PURE__ */ React.createElement(import_antd.ConfigProvider, { theme: { algorithm: theme === "dark" ? import_antd.theme.darkAlgorithm : void 0 } }, /* @__PURE__ */ React.createElement(import_antd.Typography.Text, { keyboard: true, className: `${cmpPrefixCls}-shortcut-key` }, props.children));
+  };
+  if (event.ctrlKey)
+    keys.push(/* @__PURE__ */ React.createElement(Keyboard, null, "^"));
+  if (event.altKey)
+    keys.push(/* @__PURE__ */ React.createElement(Keyboard, null, "⌥"));
+  if (event.shiftKey)
+    keys.push(/* @__PURE__ */ React.createElement(Keyboard, null, "⇧"));
+  if (event.metaKey)
+    keys.push(/* @__PURE__ */ React.createElement(Keyboard, null, "⌘"));
+  if (event.key) {
+    keys.push(/* @__PURE__ */ React.createElement(Keyboard, null, event.key));
+  }
+  return keys;
+}
+var ContextMenu_default = ContextMenu;
+//# sourceMappingURL=index.js.map