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

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

import { Key, MessageConfig } from './symbol';
declare function add(options: Record<string, any>): Promise<void>;
declare function remove(key: Key): Promise<boolean>;
declare function config(config: MessageConfig): void;
declare function clear(): void;
declare const _default: import('vue').DefineComponent<{}, {
    popup: ({
        $: import('vue').ComponentInternalInstance;
        $data: {};
        $props: Partial<{
            transitionName: string;
            placement: "top-right" | "top-center" | "top-left" | "bottom-right" | "bottom-center" | "bottom-left";
            innerClass: import('@vexip-ui/config').ClassType;
            startOffset: number;
            itemGap: number;
        }> & Omit<{
            readonly transitionName: string;
            readonly placement: "top-right" | "top-center" | "top-left" | "bottom-right" | "bottom-center" | "bottom-left";
            readonly innerClass: import('@vexip-ui/config').ClassType;
            readonly startOffset: number;
            readonly itemGap: number;
        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "transitionName" | "placement" | "innerClass" | "startOffset" | "itemGap">;
        $attrs: {
            [x: string]: unknown;
        };
        $refs: {
            [x: string]: unknown;
        };
        $slots: Readonly<{
            [name: string]: import('vue').Slot<any> | undefined;
        }>;
        $root: import('vue').ComponentPublicInstance | null;
        $parent: import('vue').ComponentPublicInstance | null;
        $host: Element | null;
        $emit: (event: string, ...args: any[]) => void;
        $el: HTMLDivElement;
        $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
            transitionName: {
                type: StringConstructor;
                default: null;
            };
            innerClass: {
                type: import('vue').PropType<import('@vexip-ui/config').ClassType>;
                default: null;
            };
            placement: {
                default: import('../popup').PopupPlacement;
                validator: (value: import('../popup').PopupPlacement) => boolean;
            };
            startOffset: {
                type: NumberConstructor;
                default: number;
            };
            itemGap: {
                type: NumberConstructor;
                default: number;
            };
        }>> & Readonly<{}>, {
            items: import('vue').Ref<{
                [x: string]: unknown;
                key: import('../popup/symbol').Key;
                content: string;
                closable: boolean;
                height: number;
                visible: boolean;
                verticalPosition: number;
                type?: string | undefined;
                className?: any;
                style?: any;
                icon?: (Record<string, any> | (() => any)) | undefined;
                iconColor?: string | undefined;
                onOpen: (key: import('../popup/symbol').Key) => void;
                onClose: (result: boolean) => void;
                onEnter: () => void;
                onLeave: () => void;
            }[], import('../popup/symbol').PopupItemState[] | {
                [x: string]: unknown;
                key: import('../popup/symbol').Key;
                content: string;
                closable: boolean;
                height: number;
                visible: boolean;
                verticalPosition: number;
                type?: string | undefined;
                className?: any;
                style?: any;
                icon?: (Record<string, any> | (() => any)) | undefined;
                iconColor?: string | undefined;
                onOpen: (key: import('../popup/symbol').Key) => void;
                onClose: (result: boolean) => void;
                onEnter: () => void;
                onLeave: () => void;
            }[]>;
            wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
            add: (options: Record<string, any>) => Promise<import('../popup/symbol').Key>;
            remove: (key: import('../popup/symbol').Key) => Promise<boolean>;
            has: (key: import('../popup/symbol').Key) => boolean;
            find: (key: import('../popup/symbol').Key) => {
                [x: string]: unknown;
                key: import('../popup/symbol').Key;
                content: string;
                closable: boolean;
                height: number;
                visible: boolean;
                verticalPosition: number;
                type?: string | undefined;
                className?: any;
                style?: any;
                icon?: (Record<string, any> | (() => any)) | undefined;
                iconColor?: string | undefined;
                onOpen: (key: import('../popup/symbol').Key) => void;
                onClose: (result: boolean) => void;
                onEnter: () => void;
                onLeave: () => void;
            } | undefined;
            clear: () => void;
        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
            transitionName: string;
            placement: "top-right" | "top-center" | "top-left" | "bottom-right" | "bottom-center" | "bottom-left";
            innerClass: import('@vexip-ui/config').ClassType;
            startOffset: number;
            itemGap: number;
        }, {}, 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 import('vue').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<{
        transitionName: string;
        placement: "top-right" | "top-center" | "top-left" | "bottom-right" | "bottom-center" | "bottom-left";
        innerClass: import('@vexip-ui/config').ClassType;
        startOffset: number;
        itemGap: number;
    }> & Omit<Readonly<import('vue').ExtractPropTypes<{
        transitionName: {
            type: StringConstructor;
            default: null;
        };
        innerClass: {
            type: import('vue').PropType<import('@vexip-ui/config').ClassType>;
            default: null;
        };
        placement: {
            default: import('../popup').PopupPlacement;
            validator: (value: import('../popup').PopupPlacement) => boolean;
        };
        startOffset: {
            type: NumberConstructor;
            default: number;
        };
        itemGap: {
            type: NumberConstructor;
            default: number;
        };
    }>> & Readonly<{}>, "clear" | "has" | "add" | "find" | "remove" | "wrapper" | "items" | ("transitionName" | "placement" | "innerClass" | "startOffset" | "itemGap")> & import('vue').ShallowUnwrapRef<{
        items: import('vue').Ref<{
            [x: string]: unknown;
            key: import('../popup/symbol').Key;
            content: string;
            closable: boolean;
            height: number;
            visible: boolean;
            verticalPosition: number;
            type?: string | undefined;
            className?: any;
            style?: any;
            icon?: (Record<string, any> | (() => any)) | undefined;
            iconColor?: string | undefined;
            onOpen: (key: import('../popup/symbol').Key) => void;
            onClose: (result: boolean) => void;
            onEnter: () => void;
            onLeave: () => void;
        }[], import('../popup/symbol').PopupItemState[] | {
            [x: string]: unknown;
            key: import('../popup/symbol').Key;
            content: string;
            closable: boolean;
            height: number;
            visible: boolean;
            verticalPosition: number;
            type?: string | undefined;
            className?: any;
            style?: any;
            icon?: (Record<string, any> | (() => any)) | undefined;
            iconColor?: string | undefined;
            onOpen: (key: import('../popup/symbol').Key) => void;
            onClose: (result: boolean) => void;
            onEnter: () => void;
            onLeave: () => void;
        }[]>;
        wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
        add: (options: Record<string, any>) => Promise<import('../popup/symbol').Key>;
        remove: (key: import('../popup/symbol').Key) => Promise<boolean>;
        has: (key: import('../popup/symbol').Key) => boolean;
        find: (key: import('../popup/symbol').Key) => {
            [x: string]: unknown;
            key: import('../popup/symbol').Key;
            content: string;
            closable: boolean;
            height: number;
            visible: boolean;
            verticalPosition: number;
            type?: string | undefined;
            className?: any;
            style?: any;
            icon?: (Record<string, any> | (() => any)) | undefined;
            iconColor?: string | undefined;
            onOpen: (key: import('../popup/symbol').Key) => void;
            onClose: (result: boolean) => void;
            onEnter: () => void;
            onLeave: () => void;
        } | undefined;
        clear: () => void;
    }> & {} & import('vue').ComponentCustomProperties & {} & {
        $slots: Readonly<{
            item: (item: any) => any;
        }> & {
            item: (item: any) => any;
        };
    }) | undefined;
    add: typeof add;
    remove: typeof remove;
    clear: typeof clear;
    config: typeof config;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
    popup: ({
        $: import('vue').ComponentInternalInstance;
        $data: {};
        $props: Partial<{
            transitionName: string;
            placement: "top-right" | "top-center" | "top-left" | "bottom-right" | "bottom-center" | "bottom-left";
            innerClass: import('@vexip-ui/config').ClassType;
            startOffset: number;
            itemGap: number;
        }> & Omit<{
            readonly transitionName: string;
            readonly placement: "top-right" | "top-center" | "top-left" | "bottom-right" | "bottom-center" | "bottom-left";
            readonly innerClass: import('@vexip-ui/config').ClassType;
            readonly startOffset: number;
            readonly itemGap: number;
        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "transitionName" | "placement" | "innerClass" | "startOffset" | "itemGap">;
        $attrs: {
            [x: string]: unknown;
        };
        $refs: {
            [x: string]: unknown;
        };
        $slots: Readonly<{
            [name: string]: import('vue').Slot<any> | undefined;
        }>;
        $root: import('vue').ComponentPublicInstance | null;
        $parent: import('vue').ComponentPublicInstance | null;
        $host: Element | null;
        $emit: (event: string, ...args: any[]) => void;
        $el: HTMLDivElement;
        $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
            transitionName: {
                type: StringConstructor;
                default: null;
            };
            innerClass: {
                type: import('vue').PropType<import('@vexip-ui/config').ClassType>;
                default: null;
            };
            placement: {
                default: import('../popup').PopupPlacement;
                validator: (value: import('../popup').PopupPlacement) => boolean;
            };
            startOffset: {
                type: NumberConstructor;
                default: number;
            };
            itemGap: {
                type: NumberConstructor;
                default: number;
            };
        }>> & Readonly<{}>, {
            items: import('vue').Ref<{
                [x: string]: unknown;
                key: import('../popup/symbol').Key;
                content: string;
                closable: boolean;
                height: number;
                visible: boolean;
                verticalPosition: number;
                type?: string | undefined;
                className?: any;
                style?: any;
                icon?: (Record<string, any> | (() => any)) | undefined;
                iconColor?: string | undefined;
                onOpen: (key: import('../popup/symbol').Key) => void;
                onClose: (result: boolean) => void;
                onEnter: () => void;
                onLeave: () => void;
            }[], import('../popup/symbol').PopupItemState[] | {
                [x: string]: unknown;
                key: import('../popup/symbol').Key;
                content: string;
                closable: boolean;
                height: number;
                visible: boolean;
                verticalPosition: number;
                type?: string | undefined;
                className?: any;
                style?: any;
                icon?: (Record<string, any> | (() => any)) | undefined;
                iconColor?: string | undefined;
                onOpen: (key: import('../popup/symbol').Key) => void;
                onClose: (result: boolean) => void;
                onEnter: () => void;
                onLeave: () => void;
            }[]>;
            wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
            add: (options: Record<string, any>) => Promise<import('../popup/symbol').Key>;
            remove: (key: import('../popup/symbol').Key) => Promise<boolean>;
            has: (key: import('../popup/symbol').Key) => boolean;
            find: (key: import('../popup/symbol').Key) => {
                [x: string]: unknown;
                key: import('../popup/symbol').Key;
                content: string;
                closable: boolean;
                height: number;
                visible: boolean;
                verticalPosition: number;
                type?: string | undefined;
                className?: any;
                style?: any;
                icon?: (Record<string, any> | (() => any)) | undefined;
                iconColor?: string | undefined;
                onOpen: (key: import('../popup/symbol').Key) => void;
                onClose: (result: boolean) => void;
                onEnter: () => void;
                onLeave: () => void;
            } | undefined;
            clear: () => void;
        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
            transitionName: string;
            placement: "top-right" | "top-center" | "top-left" | "bottom-right" | "bottom-center" | "bottom-left";
            innerClass: import('@vexip-ui/config').ClassType;
            startOffset: number;
            itemGap: number;
        }, {}, 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 import('vue').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<{
        transitionName: string;
        placement: "top-right" | "top-center" | "top-left" | "bottom-right" | "bottom-center" | "bottom-left";
        innerClass: import('@vexip-ui/config').ClassType;
        startOffset: number;
        itemGap: number;
    }> & Omit<Readonly<import('vue').ExtractPropTypes<{
        transitionName: {
            type: StringConstructor;
            default: null;
        };
        innerClass: {
            type: import('vue').PropType<import('@vexip-ui/config').ClassType>;
            default: null;
        };
        placement: {
            default: import('../popup').PopupPlacement;
            validator: (value: import('../popup').PopupPlacement) => boolean;
        };
        startOffset: {
            type: NumberConstructor;
            default: number;
        };
        itemGap: {
            type: NumberConstructor;
            default: number;
        };
    }>> & Readonly<{}>, "clear" | "has" | "add" | "find" | "remove" | "wrapper" | "items" | ("transitionName" | "placement" | "innerClass" | "startOffset" | "itemGap")> & import('vue').ShallowUnwrapRef<{
        items: import('vue').Ref<{
            [x: string]: unknown;
            key: import('../popup/symbol').Key;
            content: string;
            closable: boolean;
            height: number;
            visible: boolean;
            verticalPosition: number;
            type?: string | undefined;
            className?: any;
            style?: any;
            icon?: (Record<string, any> | (() => any)) | undefined;
            iconColor?: string | undefined;
            onOpen: (key: import('../popup/symbol').Key) => void;
            onClose: (result: boolean) => void;
            onEnter: () => void;
            onLeave: () => void;
        }[], import('../popup/symbol').PopupItemState[] | {
            [x: string]: unknown;
            key: import('../popup/symbol').Key;
            content: string;
            closable: boolean;
            height: number;
            visible: boolean;
            verticalPosition: number;
            type?: string | undefined;
            className?: any;
            style?: any;
            icon?: (Record<string, any> | (() => any)) | undefined;
            iconColor?: string | undefined;
            onOpen: (key: import('../popup/symbol').Key) => void;
            onClose: (result: boolean) => void;
            onEnter: () => void;
            onLeave: () => void;
        }[]>;
        wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
        add: (options: Record<string, any>) => Promise<import('../popup/symbol').Key>;
        remove: (key: import('../popup/symbol').Key) => Promise<boolean>;
        has: (key: import('../popup/symbol').Key) => boolean;
        find: (key: import('../popup/symbol').Key) => {
            [x: string]: unknown;
            key: import('../popup/symbol').Key;
            content: string;
            closable: boolean;
            height: number;
            visible: boolean;
            verticalPosition: number;
            type?: string | undefined;
            className?: any;
            style?: any;
            icon?: (Record<string, any> | (() => any)) | undefined;
            iconColor?: string | undefined;
            onOpen: (key: import('../popup/symbol').Key) => void;
            onClose: (result: boolean) => void;
            onEnter: () => void;
            onLeave: () => void;
        } | undefined;
        clear: () => void;
    }> & {} & import('vue').ComponentCustomProperties & {} & {
        $slots: Readonly<{
            item: (item: any) => any;
        }> & {
            item: (item: any) => any;
        };
    }) | null;
}, any>;
export default _default;