@extclp/vexip-ui/dist/components/drawer/drawer.vue.d.ts

A Vue 3 UI library, Highly customizability, full TypeScript, performance pretty good

import { DrawerSlots } from './symbol';
declare function handleClose(isConfirm?: boolean): Promise<unknown>;
declare function handleConfirm(): void;
declare function handleCancel(): void;
declare function __VLS_template(): {
    attrs: Partial<{}>;
    slots: Readonly<DrawerSlots> & DrawerSlots;
    refs: {
        wrapper: HTMLElement;
        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>;
    placement: import('vue').PropType<"bottom" | "top" | "right" | "left">;
    title: import('vue').PropType<string>;
    closable: import('vue').PropType<boolean>;
    inner: import('vue').PropType<boolean>;
    maskClose: import('vue').PropType<boolean>;
    drawerClass: import('vue').PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
    hideMask: import('vue').PropType<boolean>;
    onBeforeClose: import('vue').PropType<(isConfirm?: boolean) => any>;
    resizable: import('vue').PropType<boolean>;
    autoRemove: import('vue').PropType<boolean>;
    footer: import('vue').PropType<boolean>;
    confirmText: import('vue').PropType<string>;
    cancelText: import('vue').PropType<string>;
    loading: 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;
    }>;
    actionSize: import('vue').PropType<"default" | "small" | "large">;
    undivided: import('vue').PropType<boolean>;
    disableEsc: import('vue').PropType<boolean>;
    slots: import('vue').PropType<DrawerSlots>;
    onToggle: import('vue').PropType<((active: boolean) => void) | ((active: boolean) => void)[]>;
    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[]>;
    onResizeStart: import('vue').PropType<((rect: {
        width: number;
        height: number;
    }) => void) | ((rect: {
        width: number;
        height: number;
    }) => void)[]>;
    onResizeMove: import('vue').PropType<((rect: {
        width: number;
        height: number;
    }) => void) | ((rect: {
        width: number;
        height: number;
    }) => void)[]>;
    onResizeEnd: import('vue').PropType<((rect: {
        width: number;
        height: number;
    }) => void) | ((rect: {
        width: number;
        height: number;
    }) => 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[]>;
}>, {
    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>;
    resizer: import('vue').Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
    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>;
    placement: import('vue').PropType<"bottom" | "top" | "right" | "left">;
    title: import('vue').PropType<string>;
    closable: import('vue').PropType<boolean>;
    inner: import('vue').PropType<boolean>;
    maskClose: import('vue').PropType<boolean>;
    drawerClass: import('vue').PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
    hideMask: import('vue').PropType<boolean>;
    onBeforeClose: import('vue').PropType<(isConfirm?: boolean) => any>;
    resizable: import('vue').PropType<boolean>;
    autoRemove: import('vue').PropType<boolean>;
    footer: import('vue').PropType<boolean>;
    confirmText: import('vue').PropType<string>;
    cancelText: import('vue').PropType<string>;
    loading: 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;
    }>;
    actionSize: import('vue').PropType<"default" | "small" | "large">;
    undivided: import('vue').PropType<boolean>;
    disableEsc: import('vue').PropType<boolean>;
    slots: import('vue').PropType<DrawerSlots>;
    onToggle: import('vue').PropType<((active: boolean) => void) | ((active: boolean) => void)[]>;
    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[]>;
    onResizeStart: import('vue').PropType<((rect: {
        width: number;
        height: number;
    }) => void) | ((rect: {
        width: number;
        height: number;
    }) => void)[]>;
    onResizeMove: import('vue').PropType<((rect: {
        width: number;
        height: number;
    }) => void) | ((rect: {
        width: number;
        height: number;
    }) => void)[]>;
    onResizeEnd: import('vue').PropType<((rect: {
        width: number;
        height: number;
    }) => void) | ((rect: {
        width: number;
        height: number;
    }) => 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[]>;
}>> & Readonly<{
    "onUpdate:active"?: ((...args: any[]) => any) | undefined;
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
    wrapper: HTMLElement;
    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;
    };
};