@tiny-codes/react-easy 1.0.0

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

@@ -0,0 +1,178 @@
+import type { ComponentType, ForwardedRef, PropsWithoutRef, ReactElement, ReactNode, RefAttributes } from 'react';
+import type { ButtonProps, ModalFuncProps, SwitchProps } from 'antd';
+import type { ModalFunc } from 'antd/es/modal/confirm';
+import type confirm from 'antd/es/modal/confirm';
+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:** The color of confirm box title, default is `warning`
+     *
+     * **CN:** 弹框标题颜色，默认`warning`
+     */
+    titleColor?: TextProps['type'] | 'primary';
+    /**
+     * **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`相同
+     */
+    iconColor?: TextProps['type'] | 'primary';
+    /**
+     * **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`的返回值
+     */
+    afterOk?: (data?: any) => void;
+};
+export interface ConfirmActionTrigger<TP extends object, E extends keyof TP> {
+    /**
+     * **EN:** Trigger component, trigger to show confirm box
+     *
+     * **CN:** 触发器组件，触发显示确认弹框
+     */
+    triggerComponent?: ComponentType<TP>;
+    /**
+     * **EN:** Props of trigger component
+     *
+     * **CN:** 触发器组件的Props属性
+     */
+    triggerProps?: TP;
+    /**
+     * **EN:** The event name that triggers the dialog
+     *
+     * **CN:** 触发弹窗的事件名称
+     *
+     * - `Button`: 'onClick'
+     * - `Switch`: 'onChange'
+     * - `Link`: 'onClick'
+     */
+    triggerEvent?: E;
+    /**
+     * **EN:** Custom trigger content
+     *
+     * **CN:** 自定义触发器内容
+     */
+    children?: ReactNode;
+}
+export type ConfirmActionRef = ReturnType<typeof confirm> & {
+    /**
+     * **EN:** Show confirm box
+     *
+     * **CN:** 显示确认弹框
+     */
+    show: (props?: Parameters<ModalFunc>[0]) => ReturnType<ModalFunc>;
+};
+/**
+ * **EN:** Generate a confirm box component
+ *
+ * **CN:** 生成一个确认弹框组件
+ *
+ * @param defaultProps Default props | 默认属性
+ *
+ * @returns Component render method | 组件render方法
+ */
+export declare const genRenderer: (defaultProps: Partial<ConfirmActionProps<any, never>> & {
+    confirmType: "normal" | "delete";
+}) => {
+    <TP extends object, E extends keyof TP>(props: ConfirmActionProps<TP, E>, ref: ForwardedRef<ConfirmActionRef>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+/**
+ * **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:** The color of confirm box title, default is `warning`
+     *
+     * **CN:** 弹框标题颜色，默认`warning`
+     */
+    titleColor?: TextProps["type"] | "primary";
+    /**
+     * **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`相同
+     */
+    iconColor?: TextProps["type"] | "primary";
+    /**
+     * **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`的返回值
+     */
+    afterOk?: (data?: any) => void;
+} & RefAttributes<ConfirmActionRef>>;
+/**
+ * **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:** 具体类型组件的接口
+ */
+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定义
+ */
+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:** 按钮类型的确认框
+     */
+    Button: TypedConfirmActionInterface<ButtonProps, 'onClick'>;
+    /**
+     * **EN:** Confirm box with switch trigger
+     *
+     * **CN:** 开关类型的确认框
+     */
+    Switch: TypedConfirmActionInterface<SwitchProps, 'onChange'>;
+    /**
+     * **EN:** Confirm box with link trigger
+     *
+     * **CN:** 链接类型的确认框
+     */
+    Link: TypedConfirmActionInterface<LinkProps, 'onClick'>;
+};
+/**
+ * **EN:** Confirm box component with trigger
+ *
+ * **CN:** 带触发器的确认框组件
+ */
+declare const ConfirmAction: ConfirmActionWithStatic;
+export default ConfirmAction;

package/lib/components/ConfirmAction/index.js

@@ -0,0 +1,150 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useContext, useImperativeHandle, useRef, useState } from 'react';
+import { App, Button, Modal, Switch, Typography } from 'antd';
+import useToken from 'antd/es/theme/useToken';
+import useLocalizedText from '../../hooks/useLocalizedText';
+import useRefFunction from '../../hooks/useRefFunction';
+import useValidateContext from '../../hooks/useValidateContext';
+import AntHelperContext from '../ConfigProvider/context';
+/**
+ * **EN:** Generate a confirm box component
+ *
+ * **CN:** 生成一个确认弹框组件
+ *
+ * @param defaultProps Default props | 默认属性
+ *
+ * @returns Component render method | 组件render方法
+ */
+export const genRenderer = (
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+defaultProps) => {
+    const Render = (props, ref) => {
+        var _a, _b;
+        const { confirmType } = defaultProps, restDefaults = __rest(defaultProps, ["confirmType"]);
+        const mergedProps = Object.assign(Object.assign(Object.assign({}, restDefaults), props), { okButtonProps: Object.assign(Object.assign({}, restDefaults.okButtonProps), props.okButtonProps), cancelButtonProps: Object.assign(Object.assign({}, restDefaults.cancelButtonProps), props.cancelButtonProps), bodyProps: Object.assign(Object.assign({}, restDefaults.bodyProps), props.bodyProps), maskProps: Object.assign(Object.assign({}, restDefaults.maskProps), props.maskProps), wrapProps: Object.assign(Object.assign({}, restDefaults.wrapProps), props.wrapProps), triggerProps: Object.assign(Object.assign(Object.assign({}, restDefaults.triggerProps), props.triggerProps), { style: Object.assign(Object.assign({}, (_a = restDefaults.triggerProps) === null || _a === void 0 ? void 0 : _a.style), (props.triggerProps && 'style' in props.triggerProps && typeof props.triggerProps.style === 'object'
+                    ? props.triggerProps.style
+                    : {})) }) });
+        const context = useContext(AntHelperContext);
+        const defaultTitle = useLocalizedText(confirmType === 'delete' ? context.defaultDeletionConfirmTitle : context.defaultConfirmTitle);
+        const defaultContent = useLocalizedText(confirmType === 'delete' ? context.defaultDeletionConfirmContent : context.defaultConfirmContent);
+        const { triggerComponent: Trigger = Button, triggerEvent = 'onClick', triggerProps, title = defaultTitle, content = defaultContent, titleColor = 'warning', contentColor, icon, iconColor, onOk, afterOk, children } = mergedProps, restProps = __rest(mergedProps, ["triggerComponent", "triggerEvent", "triggerProps", "title", "content", "titleColor", "contentColor", "icon", "iconColor", "onOk", "afterOk", "children"]);
+        useValidateContext();
+        const { modal: modalFromApp } = App.useApp();
+        const modal = modalFromApp !== null && modalFromApp !== void 0 ? modalFromApp : Modal;
+        const { localize } = useContext(AntHelperContext);
+        const [, token] = useToken();
+        const [confirmApi, setConfirmApi] = useState();
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const triggerEventArgsRef = useRef(undefined);
+        // Text with color
+        const coloredText = (text, color) => {
+            var _a;
+            const textContent = typeof text === 'string' ? ((_a = localize === null || localize === void 0 ? void 0 : localize(text)) !== null && _a !== void 0 ? _a : text) : text;
+            if (!color) {
+                return textContent;
+            }
+            if (color === 'primary') {
+                return _jsx(Typography.Text, { style: { color: token.colorPrimary }, children: textContent });
+            }
+            return textContent ? _jsx(Typography.Text, { type: color, children: textContent }) : undefined;
+        };
+        // Show confirm box
+        const showConfirm = useRefFunction(() => {
+            const api = modal.confirm(Object.assign({ title: coloredText(title, titleColor), content: coloredText(content, contentColor), icon: coloredText(icon, iconColor), autoFocusButton: null, onOk: () => __awaiter(void 0, void 0, void 0, function* () {
+                    var _a;
+                    const result = yield (onOk === null || onOk === void 0 ? void 0 : onOk(...((_a = triggerEventArgsRef.current) !== null && _a !== void 0 ? _a : [])));
+                    afterOk === null || afterOk === void 0 ? void 0 : afterOk(result);
+                }) }, restProps));
+            setConfirmApi(api);
+            return api;
+        });
+        // Output ref
+        useImperativeHandle(ref, () => (Object.assign({ show: showConfirm }, confirmApi)), [showConfirm, confirmApi]);
+        // Render trigger component
+        return (_jsx(Trigger, Object.assign({}, triggerProps, (triggerEvent
+            ? {
+                [triggerEvent]: (...args) => {
+                    triggerEventArgsRef.current = args;
+                    showConfirm();
+                    if (triggerProps && typeof triggerProps[triggerEvent] === 'function') {
+                        triggerProps[triggerEvent](...args);
+                    }
+                },
+            }
+            : {}), { children: (_b = triggerProps.children) !== null && _b !== void 0 ? _b : children })));
+    };
+    Render.displayName = 'ConfirmAction';
+    return Render;
+};
+/**
+ * **EN:** Add default properties to the ConfirmAction component
+ *
+ * **CN:** 给ConfirmAction组件添加默认属性
+ *
+ * @param WrappedComponent ConfirmAction component | ConfirmAction组件
+ * @param defaultProps Default properties | 默认属性
+ */
+export const withDefaultConfirmActionProps = (WrappedComponent, defaultProps) => {
+    const WithDefaultProps = forwardRef((props, ref) => {
+        const mergedProps = Object.assign(Object.assign(Object.assign({}, defaultProps), props), { triggerProps: Object.assign(Object.assign({}, defaultProps === null || defaultProps === void 0 ? void 0 : defaultProps.triggerProps), props.triggerProps) });
+        return _jsx(WrappedComponent, Object.assign({ ref: ref }, mergedProps));
+    });
+    WithDefaultProps.displayName = 'ForwardedRef(WithDefaultProps)';
+    return WithDefaultProps;
+};
+const renderConfirmAction = genRenderer({
+    confirmType: 'normal',
+});
+const forwarded = forwardRef(renderConfirmAction);
+forwarded.displayName = 'ForwardedRef(ConfirmAction)';
+/**
+ * **EN:** Confirm box component with trigger
+ *
+ * **CN:** 带触发器的确认框组件
+ */
+const ConfirmAction = forwarded;
+// Type of button
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+ConfirmAction.Button = withDefaultConfirmActionProps(forwarded, {
+    triggerComponent: Button,
+    triggerEvent: 'onClick',
+    triggerProps: {},
+});
+// Type of switch
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+ConfirmAction.Switch = withDefaultConfirmActionProps(forwarded, {
+    triggerComponent: Switch,
+    triggerEvent: 'onChange',
+    triggerProps: {},
+});
+// Type of link
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+ConfirmAction.Link = withDefaultConfirmActionProps(forwarded, {
+    triggerComponent: Typography.Link,
+    triggerEvent: 'onClick',
+    triggerProps: {
+        style: { whiteSpace: 'nowrap' },
+    },
+});
+export default ConfirmAction;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ConfirmAction/index.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+import { type ConfirmActionWithStatic } from '../ConfirmAction';
+/**
+ * **EN:** Delete operation confirmation box
+ *
+ * **CN:** 删除操作确认框
+ */
+declare const DeleteConfirmAction: ConfirmActionWithStatic;
+export default DeleteConfirmAction;

package/lib/components/DeleteConfirmAction/index.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { Button, Switch, Typography } from 'antd';
+import { CloseCircleFilled } from '@ant-design/icons';
+import { genRenderer, withDefaultConfirmActionProps } from '../ConfirmAction';
+const renderDeleteConfirmAction = genRenderer({
+    confirmType: 'delete',
+    titleColor: 'danger',
+    icon: (_jsx(Typography.Text, { type: "danger", children: _jsx(CloseCircleFilled, {}) })),
+    okButtonProps: { danger: true },
+});
+const forwarded = forwardRef(renderDeleteConfirmAction);
+/**
+ * **EN:** Delete operation confirmation box
+ *
+ * **CN:** 删除操作确认框
+ */
+const DeleteConfirmAction = forwarded;
+/**
+ * **EN:** Deletion confirmation box with button type
+ *
+ * **CN:** 按钮类型的删除确认框
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+DeleteConfirmAction.Button = withDefaultConfirmActionProps(forwarded, {
+    triggerComponent: Button,
+    triggerEvent: 'onClick',
+    triggerProps: {},
+});
+/**
+ * **EN:** Deletion confirmation box with switch type
+ *
+ * **CN:** 开关类型的删除确认框
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+DeleteConfirmAction.Switch = withDefaultConfirmActionProps(forwarded, {
+    triggerComponent: Switch,
+    triggerEvent: 'onChange',
+    triggerProps: {},
+});
+/**
+ * **EN:** Deletion confirmation box with link type
+ *
+ * **CN:** 链接类型的删除确认框
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+DeleteConfirmAction.Link = withDefaultConfirmActionProps(forwarded, {
+    triggerComponent: Typography.Link,
+    triggerEvent: 'onClick',
+    triggerProps: {
+        style: { whiteSpace: 'nowrap' },
+    },
+});
+export default DeleteConfirmAction;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DeleteConfirmAction/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAElD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAgC,WAAW,EAAE,6BAA6B,EAAE,MAAM,kBAAkB,CAAC;AAE5G,MAAM,yBAAyB,GAAG,WAAW,CAAC;IAC5C,WAAW,EAAE,QAAQ;IACrB,UAAU,EAAE,QAAQ;IACpB,IAAI,EAAE,CACJ,KAAC,UAAU,CAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,YAC5B,KAAC,iBAAiB,KAAG,GACL,CACnB;IACD,aAAa,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;CAChC,CAAC,CAAC;AACH,MAAM,SAAS,GAAG,UAAU,CAAC,yBAAyB,CAAC,CAAC;AAExD;;;;GAIG;AACH,MAAM,mBAAmB,GAAG,SAA+C,CAAC;AAC5E;;;;GAIG;AACH,8DAA8D;AAC9D,mBAAmB,CAAC,MAAM,GAAG,6BAA6B,CAAyB,SAAgB,EAAE;IACnG,gBAAgB,EAAE,MAAM;IACxB,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,EAAE;CACjB,CAAC,CAAC;AACH;;;;GAIG;AACH,8DAA8D;AAC9D,mBAAmB,CAAC,MAAM,GAAG,6BAA6B,CAA0B,SAAgB,EAAE;IACpG,gBAAgB,EAAE,MAAM;IACxB,YAAY,EAAE,UAAU;IACxB,YAAY,EAAE,EAAE;CACjB,CAAC,CAAC;AACH;;;;GAIG;AACH,8DAA8D;AAC9D,mBAAmB,CAAC,IAAI,GAAG,6BAA6B,CAAuB,SAAgB,EAAE;IAC/F,gBAAgB,EAAE,UAAU,CAAC,IAAI;IACjC,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE;QACZ,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE;KAChC;CACF,CAAC,CAAC;AAEH,eAAe,mBAAmB,CAAC"}

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

@@ -0,0 +1,237 @@
+import type { ComponentType, FC, ForwardedRef, ReactElement, ReactNode, RefAttributes } from 'react';
+import type { ButtonProps, FormInstance, ModalProps, SwitchProps } from 'antd';
+import type { LinkProps } from 'antd/es/typography/Link';
+/**
+ * **EN:** Symbol for not closing the dialog when submitting the form, which takes effect when
+ * returning in the `onSave` event of the editing form component
+ *
+ * **CN:** 提交表单时不关闭弹框的Symbol，在编辑表单组件的`onSave`事件中返回时生效
+ */
+export declare const SubmitWithoutClosingSymbol: unique symbol;
+export type ModalActionProps<FD extends object, CP extends FormCompPropsConstraint<FD>, TP extends object, E extends keyof TP, CRef extends object> = Omit<ModalProps, 'onOk'> & ModalActionTrigger<TP, E> & {
+    /**
+     * **EN:** Form editing component, do not use the Form component inside the component, the form
+     * component and form instance are automatically created by the parent component
+     *
+     * **CN:** 表单编辑组件，组件内部不要使用Form组件，表单组件及表单实例由父组件自动创建
+     */
+    formComp: ComponentType<CP & RefAttributes<CRef>>;
+    /**
+     * **EN:** Props of the form editing component
+     *
+     * **CN:** 表单编辑组件的Props属性
+     */
+    formProps?: Omit<CP, keyof FormCompPropsConstraint<FD>>;
+    /**
+     * **EN:** The callback when clicks the confirmation button, support asynchronous saving, return
+     * `SubmitWithoutClosingSymbol` can prevent the dialog from closing, return other values will be
+     * passed to the `afterOk` event, if any
+     *
+     * **CN:** 点击确认按钮的回调，支持异步保存，返回`SubmitWithoutClosingSymbol`可以阻止弹框关闭，返回其他值会传递给`afterOk`事件，如果有的话
+     */
+    onOk?: (formData: FD, ...args: Parameters<TP[E]>) => unknown | Promise<unknown>;
+    /**
+     * **EN:** The callback after the confirmation event is completed, it will not be triggered when
+     * it fails, the parameter is the return value of `onOk`
+     *
+     * **CN:** 确认事件完成后的回调，失败时不会触发，参数为`onOk`的返回值
+     */
+    afterOk?: (data?: any) => void;
+};
+export interface FormCompPropsConstraint<FD> {
+    /** 自动生成的表单实例，编辑表单要使用这个表单实例，不要新创建实例 */
+    form: FormInstance<FD>;
+    /** 设置表单保存方法，支持异步保存 */
+    onSave: (handler: (formData: FD, ...triggerEventData: any[]) => unknown | Promise<unknown>) => void;
+    /** 监听弹框打开关闭状态。当`destroyOnClose`设置为false时，表单组件实例被缓存，只能通过这种方式监听弹框 */
+    onOpenChange: (listener: ModalProps['afterOpenChange']) => void;
+    /** 设置弹框打开状态 */
+    setOpen: (open: boolean) => void;
+    /** 修改弹窗的属性，例如标题、宽度，按钮属性等 */
+    updateModalProps: (props: Partial<ModalProps>) => void;
+    /** 触发器点击的事件数据，例如，对于`Switch`类型的触发器，可以获取点击开关的值 */
+    triggerEventData?: any[];
+}
+export interface ModalActionTrigger<TP extends object, E extends keyof TP> {
+    /**
+     * **EN:** Trigger component, click to show the dialog
+     *
+     * **CN:** 弹窗触发器组件，点击触发显示弹框
+     */
+    triggerComponent?: ComponentType<TP> | FC<TP>;
+    /**
+     * **EN:** Props of the trigger component
+     *
+     * **CN:** 触发器组件的Props属性
+     */
+    triggerProps?: TP;
+    /**
+     * **EN:** The event name that triggers the dialog
+     *
+     * **CN:** 触发弹窗的事件名称
+     *
+     * - `Button`: 'onClick'
+     * - `Switch`: 'onChange'
+     * - `Link`: 'onClick'
+     */
+    triggerEvent?: E;
+    /**
+     * **EN:** Custom trigger content
+     *
+     * **CN:** 自定义触发器内容
+     */
+    children?: ReactNode;
+}
+export type ModalActionRef<R> = R & {
+    /**
+     * **EN:** Show the dialog
+     *
+     * **CN:** 显示弹框
+     */
+    show: () => void;
+};
+export declare const genModalActionRenderer: (defaultProps: Partial<ModalActionProps<any, any, any, never, never>>) => <FD extends object, CP extends FormCompPropsConstraint<FD>, TP extends object, E extends keyof TP, CRef extends object>(props: ModalActionProps<FD, CP, TP, E, CRef>, ref: ForwardedRef<ModalActionRef<CRef>>) => import("react/jsx-runtime").JSX.Element;
+/**
+ * **EN:** Add default properties to the ModalAction component
+ *
+ * **CN:** 给ModalAction组件添加默认属性
+ *
+ * @param WrappedComponent ModalAction component | ModalAction组件
+ * @param defaultProps Default properties | 默认属性
+ */
+export declare const withDefaultModalActionProps: <FD extends object, CP extends FormCompPropsConstraint<FD>, TP extends object, E extends keyof TP, CRef extends object>(WrappedComponent: ComponentType<ModalActionProps<FD, CP, TP, E, CRef> & RefAttributes<ModalActionRef<CRef>>>, defaultProps?: Partial<ModalActionProps<FD, CP, TP, E, CRef>> | (() => Partial<ModalActionProps<FD, CP, TP, E, CRef>>)) => import("react").ForwardRefExoticComponent<Omit<ModalProps, "onOk"> & ModalActionTrigger<TP, E> & {
+    /**
+     * **EN:** Form editing component, do not use the Form component inside the component, the form
+     * component and form instance are automatically created by the parent component
+     *
+     * **CN:** 表单编辑组件，组件内部不要使用Form组件，表单组件及表单实例由父组件自动创建
+     */
+    formComp: ComponentType<CP & RefAttributes<CRef>>;
+    /**
+     * **EN:** Props of the form editing component
+     *
+     * **CN:** 表单编辑组件的Props属性
+     */
+    formProps?: Omit<CP, keyof FormCompPropsConstraint<FD_1>> | undefined;
+    /**
+     * **EN:** The callback when clicks the confirmation button, support asynchronous saving, return
+     * `SubmitWithoutClosingSymbol` can prevent the dialog from closing, return other values will be
+     * passed to the `afterOk` event, if any
+     *
+     * **CN:** 点击确认按钮的回调，支持异步保存，返回`SubmitWithoutClosingSymbol`可以阻止弹框关闭，返回其他值会传递给`afterOk`事件，如果有的话
+     */
+    onOk?: ((formData: FD, ...args: Parameters<TP[E]>) => unknown | Promise<unknown>) | undefined;
+    /**
+     * **EN:** The callback after the confirmation event is completed, it will not be triggered when
+     * it fails, the parameter is the return value of `onOk`
+     *
+     * **CN:** 确认事件完成后的回调，失败时不会触发，参数为`onOk`的返回值
+     */
+    afterOk?: (data?: any) => void;
+} & RefAttributes<ModalActionRef<CRef>>>;
+/**
+ * **EN:** ModalAction component type
+ *
+ * **CN:** ModalAction组件的类型
+ */
+export type ModalActionInterface<FD extends object, CP extends FormCompPropsConstraint<FD>, TP extends object, E extends keyof TP, CRef extends object> = ComponentType<ModalActionProps<FD, CP, TP, E, CRef> & RefAttributes<ModalActionRef<CRef>>>;
+/**
+ * **EN:** ModalAction component with generic type
+ *
+ * **CN:** ModalAction泛型组件的类型
+ */
+export type GenericModalActionInterface = <FD extends object, CP extends FormCompPropsConstraint<FD>, TP extends object, E extends keyof TP, CRef extends object>(props: ModalActionProps<FD, CP, TP, E, CRef> & RefAttributes<ModalActionRef<CRef>>) => ReactElement;
+/**
+ * **EN:** ModalAction with specified trigger type (specified form component)
+ *
+ * **CN:** 已指定Trigger类型的ModalAction（并且已指定表单组件）
+ */
+type ModalActionWithTrigger<FD extends object, CP extends FormCompPropsConstraint<FD>, TP extends object, E extends keyof TP, CRef extends object, OMIT extends string = never> = ComponentType<Omit<ModalActionProps<FD, CP, TP, E, CRef>, 'triggerComponent' | 'triggerEvent' | OMIT> & RefAttributes<ModalActionRef<CRef>>>;
+/**
+ * **EN:** ModalAction with specified trigger type (unspecified form component, keep generic)
+ *
+ * **CN:** 已指定Trigger类型的ModalAction（未指定表单组件，保持泛型）
+ */
+type GenericModalActionWithTrigger<TP extends object, E extends keyof TP, OMIT extends string = never> = <FD extends object, CP extends FormCompPropsConstraint<FD>, CRef extends object>(props: Omit<ModalActionProps<FD, CP, TP, E, CRef>, 'triggerComponent' | 'triggerEvent' | OMIT> & RefAttributes<ModalActionRef<CRef>>) => ReactElement;
+/**
+ * **EN:** Built-in trigger types (specified form components)
+ *
+ * **CN:** 内置的几种触发器类型（已指定表单组件）
+ */
+interface TypedTriggers<FD extends object, CP extends FormCompPropsConstraint<FD>, CRef extends object, OMIT extends string = never> {
+    /**
+     * **EN:** Dialog with button type trigger
+     *
+     * **CN:** 按钮类型的弹窗
+     */
+    Button: ModalActionWithTrigger<FD, CP, ButtonProps, 'onClick', CRef, 'triggerComponent' | 'triggerEvent' | OMIT>;
+    /**
+     * **EN:** Dialog with switch type trigger
+     *
+     * **CN:** 开关类型的弹窗
+     */
+    Switch: ModalActionWithTrigger<FD, CP, SwitchProps, 'onChange', CRef, 'triggerComponent' | 'triggerEvent' | OMIT>;
+    /**
+     * **EN:** Dialog with link type trigger
+     *
+     * **CN:** 链接类型的弹窗
+     */
+    Link: ModalActionWithTrigger<FD, CP, LinkProps, 'onClick', CRef, 'triggerComponent' | 'triggerEvent' | OMIT>;
+}
+/**
+ * **EN:** Built-in trigger types (generic types, unspecified form components)
+ *
+ * **CN:** 内置的几种触发器类型（泛型类型，未指定表单组件）
+ */
+interface GenericTypedTriggers<OMIT extends string = never> {
+    /**
+     * **EN:** Dialog with button type trigger
+     *
+     * **CN:** 按钮类型的弹窗
+     */
+    Button: GenericModalActionWithTrigger<ButtonProps, 'onClick', 'triggerComponent' | 'triggerEvent' | OMIT>;
+    /**
+     * **EN:** Dialog with switch type trigger
+     *
+     * **CN:** 开关类型的弹窗
+     */
+    Switch: GenericModalActionWithTrigger<SwitchProps, 'onChange', 'triggerComponent' | 'triggerEvent' | OMIT>;
+    /**
+     * **EN:** Dialog with link type trigger
+     *
+     * **CN:** 链接类型的弹窗
+     */
+    Link: GenericModalActionWithTrigger<LinkProps, 'onClick', 'triggerComponent' | 'triggerEvent' | OMIT>;
+}
+type WithGenericTriggers<FD extends object, CP extends FormCompPropsConstraint<FD>, CRef extends object, OMIT extends string = never> = (<TP extends object, E extends keyof TP>(props: Omit<ModalActionProps<FD, CP, TP, E, CRef>, OMIT> & RefAttributes<ModalActionRef<CRef>>) => ReactElement) & (CP extends never ? GenericTypedTriggers<OMIT> : TypedTriggers<FD, CP, CRef, OMIT>);
+/**
+ * **EN:** Dialog component with trigger
+ *
+ * **CN:** 带触发器的弹窗组件
+ */
+declare const ModalAction: WithGenericTriggers<object, FormCompPropsConstraint<object>, object, never>;
+/**
+ * **EN:** Dialog component with trigger
+ *
+ * **CN:** 带触发器的弹窗组件
+ */
+export type ModalActionWithStatic = typeof ModalAction & {
+    /**
+     * **EN:** Symbol for not closing the dialog when submitting the form, which takes effect when
+     * returning in the `onSave` event of the editing form component
+     *
+     * **CN:** 提交表单时不关闭弹框的Symbol，在编辑表单组件的`onSave`事件中返回时生效
+     */
+    SubmitWithoutClosing: symbol;
+};
+/**
+ * **EN:** Generate a dialog component based on the editing form component
+ *
+ * **CN:** 基于编辑表单组件生成一个弹框组件
+ *
+ * @param formComp Component of dialog content | 弹窗内容组件
+ * @param defaultProps Default properties of the dialog | 弹窗的默认属性
+ */
+export declare function withModalAction<FD extends object, CP extends FormCompPropsConstraint<FD>, OuterTP extends object, OuterE extends keyof OuterTP, CRef extends object>(formComp: ComponentType<CP & FormCompPropsConstraint<FD> & RefAttributes<CRef>>, defaultProps?: Partial<ModalActionProps<FD, CP, OuterTP, OuterE, CRef>> | (() => Partial<ModalActionProps<FD, CP, OuterTP, OuterE, CRef>>)): WithGenericTriggers<FD, CP, CRef, "formComp">;
+declare const _default: ModalActionWithStatic;
+export default _default;