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

package/dist/components/dropdown/context.d.ts

@@ -0,0 +1,6 @@
+import { InjectionKey } from 'vue';
+export interface DropdownContext {
+    popupMaxHeight: boolean | number;
+    onOptionClick: (value: string | number | Record<string, unknown> | undefined, ev: Event) => void;
+}
+export declare const dropdownInjectionKey: InjectionKey<DropdownContext>;

package/dist/components/dropdown/dropdown-panel.vue.d.ts

@@ -0,0 +1,432 @@
+import { CSSProperties, PropType } from 'vue';
+import { EmitType } from '../../_hooks/_types';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isEmpty: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    bottomOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    onScroll: {
+        type: PropType<EmitType<(ev: Event) => void>>;
+    };
+    onReachBottom: {
+        type: PropType<EmitType<(ev: Event) => void>>;
+    };
+}>, {
+    className: {
+        block: string;
+        element: (className: string) => string;
+        modifier: (className: string) => string;
+        is: (className: string) => string;
+    };
+    cls: import('vue').ComputedRef<(string | {
+        [x: string]: boolean;
+    })[]>;
+    style: import('vue').ComputedRef<CSSProperties | undefined>;
+    wrapperRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    handleScroll: (e: Event) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("scroll" | "reachBottom")[], "scroll" | "reachBottom", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isEmpty: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    bottomOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    onScroll: {
+        type: PropType<EmitType<(ev: Event) => void>>;
+    };
+    onReachBottom: {
+        type: PropType<EmitType<(ev: Event) => void>>;
+    };
+}>> & Readonly<{
+    onScroll?: ((...args: any[]) => any) | undefined;
+    onReachBottom?: ((...args: any[]) => any) | undefined;
+}>, {
+    loading: boolean;
+    isEmpty: boolean;
+    bottomOffset: number;
+}, {}, {
+    Scrollbar: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+            type: {
+                type: PropType<"track" | "embed">;
+                default: string;
+            };
+            outerClass: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            outerStyle: {
+                type: PropType<import('vue').StyleValue>;
+            };
+            hide: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disableHorizontal: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disableVertical: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            onScroll?: ((ev: Event) => any) | undefined;
+        }>, {
+            className: {
+                block: string;
+                element: (className: string) => string;
+                modifier: (className: string) => string;
+                is: (className: string) => string;
+            };
+            cls: import('vue').ComputedRef<(string | Record<string, any> | unknown[] | undefined)[]>;
+            style: import('vue').ComputedRef<import('vue').StyleValue[]>;
+            containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            horizontalThumbRef: import('vue').Ref<any, any>;
+            verticalThumbRef: import('vue').Ref<any, any>;
+            horizontalData: import('vue').Ref<import('../scrollbar-v2/interface.ts').ThumbData | undefined, import('../scrollbar-v2/interface.ts').ThumbData | undefined>;
+            verticalData: import('vue').Ref<import('../scrollbar-v2/interface.ts').ThumbData | undefined, import('../scrollbar-v2/interface.ts').ThumbData | undefined>;
+            isBoth: import('vue').Ref<boolean, boolean>;
+            hasHorizontalScrollbar: import('vue').ComputedRef<boolean>;
+            hasVerticalScrollbar: import('vue').ComputedRef<boolean>;
+            handleResize: () => void;
+            handleScroll: (ev: Event) => void;
+            handleHorizontalScroll: (offset: number) => void;
+            handleVerticalScroll: (offset: number) => void;
+        }, {}, {}, {
+            scrollTo(options?: number | {
+                left?: number;
+                top?: number;
+            }, y?: number): void;
+            scrollTop(top: number): void;
+            scrollLeft(left: number): void;
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            scroll: (ev: Event) => true;
+        }, import('vue').PublicProps, {
+            type: "embed" | "track";
+            hide: boolean;
+            disableHorizontal: boolean;
+            disableVertical: boolean;
+        }, true, {}, {}, {
+            ResizeObserver: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                watchOnUpdated: BooleanConstructor;
+            }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                [key: string]: any;
+            }>[] | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "resize"[], "resize", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                watchOnUpdated: BooleanConstructor;
+            }>> & Readonly<{
+                onResize?: ((...args: any[]) => any) | undefined;
+            }>, {
+                watchOnUpdated: boolean;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            Thumb: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                data: {
+                    type: PropType<import('../scrollbar-v2/interface.ts').ThumbData>;
+                };
+                direction: {
+                    type: PropType<import('../../_utils/constant.ts').Direction>;
+                    default: string;
+                };
+                alwaysShow: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                both: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {
+                visible: import('vue').Ref<boolean, boolean>;
+                trackRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+                thumbRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+                className: {
+                    block: string;
+                    element: (className: string) => string;
+                    modifier: (className: string) => string;
+                    is: (className: string) => string;
+                };
+                thumbCls: import('vue').ComputedRef<(string | {
+                    [x: string]: boolean;
+                })[]>;
+                thumbStyle: import('vue').ComputedRef<{
+                    [x: string]: string;
+                }>;
+                handleThumbMouseDown: (ev: MouseEvent) => void;
+                handleTrackClick: (ev: MouseEvent) => void;
+                setOffset: (_offset: number) => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "scroll"[], "scroll", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                data: {
+                    type: PropType<import('../scrollbar-v2/interface.ts').ThumbData>;
+                };
+                direction: {
+                    type: PropType<import('../../_utils/constant.ts').Direction>;
+                    default: string;
+                };
+                alwaysShow: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                both: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{
+                onScroll?: ((...args: any[]) => any) | undefined;
+            }>, {
+                direction: "horizontal" | "vertical";
+                both: boolean;
+                alwaysShow: boolean;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('vue').ExtractPropTypes<{
+            type: {
+                type: PropType<"track" | "embed">;
+                default: string;
+            };
+            outerClass: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            outerStyle: {
+                type: PropType<import('vue').StyleValue>;
+            };
+            hide: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disableHorizontal: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disableVertical: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            onScroll?: ((ev: Event) => any) | undefined;
+        }>, {
+            className: {
+                block: string;
+                element: (className: string) => string;
+                modifier: (className: string) => string;
+                is: (className: string) => string;
+            };
+            cls: import('vue').ComputedRef<(string | Record<string, any> | unknown[] | undefined)[]>;
+            style: import('vue').ComputedRef<import('vue').StyleValue[]>;
+            containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            horizontalThumbRef: import('vue').Ref<any, any>;
+            verticalThumbRef: import('vue').Ref<any, any>;
+            horizontalData: import('vue').Ref<import('../scrollbar-v2/interface.ts').ThumbData | undefined, import('../scrollbar-v2/interface.ts').ThumbData | undefined>;
+            verticalData: import('vue').Ref<import('../scrollbar-v2/interface.ts').ThumbData | undefined, import('../scrollbar-v2/interface.ts').ThumbData | undefined>;
+            isBoth: import('vue').Ref<boolean, boolean>;
+            hasHorizontalScrollbar: import('vue').ComputedRef<boolean>;
+            hasVerticalScrollbar: import('vue').ComputedRef<boolean>;
+            handleResize: () => void;
+            handleScroll: (ev: Event) => void;
+            handleHorizontalScroll: (offset: number) => void;
+            handleVerticalScroll: (offset: number) => void;
+        }, {}, {}, {
+            scrollTo(options?: number | {
+                left?: number;
+                top?: number;
+            }, y?: number): void;
+            scrollTop(top: number): void;
+            scrollLeft(left: number): void;
+        }, {
+            type: "embed" | "track";
+            hide: boolean;
+            disableHorizontal: boolean;
+            disableVertical: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+        type: {
+            type: PropType<"track" | "embed">;
+            default: string;
+        };
+        outerClass: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        outerStyle: {
+            type: PropType<import('vue').StyleValue>;
+        };
+        hide: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disableHorizontal: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disableVertical: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onScroll?: ((ev: Event) => any) | undefined;
+    }>, {
+        className: {
+            block: string;
+            element: (className: string) => string;
+            modifier: (className: string) => string;
+            is: (className: string) => string;
+        };
+        cls: import('vue').ComputedRef<(string | Record<string, any> | unknown[] | undefined)[]>;
+        style: import('vue').ComputedRef<import('vue').StyleValue[]>;
+        containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        horizontalThumbRef: import('vue').Ref<any, any>;
+        verticalThumbRef: import('vue').Ref<any, any>;
+        horizontalData: import('vue').Ref<import('../scrollbar-v2/interface.ts').ThumbData | undefined, import('../scrollbar-v2/interface.ts').ThumbData | undefined>;
+        verticalData: import('vue').Ref<import('../scrollbar-v2/interface.ts').ThumbData | undefined, import('../scrollbar-v2/interface.ts').ThumbData | undefined>;
+        isBoth: import('vue').Ref<boolean, boolean>;
+        hasHorizontalScrollbar: import('vue').ComputedRef<boolean>;
+        hasVerticalScrollbar: import('vue').ComputedRef<boolean>;
+        handleResize: () => void;
+        handleScroll: (ev: Event) => void;
+        handleHorizontalScroll: (offset: number) => void;
+        handleVerticalScroll: (offset: number) => void;
+    }, {}, {}, {
+        scrollTo(options?: number | {
+            left?: number;
+            top?: number;
+        }, y?: number): void;
+        scrollTop(top: number): void;
+        scrollLeft(left: number): void;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        scroll: (ev: Event) => true;
+    }, string, {
+        type: "embed" | "track";
+        hide: boolean;
+        disableHorizontal: boolean;
+        disableVertical: boolean;
+    }, {}, string, {}, {
+        ResizeObserver: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            watchOnUpdated: BooleanConstructor;
+        }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+            [key: string]: any;
+        }>[] | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "resize"[], "resize", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            watchOnUpdated: BooleanConstructor;
+        }>> & Readonly<{
+            onResize?: ((...args: any[]) => any) | undefined;
+        }>, {
+            watchOnUpdated: boolean;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        Thumb: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            data: {
+                type: PropType<import('../scrollbar-v2/interface.ts').ThumbData>;
+            };
+            direction: {
+                type: PropType<import('../../_utils/constant.ts').Direction>;
+                default: string;
+            };
+            alwaysShow: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            both: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>, {
+            visible: import('vue').Ref<boolean, boolean>;
+            trackRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            thumbRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            className: {
+                block: string;
+                element: (className: string) => string;
+                modifier: (className: string) => string;
+                is: (className: string) => string;
+            };
+            thumbCls: import('vue').ComputedRef<(string | {
+                [x: string]: boolean;
+            })[]>;
+            thumbStyle: import('vue').ComputedRef<{
+                [x: string]: string;
+            }>;
+            handleThumbMouseDown: (ev: MouseEvent) => void;
+            handleTrackClick: (ev: MouseEvent) => void;
+            setOffset: (_offset: number) => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "scroll"[], "scroll", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            data: {
+                type: PropType<import('../scrollbar-v2/interface.ts').ThumbData>;
+            };
+            direction: {
+                type: PropType<import('../../_utils/constant.ts').Direction>;
+                default: string;
+            };
+            alwaysShow: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            both: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            onScroll?: ((...args: any[]) => any) | undefined;
+        }>, {
+            direction: "horizontal" | "vertical";
+            both: boolean;
+            alwaysShow: boolean;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    } & 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;
+    };
+    Empty: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+            description: StringConstructor;
+            imgSrc: StringConstructor;
+            inConfigProvider: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+            inConfigProvider: boolean;
+        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('vue').ExtractPropTypes<{
+            description: StringConstructor;
+            imgSrc: StringConstructor;
+            inConfigProvider: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{}>, () => any, {}, {}, {}, {
+            inConfigProvider: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+        description: StringConstructor;
+        imgSrc: StringConstructor;
+        inConfigProvider: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+        inConfigProvider: 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;
+    };
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;