x-next 0.0.0-alpha.8 → 1.0.0

package/dist/components/trigger-old/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: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+    };
+    contentStyle: {
+        type: import('vue').PropType<CSSProperties>;
+    };
+    arrowClass: {
+        type: (StringConstructor | ObjectConstructor | 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: (StringConstructor | ObjectConstructor | 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: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+    };
+    contentStyle: {
+        type: import('vue').PropType<CSSProperties>;
+    };
+    arrowClass: {
+        type: (StringConstructor | ObjectConstructor | 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: (StringConstructor | ObjectConstructor | 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: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+    autoFitPosition: boolean;
+    popupVisible: boolean;
+    defaultPopupVisible: boolean;
+    trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "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-old/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/virtual-list-v2/hooks/use-size.d.ts

@@ -0,0 +1,18 @@
+import { Ref } from 'vue';
+export declare const useSize: ({ dataKeys, contentRef, fixedSize, estimatedSize, buffer, }: {
+    dataKeys: Ref<(string | number)[]>;
+    contentRef: Ref<HTMLElement | undefined>;
+    fixedSize: Ref<boolean>;
+    estimatedSize: Ref<number | undefined>;
+    buffer: Ref<number>;
+}) => {
+    frontPadding: import('vue').ComputedRef<number>;
+    behindPadding: import('vue').ComputedRef<number>;
+    start: Ref<number, number>;
+    end: import('vue').ComputedRef<number>;
+    getStartByScroll: (scrollOffset: number) => number;
+    setItemSize: (key: string | number, size: number) => void;
+    hasItemSize: (key: string | number) => boolean;
+    setStart: (index: number) => void;
+    getScrollOffset: (index: number) => number;
+};

package/dist/components/virtual-list-v2/index.d.ts

@@ -0,0 +1,2 @@
+import { default as VirtualList } from './virtual-list.vue';
+export default VirtualList;

package/dist/components/virtual-list-v2/interface.d.ts

@@ -0,0 +1,63 @@
+import { VNode } from 'vue';
+export type VirtualItemKey = string | number;
+export interface InternalDataItem {
+    key: VirtualItemKey;
+    index: number;
+    item: unknown;
+}
+export type ItemSlot = (props: {
+    item: unknown;
+    index: number;
+}) => VNode[];
+export interface ScrollIntoViewOptions {
+    index?: number;
+    key?: VirtualItemKey;
+    align: 'auto' | 'top' | 'bottom';
+}
+export interface VirtualListProps {
+    /**
+     * @zh 可视区域高度
+     * @en Viewable area height
+     */
+    height?: number | string;
+    /**
+     * @zh 开启虚拟滚动的元素数量阈值，当数据数量小于阈值时不会开启虚拟滚动。
+     * @en The threshold of the number of elements to enable virtual scrolling. When the number of data is less than the threshold, virtual scrolling will not be enabled.
+     */
+    threshold?: number;
+    /**
+     * @zh （已废除）元素高度是否是固定的。2.34.1 版本废除，请使用 `fixedSize`
+     * @en (Repealed) Is the element height fixed. Version 2.18.0 deprecated, please use `fixedSize`
+     */
+    isStaticItemHeight?: boolean;
+    /**
+     * @zh 元素高度是否是固定的。
+     * @en Is the element height fixed.
+     * @version 2.34.1
+     */
+    fixedSize?: boolean;
+    /**
+     * @zh 元素高度不固定时的预估高度。
+     * @en Is the element height fixed.
+     * @version 2.34.1
+     */
+    estimatedSize?: number;
+    /**
+     * @zh 视口边界外提前挂载的元素数量。
+     * @en The number of elements mounted in advance outside the boundary of the viewport.
+     * @defaultValue 10
+     * @version 2.34.1
+     */
+    buffer?: number;
+    data?: unknown[];
+    itemKey?: string;
+    component?: keyof HTMLElementTagNameMap;
+}
+export type ScrollOptions = number | {
+    index?: number;
+    key?: VirtualItemKey;
+    align?: 'auto' | 'top' | 'bottom';
+};
+export interface VirtualListRef {
+    scrollTo: (options: ScrollOptions) => void;
+}

package/dist/components/virtual-list-v2/virtual-list-item.d.ts

@@ -0,0 +1,22 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    hasItemSize: {
+        type: FunctionConstructor;
+        required: true;
+    };
+    setItemSize: {
+        type: FunctionConstructor;
+        required: true;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> | null, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    hasItemSize: {
+        type: FunctionConstructor;
+        required: true;
+    };
+    setItemSize: {
+        type: FunctionConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/virtual-list-v2/virtual-list.vue.d.ts

@@ -0,0 +1,154 @@
+import { PropType } from 'vue';
+import { ScrollOptions } from './interface';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    data: {
+        type: PropType<Record<string, any>[]>;
+        default: () => never[];
+    };
+    threshold: {
+        type: NumberConstructor;
+        default: number;
+    };
+    itemKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    fixedSize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    estimatedSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    buffer: {
+        type: NumberConstructor;
+        default: number;
+    };
+    component: {
+        type: (StringConstructor | ObjectConstructor)[];
+        default: string;
+    };
+    listAttrs: {
+        type: ObjectConstructor;
+    };
+    contentAttrs: {
+        type: ObjectConstructor;
+    };
+    paddingPosition: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {
+    className: {
+        block: string;
+        element: (className: string) => string;
+        modifier: (className: string) => string;
+        is: (className: string) => string;
+    };
+    containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    contentRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    frontPadding: import('vue').ComputedRef<number>;
+    currentList: import('vue').ComputedRef<Record<string, any>[]>;
+    behindPadding: import('vue').ComputedRef<number>;
+    onScroll: (ev: Event) => void;
+    setItemSize: (key: string | number, size: number) => void;
+    hasItemSize: (key: string | number) => boolean;
+    start: import('vue').Ref<number, number>;
+    scrollTo: (options: ScrollOptions) => void;
+    style: import('vue').ComputedRef<{
+        height: string;
+        overflow: string;
+    }>;
+    mergedComponent: import('vue').ComputedRef<{
+        container: string;
+        list: string;
+        content: string;
+    }>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    scroll: (ev: Event) => true;
+    reachBottom: (ev: Event) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    data: {
+        type: PropType<Record<string, any>[]>;
+        default: () => never[];
+    };
+    threshold: {
+        type: NumberConstructor;
+        default: number;
+    };
+    itemKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    fixedSize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    estimatedSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    buffer: {
+        type: NumberConstructor;
+        default: number;
+    };
+    component: {
+        type: (StringConstructor | ObjectConstructor)[];
+        default: string;
+    };
+    listAttrs: {
+        type: ObjectConstructor;
+    };
+    contentAttrs: {
+        type: ObjectConstructor;
+    };
+    paddingPosition: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    onScroll?: ((ev: Event) => any) | undefined;
+    onReachBottom?: ((ev: Event) => any) | undefined;
+}>, {
+    data: Record<string, any>[];
+    component: string | Record<string, any>;
+    height: string | number;
+    fixedSize: boolean;
+    estimatedSize: number;
+    buffer: number;
+    threshold: number;
+    itemKey: string;
+    paddingPosition: string;
+}, {}, {
+    VirtualListItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        hasItemSize: {
+            type: FunctionConstructor;
+            required: true;
+        };
+        setItemSize: {
+            type: FunctionConstructor;
+            required: true;
+        };
+    }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }> | null, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        hasItemSize: {
+            type: FunctionConstructor;
+            required: true;
+        };
+        setItemSize: {
+            type: FunctionConstructor;
+            required: true;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;