@fe6/water-pro
Version:
An enterprise-class UI design language and Vue-based implementation
346 lines (345 loc) • 14.5 kB
TypeScript
/** @format */
/// <reference types="lodash" />
import ModalPro from './src/modal-pro';
export { ModalPro };
export { useModalContext } from './src/hooks/use-modal-context';
export { useModal } from './src/hooks/use-modal';
export * from './src/types';
declare const _default: {
new (...args: any[]): {
$: import("vue").ComponentInternalInstance;
$data: {};
$props: Partial<{
title: string;
mask: boolean;
prefixCls: string;
keyboard: boolean;
visible: boolean;
height: number;
scrollTop: boolean;
zIndex: number;
maskClosable: boolean;
loading: boolean;
closable: boolean;
draggable: boolean;
centered: boolean;
destroyOnClose: boolean;
wrapClassName: string;
confirmLoading: boolean;
okText: string;
okType: "link" | "default" | "dashed" | "primary" | "ghost" | "danger";
cancelText: string;
minHeight: number;
useWrapper: boolean;
defaultFullscreen: boolean;
canFullscreen: boolean;
wrapperFooterOffset: number;
loadingTip: string;
showCancelBtn: boolean;
showOkBtn: boolean;
}> & Omit<Readonly<{
title: string;
mask: boolean;
prefixCls: string;
keyboard: boolean;
visible: boolean;
height: number;
scrollTop: boolean;
zIndex: number;
maskClosable: boolean;
loading: boolean;
closable: boolean;
draggable: boolean;
centered: boolean;
destroyOnClose: boolean;
wrapClassName: string;
confirmLoading: boolean;
okText: string;
okType: "link" | "default" | "dashed" | "primary" | "ghost" | "danger";
cancelText: string;
minHeight: number;
useWrapper: boolean;
defaultFullscreen: boolean;
canFullscreen: boolean;
wrapperFooterOffset: number;
loadingTip: string;
showCancelBtn: boolean;
showOkBtn: boolean;
} & {
footer?: import("../_util/type").VueNode;
width?: string | number;
bodyStyle?: unknown;
afterClose?: () => Promise<import("../_util/type").VueNode>;
getContainer?: (instance: any) => HTMLElement;
maskStyle?: unknown;
closeIcon?: import("../_util/type").VueNode;
okButtonProps?: unknown;
cancelButtonProps?: unknown;
wrapperProps?: unknown;
scrollStyle?: unknown;
}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "mask" | "prefixCls" | "keyboard" | "visible" | "height" | "scrollTop" | "zIndex" | "maskClosable" | "loading" | "closable" | "draggable" | "centered" | "destroyOnClose" | "wrapClassName" | "confirmLoading" | "okText" | "okType" | "cancelText" | "minHeight" | "useWrapper" | "defaultFullscreen" | "canFullscreen" | "wrapperFooterOffset" | "loadingTip" | "showCancelBtn" | "showOkBtn">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
[name: string]: import("vue").Slot;
}>;
$root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
$parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
$emit: (event: "cancel" | "ok" | "height-change" | "visible-change" | "register", ...args: any[]) => void;
$el: any;
$options: import("vue").ComponentOptionsBase<Readonly<{
title: string;
mask: boolean;
prefixCls: string;
keyboard: boolean;
visible: boolean;
height: number;
scrollTop: boolean;
zIndex: number;
maskClosable: boolean;
loading: boolean;
closable: boolean;
draggable: boolean;
centered: boolean;
destroyOnClose: boolean;
wrapClassName: string;
confirmLoading: boolean;
okText: string;
okType: "link" | "default" | "dashed" | "primary" | "ghost" | "danger";
cancelText: string;
minHeight: number;
useWrapper: boolean;
defaultFullscreen: boolean;
canFullscreen: boolean;
wrapperFooterOffset: number;
loadingTip: string;
showCancelBtn: boolean;
showOkBtn: boolean;
} & {
footer?: import("../_util/type").VueNode;
width?: string | number;
bodyStyle?: unknown;
afterClose?: () => Promise<import("../_util/type").VueNode>;
getContainer?: (instance: any) => HTMLElement;
maskStyle?: unknown;
closeIcon?: import("../_util/type").VueNode;
okButtonProps?: unknown;
cancelButtonProps?: unknown;
wrapperProps?: unknown;
scrollStyle?: unknown;
}>, {
handleCancel: (e: Event) => void;
getBindValue: import("vue").ComputedRef<Recordable<any>>;
getProps: import("vue").ComputedRef<import("./src/types").ModalProps>;
handleFullScreen: (e: Event) => void;
fullScreenRef: import("vue").Ref<boolean>;
getMergeProps: import("vue").ComputedRef<import("./src/types").ModalProps>;
handleOk: () => void;
visibleRef: import("vue").Ref<boolean>;
omit: {
<T extends object, K extends import("lodash").PropertyName[]>(object: T, ...paths: K): Pick<T, Exclude<keyof T, K[number]>>;
<T_1 extends object, K_1 extends keyof T_1>(object: T_1, ...paths: import("lodash").Many<K_1>[]): import("lodash").Omit<T_1, K_1>;
<T_2 extends object>(object: T_2, ...paths: import("lodash").Many<import("lodash").PropertyName>[]): Partial<T_2>;
};
modalWrapperRef: import("vue").Ref<{
$el: HTMLDivElement;
}>;
handleExtHeight: (height: number) => void;
handleHeightChange: (height: string) => void;
handleTitleDbClick: (e: ChangeEvent) => void;
getWrapperHeight: import("vue").ComputedRef<number>;
configProvider: import("../config-provider").ConfigConsumerProps;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "ok" | "height-change" | "visible-change" | "register")[], string, {
title: string;
mask: boolean;
prefixCls: string;
keyboard: boolean;
visible: boolean;
height: number;
scrollTop: boolean;
zIndex: number;
maskClosable: boolean;
loading: boolean;
closable: boolean;
draggable: boolean;
centered: boolean;
destroyOnClose: boolean;
wrapClassName: string;
confirmLoading: boolean;
okText: string;
okType: "link" | "default" | "dashed" | "primary" | "ghost" | "danger";
cancelText: string;
minHeight: number;
useWrapper: boolean;
defaultFullscreen: boolean;
canFullscreen: boolean;
wrapperFooterOffset: number;
loadingTip: string;
showCancelBtn: boolean;
showOkBtn: boolean;
}>;
$forceUpdate: import("vue").ReactiveEffect<any>;
$nextTick: typeof import("vue").nextTick;
$watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
} & Readonly<{
title: string;
mask: boolean;
prefixCls: string;
keyboard: boolean;
visible: boolean;
height: number;
scrollTop: boolean;
zIndex: number;
maskClosable: boolean;
loading: boolean;
closable: boolean;
draggable: boolean;
centered: boolean;
destroyOnClose: boolean;
wrapClassName: string;
confirmLoading: boolean;
okText: string;
okType: "link" | "default" | "dashed" | "primary" | "ghost" | "danger";
cancelText: string;
minHeight: number;
useWrapper: boolean;
defaultFullscreen: boolean;
canFullscreen: boolean;
wrapperFooterOffset: number;
loadingTip: string;
showCancelBtn: boolean;
showOkBtn: boolean;
} & {
footer?: import("../_util/type").VueNode;
width?: string | number;
bodyStyle?: unknown;
afterClose?: () => Promise<import("../_util/type").VueNode>;
getContainer?: (instance: any) => HTMLElement;
maskStyle?: unknown;
closeIcon?: import("../_util/type").VueNode;
okButtonProps?: unknown;
cancelButtonProps?: unknown;
wrapperProps?: unknown;
scrollStyle?: unknown;
}> & import("vue").ShallowUnwrapRef<{
handleCancel: (e: Event) => void;
getBindValue: import("vue").ComputedRef<Recordable<any>>;
getProps: import("vue").ComputedRef<import("./src/types").ModalProps>;
handleFullScreen: (e: Event) => void;
fullScreenRef: import("vue").Ref<boolean>;
getMergeProps: import("vue").ComputedRef<import("./src/types").ModalProps>;
handleOk: () => void;
visibleRef: import("vue").Ref<boolean>;
omit: {
<T extends object, K extends import("lodash").PropertyName[]>(object: T, ...paths: K): Pick<T, Exclude<keyof T, K[number]>>;
<T_1 extends object, K_1 extends keyof T_1>(object: T_1, ...paths: import("lodash").Many<K_1>[]): import("lodash").Omit<T_1, K_1>;
<T_2 extends object>(object: T_2, ...paths: import("lodash").Many<import("lodash").PropertyName>[]): Partial<T_2>;
};
modalWrapperRef: import("vue").Ref<{
$el: HTMLDivElement;
}>;
handleExtHeight: (height: number) => void;
handleHeightChange: (height: string) => void;
handleTitleDbClick: (e: ChangeEvent) => void;
getWrapperHeight: import("vue").ComputedRef<number>;
configProvider: import("../config-provider").ConfigConsumerProps;
}> & {} & {} & import("vue").ComponentCustomProperties;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import("vue").ComponentOptionsBase<Readonly<{
title: string;
mask: boolean;
prefixCls: string;
keyboard: boolean;
visible: boolean;
height: number;
scrollTop: boolean;
zIndex: number;
maskClosable: boolean;
loading: boolean;
closable: boolean;
draggable: boolean;
centered: boolean;
destroyOnClose: boolean;
wrapClassName: string;
confirmLoading: boolean;
okText: string;
okType: "link" | "default" | "dashed" | "primary" | "ghost" | "danger";
cancelText: string;
minHeight: number;
useWrapper: boolean;
defaultFullscreen: boolean;
canFullscreen: boolean;
wrapperFooterOffset: number;
loadingTip: string;
showCancelBtn: boolean;
showOkBtn: boolean;
} & {
footer?: import("../_util/type").VueNode;
width?: string | number;
bodyStyle?: unknown;
afterClose?: () => Promise<import("../_util/type").VueNode>;
getContainer?: (instance: any) => HTMLElement;
maskStyle?: unknown;
closeIcon?: import("../_util/type").VueNode;
okButtonProps?: unknown;
cancelButtonProps?: unknown;
wrapperProps?: unknown;
scrollStyle?: unknown;
}>, {
handleCancel: (e: Event) => void;
getBindValue: import("vue").ComputedRef<Recordable<any>>;
getProps: import("vue").ComputedRef<import("./src/types").ModalProps>;
handleFullScreen: (e: Event) => void;
fullScreenRef: import("vue").Ref<boolean>;
getMergeProps: import("vue").ComputedRef<import("./src/types").ModalProps>;
handleOk: () => void;
visibleRef: import("vue").Ref<boolean>;
omit: {
<T extends object, K extends import("lodash").PropertyName[]>(object: T, ...paths: K): Pick<T, Exclude<keyof T, K[number]>>;
<T_1 extends object, K_1 extends keyof T_1>(object: T_1, ...paths: import("lodash").Many<K_1>[]): import("lodash").Omit<T_1, K_1>;
<T_2 extends object>(object: T_2, ...paths: import("lodash").Many<import("lodash").PropertyName>[]): Partial<T_2>;
};
modalWrapperRef: import("vue").Ref<{
$el: HTMLDivElement;
}>;
handleExtHeight: (height: number) => void;
handleHeightChange: (height: string) => void;
handleTitleDbClick: (e: ChangeEvent) => void;
getWrapperHeight: import("vue").ComputedRef<number>;
configProvider: import("../config-provider").ConfigConsumerProps;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "ok" | "height-change" | "visible-change" | "register")[], "cancel" | "ok" | "height-change" | "visible-change" | "register", {
title: string;
mask: boolean;
prefixCls: string;
keyboard: boolean;
visible: boolean;
height: number;
scrollTop: boolean;
zIndex: number;
maskClosable: boolean;
loading: boolean;
closable: boolean;
draggable: boolean;
centered: boolean;
destroyOnClose: boolean;
wrapClassName: string;
confirmLoading: boolean;
okText: string;
okType: "link" | "default" | "dashed" | "primary" | "ghost" | "danger";
cancelText: string;
minHeight: number;
useWrapper: boolean;
defaultFullscreen: boolean;
canFullscreen: boolean;
wrapperFooterOffset: number;
loadingTip: string;
showCancelBtn: boolean;
showOkBtn: boolean;
}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
export default _default;