x-next 0.0.0-alpha.48 → 0.0.0-alpha.49

package/dist/components/trigger-v2/context.d.ts

@@ -0,0 +1,8 @@
+import { InjectionKey } from 'vue';
+export interface TriggerContext {
+    onMouseenter: (ev: MouseEvent) => void;
+    onMouseleave: (ev: MouseEvent) => void;
+    addChildRef: (ref: any) => void;
+    removeChildRef: (ref: any) => void;
+}
+export declare const triggerInjectionKey: InjectionKey<TriggerContext>;

package/dist/components/trigger-v2/index.d.ts

@@ -0,0 +1,562 @@
+export declare const XTrigger: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        popupVisible: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        defaultPopupVisible: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        trigger: {
+            type: import('vue').PropType<import('../../_props/constant').TriggerEvent | import('../../_props/constant').TriggerEvent[]>;
+            default: string;
+        };
+        position: {
+            type: import('vue').PropType<import('../../_props/constant').TriggerPosition>;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        popupOffset: {
+            type: NumberConstructor;
+            default: number;
+        };
+        popupTranslate: {
+            type: import('vue').PropType<import('./interface').TriggerPopupTranslate>;
+        };
+        showArrow: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        alignPoint: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        popupHoverStay: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        blurToClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        clickToClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        clickOutsideToClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        unmountOnClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        contentClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        };
+        contentStyle: {
+            type: import('vue').PropType<import('vue').CSSProperties>;
+        };
+        arrowClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        };
+        arrowStyle: {
+            type: import('vue').PropType<import('vue').CSSProperties>;
+        };
+        popupStyle: {
+            type: import('vue').PropType<import('vue').CSSProperties>;
+        };
+        animationName: {
+            type: StringConstructor;
+            default: string;
+        };
+        duration: {
+            type: import('vue').PropType<number | {
+                enter: number;
+                leave: number;
+            }>;
+        };
+        mouseEnterDelay: {
+            type: NumberConstructor;
+            default: number;
+        };
+        mouseLeaveDelay: {
+            type: NumberConstructor;
+            default: number;
+        };
+        focusDelay: {
+            type: NumberConstructor;
+            default: number;
+        };
+        autoFitPopupWidth: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        autoFitPopupMinWidth: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        autoFixPosition: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        popupContainer: {
+            type: import('vue').PropType<string | HTMLElement>;
+        };
+        updateAtScroll: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        autoFitTransformOrigin: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        hideEmpty: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        openedClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        };
+        autoFitPosition: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        renderToBody: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        preventFocus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        scrollToClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        scrollToCloseDistance: {
+            type: NumberConstructor;
+            default: number;
+        };
+    }>> & Readonly<{
+        onResize?: (() => any) | undefined;
+        onHide?: (() => any) | undefined;
+        onShow?: (() => any) | undefined;
+        "onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined;
+        onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
+    }>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        'update:popupVisible': (visible: boolean) => true;
+        popupVisibleChange: (visible: boolean) => true;
+        show: () => true;
+        hide: () => true;
+        resize: () => true;
+    }, import('vue').PublicProps, {
+        disabled: boolean;
+        animationName: string;
+        position: "br" | "rt" | "tr" | "bottom" | "left" | "right" | "top" | "rb" | "tl" | "bl" | "lt" | "lb";
+        renderToBody: boolean;
+        popupVisible: boolean;
+        defaultPopupVisible: boolean;
+        trigger: "click" | "focus" | "hover" | "contextMenu" | ("click" | "focus" | "hover" | "contextMenu")[];
+        popupOffset: number;
+        showArrow: boolean;
+        alignPoint: boolean;
+        popupHoverStay: boolean;
+        blurToClose: boolean;
+        clickToClose: boolean;
+        clickOutsideToClose: boolean;
+        unmountOnClose: boolean;
+        mouseEnterDelay: number;
+        mouseLeaveDelay: number;
+        focusDelay: number;
+        autoFitPopupWidth: boolean;
+        autoFitPopupMinWidth: boolean;
+        autoFixPosition: boolean;
+        autoFitTransformOrigin: boolean;
+        autoFitPosition: boolean;
+        preventFocus: boolean;
+        updateAtScroll: boolean;
+        hideEmpty: boolean;
+        scrollToClose: boolean;
+        scrollToCloseDistance: number;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        popupVisible: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        defaultPopupVisible: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        trigger: {
+            type: import('vue').PropType<import('../../_props/constant').TriggerEvent | import('../../_props/constant').TriggerEvent[]>;
+            default: string;
+        };
+        position: {
+            type: import('vue').PropType<import('../../_props/constant').TriggerPosition>;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        popupOffset: {
+            type: NumberConstructor;
+            default: number;
+        };
+        popupTranslate: {
+            type: import('vue').PropType<import('./interface').TriggerPopupTranslate>;
+        };
+        showArrow: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        alignPoint: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        popupHoverStay: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        blurToClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        clickToClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        clickOutsideToClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        unmountOnClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        contentClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        };
+        contentStyle: {
+            type: import('vue').PropType<import('vue').CSSProperties>;
+        };
+        arrowClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        };
+        arrowStyle: {
+            type: import('vue').PropType<import('vue').CSSProperties>;
+        };
+        popupStyle: {
+            type: import('vue').PropType<import('vue').CSSProperties>;
+        };
+        animationName: {
+            type: StringConstructor;
+            default: string;
+        };
+        duration: {
+            type: import('vue').PropType<number | {
+                enter: number;
+                leave: number;
+            }>;
+        };
+        mouseEnterDelay: {
+            type: NumberConstructor;
+            default: number;
+        };
+        mouseLeaveDelay: {
+            type: NumberConstructor;
+            default: number;
+        };
+        focusDelay: {
+            type: NumberConstructor;
+            default: number;
+        };
+        autoFitPopupWidth: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        autoFitPopupMinWidth: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        autoFixPosition: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        popupContainer: {
+            type: import('vue').PropType<string | HTMLElement>;
+        };
+        updateAtScroll: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        autoFitTransformOrigin: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        hideEmpty: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        openedClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        };
+        autoFitPosition: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        renderToBody: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        preventFocus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        scrollToClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        scrollToCloseDistance: {
+            type: NumberConstructor;
+            default: number;
+        };
+    }>> & Readonly<{
+        onResize?: (() => any) | undefined;
+        onHide?: (() => any) | undefined;
+        onShow?: (() => any) | undefined;
+        "onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined;
+        onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
+    }>, () => any, {}, {}, {}, {
+        disabled: boolean;
+        animationName: string;
+        position: "br" | "rt" | "tr" | "bottom" | "left" | "right" | "top" | "rb" | "tl" | "bl" | "lt" | "lb";
+        renderToBody: boolean;
+        popupVisible: boolean;
+        defaultPopupVisible: boolean;
+        trigger: "click" | "focus" | "hover" | "contextMenu" | ("click" | "focus" | "hover" | "contextMenu")[];
+        popupOffset: number;
+        showArrow: boolean;
+        alignPoint: boolean;
+        popupHoverStay: boolean;
+        blurToClose: boolean;
+        clickToClose: boolean;
+        clickOutsideToClose: boolean;
+        unmountOnClose: boolean;
+        mouseEnterDelay: number;
+        mouseLeaveDelay: number;
+        focusDelay: number;
+        autoFitPopupWidth: boolean;
+        autoFitPopupMinWidth: boolean;
+        autoFixPosition: boolean;
+        autoFitTransformOrigin: boolean;
+        autoFitPosition: boolean;
+        preventFocus: boolean;
+        updateAtScroll: boolean;
+        hideEmpty: boolean;
+        scrollToClose: boolean;
+        scrollToCloseDistance: number;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    popupVisible: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultPopupVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    trigger: {
+        type: import('vue').PropType<import('../../_props/constant').TriggerEvent | import('../../_props/constant').TriggerEvent[]>;
+        default: string;
+    };
+    position: {
+        type: import('vue').PropType<import('../../_props/constant').TriggerPosition>;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    popupOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    popupTranslate: {
+        type: import('vue').PropType<import('./interface').TriggerPopupTranslate>;
+    };
+    showArrow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    alignPoint: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    popupHoverStay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    blurToClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clickToClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clickOutsideToClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    unmountOnClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    contentClass: {
+        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+    };
+    contentStyle: {
+        type: import('vue').PropType<import('vue').CSSProperties>;
+    };
+    arrowClass: {
+        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+    };
+    arrowStyle: {
+        type: import('vue').PropType<import('vue').CSSProperties>;
+    };
+    popupStyle: {
+        type: import('vue').PropType<import('vue').CSSProperties>;
+    };
+    animationName: {
+        type: StringConstructor;
+        default: string;
+    };
+    duration: {
+        type: import('vue').PropType<number | {
+            enter: number;
+            leave: number;
+        }>;
+    };
+    mouseEnterDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    mouseLeaveDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    focusDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    autoFitPopupWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFitPopupMinWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFixPosition: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    popupContainer: {
+        type: import('vue').PropType<string | HTMLElement>;
+    };
+    updateAtScroll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFitTransformOrigin: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hideEmpty: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    openedClass: {
+        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+    };
+    autoFitPosition: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    renderToBody: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    preventFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    scrollToClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    scrollToCloseDistance: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & Readonly<{
+    onResize?: (() => any) | undefined;
+    onHide?: (() => any) | undefined;
+    onShow?: (() => any) | undefined;
+    "onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined;
+    onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:popupVisible': (visible: boolean) => true;
+    popupVisibleChange: (visible: boolean) => true;
+    show: () => true;
+    hide: () => true;
+    resize: () => true;
+}, string, {
+    disabled: boolean;
+    animationName: string;
+    position: "br" | "rt" | "tr" | "bottom" | "left" | "right" | "top" | "rb" | "tl" | "bl" | "lt" | "lb";
+    renderToBody: boolean;
+    popupVisible: boolean;
+    defaultPopupVisible: boolean;
+    trigger: "click" | "focus" | "hover" | "contextMenu" | ("click" | "focus" | "hover" | "contextMenu")[];
+    popupOffset: number;
+    showArrow: boolean;
+    alignPoint: boolean;
+    popupHoverStay: boolean;
+    blurToClose: boolean;
+    clickToClose: boolean;
+    clickOutsideToClose: boolean;
+    unmountOnClose: boolean;
+    mouseEnterDelay: number;
+    mouseLeaveDelay: number;
+    focusDelay: number;
+    autoFitPopupWidth: boolean;
+    autoFitPopupMinWidth: boolean;
+    autoFixPosition: boolean;
+    autoFitTransformOrigin: boolean;
+    autoFitPosition: boolean;
+    preventFocus: boolean;
+    updateAtScroll: boolean;
+    hideEmpty: boolean;
+    scrollToClose: boolean;
+    scrollToCloseDistance: number;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+    install(app: import('vue').App): void;
+};
+export { XTrigger as default };

package/dist/components/trigger-v2/interface.d.ts

@@ -0,0 +1,40 @@
+import { CSSProperties } from 'vue';
+import { TriggerEvent, TriggerPosition } from '../../_props/constant';
+export type TriggerPopupTranslate = [number, number] | {
+    [key in TriggerPosition]?: [number, number];
+};
+export interface TriggerProps {
+    popupVisible?: boolean;
+    defaultPopupVisible?: boolean;
+    trigger?: TriggerEvent;
+    position?: TriggerPosition;
+    disabled?: boolean;
+    popupOffset?: number;
+    popupTranslate?: TriggerPopupTranslate;
+    showArrow?: boolean;
+    alignPoint?: boolean;
+    popupHoverStay?: boolean;
+    blurToClose?: boolean;
+    clickToClose?: boolean;
+    clickOutsideToClose?: boolean;
+    unmountOnClose?: boolean;
+    contentClass?: any;
+    contentStyle?: CSSProperties;
+    arrowClass?: any;
+    arrowStyle?: CSSProperties;
+    popupStyle?: CSSProperties;
+    animationName?: string;
+    duration?: number | {
+        enter: number;
+        leave: number;
+    };
+    mouseEnterDelay?: number;
+    mouseLeaveDelay?: number;
+    focusDelay?: number;
+    autoFitPopupWidth?: boolean;
+    autoFitPopupMinWidth?: boolean;
+    autoFixPosition?: boolean;
+    popupContainer?: string | HTMLElement;
+    updateAtScroll?: boolean;
+    autoFitPosition?: boolean;
+}