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

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";
+    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').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 {};