vexip-ui
Version:
A Vue 3 UI library, Highly customizability, full TypeScript, performance pretty good
510 lines (509 loc) • 31.5 kB
TypeScript
import { nextTick } from 'vue';
import { ModalSlots } from './symbol';
declare function handleConfirm(): void;
declare function handleCancel(): void;
declare function handleClose(isConfirm?: boolean): Promise<unknown>;
declare function __VLS_template(): {
attrs: Partial<{}>;
slots: Readonly<ModalSlots> & ModalSlots;
refs: {
masker: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{}> & Omit<{
readonly transfer?: string | boolean | undefined;
readonly inherit?: boolean | undefined;
readonly active?: boolean | undefined;
readonly inner?: boolean | undefined;
readonly transitionName?: string | undefined;
readonly onMaskClick?: ((event: MouseEvent) => void) | ((event: MouseEvent) => void)[] | undefined;
readonly onShow?: import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[] | undefined;
readonly onHide?: import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[] | undefined;
readonly disabled?: boolean | undefined;
readonly onResize?: ((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[] | undefined;
readonly onToggle?: ((active: boolean) => void) | ((active: boolean) => void)[] | undefined;
readonly onClose?: import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[] | undefined;
readonly closable?: boolean | undefined;
readonly maskTransition?: string | undefined;
readonly autoRemove?: boolean | undefined;
readonly permeable?: boolean | undefined;
readonly disableEsc?: boolean | undefined;
readonly onBeforeClose?: (() => any | Promise<any>) | undefined;
readonly "onUpdate:active"?: ((...args: any[]) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
wrapper: HTMLDivElement;
topTrap: HTMLDivElement;
bottomTrap: HTMLDivElement;
};
$slots: Readonly<{
[name: string]: import('vue').Slot<any> | undefined;
}>;
$root: import('vue').ComponentPublicInstance | null;
$parent: import('vue').ComponentPublicInstance | null;
$host: Element | null;
$emit: (event: "update:active", ...args: any[]) => void;
$el: any;
$options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
inherit: import('vue').PropType<boolean>;
active: import('vue').PropType<boolean>;
closable: import('vue').PropType<boolean>;
inner: import('vue').PropType<boolean>;
maskTransition: import('vue').PropType<string>;
transitionName: import('vue').PropType<string>;
disabled: import('vue').PropType<boolean>;
onBeforeClose: import('vue').PropType<() => any | Promise<any>>;
transfer: import('vue').PropType<string | boolean>;
autoRemove: import('vue').PropType<boolean>;
permeable: import('vue').PropType<boolean>;
disableEsc: import('vue').PropType<boolean>;
onToggle: import('vue').PropType<((active: boolean) => void) | ((active: boolean) => void)[]>;
onClose: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onHide: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onShow: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onResize: import('vue').PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
onMaskClick: import('vue').PropType<((event: MouseEvent) => void) | ((event: MouseEvent) => void)[]>;
}>> & Readonly<{
"onUpdate:active"?: ((...args: any[]) => any) | undefined;
}>, {
currentActive: import('vue').Ref<boolean, boolean>;
zIndex: import('vue').Ref<number, number>;
wrapperShow: import('vue').Ref<boolean, boolean>;
wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
topTrap: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
bottomTrap: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:active": (...args: any[]) => void;
}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
} & Readonly<{}> & Omit<Readonly<import('vue').ExtractPropTypes<{
inherit: import('vue').PropType<boolean>;
active: import('vue').PropType<boolean>;
closable: import('vue').PropType<boolean>;
inner: import('vue').PropType<boolean>;
maskTransition: import('vue').PropType<string>;
transitionName: import('vue').PropType<string>;
disabled: import('vue').PropType<boolean>;
onBeforeClose: import('vue').PropType<() => any | Promise<any>>;
transfer: import('vue').PropType<string | boolean>;
autoRemove: import('vue').PropType<boolean>;
permeable: import('vue').PropType<boolean>;
disableEsc: import('vue').PropType<boolean>;
onToggle: import('vue').PropType<((active: boolean) => void) | ((active: boolean) => void)[]>;
onClose: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onHide: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onShow: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onResize: import('vue').PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
onMaskClick: import('vue').PropType<((event: MouseEvent) => void) | ((event: MouseEvent) => void)[]>;
}>> & Readonly<{
"onUpdate:active"?: ((...args: any[]) => any) | undefined;
}>, "currentActive" | "zIndex" | "wrapper" | "wrapperShow" | "topTrap" | "bottomTrap"> & import('vue').ShallowUnwrapRef<{
currentActive: import('vue').Ref<boolean, boolean>;
zIndex: import('vue').Ref<number, number>;
wrapperShow: import('vue').Ref<boolean, boolean>;
wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
topTrap: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
bottomTrap: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: Readonly<{
mask?: () => any;
default?: (params: {
show: boolean;
}) => any;
}> & {
mask?: () => any;
default?: (params: {
show: boolean;
}) => any;
};
}) | null;
wrapper: HTMLDivElement;
header: HTMLDivElement;
footer: HTMLDivElement;
resizer: HTMLDivElement;
};
rootEl: any;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
inherit: import('vue').PropType<boolean>;
locale: import('vue').PropType<Partial<{
confirm: string;
cancel: string;
}>>;
transfer: import('vue').PropType<string | boolean>;
active: import('vue').PropType<boolean>;
width: import('vue').PropType<string | number>;
height: import('vue').PropType<string | number>;
top: import('vue').PropType<string | number>;
left: import('vue').PropType<string | number>;
right: import('vue').PropType<string | number>;
bottom: import('vue').PropType<string | number>;
title: import('vue').PropType<string>;
closable: import('vue').PropType<boolean>;
inner: import('vue').PropType<boolean>;
maskClose: import('vue').PropType<boolean>;
modalClass: import('vue').PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
modalStyle: import('vue').PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
noFooter: import('vue').PropType<boolean>;
hideMask: import('vue').PropType<boolean>;
draggable: import('vue').PropType<boolean>;
resizable: import('vue').PropType<boolean>;
onBeforeClose: import('vue').PropType<(isConfirm: boolean) => any>;
loading: import('vue').PropType<boolean>;
minWidth: import('vue').PropType<number>;
minHeight: import('vue').PropType<number>;
transitionName: import('vue').PropType<string>;
confirmText: import('vue').PropType<string>;
cancelText: import('vue').PropType<string>;
actionSize: import('vue').PropType<"default" | "small" | "large">;
autoRemove: import('vue').PropType<boolean>;
confirmType: import('vue').PropType<"default" | "success" | "error" | "warning" | "info" | "primary">;
confirmProps: import('vue').PropType<{} & {
size?: "default" | "small" | "large" | undefined;
inherit?: boolean | undefined;
type?: "default" | "success" | "error" | "warning" | "info" | "primary" | undefined;
color?: string | undefined;
loading?: boolean | undefined;
icon?: any;
slots?: import('../button').ButtonSlots | undefined;
circle?: boolean | undefined;
text?: boolean | undefined;
onClick?: ((event: MouseEvent) => void) | ((event: MouseEvent) => void)[] | undefined;
disabled?: boolean | undefined;
ghost?: boolean | undefined;
tag?: string | undefined;
badge?: string | number | undefined;
dashed?: boolean | undefined;
simple?: boolean | undefined;
loadingIcon?: any;
block?: boolean | undefined;
noPulse?: boolean | undefined;
loadingEffect?: string | undefined;
buttonType?: "button" | "reset" | "submit" | undefined;
}>;
cancelType: import('vue').PropType<"default" | "success" | "error" | "warning" | "info" | "primary">;
cancelProps: import('vue').PropType<{} & {
size?: "default" | "small" | "large" | undefined;
inherit?: boolean | undefined;
type?: "default" | "success" | "error" | "warning" | "info" | "primary" | undefined;
color?: string | undefined;
loading?: boolean | undefined;
icon?: any;
slots?: import('../button').ButtonSlots | undefined;
circle?: boolean | undefined;
text?: boolean | undefined;
onClick?: ((event: MouseEvent) => void) | ((event: MouseEvent) => void)[] | undefined;
disabled?: boolean | undefined;
ghost?: boolean | undefined;
tag?: string | undefined;
badge?: string | number | undefined;
dashed?: boolean | undefined;
simple?: boolean | undefined;
loadingIcon?: any;
block?: boolean | undefined;
noPulse?: boolean | undefined;
loadingEffect?: string | undefined;
buttonType?: "button" | "reset" | "submit" | undefined;
}>;
undivided: import('vue').PropType<boolean>;
xOffset: import('vue').PropType<string | number>;
yOffset: import('vue').PropType<string | number>;
disableEsc: import('vue').PropType<boolean>;
slots: import('vue').PropType<ModalSlots>;
onToggle: import('vue').PropType<((active: boolean) => void) | ((active: boolean) => void)[]>;
onConfirm: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onCancel: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onClose: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onShow: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onHide: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onDragStart: import('vue').PropType<((position: import('./symbol').PositionPayload) => void) | ((position: import('./symbol').PositionPayload) => void)[]>;
onDragMove: import('vue').PropType<((position: import('./symbol').PositionPayload) => void) | ((position: import('./symbol').PositionPayload) => void)[]>;
onDragEnd: import('vue').PropType<((position: import('./symbol').PositionPayload) => void) | ((position: import('./symbol').PositionPayload) => void)[]>;
onResizeStart: import('vue').PropType<((size: import('./symbol').SizePayload) => void) | ((size: import('./symbol').SizePayload) => void)[]>;
onResizeMove: import('vue').PropType<((size: import('./symbol').SizePayload) => void) | ((size: import('./symbol').SizePayload) => void)[]>;
onResizeEnd: import('vue').PropType<((size: import('./symbol').SizePayload) => void) | ((size: import('./symbol').SizePayload) => void)[]>;
}>, {
dragging: import('vue').ComputedRef<boolean>;
resizing: import('vue').ComputedRef<boolean>;
titleId: Readonly<import('vue').Ref<any, any>>;
bodyId: Readonly<import('vue').Ref<any, any>>;
wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
header: import('vue').Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
footer: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
resizer: import('vue').Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
handleResize: () => void;
handleConfirm: typeof handleConfirm;
handleCancel: typeof handleCancel;
handleClose: typeof handleClose;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:active": (...args: any[]) => void;
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
inherit: import('vue').PropType<boolean>;
locale: import('vue').PropType<Partial<{
confirm: string;
cancel: string;
}>>;
transfer: import('vue').PropType<string | boolean>;
active: import('vue').PropType<boolean>;
width: import('vue').PropType<string | number>;
height: import('vue').PropType<string | number>;
top: import('vue').PropType<string | number>;
left: import('vue').PropType<string | number>;
right: import('vue').PropType<string | number>;
bottom: import('vue').PropType<string | number>;
title: import('vue').PropType<string>;
closable: import('vue').PropType<boolean>;
inner: import('vue').PropType<boolean>;
maskClose: import('vue').PropType<boolean>;
modalClass: import('vue').PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
modalStyle: import('vue').PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
noFooter: import('vue').PropType<boolean>;
hideMask: import('vue').PropType<boolean>;
draggable: import('vue').PropType<boolean>;
resizable: import('vue').PropType<boolean>;
onBeforeClose: import('vue').PropType<(isConfirm: boolean) => any>;
loading: import('vue').PropType<boolean>;
minWidth: import('vue').PropType<number>;
minHeight: import('vue').PropType<number>;
transitionName: import('vue').PropType<string>;
confirmText: import('vue').PropType<string>;
cancelText: import('vue').PropType<string>;
actionSize: import('vue').PropType<"default" | "small" | "large">;
autoRemove: import('vue').PropType<boolean>;
confirmType: import('vue').PropType<"default" | "success" | "error" | "warning" | "info" | "primary">;
confirmProps: import('vue').PropType<{} & {
size?: "default" | "small" | "large" | undefined;
inherit?: boolean | undefined;
type?: "default" | "success" | "error" | "warning" | "info" | "primary" | undefined;
color?: string | undefined;
loading?: boolean | undefined;
icon?: any;
slots?: import('../button').ButtonSlots | undefined;
circle?: boolean | undefined;
text?: boolean | undefined;
onClick?: ((event: MouseEvent) => void) | ((event: MouseEvent) => void)[] | undefined;
disabled?: boolean | undefined;
ghost?: boolean | undefined;
tag?: string | undefined;
badge?: string | number | undefined;
dashed?: boolean | undefined;
simple?: boolean | undefined;
loadingIcon?: any;
block?: boolean | undefined;
noPulse?: boolean | undefined;
loadingEffect?: string | undefined;
buttonType?: "button" | "reset" | "submit" | undefined;
}>;
cancelType: import('vue').PropType<"default" | "success" | "error" | "warning" | "info" | "primary">;
cancelProps: import('vue').PropType<{} & {
size?: "default" | "small" | "large" | undefined;
inherit?: boolean | undefined;
type?: "default" | "success" | "error" | "warning" | "info" | "primary" | undefined;
color?: string | undefined;
loading?: boolean | undefined;
icon?: any;
slots?: import('../button').ButtonSlots | undefined;
circle?: boolean | undefined;
text?: boolean | undefined;
onClick?: ((event: MouseEvent) => void) | ((event: MouseEvent) => void)[] | undefined;
disabled?: boolean | undefined;
ghost?: boolean | undefined;
tag?: string | undefined;
badge?: string | number | undefined;
dashed?: boolean | undefined;
simple?: boolean | undefined;
loadingIcon?: any;
block?: boolean | undefined;
noPulse?: boolean | undefined;
loadingEffect?: string | undefined;
buttonType?: "button" | "reset" | "submit" | undefined;
}>;
undivided: import('vue').PropType<boolean>;
xOffset: import('vue').PropType<string | number>;
yOffset: import('vue').PropType<string | number>;
disableEsc: import('vue').PropType<boolean>;
slots: import('vue').PropType<ModalSlots>;
onToggle: import('vue').PropType<((active: boolean) => void) | ((active: boolean) => void)[]>;
onConfirm: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onCancel: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onClose: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onShow: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onHide: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onDragStart: import('vue').PropType<((position: import('./symbol').PositionPayload) => void) | ((position: import('./symbol').PositionPayload) => void)[]>;
onDragMove: import('vue').PropType<((position: import('./symbol').PositionPayload) => void) | ((position: import('./symbol').PositionPayload) => void)[]>;
onDragEnd: import('vue').PropType<((position: import('./symbol').PositionPayload) => void) | ((position: import('./symbol').PositionPayload) => void)[]>;
onResizeStart: import('vue').PropType<((size: import('./symbol').SizePayload) => void) | ((size: import('./symbol').SizePayload) => void)[]>;
onResizeMove: import('vue').PropType<((size: import('./symbol').SizePayload) => void) | ((size: import('./symbol').SizePayload) => void)[]>;
onResizeEnd: import('vue').PropType<((size: import('./symbol').SizePayload) => void) | ((size: import('./symbol').SizePayload) => void)[]>;
}>> & Readonly<{
"onUpdate:active"?: ((...args: any[]) => any) | undefined;
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
masker: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{}> & Omit<{
readonly transfer?: string | boolean | undefined;
readonly inherit?: boolean | undefined;
readonly active?: boolean | undefined;
readonly inner?: boolean | undefined;
readonly transitionName?: string | undefined;
readonly onMaskClick?: ((event: MouseEvent) => void) | ((event: MouseEvent) => void)[] | undefined;
readonly onShow?: import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[] | undefined;
readonly onHide?: import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[] | undefined;
readonly disabled?: boolean | undefined;
readonly onResize?: ((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[] | undefined;
readonly onToggle?: ((active: boolean) => void) | ((active: boolean) => void)[] | undefined;
readonly onClose?: import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[] | undefined;
readonly closable?: boolean | undefined;
readonly maskTransition?: string | undefined;
readonly autoRemove?: boolean | undefined;
readonly permeable?: boolean | undefined;
readonly disableEsc?: boolean | undefined;
readonly onBeforeClose?: (() => any | Promise<any>) | undefined;
readonly "onUpdate:active"?: ((...args: any[]) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
wrapper: HTMLDivElement;
topTrap: HTMLDivElement;
bottomTrap: HTMLDivElement;
};
$slots: Readonly<{
[name: string]: import('vue').Slot<any> | undefined;
}>;
$root: import('vue').ComponentPublicInstance | null;
$parent: import('vue').ComponentPublicInstance | null;
$host: Element | null;
$emit: (event: "update:active", ...args: any[]) => void;
$el: any;
$options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
inherit: import('vue').PropType<boolean>;
active: import('vue').PropType<boolean>;
closable: import('vue').PropType<boolean>;
inner: import('vue').PropType<boolean>;
maskTransition: import('vue').PropType<string>;
transitionName: import('vue').PropType<string>;
disabled: import('vue').PropType<boolean>;
onBeforeClose: import('vue').PropType<() => any | Promise<any>>;
transfer: import('vue').PropType<string | boolean>;
autoRemove: import('vue').PropType<boolean>;
permeable: import('vue').PropType<boolean>;
disableEsc: import('vue').PropType<boolean>;
onToggle: import('vue').PropType<((active: boolean) => void) | ((active: boolean) => void)[]>;
onClose: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onHide: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onShow: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onResize: import('vue').PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
onMaskClick: import('vue').PropType<((event: MouseEvent) => void) | ((event: MouseEvent) => void)[]>;
}>> & Readonly<{
"onUpdate:active"?: ((...args: any[]) => any) | undefined;
}>, {
currentActive: import('vue').Ref<boolean, boolean>;
zIndex: import('vue').Ref<number, number>;
wrapperShow: import('vue').Ref<boolean, boolean>;
wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
topTrap: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
bottomTrap: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:active": (...args: any[]) => void;
}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
} & Readonly<{}> & Omit<Readonly<import('vue').ExtractPropTypes<{
inherit: import('vue').PropType<boolean>;
active: import('vue').PropType<boolean>;
closable: import('vue').PropType<boolean>;
inner: import('vue').PropType<boolean>;
maskTransition: import('vue').PropType<string>;
transitionName: import('vue').PropType<string>;
disabled: import('vue').PropType<boolean>;
onBeforeClose: import('vue').PropType<() => any | Promise<any>>;
transfer: import('vue').PropType<string | boolean>;
autoRemove: import('vue').PropType<boolean>;
permeable: import('vue').PropType<boolean>;
disableEsc: import('vue').PropType<boolean>;
onToggle: import('vue').PropType<((active: boolean) => void) | ((active: boolean) => void)[]>;
onClose: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onHide: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onShow: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onResize: import('vue').PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
onMaskClick: import('vue').PropType<((event: MouseEvent) => void) | ((event: MouseEvent) => void)[]>;
}>> & Readonly<{
"onUpdate:active"?: ((...args: any[]) => any) | undefined;
}>, "currentActive" | "zIndex" | "wrapper" | "wrapperShow" | "topTrap" | "bottomTrap"> & import('vue').ShallowUnwrapRef<{
currentActive: import('vue').Ref<boolean, boolean>;
zIndex: import('vue').Ref<number, number>;
wrapperShow: import('vue').Ref<boolean, boolean>;
wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
topTrap: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
bottomTrap: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: Readonly<{
mask?: () => any;
default?: (params: {
show: boolean;
}) => any;
}> & {
mask?: () => any;
default?: (params: {
show: boolean;
}) => any;
};
}) | null;
wrapper: HTMLDivElement;
header: HTMLDivElement;
footer: HTMLDivElement;
resizer: HTMLDivElement;
}, any>;
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
new (): {
$slots: S;
};
};