tav-ui
Version:
389 lines (388 loc) • 13.1 kB
TypeScript
declare const TaModal: import("tav-ui/es/utils/with-install").SFCWithInstall<import("vue").DefineComponent<{
visible: {
type: BooleanConstructor;
};
scrollTop: {
type: BooleanConstructor;
default: boolean;
};
height: {
type: NumberConstructor;
};
minHeight: {
type: NumberConstructor;
};
draggable: {
type: BooleanConstructor;
default: boolean;
};
centered: {
type: BooleanConstructor;
};
cancelText: {
type: StringConstructor;
};
okText: {
type: StringConstructor;
};
closeFunc: import("vue").PropType<() => Promise<boolean>>;
} & {
defaultFullscreen: {
type: BooleanConstructor;
};
canFullscreen: {
type: BooleanConstructor;
default: boolean;
};
wrapperFooterOffset: {
type: NumberConstructor;
default: number;
};
helpMessage: import("vue").PropType<string | string[]>;
useWrapper: {
type: BooleanConstructor;
default: boolean;
};
loading: {
type: BooleanConstructor;
};
loadingTip: {
type: StringConstructor;
};
showCancelBtn: {
type: BooleanConstructor;
default: boolean;
};
showOkBtn: {
type: BooleanConstructor;
default: boolean;
};
wrapperProps: import("vue").PropType<Partial<import("./src/types").ModalWrapperProps>>;
afterClose: import("vue").PropType<() => Promise<import("./src/types").VueNode>>;
bodyStyle: import("vue").PropType<import("vue").CSSProperties>;
style: import("vue").PropType<import("vue").CSSProperties>;
closable: {
type: BooleanConstructor;
default: boolean;
};
closeIcon: import("vue").PropType<import("./src/types").VueNode>;
confirmLoading: {
type: BooleanConstructor;
};
destroyOnClose: {
type: BooleanConstructor;
};
footer: import("vue").PropType<import("./src/types").VueNode>;
getContainer: import("vue").PropType<() => any>;
mask: {
type: BooleanConstructor;
default: boolean;
};
maskClosable: {
type: BooleanConstructor;
default: boolean;
};
keyboard: {
type: BooleanConstructor;
default: boolean;
};
maskStyle: import("vue").PropType<import("vue").CSSProperties>;
okType: {
type: StringConstructor;
default: string;
};
okButtonProps: import("vue").PropType<Partial<{
prefixCls?: unknown;
type?: unknown;
htmlType?: unknown;
shape?: unknown;
size?: unknown;
loading?: unknown;
disabled?: unknown;
ghost?: unknown;
block?: unknown;
danger?: unknown;
icon?: unknown;
href?: unknown;
target?: unknown;
title?: unknown;
onClick?: unknown;
onMousedown?: unknown;
} & {
htmlType: import("ant-design-vue/es/button/buttonTypes").ButtonHTMLType;
loading: boolean | {
delay?: number | undefined;
};
} & {
type?: import("ant-design-vue/es/button").ButtonType | undefined;
target?: string | undefined;
size?: import("ant-design-vue/es/button").ButtonSize;
icon?: any;
prefixCls?: string | undefined;
ghost?: boolean | undefined;
shape?: import("ant-design-vue/es/button").ButtonShape | undefined;
block?: boolean | undefined;
danger?: boolean | undefined;
href?: string | undefined;
title?: string | undefined;
disabled?: boolean | undefined;
onClick?: ((event: MouseEvent) => void) | undefined;
onMousedown?: ((event: MouseEvent) => void) | undefined;
}>>;
cancelButtonProps: import("vue").PropType<Partial<{
prefixCls?: unknown;
type?: unknown;
htmlType?: unknown;
shape?: unknown;
size?: unknown;
loading?: unknown;
disabled?: unknown;
ghost?: unknown;
block?: unknown;
danger?: unknown;
icon?: unknown;
href?: unknown;
target?: unknown;
title?: unknown;
onClick?: unknown;
onMousedown?: unknown;
} & {
htmlType: import("ant-design-vue/es/button/buttonTypes").ButtonHTMLType;
loading: boolean | {
delay?: number | undefined;
};
} & {
type?: import("ant-design-vue/es/button").ButtonType | undefined;
target?: string | undefined;
size?: import("ant-design-vue/es/button").ButtonSize;
icon?: any;
prefixCls?: string | undefined;
ghost?: boolean | undefined;
shape?: import("ant-design-vue/es/button").ButtonShape | undefined;
block?: boolean | undefined;
danger?: boolean | undefined;
href?: string | undefined;
title?: string | undefined;
disabled?: boolean | undefined;
onClick?: ((event: MouseEvent) => void) | undefined;
onMousedown?: ((event: MouseEvent) => void) | undefined;
}>>;
title: {
type: StringConstructor;
};
visible: {
type: BooleanConstructor;
};
width: import("vue").PropType<string | number>;
wrapClassName: {
type: StringConstructor;
};
zIndex: {
type: NumberConstructor;
};
}, {
handleCancel: (e: Event) => Promise<void>;
getBindValue: import("vue").ComputedRef<import("./src/types").Recordable<any>>;
getProps: import("vue").ComputedRef<import("./src/types").Recordable<any>>;
handleFullScreen: (e: Event) => void;
fullScreenRef: import("vue").Ref<boolean, boolean>;
getMergeProps: import("vue").ComputedRef<import("./src/types").Recordable<any>>;
handleOk: (e: Event) => void;
visibleRef: import("vue").Ref<boolean, boolean>;
omit: {
<T extends object, K extends import("lodash").PropertyName[]>(object: T | null | undefined, ...paths: K): Pick<T, Exclude<keyof T, K[number]>>;
<T_1 extends object, K_1 extends keyof T_1>(object: T_1 | null | undefined, ...paths: import("lodash").Many<K_1>[]): import("lodash").Omit<T_1, K_1>;
<T_2 extends object>(object: T_2 | null | undefined, ...paths: import("lodash").Many<import("lodash").PropertyName>[]): Partial<T_2>;
};
modalWrapperRef: import("vue").Ref<any, any>;
handleExtHeight: (height: number) => void;
handleHeightChange: (height: string) => void;
handleTitleDbClick: (e: any) => void;
getWrapperHeight: import("vue").ComputedRef<any>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "height-change" | "ok" | "visible-change" | "register" | "update:visible")[], "cancel" | "height-change" | "ok" | "visible-change" | "register" | "update:visible", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
visible?: unknown;
scrollTop?: unknown;
height?: unknown;
minHeight?: unknown;
draggable?: unknown;
centered?: unknown;
cancelText?: unknown;
okText?: unknown;
closeFunc?: unknown;
defaultFullscreen?: unknown;
canFullscreen?: unknown;
wrapperFooterOffset?: unknown;
helpMessage?: unknown;
useWrapper?: unknown;
loading?: unknown;
loadingTip?: unknown;
showCancelBtn?: unknown;
showOkBtn?: unknown;
wrapperProps?: unknown;
afterClose?: unknown;
bodyStyle?: unknown;
style?: unknown;
closable?: unknown;
closeIcon?: unknown;
confirmLoading?: unknown;
destroyOnClose?: unknown;
footer?: unknown;
getContainer?: unknown;
mask?: unknown;
maskClosable?: unknown;
keyboard?: unknown;
maskStyle?: unknown;
okType?: unknown;
okButtonProps?: unknown;
cancelButtonProps?: unknown;
title?: unknown;
width?: unknown;
wrapClassName?: unknown;
zIndex?: unknown;
} & {
loading: boolean;
visible: boolean;
useWrapper: boolean;
scrollTop: boolean;
draggable: boolean;
centered: boolean;
defaultFullscreen: boolean;
canFullscreen: boolean;
wrapperFooterOffset: number;
showCancelBtn: boolean;
showOkBtn: boolean;
closable: boolean;
confirmLoading: boolean;
destroyOnClose: boolean;
mask: boolean;
maskClosable: boolean;
keyboard: boolean;
okType: string;
} & {
width?: string | number | undefined;
height?: number | undefined;
style?: import("vue").CSSProperties | undefined;
helpMessage?: string | string[] | undefined;
title?: string | undefined;
okText?: string | undefined;
cancelText?: string | undefined;
minHeight?: number | undefined;
closeFunc?: (() => Promise<boolean>) | undefined;
loadingTip?: string | undefined;
wrapperProps?: Partial<import("./src/types").ModalWrapperProps> | undefined;
afterClose?: (() => Promise<import("./src/types").VueNode>) | undefined;
bodyStyle?: import("vue").CSSProperties | undefined;
closeIcon?: import("./src/types").VueNode;
footer?: import("./src/types").VueNode;
getContainer?: (() => any) | undefined;
maskStyle?: import("vue").CSSProperties | undefined;
okButtonProps?: Partial<{
prefixCls?: unknown;
type?: unknown;
htmlType?: unknown;
shape?: unknown;
size?: unknown;
loading?: unknown;
disabled?: unknown;
ghost?: unknown;
block?: unknown;
danger?: unknown;
icon?: unknown;
href?: unknown;
target?: unknown;
title?: unknown;
onClick?: unknown;
onMousedown?: unknown;
} & {
htmlType: import("ant-design-vue/es/button/buttonTypes").ButtonHTMLType;
loading: boolean | {
delay?: number | undefined;
};
} & {
type?: import("ant-design-vue/es/button").ButtonType | undefined;
target?: string | undefined;
size?: import("ant-design-vue/es/button").ButtonSize;
icon?: any;
prefixCls?: string | undefined;
ghost?: boolean | undefined;
shape?: import("ant-design-vue/es/button").ButtonShape | undefined;
block?: boolean | undefined;
danger?: boolean | undefined;
href?: string | undefined;
title?: string | undefined;
disabled?: boolean | undefined;
onClick?: ((event: MouseEvent) => void) | undefined;
onMousedown?: ((event: MouseEvent) => void) | undefined;
}> | undefined;
cancelButtonProps?: Partial<{
prefixCls?: unknown;
type?: unknown;
htmlType?: unknown;
shape?: unknown;
size?: unknown;
loading?: unknown;
disabled?: unknown;
ghost?: unknown;
block?: unknown;
danger?: unknown;
icon?: unknown;
href?: unknown;
target?: unknown;
title?: unknown;
onClick?: unknown;
onMousedown?: unknown;
} & {
htmlType: import("ant-design-vue/es/button/buttonTypes").ButtonHTMLType;
loading: boolean | {
delay?: number | undefined;
};
} & {
type?: import("ant-design-vue/es/button").ButtonType | undefined;
target?: string | undefined;
size?: import("ant-design-vue/es/button").ButtonSize;
icon?: any;
prefixCls?: string | undefined;
ghost?: boolean | undefined;
shape?: import("ant-design-vue/es/button").ButtonShape | undefined;
block?: boolean | undefined;
danger?: boolean | undefined;
href?: string | undefined;
title?: string | undefined;
disabled?: boolean | undefined;
onClick?: ((event: MouseEvent) => void) | undefined;
onMousedown?: ((event: MouseEvent) => void) | undefined;
}> | undefined;
wrapClassName?: string | undefined;
zIndex?: number | undefined;
}> & {
"onUpdate:visible"?: ((...args: any[]) => any) | undefined;
onCancel?: ((...args: any[]) => any) | undefined;
"onHeight-change"?: ((...args: any[]) => any) | undefined;
onOk?: ((...args: any[]) => any) | undefined;
"onVisible-change"?: ((...args: any[]) => any) | undefined;
onRegister?: ((...args: any[]) => any) | undefined;
}, {
loading: boolean;
visible: boolean;
useWrapper: boolean;
scrollTop: boolean;
draggable: boolean;
centered: boolean;
defaultFullscreen: boolean;
canFullscreen: boolean;
wrapperFooterOffset: number;
showCancelBtn: boolean;
showOkBtn: boolean;
closable: boolean;
confirmLoading: boolean;
destroyOnClose: boolean;
mask: boolean;
maskClosable: boolean;
keyboard: boolean;
okType: string;
}>>;
export { useModal, useModalInner } from './src/hooks/useModal';
export { useModalContext } from './src/hooks/useModalContext';
export type { ModalMethods, ModalProps, ModalWrapperProps, ReturnInnerMethods, UseModalInnerReturnType, UseModalReturnType, ModalReturnMethods, } from './src/types';
export { TaModal };
export default TaModal;