xdesign-vue-next/lib/popup/index.d.ts

XDesign Component for vue-next

import { TdPopupProps } from './type';
import './style';
export * from './type';
export declare type PopupProps = TdPopupProps;
export declare const Popup: {
    new (...args: any[]): {
        $: import("vue").ComponentInternalInstance;
        $data: {};
        $props: {
            visible?: boolean;
            disabled?: boolean;
            trigger?: "click" | "focus" | "mousedown" | "context-menu" | "hover";
            modelValue?: boolean;
            placement?: import("./type").PopupPlacement;
            attach?: import("..").AttachNode;
            expandAnimation?: boolean;
            destroyOnClose?: boolean;
            hideEmptyPopup?: boolean;
            showArrow?: boolean;
            defaultVisible?: boolean;
            readonly default?: string | ((h: typeof import("vue").h) => import("..").SlotReturnValue);
            key?: string | number | symbol;
            readonly content?: string | ((h: typeof import("vue").h) => import("..").SlotReturnValue);
            readonly zIndex?: number;
            style?: unknown;
            readonly onScroll?: (context: {
                e: WheelEvent;
            }) => void;
            class?: unknown;
            ref?: import("vue").VNodeRef;
            ref_for?: boolean;
            ref_key?: string;
            onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void)[];
            onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void)[];
            onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void)[];
            onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void)[];
            onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void)[];
            onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void)[];
            readonly overlayClassName?: unknown;
            readonly overlayStyle?: import("..").Styles | ((triggerElement: HTMLElement, popupElement: HTMLElement) => import("..").Styles);
            readonly delay?: number | number[];
            readonly overlayInnerClassName?: unknown;
            readonly overlayInnerStyle?: import("..").Styles | ((triggerElement: HTMLElement, popupElement: HTMLElement) => import("..").Styles);
            readonly popperOptions?: object;
            readonly triggerElement?: string | ((h: typeof import("vue").h) => import("..").SlotReturnValue);
            readonly onScrollToBottom?: (context: {
                e: WheelEvent;
            }) => void;
            readonly onVisibleChange?: (visible: boolean, context: import("./type").PopupVisibleChangeContext) => void;
        };
        $attrs: {
            [x: string]: unknown;
        };
        $refs: {
            [x: string]: unknown;
        };
        $slots: Readonly<{
            [name: string]: import("vue").Slot<any>;
        }>;
        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
        $emit: (event: string, ...args: any[]) => void;
        $el: any;
        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
            expandAnimation: {
                type: BooleanConstructor;
            };
            attach: {
                type: import("vue").PropType<import("..").AttachNode>;
                default: string;
            };
            content: {
                type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
            };
            default: {
                type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
            };
            delay: {
                type: import("vue").PropType<number | number[]>;
            };
            destroyOnClose: BooleanConstructor;
            disabled: BooleanConstructor;
            hideEmptyPopup: BooleanConstructor;
            overlayClassName: {
                type: import("vue").PropType<import("..").ClassName>;
            };
            overlayInnerClassName: {
                type: import("vue").PropType<import("..").ClassName>;
            };
            overlayInnerStyle: {
                type: import("vue").PropType<import("..").Styles | ((triggerElement: HTMLElement, popupElement: HTMLElement) => import("..").Styles)>;
            };
            overlayStyle: {
                type: import("vue").PropType<import("..").Styles | ((triggerElement: HTMLElement, popupElement: HTMLElement) => import("..").Styles)>;
            };
            placement: {
                type: import("vue").PropType<import("./type").PopupPlacement>;
                default: string;
            };
            popperOptions: {
                type: import("vue").PropType<object>;
            };
            showArrow: BooleanConstructor;
            trigger: {
                type: import("vue").PropType<"click" | "focus" | "mousedown" | "context-menu" | "hover">;
                default: "click" | "focus" | "mousedown" | "context-menu" | "hover";
                validator(val: "click" | "focus" | "mousedown" | "context-menu" | "hover"): boolean;
            };
            triggerElement: {
                type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
            };
            visible: {
                type: BooleanConstructor;
                default: any;
            };
            modelValue: {
                type: BooleanConstructor;
                default: any;
            };
            defaultVisible: BooleanConstructor;
            zIndex: {
                type: NumberConstructor;
            };
            onScroll: import("vue").PropType<(context: {
                e: WheelEvent;
            }) => void>;
            onScrollToBottom: import("vue").PropType<(context: {
                e: WheelEvent;
            }) => void>;
            onVisibleChange: import("vue").PropType<(visible: boolean, context: import("./type").PopupVisibleChangeContext) => void>;
        }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
            visible: boolean;
            disabled: boolean;
            trigger: "click" | "focus" | "mousedown" | "context-menu" | "hover";
            modelValue: boolean;
            placement: import("./type").PopupPlacement;
            attach: import("..").AttachNode;
            expandAnimation: boolean;
            destroyOnClose: boolean;
            hideEmptyPopup: boolean;
            showArrow: boolean;
            defaultVisible: boolean;
        }, {}, string, {}> & {
            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<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, 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_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
    } & Readonly<import("vue").ExtractPropTypes<{
        expandAnimation: {
            type: BooleanConstructor;
        };
        attach: {
            type: import("vue").PropType<import("..").AttachNode>;
            default: string;
        };
        content: {
            type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
        };
        default: {
            type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
        };
        delay: {
            type: import("vue").PropType<number | number[]>;
        };
        destroyOnClose: BooleanConstructor;
        disabled: BooleanConstructor;
        hideEmptyPopup: BooleanConstructor;
        overlayClassName: {
            type: import("vue").PropType<import("..").ClassName>;
        };
        overlayInnerClassName: {
            type: import("vue").PropType<import("..").ClassName>;
        };
        overlayInnerStyle: {
            type: import("vue").PropType<import("..").Styles | ((triggerElement: HTMLElement, popupElement: HTMLElement) => import("..").Styles)>;
        };
        overlayStyle: {
            type: import("vue").PropType<import("..").Styles | ((triggerElement: HTMLElement, popupElement: HTMLElement) => import("..").Styles)>;
        };
        placement: {
            type: import("vue").PropType<import("./type").PopupPlacement>;
            default: string;
        };
        popperOptions: {
            type: import("vue").PropType<object>;
        };
        showArrow: BooleanConstructor;
        trigger: {
            type: import("vue").PropType<"click" | "focus" | "mousedown" | "context-menu" | "hover">;
            default: "click" | "focus" | "mousedown" | "context-menu" | "hover";
            validator(val: "click" | "focus" | "mousedown" | "context-menu" | "hover"): boolean;
        };
        triggerElement: {
            type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
        };
        visible: {
            type: BooleanConstructor;
            default: any;
        };
        modelValue: {
            type: BooleanConstructor;
            default: any;
        };
        defaultVisible: BooleanConstructor;
        zIndex: {
            type: NumberConstructor;
        };
        onScroll: import("vue").PropType<(context: {
            e: WheelEvent;
        }) => void>;
        onScrollToBottom: import("vue").PropType<(context: {
            e: WheelEvent;
        }) => void>;
        onVisibleChange: import("vue").PropType<(visible: boolean, context: import("./type").PopupVisibleChangeContext) => void>;
    }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
    __isFragment?: never;
    __isTeleport?: never;
    __isSuspense?: never;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
    expandAnimation: {
        type: BooleanConstructor;
    };
    attach: {
        type: import("vue").PropType<import("..").AttachNode>;
        default: string;
    };
    content: {
        type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
    };
    default: {
        type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
    };
    delay: {
        type: import("vue").PropType<number | number[]>;
    };
    destroyOnClose: BooleanConstructor;
    disabled: BooleanConstructor;
    hideEmptyPopup: BooleanConstructor;
    overlayClassName: {
        type: import("vue").PropType<import("..").ClassName>;
    };
    overlayInnerClassName: {
        type: import("vue").PropType<import("..").ClassName>;
    };
    overlayInnerStyle: {
        type: import("vue").PropType<import("..").Styles | ((triggerElement: HTMLElement, popupElement: HTMLElement) => import("..").Styles)>;
    };
    overlayStyle: {
        type: import("vue").PropType<import("..").Styles | ((triggerElement: HTMLElement, popupElement: HTMLElement) => import("..").Styles)>;
    };
    placement: {
        type: import("vue").PropType<import("./type").PopupPlacement>;
        default: string;
    };
    popperOptions: {
        type: import("vue").PropType<object>;
    };
    showArrow: BooleanConstructor;
    trigger: {
        type: import("vue").PropType<"click" | "focus" | "mousedown" | "context-menu" | "hover">;
        default: "click" | "focus" | "mousedown" | "context-menu" | "hover";
        validator(val: "click" | "focus" | "mousedown" | "context-menu" | "hover"): boolean;
    };
    triggerElement: {
        type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
    };
    visible: {
        type: BooleanConstructor;
        default: any;
    };
    modelValue: {
        type: BooleanConstructor;
        default: any;
    };
    defaultVisible: BooleanConstructor;
    zIndex: {
        type: NumberConstructor;
    };
    onScroll: import("vue").PropType<(context: {
        e: WheelEvent;
    }) => void>;
    onScrollToBottom: import("vue").PropType<(context: {
        e: WheelEvent;
    }) => void>;
    onVisibleChange: import("vue").PropType<(visible: boolean, context: import("./type").PopupVisibleChangeContext) => void>;
}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
    visible: boolean;
    disabled: boolean;
    trigger: "click" | "focus" | "mousedown" | "context-menu" | "hover";
    modelValue: boolean;
    placement: import("./type").PopupPlacement;
    attach: import("..").AttachNode;
    expandAnimation: boolean;
    destroyOnClose: boolean;
    hideEmptyPopup: boolean;
    showArrow: boolean;
    defaultVisible: boolean;
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
export default Popup;