yuang-framework-ui-pc
Version:
yuang-framework-ui-pc Library
1,171 lines (1,169 loc) • 47.4 kB
TypeScript
import { ElDrawerInstance } from '../ele-app/el';
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
headerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
titleStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
footerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
closeBtnStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
inner: BooleanConstructor;
direction: {
readonly type: import('vue').PropType<"ltr" | "rtl" | "ttb" | "btt">;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: "rtl";
};
size: {
readonly type: import('vue').PropType<string | number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: "30%";
};
withHeader: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
modalFade: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
headerAriaLevel: {
readonly type: import('vue').PropType<string>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: "2";
};
appendToBody: BooleanConstructor;
appendTo: {
readonly type: import('vue').PropType<string | HTMLElement>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: "body";
};
beforeClose: {
readonly type: import('vue').PropType<import('element-plus').DialogBeforeCloseFn>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
destroyOnClose: BooleanConstructor;
closeOnClickModal: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
closeOnPressEscape: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
lockScroll: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
modal: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
openDelay: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 0;
};
closeDelay: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 0;
};
top: {
readonly type: import('vue').PropType<string>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
modelValue: BooleanConstructor;
modalClass: StringConstructor;
headerClass: StringConstructor;
bodyClass: StringConstructor;
footerClass: StringConstructor;
width: {
readonly type: import('vue').PropType<string | number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
zIndex: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
trapFocus: BooleanConstructor;
center: BooleanConstructor;
alignCenter: BooleanConstructor;
closeIcon: {
readonly type: import('vue').PropType<string | import('vue').Component>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
draggable: BooleanConstructor;
overflow: BooleanConstructor;
fullscreen: BooleanConstructor;
showClose: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
title: {
readonly type: import('vue').PropType<string>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: "";
};
ariaLevel: {
readonly type: import('vue').PropType<string>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: "2";
};
}>, {
drawerRef: import('vue').Ref<ElDrawerInstance, ElDrawerInstance>;
drawerClass: import('vue').ComputedRef<string>;
teleportTo: import('vue').ComputedRef<string | Element>;
teleportDisabled: import('vue').ComputedRef<boolean>;
handleClose: () => void;
updateModelValue: (value: boolean) => void;
handleDrawerOpen: () => void;
handleDrawerOpened: () => void;
handleDrawerClose: () => void;
handleDrawerClosed: () => void;
handleDrawerOpenAutoFocus: () => void;
handleDrawerCloseAutoFocus: () => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
open: () => boolean;
opened: () => boolean;
close: () => boolean;
closed: () => boolean;
"update:modelValue": (value: boolean) => boolean;
openAutoFocus: () => boolean;
closeAutoFocus: () => boolean;
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
headerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
titleStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
footerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
closeBtnStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
inner: BooleanConstructor;
direction: {
readonly type: import('vue').PropType<"ltr" | "rtl" | "ttb" | "btt">;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: "rtl";
};
size: {
readonly type: import('vue').PropType<string | number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: "30%";
};
withHeader: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
modalFade: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
headerAriaLevel: {
readonly type: import('vue').PropType<string>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: "2";
};
appendToBody: BooleanConstructor;
appendTo: {
readonly type: import('vue').PropType<string | HTMLElement>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: "body";
};
beforeClose: {
readonly type: import('vue').PropType<import('element-plus').DialogBeforeCloseFn>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
destroyOnClose: BooleanConstructor;
closeOnClickModal: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
closeOnPressEscape: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
lockScroll: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
modal: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
openDelay: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 0;
};
closeDelay: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 0;
};
top: {
readonly type: import('vue').PropType<string>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
modelValue: BooleanConstructor;
modalClass: StringConstructor;
headerClass: StringConstructor;
bodyClass: StringConstructor;
footerClass: StringConstructor;
width: {
readonly type: import('vue').PropType<string | number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
zIndex: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
trapFocus: BooleanConstructor;
center: BooleanConstructor;
alignCenter: BooleanConstructor;
closeIcon: {
readonly type: import('vue').PropType<string | import('vue').Component>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
draggable: BooleanConstructor;
overflow: BooleanConstructor;
fullscreen: BooleanConstructor;
showClose: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
title: {
readonly type: import('vue').PropType<string>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: "";
};
ariaLevel: {
readonly type: import('vue').PropType<string>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: "2";
};
}>> & Readonly<{
onClose?: (() => any) | undefined;
onOpen?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
onClosed?: (() => any) | undefined;
onOpened?: (() => any) | undefined;
onOpenAutoFocus?: (() => any) | undefined;
onCloseAutoFocus?: (() => any) | undefined;
}>, {
title: string;
center: boolean;
modelValue: boolean;
appendTo: string | HTMLElement;
size: string | number;
appendToBody: boolean;
destroyOnClose: boolean;
closeOnClickModal: boolean;
closeOnPressEscape: boolean;
lockScroll: boolean;
modal: boolean;
openDelay: number;
closeDelay: number;
trapFocus: boolean;
headerAriaLevel: string;
alignCenter: boolean;
draggable: boolean;
overflow: boolean;
fullscreen: boolean;
showClose: boolean;
ariaLevel: string;
direction: "ltr" | "rtl" | "ttb" | "btt";
withHeader: boolean;
modalFade: boolean;
inner: boolean;
}, {}, {
ElDrawer: {
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
readonly direction: {
readonly type: import('vue').PropType<"ltr" | "rtl" | "ttb" | "btt">;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: "rtl";
};
readonly size: {
readonly type: import('vue').PropType<string | number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: "30%";
};
readonly withHeader: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
readonly modalFade: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
readonly headerAriaLevel: {
readonly type: import('vue').PropType<string>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: "2";
};
readonly appendToBody: BooleanConstructor;
readonly appendTo: {
readonly type: import('vue').PropType<string | HTMLElement>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: "body";
};
readonly beforeClose: {
readonly type: import('vue').PropType<import('element-plus').DialogBeforeCloseFn>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly destroyOnClose: BooleanConstructor;
readonly closeOnClickModal: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
readonly closeOnPressEscape: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
readonly lockScroll: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
readonly modal: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
readonly openDelay: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 0;
};
readonly closeDelay: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 0;
};
readonly top: {
readonly type: import('vue').PropType<string>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly modelValue: BooleanConstructor;
readonly modalClass: StringConstructor;
readonly headerClass: StringConstructor;
readonly bodyClass: StringConstructor;
readonly footerClass: StringConstructor;
readonly width: {
readonly type: import('vue').PropType<string | number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly zIndex: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly trapFocus: BooleanConstructor;
readonly center: BooleanConstructor;
readonly alignCenter: BooleanConstructor;
readonly closeIcon: {
readonly type: import('vue').PropType<string | import('vue').Component>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly draggable: BooleanConstructor;
readonly overflow: BooleanConstructor;
readonly fullscreen: BooleanConstructor;
readonly showClose: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
readonly title: {
readonly type: import('vue').PropType<string>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: "";
};
readonly ariaLevel: {
readonly type: import('vue').PropType<string>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: "2";
};
}>> & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
onOpen?: (() => any) | undefined;
onClose?: (() => any) | undefined;
onOpened?: (() => any) | undefined;
onClosed?: (() => any) | undefined;
onOpenAutoFocus?: (() => any) | undefined;
onCloseAutoFocus?: (() => any) | undefined;
}, {
handleClose: () => void;
afterEnter: () => void;
afterLeave: () => void;
}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
open: () => void;
"update:modelValue": (value: boolean) => void;
close: () => void;
opened: () => void;
closed: () => void;
openAutoFocus: () => void;
closeAutoFocus: () => void;
}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {
readonly title: string;
readonly center: boolean;
readonly direction: "ltr" | "rtl" | "ttb" | "btt";
readonly overflow: boolean;
readonly size: string | number;
readonly modelValue: boolean;
readonly ariaLevel: string;
readonly appendTo: string | HTMLElement;
readonly showClose: boolean;
readonly alignCenter: boolean;
readonly draggable: boolean;
readonly fullscreen: boolean;
readonly closeOnClickModal: boolean;
readonly closeOnPressEscape: boolean;
readonly lockScroll: boolean;
readonly modal: boolean;
readonly openDelay: number;
readonly closeDelay: number;
readonly headerAriaLevel: string;
readonly appendToBody: boolean;
readonly destroyOnClose: boolean;
readonly trapFocus: boolean;
readonly withHeader: boolean;
readonly modalFade: boolean;
}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import('vue').ExtractPropTypes<{
readonly direction: {
readonly type: import('vue').PropType<"ltr" | "rtl" | "ttb" | "btt">;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: "rtl";
};
readonly size: {
readonly type: import('vue').PropType<string | number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: "30%";
};
readonly withHeader: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
readonly modalFade: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
readonly headerAriaLevel: {
readonly type: import('vue').PropType<string>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: "2";
};
readonly appendToBody: BooleanConstructor;
readonly appendTo: {
readonly type: import('vue').PropType<string | HTMLElement>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: "body";
};
readonly beforeClose: {
readonly type: import('vue').PropType<import('element-plus').DialogBeforeCloseFn>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly destroyOnClose: BooleanConstructor;
readonly closeOnClickModal: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
readonly closeOnPressEscape: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
readonly lockScroll: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
readonly modal: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
readonly openDelay: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 0;
};
readonly closeDelay: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 0;
};
readonly top: {
readonly type: import('vue').PropType<string>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly modelValue: BooleanConstructor;
readonly modalClass: StringConstructor;
readonly headerClass: StringConstructor;
readonly bodyClass: StringConstructor;
readonly footerClass: StringConstructor;
readonly width: {
readonly type: import('vue').PropType<string | number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly zIndex: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly trapFocus: BooleanConstructor;
readonly center: BooleanConstructor;
readonly alignCenter: BooleanConstructor;
readonly closeIcon: {
readonly type: import('vue').PropType<string | import('vue').Component>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly draggable: BooleanConstructor;
readonly overflow: BooleanConstructor;
readonly fullscreen: BooleanConstructor;
readonly showClose: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
readonly title: {
readonly type: import('vue').PropType<string>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: "";
};
readonly ariaLevel: {
readonly type: import('vue').PropType<string>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: "2";
};
}>> & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
onOpen?: (() => any) | undefined;
onClose?: (() => any) | undefined;
onOpened?: (() => any) | undefined;
onClosed?: (() => any) | undefined;
onOpenAutoFocus?: (() => any) | undefined;
onCloseAutoFocus?: (() => any) | undefined;
}, {
handleClose: () => void;
afterEnter: () => void;
afterLeave: () => void;
}, {}, {}, {}, {
readonly title: string;
readonly center: boolean;
readonly direction: "ltr" | "rtl" | "ttb" | "btt";
readonly overflow: boolean;
readonly size: string | number;
readonly modelValue: boolean;
readonly ariaLevel: string;
readonly appendTo: string | HTMLElement;
readonly showClose: boolean;
readonly alignCenter: boolean;
readonly draggable: boolean;
readonly fullscreen: boolean;
readonly closeOnClickModal: boolean;
readonly closeOnPressEscape: boolean;
readonly lockScroll: boolean;
readonly modal: boolean;
readonly openDelay: number;
readonly closeDelay: number;
readonly headerAriaLevel: string;
readonly appendToBody: boolean;
readonly destroyOnClose: boolean;
readonly trapFocus: boolean;
readonly withHeader: boolean;
readonly modalFade: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
readonly direction: {
readonly type: import('vue').PropType<"ltr" | "rtl" | "ttb" | "btt">;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: "rtl";
};
readonly size: {
readonly type: import('vue').PropType<string | number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: "30%";
};
readonly withHeader: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
readonly modalFade: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
readonly headerAriaLevel: {
readonly type: import('vue').PropType<string>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: "2";
};
readonly appendToBody: BooleanConstructor;
readonly appendTo: {
readonly type: import('vue').PropType<string | HTMLElement>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: "body";
};
readonly beforeClose: {
readonly type: import('vue').PropType<import('element-plus').DialogBeforeCloseFn>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly destroyOnClose: BooleanConstructor;
readonly closeOnClickModal: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
readonly closeOnPressEscape: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
readonly lockScroll: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
readonly modal: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
readonly openDelay: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 0;
};
readonly closeDelay: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 0;
};
readonly top: {
readonly type: import('vue').PropType<string>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly modelValue: BooleanConstructor;
readonly modalClass: StringConstructor;
readonly headerClass: StringConstructor;
readonly bodyClass: StringConstructor;
readonly footerClass: StringConstructor;
readonly width: {
readonly type: import('vue').PropType<string | number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly zIndex: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly trapFocus: BooleanConstructor;
readonly center: BooleanConstructor;
readonly alignCenter: BooleanConstructor;
readonly closeIcon: {
readonly type: import('vue').PropType<string | import('vue').Component>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly draggable: BooleanConstructor;
readonly overflow: BooleanConstructor;
readonly fullscreen: BooleanConstructor;
readonly showClose: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
readonly title: {
readonly type: import('vue').PropType<string>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: "";
};
readonly ariaLevel: {
readonly type: import('vue').PropType<string>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: "2";
};
}>> & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
onOpen?: (() => any) | undefined;
onClose?: (() => any) | undefined;
onOpened?: (() => any) | undefined;
onClosed?: (() => any) | undefined;
onOpenAutoFocus?: (() => any) | undefined;
onCloseAutoFocus?: (() => any) | undefined;
}, {
handleClose: () => void;
afterEnter: () => void;
afterLeave: () => void;
}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
open: () => void;
"update:modelValue": (value: boolean) => void;
close: () => void;
opened: () => void;
closed: () => void;
openAutoFocus: () => void;
closeAutoFocus: () => void;
}, string, {
readonly title: string;
readonly center: boolean;
readonly direction: "ltr" | "rtl" | "ttb" | "btt";
readonly overflow: boolean;
readonly size: string | number;
readonly modelValue: boolean;
readonly ariaLevel: string;
readonly appendTo: string | HTMLElement;
readonly showClose: boolean;
readonly alignCenter: boolean;
readonly draggable: boolean;
readonly fullscreen: boolean;
readonly closeOnClickModal: boolean;
readonly closeOnPressEscape: boolean;
readonly lockScroll: boolean;
readonly modal: boolean;
readonly openDelay: number;
readonly closeDelay: number;
readonly headerAriaLevel: string;
readonly appendToBody: boolean;
readonly destroyOnClose: boolean;
readonly trapFocus: boolean;
readonly withHeader: boolean;
readonly modalFade: boolean;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
$slots: {
header?(_: {
close: () => void;
titleId: string;
titleClass: string;
}): any;
title?(_: {}): any;
default?(_: {}): any;
footer?(_: {}): any;
};
}) & import('vue').Plugin;
ElIcon: {
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
readonly size: {
readonly type: import('vue').PropType<string | number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly color: {
readonly type: import('vue').PropType<string>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
}>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, Record<string, any>, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import('vue').ExtractPropTypes<{
readonly size: {
readonly type: import('vue').PropType<string | number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly color: {
readonly type: import('vue').PropType<string>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
}>>, {}, {}, {}, {}, {}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
readonly size: {
readonly type: import('vue').PropType<string | number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly color: {
readonly type: import('vue').PropType<string>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
}>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, Record<string, any>, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
$slots: {
default?(_: {}): any;
};
}) & import('vue').Plugin;
CloseOutlined: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
ReceiverView: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
wrapPosition: {
type: BooleanConstructor;
default: boolean;
};
}>, {
authenticated: import('vue').Ref<boolean, boolean>;
watermark: string[];
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
wrapPosition: {
type: BooleanConstructor;
default: boolean;
};
}>> & Readonly<{}>, {
wrapPosition: boolean;
}, {}, {
EleWatermark: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
width: NumberConstructor;
height: NumberConstructor;
rotate: NumberConstructor;
zIndex: NumberConstructor;
image: StringConstructor;
content: import('vue').PropType<string | string[]>;
font: import('vue').PropType<import('../ele-watermark/types').WatermarkFont>;
gap: import('vue').PropType<import('../ele-watermark/types').WatermarkGap>;
offset: import('vue').PropType<import('../ele-watermark/types').WatermarkOffset>;
lineGap: {
type: NumberConstructor;
default: number;
};
customStyle: import('vue').PropType<Exclude<import('../ele-app/types').StyleValue, string>>;
fixed: BooleanConstructor;
wrapPosition: {
type: BooleanConstructor;
default: boolean;
};
disabled: BooleanConstructor;
}>, {
rootKey: import('vue').Ref<number, number>;
rootRef: import('vue').Ref<HTMLDivElement | null, HTMLDivElement | null>;
imgRef: import('vue').Ref<HTMLDivElement | null, HTMLDivElement | null>;
imgStyle: import('vue').Ref<Partial<import('vue').CSSProperties>, Partial<import('vue').CSSProperties>>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
width: NumberConstructor;
height: NumberConstructor;
rotate: NumberConstructor;
zIndex: NumberConstructor;
image: StringConstructor;
content: import('vue').PropType<string | string[]>;
font: import('vue').PropType<import('../ele-watermark/types').WatermarkFont>;
gap: import('vue').PropType<import('../ele-watermark/types').WatermarkGap>;
offset: import('vue').PropType<import('../ele-watermark/types').WatermarkOffset>;
lineGap: {
type: NumberConstructor;
default: number;
};
customStyle: import('vue').PropType<Exclude<import('../ele-app/types').StyleValue, string>>;
fixed: BooleanConstructor;
wrapPosition: {
type: BooleanConstructor;
default: boolean;
};
disabled: BooleanConstructor;
}>> & Readonly<{}>, {
fixed: boolean;
disabled: boolean;
lineGap: number;
wrapPosition: boolean;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
export default _default;