@tuoyuan/web
Version:
535 lines (534 loc) • 23.5 kB
TypeScript
export declare const Modal: {
new (...args: any[]): {
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
unmountOnClose: boolean;
popupContainer: string | HTMLElement;
renderToBody: boolean;
visible: boolean;
footer: boolean;
mask: boolean;
closable: boolean;
defaultVisible: boolean;
maskClosable: boolean;
escToClose: boolean;
draggable: boolean;
simple: boolean;
okLoading: boolean;
hideCancel: boolean;
titleAlign: "center" | "start";
alignCenter: boolean;
fullscreen: boolean;
maskAnimationName: string;
modalAnimationName: string;
hideTitle: boolean;
}> & Omit<Readonly<{
visible?: unknown;
defaultVisible?: unknown;
width?: unknown;
top?: unknown;
mask?: unknown;
title?: unknown;
titleAlign?: unknown;
alignCenter?: unknown;
unmountOnClose?: unknown;
maskClosable?: unknown;
hideCancel?: unknown;
simple?: unknown;
closable?: unknown;
okText?: unknown;
cancelText?: unknown;
okLoading?: unknown;
okButtonProps?: unknown;
cancelButtonProps?: unknown;
footer?: unknown;
renderToBody?: unknown;
popupContainer?: unknown;
maskStyle?: unknown;
modalClass?: unknown;
modalStyle?: unknown;
onBeforeOk?: unknown;
onBeforeCancel?: unknown;
escToClose?: unknown;
draggable?: unknown;
fullscreen?: unknown;
maskAnimationName?: unknown;
modalAnimationName?: unknown;
bodyClass?: unknown;
bodyStyle?: unknown;
messageType?: unknown;
hideTitle?: unknown;
} & {
unmountOnClose: boolean;
popupContainer: string | HTMLElement;
renderToBody: boolean;
footer: boolean;
mask: boolean;
closable: boolean;
defaultVisible: boolean;
maskClosable: boolean;
escToClose: boolean;
draggable: boolean;
simple: boolean;
okLoading: boolean;
hideCancel: boolean;
titleAlign: "center" | "start";
alignCenter: boolean;
fullscreen: boolean;
maskAnimationName: string;
modalAnimationName: string;
hideTitle: boolean;
} & {
top?: string | number | undefined;
visible?: boolean | undefined;
title?: string | undefined;
width?: string | number | undefined;
bodyStyle?: import('vue').StyleValue | undefined;
okText?: string | undefined;
cancelText?: string | undefined;
bodyClass?: string | any[] | undefined;
okButtonProps?: import('@tuoyuan/arco').ButtonProps | undefined;
cancelButtonProps?: import('@tuoyuan/arco').ButtonProps | undefined;
onBeforeOk?: ((done: (closed: boolean) => void) => boolean | void | Promise<boolean | void>) | undefined;
onBeforeCancel?: (() => boolean) | undefined;
maskStyle?: import('vue').CSSProperties | undefined;
modalClass?: string | any[] | undefined;
modalStyle?: import('vue').CSSProperties | undefined;
messageType?: "error" | "success" | "warning" | "info" | undefined;
}> & {
onClose?: (() => any) | undefined;
"onUpdate:visible"?: ((visible: boolean) => any) | undefined;
onOk?: ((e: Event) => any) | undefined;
onOpen?: (() => any) | undefined;
onCancel?: ((e: Event) => any) | undefined;
onBeforeOpen?: (() => any) | undefined;
onBeforeClose?: (() => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "unmountOnClose" | "popupContainer" | "renderToBody" | "visible" | "footer" | "mask" | "closable" | "defaultVisible" | "maskClosable" | "escToClose" | "draggable" | "simple" | "okLoading" | "hideCancel" | "titleAlign" | "alignCenter" | "fullscreen" | "maskAnimationName" | "modalAnimationName" | "hideTitle">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
[name: string]: import('vue').Slot | undefined;
}>;
$root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
$parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
$emit: ((event: "open") => void) & ((event: "cancel", e: Event) => void) & ((event: "close") => void) & ((event: "update:visible", visible: boolean) => void) & ((event: "ok", e: Event) => void) & ((event: "beforeOpen") => void) & ((event: "beforeClose") => void);
$el: any;
$options: import('vue').ComponentOptionsBase<Readonly<{
visible?: unknown;
defaultVisible?: unknown;
width?: unknown;
top?: unknown;
mask?: unknown;
title?: unknown;
titleAlign?: unknown;
alignCenter?: unknown;
unmountOnClose?: unknown;
maskClosable?: unknown;
hideCancel?: unknown;
simple?: unknown;
closable?: unknown;
okText?: unknown;
cancelText?: unknown;
okLoading?: unknown;
okButtonProps?: unknown;
cancelButtonProps?: unknown;
footer?: unknown;
renderToBody?: unknown;
popupContainer?: unknown;
maskStyle?: unknown;
modalClass?: unknown;
modalStyle?: unknown;
onBeforeOk?: unknown;
onBeforeCancel?: unknown;
escToClose?: unknown;
draggable?: unknown;
fullscreen?: unknown;
maskAnimationName?: unknown;
modalAnimationName?: unknown;
bodyClass?: unknown;
bodyStyle?: unknown;
messageType?: unknown;
hideTitle?: unknown;
} & {
unmountOnClose: boolean;
popupContainer: string | HTMLElement;
renderToBody: boolean;
footer: boolean;
mask: boolean;
closable: boolean;
defaultVisible: boolean;
maskClosable: boolean;
escToClose: boolean;
draggable: boolean;
simple: boolean;
okLoading: boolean;
hideCancel: boolean;
titleAlign: "center" | "start";
alignCenter: boolean;
fullscreen: boolean;
maskAnimationName: string;
modalAnimationName: string;
hideTitle: boolean;
} & {
top?: string | number | undefined;
visible?: boolean | undefined;
title?: string | undefined;
width?: string | number | undefined;
bodyStyle?: import('vue').StyleValue | undefined;
okText?: string | undefined;
cancelText?: string | undefined;
bodyClass?: string | any[] | undefined;
okButtonProps?: import('@tuoyuan/arco').ButtonProps | undefined;
cancelButtonProps?: import('@tuoyuan/arco').ButtonProps | undefined;
onBeforeOk?: ((done: (closed: boolean) => void) => boolean | void | Promise<boolean | void>) | undefined;
onBeforeCancel?: (() => boolean) | undefined;
maskStyle?: import('vue').CSSProperties | undefined;
modalClass?: string | any[] | undefined;
modalStyle?: import('vue').CSSProperties | undefined;
messageType?: "error" | "success" | "warning" | "info" | undefined;
}> & {
onClose?: (() => any) | undefined;
"onUpdate:visible"?: ((visible: boolean) => any) | undefined;
onOk?: ((e: Event) => any) | undefined;
onOpen?: (() => any) | undefined;
onCancel?: ((e: Event) => any) | undefined;
onBeforeOpen?: (() => any) | undefined;
onBeforeClose?: (() => any) | undefined;
}, {
prefixCls: string;
mounted: import('vue').Ref<boolean>;
computedVisible: import('vue').ComputedRef<boolean>;
containerRef: import('vue').Ref<HTMLElement | undefined>;
wrapperRef: import('vue').Ref<HTMLElement | undefined>;
mergedModalStyle: import('vue').ComputedRef<import('vue').CSSProperties>;
okDisplayText: import('vue').ComputedRef<string>;
cancelDisplayText: import('vue').ComputedRef<string>;
zIndex: import('vue').Ref<number>;
handleOk: (e: Event) => Promise<void>;
handleCancel: (e: Event) => void;
handleMaskClick: (e: Event) => void;
handleMaskMouseDown: (ev: Event) => void;
handleOpen: () => void;
handleClose: () => void;
mergedOkLoading: import('vue').ComputedRef<boolean>;
modalRef: import('vue').Ref<HTMLElement | undefined>;
wrapperCls: import('vue').ComputedRef<(string | {
[x: string]: boolean;
})[]>;
modalCls: import('vue').ComputedRef<(string | any[] | {
[x: string]: boolean;
} | undefined)[]>;
teleportContainer: import('vue').Ref<string | HTMLElement | undefined>;
handleMoveDown: (ev: MouseEvent) => void;
}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:visible": (visible: boolean) => true;
ok: (e: Event) => true;
cancel: (e: Event) => true;
open: () => true;
close: () => true;
beforeOpen: () => true;
beforeClose: () => true;
}, string, {
unmountOnClose: boolean;
popupContainer: string | HTMLElement;
renderToBody: boolean;
visible: boolean;
footer: boolean;
mask: boolean;
closable: boolean;
defaultVisible: boolean;
maskClosable: boolean;
escToClose: boolean;
draggable: boolean;
simple: boolean;
okLoading: boolean;
hideCancel: boolean;
titleAlign: "center" | "start";
alignCenter: boolean;
fullscreen: boolean;
maskAnimationName: string;
modalAnimationName: string;
hideTitle: boolean;
}> & {
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
created?: ((() => void) | (() => void)[]) | undefined;
beforeMount?: ((() => void) | (() => void)[]) | undefined;
mounted?: ((() => void) | (() => void)[]) | undefined;
beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
updated?: ((() => void) | (() => void)[]) | undefined;
activated?: ((() => void) | (() => void)[]) | undefined;
deactivated?: ((() => void) | (() => void)[]) | undefined;
beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
destroyed?: ((() => void) | (() => void)[]) | undefined;
unmounted?: ((() => void) | (() => void)[]) | undefined;
renderTracked?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
renderTriggered?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
errorCaptured?: (((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
};
$forceUpdate: () => void;
$nextTick: typeof import('vue').nextTick;
$watch(source: string | Function, cb: Function, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
} & Readonly<{
visible?: unknown;
defaultVisible?: unknown;
width?: unknown;
top?: unknown;
mask?: unknown;
title?: unknown;
titleAlign?: unknown;
alignCenter?: unknown;
unmountOnClose?: unknown;
maskClosable?: unknown;
hideCancel?: unknown;
simple?: unknown;
closable?: unknown;
okText?: unknown;
cancelText?: unknown;
okLoading?: unknown;
okButtonProps?: unknown;
cancelButtonProps?: unknown;
footer?: unknown;
renderToBody?: unknown;
popupContainer?: unknown;
maskStyle?: unknown;
modalClass?: unknown;
modalStyle?: unknown;
onBeforeOk?: unknown;
onBeforeCancel?: unknown;
escToClose?: unknown;
draggable?: unknown;
fullscreen?: unknown;
maskAnimationName?: unknown;
modalAnimationName?: unknown;
bodyClass?: unknown;
bodyStyle?: unknown;
messageType?: unknown;
hideTitle?: unknown;
} & {
unmountOnClose: boolean;
popupContainer: string | HTMLElement;
renderToBody: boolean;
footer: boolean;
mask: boolean;
closable: boolean;
defaultVisible: boolean;
maskClosable: boolean;
escToClose: boolean;
draggable: boolean;
simple: boolean;
okLoading: boolean;
hideCancel: boolean;
titleAlign: "center" | "start";
alignCenter: boolean;
fullscreen: boolean;
maskAnimationName: string;
modalAnimationName: string;
hideTitle: boolean;
} & {
top?: string | number | undefined;
visible?: boolean | undefined;
title?: string | undefined;
width?: string | number | undefined;
bodyStyle?: import('vue').StyleValue | undefined;
okText?: string | undefined;
cancelText?: string | undefined;
bodyClass?: string | any[] | undefined;
okButtonProps?: import('@tuoyuan/arco').ButtonProps | undefined;
cancelButtonProps?: import('@tuoyuan/arco').ButtonProps | undefined;
onBeforeOk?: ((done: (closed: boolean) => void) => boolean | void | Promise<boolean | void>) | undefined;
onBeforeCancel?: (() => boolean) | undefined;
maskStyle?: import('vue').CSSProperties | undefined;
modalClass?: string | any[] | undefined;
modalStyle?: import('vue').CSSProperties | undefined;
messageType?: "error" | "success" | "warning" | "info" | undefined;
}> & {
onClose?: (() => any) | undefined;
"onUpdate:visible"?: ((visible: boolean) => any) | undefined;
onOk?: ((e: Event) => any) | undefined;
onOpen?: (() => any) | undefined;
onCancel?: ((e: Event) => any) | undefined;
onBeforeOpen?: (() => any) | undefined;
onBeforeClose?: (() => any) | undefined;
} & import('vue').ShallowUnwrapRef<{
prefixCls: string;
mounted: import('vue').Ref<boolean>;
computedVisible: import('vue').ComputedRef<boolean>;
containerRef: import('vue').Ref<HTMLElement | undefined>;
wrapperRef: import('vue').Ref<HTMLElement | undefined>;
mergedModalStyle: import('vue').ComputedRef<import('vue').CSSProperties>;
okDisplayText: import('vue').ComputedRef<string>;
cancelDisplayText: import('vue').ComputedRef<string>;
zIndex: import('vue').Ref<number>;
handleOk: (e: Event) => Promise<void>;
handleCancel: (e: Event) => void;
handleMaskClick: (e: Event) => void;
handleMaskMouseDown: (ev: Event) => void;
handleOpen: () => void;
handleClose: () => void;
mergedOkLoading: import('vue').ComputedRef<boolean>;
modalRef: import('vue').Ref<HTMLElement | undefined>;
wrapperCls: import('vue').ComputedRef<(string | {
[x: string]: boolean;
})[]>;
modalCls: import('vue').ComputedRef<(string | any[] | {
[x: string]: boolean;
} | undefined)[]>;
teleportContainer: import('vue').Ref<string | HTMLElement | undefined>;
handleMoveDown: (ev: MouseEvent) => void;
}> & {} & {} & import('vue').ComponentCustomProperties;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & import('vue').ComponentOptionsBase<Readonly<{
visible?: unknown;
defaultVisible?: unknown;
width?: unknown;
top?: unknown;
mask?: unknown;
title?: unknown;
titleAlign?: unknown;
alignCenter?: unknown;
unmountOnClose?: unknown;
maskClosable?: unknown;
hideCancel?: unknown;
simple?: unknown;
closable?: unknown;
okText?: unknown;
cancelText?: unknown;
okLoading?: unknown;
okButtonProps?: unknown;
cancelButtonProps?: unknown;
footer?: unknown;
renderToBody?: unknown;
popupContainer?: unknown;
maskStyle?: unknown;
modalClass?: unknown;
modalStyle?: unknown;
onBeforeOk?: unknown;
onBeforeCancel?: unknown;
escToClose?: unknown;
draggable?: unknown;
fullscreen?: unknown;
maskAnimationName?: unknown;
modalAnimationName?: unknown;
bodyClass?: unknown;
bodyStyle?: unknown;
messageType?: unknown;
hideTitle?: unknown;
} & {
unmountOnClose: boolean;
popupContainer: string | HTMLElement;
renderToBody: boolean;
footer: boolean;
mask: boolean;
closable: boolean;
defaultVisible: boolean;
maskClosable: boolean;
escToClose: boolean;
draggable: boolean;
simple: boolean;
okLoading: boolean;
hideCancel: boolean;
titleAlign: "center" | "start";
alignCenter: boolean;
fullscreen: boolean;
maskAnimationName: string;
modalAnimationName: string;
hideTitle: boolean;
} & {
top?: string | number | undefined;
visible?: boolean | undefined;
title?: string | undefined;
width?: string | number | undefined;
bodyStyle?: import('vue').StyleValue | undefined;
okText?: string | undefined;
cancelText?: string | undefined;
bodyClass?: string | any[] | undefined;
okButtonProps?: import('@tuoyuan/arco').ButtonProps | undefined;
cancelButtonProps?: import('@tuoyuan/arco').ButtonProps | undefined;
onBeforeOk?: ((done: (closed: boolean) => void) => boolean | void | Promise<boolean | void>) | undefined;
onBeforeCancel?: (() => boolean) | undefined;
maskStyle?: import('vue').CSSProperties | undefined;
modalClass?: string | any[] | undefined;
modalStyle?: import('vue').CSSProperties | undefined;
messageType?: "error" | "success" | "warning" | "info" | undefined;
}> & {
onClose?: (() => any) | undefined;
"onUpdate:visible"?: ((visible: boolean) => any) | undefined;
onOk?: ((e: Event) => any) | undefined;
onOpen?: (() => any) | undefined;
onCancel?: ((e: Event) => any) | undefined;
onBeforeOpen?: (() => any) | undefined;
onBeforeClose?: (() => any) | undefined;
}, {
prefixCls: string;
mounted: import('vue').Ref<boolean>;
computedVisible: import('vue').ComputedRef<boolean>;
containerRef: import('vue').Ref<HTMLElement | undefined>;
wrapperRef: import('vue').Ref<HTMLElement | undefined>;
mergedModalStyle: import('vue').ComputedRef<import('vue').CSSProperties>;
okDisplayText: import('vue').ComputedRef<string>;
cancelDisplayText: import('vue').ComputedRef<string>;
zIndex: import('vue').Ref<number>;
handleOk: (e: Event) => Promise<void>;
handleCancel: (e: Event) => void;
handleMaskClick: (e: Event) => void;
handleMaskMouseDown: (ev: Event) => void;
handleOpen: () => void;
handleClose: () => void;
mergedOkLoading: import('vue').ComputedRef<boolean>;
modalRef: import('vue').Ref<HTMLElement | undefined>;
wrapperCls: import('vue').ComputedRef<(string | {
[x: string]: boolean;
})[]>;
modalCls: import('vue').ComputedRef<(string | any[] | {
[x: string]: boolean;
} | undefined)[]>;
teleportContainer: import('vue').Ref<string | HTMLElement | undefined>;
handleMoveDown: (ev: MouseEvent) => void;
}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
'update:visible': (visible: boolean) => true;
ok: (e: Event) => true;
cancel: (e: Event) => true;
open: () => true;
close: () => true;
beforeOpen: () => true;
beforeClose: () => true;
}, string, {
unmountOnClose: boolean;
popupContainer: string | HTMLElement;
renderToBody: boolean;
visible: boolean;
footer: boolean;
mask: boolean;
closable: boolean;
defaultVisible: boolean;
maskClosable: boolean;
escToClose: boolean;
draggable: boolean;
simple: boolean;
okLoading: boolean;
hideCancel: boolean;
titleAlign: "center" | "start";
alignCenter: boolean;
fullscreen: boolean;
maskAnimationName: string;
modalAnimationName: string;
hideTitle: boolean;
}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
install: (app: import('vue').App, options?: import('@tuoyuan/arco/es/_utils/types').ArcoOptions | undefined) => void;
_context: import('vue').AppContext | null;
open: (config: import('@tuoyuan/arco').ModalConfig, appContext?: import('vue').AppContext | undefined) => import('@tuoyuan/arco/es/modal/interface').ModalReturn;
confirm: (config: import('@tuoyuan/arco').ModalConfig, appContext?: import('vue').AppContext | undefined) => import('@tuoyuan/arco/es/modal/interface').ModalReturn;
info: (config: import('@tuoyuan/arco').ModalConfig, appContext?: import('vue').AppContext | undefined) => import('@tuoyuan/arco/es/modal/interface').ModalReturn;
success: (config: import('@tuoyuan/arco').ModalConfig, appContext?: import('vue').AppContext | undefined) => import('@tuoyuan/arco/es/modal/interface').ModalReturn;
warning: (config: import('@tuoyuan/arco').ModalConfig, appContext?: import('vue').AppContext | undefined) => import('@tuoyuan/arco/es/modal/interface').ModalReturn;
error: (config: import('@tuoyuan/arco').ModalConfig, appContext?: import('vue').AppContext | undefined) => import('@tuoyuan/arco/es/modal/interface').ModalReturn;
};
export default Modal;