x-next 0.0.0-alpha.5 → 0.0.0-alpha.51

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>;

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

@@ -0,0 +1,288 @@
+import { CSSProperties } from 'vue';
+import { TriggerEvent } from './_trigger';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    popupVisible: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultPopupVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    trigger: {
+        type: import('vue').PropType<TriggerEvent | TriggerEvent[]>;
+        default: string;
+    };
+    position: {
+        type: import('vue').PropType<import('./_trigger').TriggerPosition>;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    popupOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    popupTranslate: {
+        type: import('vue').PropType<import('./_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<CSSProperties>;
+    };
+    arrowClass: {
+        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+    };
+    arrowStyle: {
+        type: import('vue').PropType<CSSProperties>;
+    };
+    popupStyle: {
+        type: import('vue').PropType<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;
+    };
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("hide" | "show" | "update:popupVisible" | "popupVisibleChange")[], "hide" | "show" | "update:popupVisible" | "popupVisibleChange", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    popupVisible: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultPopupVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    trigger: {
+        type: import('vue').PropType<TriggerEvent | TriggerEvent[]>;
+        default: string;
+    };
+    position: {
+        type: import('vue').PropType<import('./_trigger').TriggerPosition>;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    popupOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    popupTranslate: {
+        type: import('vue').PropType<import('./_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<CSSProperties>;
+    };
+    arrowClass: {
+        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+    };
+    arrowStyle: {
+        type: import('vue').PropType<CSSProperties>;
+    };
+    popupStyle: {
+        type: import('vue').PropType<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;
+}>, {
+    disabled: boolean;
+    animationName: string;
+    position: "br" | "rt" | "tr" | "bottom" | "left" | "right" | "top" | "rb" | "tl" | "bl" | "lt" | "lb";
+    autoFitPosition: 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;
+    renderToBody: boolean;
+    preventFocus: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/trigger/src/utils.d.ts

@@ -0,0 +1,50 @@
+import { CSSProperties } from 'vue';
+import { TriggerPosition, TriggerPopupTranslate } from './_trigger';
+export interface ElementRect {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+    width: number;
+    height: number;
+}
+interface ScrollRect {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+    scrollTop: number;
+    scrollBottom: number;
+    scrollLeft: number;
+    scrollRight: number;
+    width: number;
+    height: number;
+}
+export declare const getElementScrollRect: (element: HTMLElement, containerRect: DOMRect) => {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+    scrollTop: number;
+    scrollBottom: number;
+    scrollLeft: number;
+    scrollRight: number;
+    width: number;
+    height: number;
+};
+export declare const getTransformOrigin: (position: TriggerPosition) => string;
+export declare const getPopupStyle: (position: TriggerPosition, containerRect: DOMRect, triggerRect: ScrollRect, popupRect: ScrollRect, { offset, translate, customStyle, autoFitPosition, }?: {
+    offset?: number;
+    translate?: TriggerPopupTranslate;
+    customStyle?: CSSProperties;
+    autoFitPosition?: boolean;
+}) => {
+    style: CSSProperties;
+    position: TriggerPosition;
+};
+export declare const getArrowStyle: (position: TriggerPosition, triggerRect: ScrollRect, popupRect: ScrollRect, { customStyle, }: {
+    customStyle?: CSSProperties;
+}) => CSSProperties;
+export declare const isScrollElement: (element: HTMLElement) => boolean;
+export declare const getScrollElements: (container: HTMLElement | undefined) => HTMLElement[];
+export {};

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>;