x-next 0.0.0-alpha.36 → 0.0.0-alpha.37

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

@@ -0,0 +1,487 @@
+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('./src/_trigger').TriggerEvent | import('./src/_trigger').TriggerEvent[]>;
+            default: string;
+        };
+        position: {
+            type: import('vue').PropType<import('./src/_trigger').TriggerPosition>;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        popupOffset: {
+            type: NumberConstructor;
+            default: number;
+        };
+        popupTranslate: {
+            type: import('vue').PropType<import('./src/_trigger').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>;
+        };
+        autoFitTransformOrigin: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        openedClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        };
+        autoFitPosition: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        renderToBody: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        preventFocus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onHide?: ((...args: any[]) => any) | undefined;
+        onShow?: ((...args: any[]) => any) | undefined;
+        "onUpdate:popupVisible"?: ((...args: any[]) => any) | undefined;
+        onPopupVisibleChange?: ((...args: any[]) => any) | undefined;
+    }>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("hide" | "show" | "update:popupVisible" | "popupVisibleChange")[], 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;
+    }, 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('./src/_trigger').TriggerEvent | import('./src/_trigger').TriggerEvent[]>;
+            default: string;
+        };
+        position: {
+            type: import('vue').PropType<import('./src/_trigger').TriggerPosition>;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        popupOffset: {
+            type: NumberConstructor;
+            default: number;
+        };
+        popupTranslate: {
+            type: import('vue').PropType<import('./src/_trigger').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>;
+        };
+        autoFitTransformOrigin: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        openedClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        };
+        autoFitPosition: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        renderToBody: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        preventFocus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onHide?: ((...args: any[]) => any) | undefined;
+        onShow?: ((...args: any[]) => any) | undefined;
+        "onUpdate:popupVisible"?: ((...args: any[]) => any) | undefined;
+        onPopupVisibleChange?: ((...args: any[]) => 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;
+    }>;
+    __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('./src/_trigger').TriggerEvent | import('./src/_trigger').TriggerEvent[]>;
+        default: string;
+    };
+    position: {
+        type: import('vue').PropType<import('./src/_trigger').TriggerPosition>;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    popupOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    popupTranslate: {
+        type: import('vue').PropType<import('./src/_trigger').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>;
+    };
+    autoFitTransformOrigin: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    openedClass: {
+        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+    };
+    autoFitPosition: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    renderToBody: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    preventFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onHide?: ((...args: any[]) => any) | undefined;
+    onShow?: ((...args: any[]) => any) | undefined;
+    "onUpdate:popupVisible"?: ((...args: any[]) => any) | undefined;
+    onPopupVisibleChange?: ((...args: any[]) => any) | undefined;
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("hide" | "show" | "update:popupVisible" | "popupVisibleChange")[], "hide" | "show" | "update:popupVisible" | "popupVisibleChange", {
+    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;
+}, {}, 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/src/_trigger.d.ts

@@ -0,0 +1,217 @@
+import { PropType, ExtractPropTypes, CSSProperties } from 'vue';
+export declare const TRIGGER_POSITIONS: readonly ["top", "tl", "tr", "bottom", "bl", "br", "left", "lt", "lb", "right", "rt", "rb"];
+export type TriggerPosition = (typeof TRIGGER_POSITIONS)[number];
+export declare const TRIGGER_EVENTS: readonly ["hover", "click", "focus", "contextMenu"];
+export type TriggerEvent = (typeof TRIGGER_EVENTS)[number];
+export type TriggerPopupTranslate = [number, number] | {
+    [key in TriggerPosition]?: [number, number];
+};
+export declare const triggerProps: {
+    popupVisible: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultPopupVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     *  触发方式
+     * @values 'hover','click','focus','contextMenu'
+     */
+    trigger: {
+        type: PropType<TriggerEvent | TriggerEvent[]>;
+        default: string;
+    };
+    /**
+     *  弹出位置
+     * @values 'top','tl','tr','bottom','bl','br','left','lt','lb','right','rt','rb'
+     */
+    position: {
+        type: PropType<TriggerPosition>;
+        default: string;
+    };
+    /**
+     *  触发器是否禁用
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     *  弹出框的偏移量（弹出框距离触发器的偏移距离）
+     */
+    popupOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     *  弹出框的移动距离
+     */
+    popupTranslate: {
+        type: PropType<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: PropType<CSSProperties>;
+    };
+    /**
+     * 弹出框箭头的类名
+     */
+    arrowClass: {
+        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+    };
+    /**
+     * 弹出框箭头的样式
+     */
+    arrowStyle: {
+        type: PropType<CSSProperties>;
+    };
+    /**
+     *  弹出框的样式
+     */
+    popupStyle: {
+        type: PropType<CSSProperties>;
+    };
+    /**
+     * 弹出动画的name
+     */
+    animationName: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 弹出动画的持续时间
+     */
+    duration: {
+        type: PropType<number | {
+            enter: number;
+            leave: number;
+        }>;
+    };
+    /**
+     * mouseenter事件延时触发的时间（毫秒）
+     */
+    mouseEnterDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * mouseleave事件延时触发的时间（毫秒）
+     */
+    mouseLeaveDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * focus事件延时触发的时间（毫秒）
+     */
+    focusDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 是否将弹出框宽度设置为触发器宽度
+     */
+    autoFitPopupWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 是否将弹出框的最小宽度设置为触发器宽度
+     */
+    autoFitPopupMinWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 当触发器的尺寸发生变化时，是否重新计算弹出框位置
+     */
+    autoFixPosition: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 弹出框的挂载容器
+     */
+    popupContainer: {
+        type: PropType<string | HTMLElement>;
+    };
+    autoFitTransformOrigin: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    openedClass: {
+        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+    };
+    autoFitPosition: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    renderToBody: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    preventFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export type TriggerProps = ExtractPropTypes<typeof triggerProps>;

package/dist/components/trigger/src/constant.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>;