vft 0.0.48 → 0.0.51

package/lib/components/virtual-list/props.d.ts

@@ -0,0 +1,201 @@
+import type { ExtractPropTypes, StyleValue } from 'vue';
+import type { GridItemKeyGetter, ItemSize } from './types';
+export declare const virtualizedProps: {
+    readonly className: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly containerElement: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | ((new (...args: any[]) => string | Element) | (() => string | Element))[], unknown, unknown, "div", boolean>;
+    readonly data: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | ((new (...args: any[]) => any[]) | (() => any[]))[], unknown, unknown, () => [], boolean>;
+    readonly direction: import("vft/es/utils").EpPropFinalized<StringConstructor, "ltr" | "rtl", never, "ltr", false>;
+    readonly height: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly innerElement: import("vft/es/utils").EpPropFinalized<readonly [StringConstructor, ObjectConstructor], unknown, unknown, "div", boolean>;
+    readonly style: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue) | ((new (...args: any[]) => string | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly useIsScrolling: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly width: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly perfMode: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly scrollbarAlwaysOn: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+};
+export declare const virtualizedListProps: {
+    readonly className: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly containerElement: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | ((new (...args: any[]) => string | Element) | (() => string | Element))[], unknown, unknown, "div", boolean>;
+    readonly data: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | ((new (...args: any[]) => any[]) | (() => any[]))[], unknown, unknown, () => [], boolean>;
+    readonly direction: import("vft/es/utils").EpPropFinalized<StringConstructor, "ltr" | "rtl", never, "ltr", false>;
+    readonly height: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly innerElement: import("vft/es/utils").EpPropFinalized<readonly [StringConstructor, ObjectConstructor], unknown, unknown, "div", boolean>;
+    readonly style: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue) | ((new (...args: any[]) => string | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly useIsScrolling: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly width: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly perfMode: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly scrollbarAlwaysOn: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly cache: import("vft/es/utils").EpPropFinalized<NumberConstructor, never, never, 2, false>;
+    readonly estimatedItemSize: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly layout: import("vft/es/utils").EpPropFinalized<StringConstructor, "horizontal" | "vertical", never, "vertical", false>;
+    readonly initScrollOffset: import("vft/es/utils").EpPropFinalized<NumberConstructor, never, never, 0, false>;
+    readonly total: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly itemSize: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => number | ItemSize) | (() => number | ItemSize) | ((new (...args: any[]) => number | ItemSize) | (() => number | ItemSize))[], never, never>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+};
+export declare const virtualizedGridProps: {
+    readonly className: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly containerElement: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | ((new (...args: any[]) => string | Element) | (() => string | Element))[], unknown, unknown, "div", boolean>;
+    readonly data: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | ((new (...args: any[]) => any[]) | (() => any[]))[], unknown, unknown, () => [], boolean>;
+    readonly direction: import("vft/es/utils").EpPropFinalized<StringConstructor, "ltr" | "rtl", never, "ltr", false>;
+    readonly height: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly innerElement: import("vft/es/utils").EpPropFinalized<readonly [StringConstructor, ObjectConstructor], unknown, unknown, "div", boolean>;
+    readonly style: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue) | ((new (...args: any[]) => string | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly useIsScrolling: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly width: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly perfMode: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly scrollbarAlwaysOn: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly columnCache: import("vft/es/utils").EpPropFinalized<NumberConstructor, never, never, 2, false>;
+    readonly columnWidth: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => number | ItemSize) | (() => number | ItemSize) | ((new (...args: any[]) => number | ItemSize) | (() => number | ItemSize))[], never, never>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly estimatedColumnWidth: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly estimatedRowHeight: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly initScrollLeft: import("vft/es/utils").EpPropFinalized<NumberConstructor, never, never, 0, false>;
+    readonly initScrollTop: import("vft/es/utils").EpPropFinalized<NumberConstructor, never, never, 0, false>;
+    readonly itemKey: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => GridItemKeyGetter) | (() => GridItemKeyGetter) | {
+        (): GridItemKeyGetter;
+        new (): any;
+        readonly prototype: any;
+    } | ((new (...args: any[]) => GridItemKeyGetter) | (() => GridItemKeyGetter) | {
+        (): GridItemKeyGetter;
+        new (): any;
+        readonly prototype: any;
+    })[], unknown, unknown, ({ columnIndex, rowIndex }: {
+        columnIndex: number;
+        rowIndex: number;
+    }) => string, boolean>;
+    readonly rowCache: import("vft/es/utils").EpPropFinalized<NumberConstructor, never, never, 2, false>;
+    readonly rowHeight: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => number | ItemSize) | (() => number | ItemSize) | ((new (...args: any[]) => number | ItemSize) | (() => number | ItemSize))[], never, never>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly totalColumn: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly totalRow: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly hScrollbarSize: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
+    readonly vScrollbarSize: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
+    readonly scrollbarStartGap: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    readonly scrollbarEndGap: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 2, boolean>;
+    readonly role: StringConstructor;
+};
+export declare const virtualizedScrollbarProps: {
+    readonly alwaysOn: BooleanConstructor;
+    readonly class: StringConstructor;
+    readonly layout: import("vft/es/utils").EpPropFinalized<StringConstructor, "horizontal" | "vertical", never, "vertical", false>;
+    readonly total: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly ratio: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly clientSize: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly scrollFrom: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly scrollbarSize: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
+    readonly startGap: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    readonly endGap: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 2, boolean>;
+    readonly visible: BooleanConstructor;
+};
+export type VirtualizedProps = ExtractPropTypes<typeof virtualizedProps>;
+export type VirtualizedListProps = ExtractPropTypes<typeof virtualizedListProps>;
+export type VirtualizedGridProps = ExtractPropTypes<typeof virtualizedGridProps>;
+export type VirtualizedScrollbarProps = ExtractPropTypes<typeof virtualizedScrollbarProps>;

package/lib/components/virtual-list/style/css.cjs

@@ -0,0 +1 @@
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-virtual-list.css");require("vft/theme-style/vft-scrollbar.css");

package/lib/components/virtual-list/style/index.cjs

@@ -0,0 +1 @@
+"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/virtual-list.scss");require("vft/theme-style/src/scrollbar.scss");

package/lib/components/virtual-list/types.cjs

@@ -0,0 +1 @@
+"use strict";

package/lib/components/virtual-list/types.d.ts

@@ -0,0 +1,137 @@
+import type { CSSProperties, ComponentInternalInstance, Ref } from 'vue';
+export type Instance = ComponentInternalInstance;
+export type Alignment = 'auto' | 'smart' | 'center' | 'start' | 'end';
+export type ItemSize = (idx: number) => number;
+export type Direction = 'ltr' | 'rtl';
+export type LayoutDirection = 'horizontal' | 'vertical';
+export type RTLOffsetType = 'negative' | 'positive-descending' | 'positive-ascending';
+export type ItemProps<T> = {
+    data: T;
+    style: CSSProperties;
+    scrolling?: boolean;
+    index: number;
+};
+export type ListItem = {
+    offset: number;
+    size: number;
+};
+export type ListCache = {
+    items: Record<string, ListItem>;
+    estimatedItemSize: number;
+    lastVisitedIndex: number;
+    clearCacheAfterIndex: (idx: number, forceUpdate?: boolean) => void;
+};
+export type GridCache = {
+    column: Record<string, ListItem>;
+    row: Record<string, ListItem>;
+    estimatedColumnWidth: number;
+    estimatedRowHeight: number;
+    lastVisitedColumnIndex: number;
+    lastVisitedRowIndex: number;
+};
+export type ScrollDir = 'forwards' | 'backwards';
+export type ListItemSizer<T, P extends InitListCacheFunc<T>> = (props: T, index: number, cache: ReturnType<P>) => number;
+export type GetEstimatedTotalSize<T, P extends InitCacheFunc<T, GridCache | ListCache>> = (props: T, cache: ReturnType<P>) => number;
+export type GetOffset<T, P extends InitListCacheFunc<T>> = (props: T, idx: number, alignment: Alignment, offset: number, cache: ReturnType<P>) => number;
+export type GetStartIndexForOffset<T, P extends InitCacheFunc<T, GridCache | ListCache>> = (props: T, offset: number, cache: ReturnType<P>) => number;
+export type GetStopIndexForStartIndex<T, P extends InitCacheFunc<T, GridCache | ListCache>> = (props: T, startIndex: number, scrollOffset: number, cache: ReturnType<P>) => number;
+export type PropValidator<T> = (props: T) => void;
+export type InitCacheFunc<T, P> = (props: T, cache: Instance) => P;
+export type InitListCacheFunc<T> = InitCacheFunc<T, ListCache>;
+export type InitGridCacheFunc<T> = InitCacheFunc<T, GridCache>;
+export type ListConstructorProps<T, P extends InitListCacheFunc<T> = InitListCacheFunc<T>> = {
+    name?: string;
+    getItemOffset: ListItemSizer<T, P>;
+    getEstimatedTotalSize: GetEstimatedTotalSize<T, P>;
+    getItemSize: ListItemSizer<T, P>;
+    getOffset: GetOffset<T, P>;
+    getStartIndexForOffset: GetStartIndexForOffset<T, P>;
+    getStopIndexForStartIndex: GetStopIndexForStartIndex<T, P>;
+    initCache: P;
+    clearCache: boolean;
+    validateProps: PropValidator<T>;
+};
+export type ExposesStates = {
+    isScrolling: boolean;
+    updateRequested: boolean;
+};
+export type SharedExposes = {
+    windowRef: Ref<HTMLElement>;
+    innerRef: Ref<HTMLElement>;
+    getItemStyleCache: (_: any, __: any, ___: any) => CSSProperties;
+};
+export type ListExposes = {
+    scrollTo: (offset: number) => void;
+    scrollToItem: (idx: number, alignment?: Alignment) => void;
+    states: {
+        scrollDir: Direction;
+        scrollOffset: number;
+    } & ExposesStates;
+} & SharedExposes;
+export type GridExposes = {
+    states: {
+        scrollLeft: number;
+        scrollTop: number;
+        xAxisScrollDir: Direction;
+        yAxisScrollDir: Direction;
+    } & ExposesStates;
+    scrollTo: (props: {
+        scrollLeft: number;
+        scrollTop: number;
+    }) => void;
+    scrollToItem: (columnIndex?: number, rowIndex?: number, alignment?: Alignment) => void;
+} & SharedExposes;
+export type ScrollbarExpose = {
+    onMouseUp: () => void;
+};
+export type GetGridOffset<T, P extends InitGridCacheFunc<T>> = (props: T, index: number, alignment: Alignment, offset: number, cache: ReturnType<P>, scrollbarWidth: number) => number;
+export type GetPosition<T, P extends InitGridCacheFunc<T>> = (props: T, index: number, cache: ReturnType<P>) => [number, number];
+export type GridConstructorProps<T, P extends InitGridCacheFunc<T> = InitGridCacheFunc<T>> = {
+    name?: string;
+    getColumnOffset: GetGridOffset<T, P>;
+    getColumnPosition: GetPosition<T, P>;
+    getColumnStartIndexForOffset: GetStartIndexForOffset<T, P>;
+    getColumnStopIndexForStartIndex: GetStopIndexForStartIndex<T, P>;
+    getEstimatedTotalHeight: GetEstimatedTotalSize<T, P>;
+    getEstimatedTotalWidth: GetEstimatedTotalSize<T, P>;
+    getRowOffset: GetGridOffset<T, P>;
+    getRowPosition: GetPosition<T, P>;
+    getRowStartIndexForOffset: GetStartIndexForOffset<T, P>;
+    getRowStopIndexForStartIndex: GetStopIndexForStartIndex<T, P>;
+    initCache: P;
+    injectToInstance?: (instance: Instance, cache: Ref<ReturnType<P>>) => void;
+    clearCache: boolean;
+    validateProps: PropValidator<T>;
+};
+/**
+ * Instance methods and emits
+ */
+export type GridDefaultSlotParams = {
+    columnIndex: number;
+    rowIndex: number;
+    data: any;
+    key: number | string;
+    isScrolling?: boolean;
+    style: CSSProperties;
+};
+export type GridItemRenderedEvtParams = {
+    columnCacheStart: number;
+    columnCacheEnd: number;
+    rowCacheStart: number;
+    rowCacheEnd: number;
+    columnVisibleStart: number;
+    columnVisibleEnd: number;
+    rowVisibleStart: number;
+    rowVisibleEnd: number;
+};
+export type GridScrollOptions = {
+    scrollLeft?: number;
+    scrollTop?: number;
+};
+export type GridItemKeyGetter = <T extends {
+    [key: string | number]: any;
+}>(args: {
+    columnIndex: number;
+    data: T;
+    rowIndex: number;
+}) => string | number;

package/lib/components/virtual-list/utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./defaults.cjs"),c=(e,t)=>e<t?n.FORWARD:n.BACKWARD,u=e=>e===n.LTR||e===n.RTL||e===n.HORIZONTAL,a=e=>e===n.RTL;let r=null;function T(e=!1){if(r===null||e){const t=document.createElement("div"),l=t.style;l.width="50px",l.height="50px",l.overflow="scroll",l.direction="rtl";const s=document.createElement("div"),o=s.style;return o.width="100px",o.height="100px",t.appendChild(s),document.body.appendChild(t),t.scrollLeft>0?r=n.RTL_OFFSET_POS_DESC:(t.scrollLeft=1,t.scrollLeft===0?r=n.RTL_OFFSET_NAG:r=n.RTL_OFFSET_POS_ASC),document.body.removeChild(t),r}return r}const d=(e,t)=>"touches"in e?e.touches[0][n.PageKey[t]]:e[n.PageKey[t]];function f({move:e,size:t,bar:l},s){const o={},i=`translate${l.axis}(${e}px)`;return o[l.size]=t,o.transform=i,o.msTransform=i,o.webkitTransform=i,s==="horizontal"?o.height="100%":o.width="100%",o}exports.getRTLOffsetType=T;exports.getRelativePos=d;exports.getScrollDir=c;exports.isHorizontal=u;exports.isRTL=a;exports.renderThumbStyle=f;

package/lib/components/virtual-list/utils.d.ts

@@ -0,0 +1,17 @@
+import type { CSSProperties } from 'vue';
+import type { Direction, LayoutDirection, RTLOffsetType } from './types';
+export declare const getScrollDir: (prev: number, cur: number) => "forward" | "backward";
+export declare const isHorizontal: (dir: string) => boolean;
+export declare const isRTL: (dir: Direction) => boolean;
+export declare function getRTLOffsetType(recalculate?: boolean): RTLOffsetType;
+export declare const getRelativePos: (e: TouchEvent | MouseEvent, layout: LayoutDirection) => any;
+type RenderThumbStyleParams = {
+    bar: {
+        size: 'height' | 'width';
+        axis: 'X' | 'Y';
+    };
+    size: string;
+    move: number;
+};
+export declare function renderThumbStyle({ move, size, bar }: RenderThumbStyleParams, layout: string): CSSProperties;
+export {};

package/lib/defaults.d.ts

@@ -1,5 +1,5 @@
 declare const _default: {
     version: string;
-    install: (app: import("vue").App<any>, options?: Partial<import("vft/es/components").ConfigProviderProps> | undefined) => void;
+    install: (app: import("vue").App<any>, options?: Partial<import("vft/es/components/config-provider/config-provider.vue").ConfigProviderProps> | undefined) => void;
 };
 export default _default;

package/lib/hooks/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./use-namespace/index.cjs"),d=require("./use-cursor/index.cjs"),t=require("./use-popper/index.cjs"),r=require("./use-z-index/index.cjs"),s=require("./use-forward-ref/index.cjs"),o=require("./use-id/index.cjs"),n=require("./use-popper-container/index.cjs"),a=require("./use-delayed-toggle/index.cjs"),l=require("./use-timeout/index.cjs"),I=require("./use-ordered-children/index.cjs"),u=require("./use-model-toggle/index.cjs"),c=require("./use-prop/index.cjs"),i=require("./use-size/index.cjs");exports._bem=e._bem;exports.defaultNamespace=e.defaultNamespace;exports.namespaceContextKey=e.namespaceContextKey;exports.useGetDerivedNamespace=e.useGetDerivedNamespace;exports.useNamespace=e.useNamespace;exports.useCursor=d.useCursor;exports.usePopper=t.usePopper;exports.defaultInitialZIndex=r.defaultInitialZIndex;exports.useZIndex=r.useZIndex;exports.zIndexContextKey=r.zIndexContextKey;exports.FORWARD_REF_INJECTION_KEY=s.FORWARD_REF_INJECTION_KEY;exports.useForwardRef=s.useForwardRef;exports.useForwardRefDirective=s.useForwardRefDirective;exports.ID_INJECTION_KEY=o.ID_INJECTION_KEY;exports.useId=o.useId;exports.useIdInjection=o.useIdInjection;exports.usePopperContainer=n.usePopperContainer;exports.usePopperContainerId=n.usePopperContainerId;exports.useDelayedToggle=a.useDelayedToggle;exports.useTimeout=l.useTimeout;exports.useOrderedChildren=I.useOrderedChildren;exports.createModelToggleComposable=u.createModelToggleComposable;exports.useModelToggle=u.useModelToggle;exports.useModelToggleEmits=u.useModelToggleEmits;exports.useProp=c.useProp;exports.SIZE_INJECTION_KEY=i.SIZE_INJECTION_KEY;exports.useGlobalSize=i.useGlobalSize;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./use-namespace/index.cjs"),d=require("./use-cursor/index.cjs"),t=require("./use-popper/index.cjs"),r=require("./use-z-index/index.cjs"),s=require("./use-forward-ref/index.cjs"),u=require("./use-id/index.cjs"),n=require("./use-popper-container/index.cjs"),a=require("./use-delayed-toggle/index.cjs"),c=require("./use-timeout/index.cjs"),l=require("./use-ordered-children/index.cjs"),o=require("./use-model-toggle/index.cjs"),I=require("./use-prop/index.cjs"),i=require("./use-size/index.cjs"),x=require("./use-draggable/index.cjs"),p=require("./use-lockscreen/index.cjs"),g=require("./use-same-target/index.cjs");exports._bem=e._bem;exports.defaultNamespace=e.defaultNamespace;exports.namespaceContextKey=e.namespaceContextKey;exports.useGetDerivedNamespace=e.useGetDerivedNamespace;exports.useNamespace=e.useNamespace;exports.useCursor=d.useCursor;exports.usePopper=t.usePopper;exports.defaultInitialZIndex=r.defaultInitialZIndex;exports.useZIndex=r.useZIndex;exports.zIndexContextKey=r.zIndexContextKey;exports.FORWARD_REF_INJECTION_KEY=s.FORWARD_REF_INJECTION_KEY;exports.useForwardRef=s.useForwardRef;exports.useForwardRefDirective=s.useForwardRefDirective;exports.ID_INJECTION_KEY=u.ID_INJECTION_KEY;exports.useId=u.useId;exports.useIdInjection=u.useIdInjection;exports.usePopperContainer=n.usePopperContainer;exports.usePopperContainerId=n.usePopperContainerId;exports.useDelayedToggle=a.useDelayedToggle;exports.useTimeout=c.useTimeout;exports.useOrderedChildren=l.useOrderedChildren;exports.createModelToggleComposable=o.createModelToggleComposable;exports.useModelToggle=o.useModelToggle;exports.useModelToggleEmits=o.useModelToggleEmits;exports.useProp=I.useProp;exports.SIZE_INJECTION_KEY=i.SIZE_INJECTION_KEY;exports.useGlobalSize=i.useGlobalSize;exports.useDraggable=x.useDraggable;exports.useLockscreen=p.useLockscreen;exports.useSameTarget=g.useSameTarget;

package/lib/hooks/index.d.ts

@@ -11,3 +11,6 @@ export * from './use-ordered-children';
 export * from './use-model-toggle';
 export * from './use-prop';
 export * from './use-size';
+export * from './use-draggable';
+export * from './use-lockscreen';
+export * from './use-same-target';

package/lib/hooks/use-draggable/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("vue"),E=require("@vft/utils"),U=(e,t,L)=>{let u={offsetX:0,offsetY:0};const i=m=>{const p=m.clientX,w=m.clientY,{offsetX:o,offsetY:s}=u,n=e.value.getBoundingClientRect(),l=n.left,d=n.top,X=n.width,Y=n.height,b=document.documentElement.clientWidth,x=document.documentElement.clientHeight,D=-l+o,T=-d+s,y=b-l-X+o,H=x-d-Y+s,r=f=>{const g=Math.min(Math.max(o+f.clientX-p,D),y),h=Math.min(Math.max(s+f.clientY-w,T),H);u={offsetX:g,offsetY:h},e.value.style.transform=`translate(${E.addUnit(g)}, ${E.addUnit(h)})`},v=()=>{document.removeEventListener("mousemove",r),document.removeEventListener("mouseup",v)};document.addEventListener("mousemove",r),document.addEventListener("mouseup",v)},M=()=>{t.value&&e.value&&t.value.addEventListener("mousedown",i)},a=()=>{t.value&&e.value&&t.value.removeEventListener("mousedown",i)};c.onMounted(()=>{c.watchEffect(()=>{L.value?M():a()})}),c.onBeforeUnmount(()=>{a()})};exports.useDraggable=U;

package/lib/hooks/use-draggable/index.d.ts

@@ -0,0 +1,2 @@
+import type { ComputedRef, Ref } from 'vue';
+export declare const useDraggable: (targetRef: Ref<HTMLElement | undefined>, dragRef: Ref<HTMLElement | undefined>, draggable: ComputedRef<boolean>) => void;

package/lib/hooks/use-id/index.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),c=require("@vueuse/core");require("@vft/utils");const s=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("lodash");const d=require("../use-namespace/index.cjs"),n={prefix:Math.floor(Math.random()*1e4),current:0},t=Symbol("elIdInjection"),o=()=>e.getCurrentInstance()?e.inject(t,n):n,I=i=>{const r=o();!c.isClient&&r===n&&s.debugWarn("IdInjection",`Looks like you are using server rendering, you must provide a id provider to ensure the hydration process to be succeed
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),c=require("@vueuse/core");require("@vft/utils");const s=require("../../utils/error.cjs");require("lodash");require("../../utils/ns-cover.cjs");const d=require("../use-namespace/index.cjs"),n={prefix:Math.floor(Math.random()*1e4),current:0},t=Symbol("elIdInjection"),o=()=>e.getCurrentInstance()?e.inject(t,n):n,I=i=>{const r=o();!c.isClient&&r===n&&s.debugWarn("IdInjection",`Looks like you are using server rendering, you must provide a id provider to ensure the hydration process to be succeed
 usage: app.provide(ID_INJECTION_KEY, {
   prefix: number,
   current: number,

package/lib/hooks/use-lockscreen/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("vue"),y=require("@vue/reactivity"),h=require("@vueuse/core"),e=require("@vft/utils"),b=require("../../utils/error.cjs");require("lodash");require("../../utils/ns-cover.cjs");const f=require("../../utils/dom/scroll.cjs"),p=require("../use-namespace/index.cjs"),v=(r,i={})=>{c.isRef(r)||b.throwError("[useLockscreen]","You need to pass a ref param to this function");const n=i.ns||p.useNamespace("popup"),o=y.computed(()=>n.bm("parent","hidden"));if(!h.isClient||e.hasClass(document.body,o.value))return;let s=0,t=!1,u="0";const d=()=>{setTimeout(()=>{e.removeClass(document==null?void 0:document.body,o.value),t&&document&&(document.body.style.width=u)},200)};c.watch(r,l=>{if(!l){d();return}t=!e.hasClass(document.body,o.value),t&&(u=document.body.style.width),s=f.getScrollBarWidth(n.namespace.value);const a=document.documentElement.clientHeight<document.body.scrollHeight,m=e.getStyle(document.body,"overflowY");s>0&&(a||m==="scroll")&&t&&(document.body.style.width=`calc(100% - ${s}px)`),e.addClass(document.body,o.value)}),c.onScopeDispose(()=>d())};exports.useLockscreen=v;

package/lib/hooks/use-lockscreen/index.d.ts

@@ -0,0 +1,11 @@
+import type { Ref } from 'vue';
+import type { UseNamespaceReturn } from '../use-namespace';
+export type UseLockScreenOptions = {
+    ns?: UseNamespaceReturn;
+};
+/**
+ * Hook that monitoring the ref value to lock or unlock the screen.
+ * When the trigger became true, it assumes modal is now opened and vice versa.
+ * @param trigger {Ref<boolean>}
+ */
+export declare const useLockscreen: (trigger: Ref<boolean>, options?: UseLockScreenOptions) => void;

package/lib/hooks/use-ordered-children/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue");require("@vft/utils");const u=require("../../utils/vue/vnode.cjs");require("../../utils/ns-cover.cjs");require("lodash");const c=(n,i,d)=>u.flattedChildren(n.subTree).filter(e=>{var r;return o.isVNode(e)&&((r=e.type)==null?void 0:r.name)===i&&!!e.component}).map(e=>e.component.uid).map(e=>d[e]).filter(e=>!!e),a=(n,i)=>{const d={},t=o.shallowRef([]);return{children:t,addChild:r=>{d[r.uid]=r,t.value=c(n,i,d)},removeChild:r=>{delete d[r],t.value=t.value.filter(s=>s.uid!==r)}}};exports.useOrderedChildren=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue");require("@vft/utils");const s=require("../../utils/vue/vnode.cjs");require("lodash");require("@vueuse/core");require("../../utils/ns-cover.cjs");const c=(i,n,d)=>s.flattedChildren(i.subTree).filter(e=>{var r;return o.isVNode(e)&&((r=e.type)==null?void 0:r.name)===n&&!!e.component}).map(e=>e.component.uid).map(e=>d[e]).filter(e=>!!e),a=(i,n)=>{const d={},t=o.shallowRef([]);return{children:t,addChild:r=>{d[r.uid]=r,t.value=c(i,n,d)},removeChild:r=>{delete d[r],t.value=t.value.filter(u=>u.uid!==r)}}};exports.useOrderedChildren=a;

package/lib/hooks/use-popper/index.d.ts

@@ -41,13 +41,13 @@ export declare const usePopper: (referenceElementRef: Ref<ReferenceElement>, pop
                 popperEscapeOffsets: import("@popperjs/core").SideObject;
             } | undefined;
             offset?: {
-                bottom?: import("@popperjs/core").Offsets | undefined;
-                left?: import("@popperjs/core").Offsets | undefined;
-                right?: import("@popperjs/core").Offsets | undefined;
-                top?: import("@popperjs/core").Offsets | undefined;
                 auto?: import("@popperjs/core").Offsets | undefined;
                 "auto-start"?: import("@popperjs/core").Offsets | undefined;
                 "auto-end"?: import("@popperjs/core").Offsets | undefined;
+                top?: import("@popperjs/core").Offsets | undefined;
+                bottom?: import("@popperjs/core").Offsets | undefined;
+                right?: import("@popperjs/core").Offsets | undefined;
+                left?: import("@popperjs/core").Offsets | undefined;
                 "top-start"?: import("@popperjs/core").Offsets | undefined;
                 "top-end"?: import("@popperjs/core").Offsets | undefined;
                 "bottom-start"?: import("@popperjs/core").Offsets | undefined;

package/lib/hooks/use-same-target/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@vue/shared"),u=r=>{if(!r)return{onClick:n.NOOP,onMousedown:n.NOOP,onMouseup:n.NOOP};let o=!1,t=!1;return{onClick:e=>{o&&t&&r(e),o=t=!1},onMousedown:e=>{o=e.target===e.currentTarget},onMouseup:e=>{t=e.target===e.currentTarget}}};exports.useSameTarget=u;

package/lib/hooks/use-same-target/index.d.ts

@@ -0,0 +1,5 @@
+export declare const useSameTarget: (handleClick?: ((e: MouseEvent) => void) | undefined) => {
+    onClick: (e: MouseEvent) => void;
+    onMousedown: (e: MouseEvent) => void;
+    onMouseup: (e: MouseEvent) => void;
+};

package/lib/hooks/use-size/index.d.ts

@@ -4,4 +4,4 @@ export interface SizeContext {
     size: Ref<ComponentSize>;
 }
 export declare const SIZE_INJECTION_KEY: InjectionKey<SizeContext>;
-export declare const useGlobalSize: () => import("vue").ComputedRef<"" | "large" | "small" | "default">;
+export declare const useGlobalSize: () => import("vue").ComputedRef<"" | "default" | "small" | "large">;

package/lib/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./defaults.cjs"),F=require("./components/divider/index.cjs"),p=require("./components/icon/index.cjs"),S=require("./components/avatar/index.cjs"),L=require("./components/empty/index.cjs"),K=require("./components/result/index.cjs"),m=require("./components/tabs/index.cjs"),h=require("./components/popper/index.cjs"),w=require("./components/collapse-transition/index.cjs"),R=require("./components/tooltip/index.cjs"),O=require("./components/popover/index.cjs"),r=require("./components/menu/index.cjs"),g=require("./components/context-menu/createContextMenu.cjs"),z=require("./components/context-menu/useContextMenu.cjs"),A=require("./components/multiple-tabs/index.cjs"),G=require("./components/header-layout/index.cjs"),k=require("./components/footer-layout/index.cjs"),Y=require("./components/iframe-layout/index.cjs"),W=require("./components/router-view-content/index.cjs"),j=require("./components/logo/index.cjs"),H=require("./components/back-top/index.cjs"),J=require("./components/config-provider/index.cjs"),q=require("./components/descriptions/index.cjs"),Z=require("./components/full-screen/index.cjs"),B=require("./components/icon-text/index.cjs"),U=require("./components/image/index.cjs"),Q=require("./components/input/index.cjs"),X=require("./components/link/index.cjs"),ee=require("./components/pagination/index.cjs"),te=require("./components/tag/index.cjs"),re=require("./components/side-menu/index.cjs"),ne=require("./components/qrcode/index.cjs"),oe=require("./components/overlay/index.cjs"),ie=require("./components/clamp/index.cjs"),se=require("./components/clamp-toggle/index.cjs"),ue=require("./components/page-wrapper/index.cjs"),ae=require("./components/exception/index.cjs"),de=require("./components/search/index.cjs"),x=require("./components/form/index.cjs"),ce=require("./components/md-container/index.cjs"),le=require("./components/md-comment/index.cjs"),fe=require("./components/md-tabs/index.cjs"),Ve=require("./components/md-vue-playground/index.cjs"),pe=require("./components/md-code-demo/index.cjs"),me=require("./components/md-code-tabs/index.cjs"),C=require("./components/message/index.cjs"),ge=require("./components/loading/index.cjs"),qe=require("./constants/aria.cjs"),I=require("./constants/date.cjs"),u=require("./constants/event.cjs"),xe=require("./constants/key.cjs"),T=require("./constants/size.cjs"),t=require("./hooks/use-namespace/index.cjs"),Ce=require("./hooks/use-cursor/index.cjs"),Ie=require("./hooks/use-popper/index.cjs"),a=require("./hooks/use-z-index/index.cjs"),d=require("./hooks/use-forward-ref/index.cjs"),c=require("./hooks/use-id/index.cjs"),E=require("./hooks/use-popper-container/index.cjs"),Te=require("./hooks/use-delayed-toggle/index.cjs"),Ee=require("./hooks/use-timeout/index.cjs"),$e=require("./hooks/use-ordered-children/index.cjs"),l=require("./hooks/use-model-toggle/index.cjs"),ye=require("./hooks/use-prop/index.cjs"),$=require("./hooks/use-size/index.cjs"),n=require("./utils/vue/install.cjs"),e=require("./utils/vue/vnode.cjs"),_e=require("./utils/helper.cjs"),y=require("./utils/error.cjs"),_=require("./utils/event.cjs"),Me=require("./utils/typescript.cjs"),o=require("./utils/ns-cover.cjs"),ve=require("./utils/objects.cjs"),be=require("./make-installer.cjs"),Pe=require("./comp-resolver.cjs"),De=require("dayjs"),Ne=require("./components/empty/constants.cjs"),Fe=require("./components/tabs/types.cjs"),Se=require("./components/popper/arrow.vue2.cjs"),Le=require("./components/popper/trigger.vue2.cjs"),Ke=require("./components/popper/content.vue2.cjs"),he=require("./components/multiple-tabs/use/use-tab-dropdown.cjs"),M=require("./components/multiple-tabs/use/use-multiple-tabs.cjs"),v=require("./components/config-provider/constants.cjs"),f=require("./components/config-provider/hooks/use-global-config.cjs"),we=require("./components/pagination/pagination.cjs"),b=require("./components/pagination/usePagination.cjs"),Re=require("./components/form/types.cjs"),P=require("./components/form/constants.cjs"),i=require("./components/form/hooks/use-form-common-props.cjs"),D=require("./components/form/hooks/use-form-item.cjs"),N=require("./components/message/types.cjs"),V=require("./components/loading/directive.cjs"),Oe=require("./components/loading/service.cjs"),ze=s.default.install,Ae=s.default.version;exports.default=s.default;exports.VftDivider=F.VftDivider;exports.Icon=p.VftIcon;exports.VftIcon=p.VftIcon;exports.VftAvatar=S.VftAvatar;exports.VftEmpty=L.VftEmpty;exports.VftResult=K.VftResult;exports.VftTabPane=m.VftTabPane;exports.VftTabs=m.VftTabs;exports.VftPopper=h.VftPopper;exports.VftCollapseTransition=w.VftCollapseTransition;exports.VftTooltip=R.VftTooltip;exports.VftPopover=O.VftPopover;exports.VftMenu=r.VftMenu;exports.VftMenuItem=r.VftMenuItem;exports.VftMenuItemGroup=r.VftMenuItemGroup;exports.VftSubMenu=r.VftSubMenu;exports.createContextMenu=g.createContextMenu;exports.destroyContextMenu=g.destroyContextMenu;exports.useContextMenu=z.useContextMenu;exports.VftMultipleTabs=A.VftMultipleTabs;exports.VftHeaderLayout=G.VftHeaderLayout;exports.VftFooterLayout=k.VftFooterLayout;exports.VftIframeLayout=Y.VftIframeLayout;exports.VftRouterViewContent=W.VftRouterViewContent;exports.VftLogo=j.VftLogo;exports.VftBackTop=H.VftBackTop;exports.VftConfigProvider=J.VftConfigProvider;exports.VftDescriptions=q.VftDescriptions;exports.VftDescriptionsItem=q.VftDescriptionsItem;exports.VftFullScreen=Z.VftFullScreen;exports.VftIconText=B.VftIconText;exports.VftImage=U.VftImage;exports.VftInput=Q.VftInput;exports.VftLink=X.VftLink;exports.VftPagination=ee.VftPagination;exports.VftTag=te.VftTag;exports.VftSideMenu=re.VftSideMenu;exports.VftQrcode=ne.VftQrcode;exports.VftOverlay=oe.VftOverlay;exports.VftClamp=ie.VftClamp;exports.VftClampToggle=se.VftClampToggle;exports.VftPageWrapper=ue.VftPageWrapper;exports.VftException=ae.VftException;exports.VftSearch=de.VftSearch;exports.VftForm=x.VftForm;exports.VftFormItem=x.VftFormItem;exports.VftMdContainer=ce.VftMdContainer;exports.VftMdComment=le.VftMdComment;exports.VftMdTabs=fe.VftMdTabs;exports.VftMdVuePlayground=Ve.VftMdVuePlayground;exports.VftMdCodeDemo=pe.VftMdCodeDemo;exports.VftMdCodeTabs=me.VftMdCodeTabs;exports.Message=C.VftMessage;exports.VftMessage=C.VftMessage;exports.VftLoading=ge.VftLoading;exports.EVENT_CODE=qe.EVENT_CODE;exports.WEEK_DAYS=I.WEEK_DAYS;exports.datePickTypes=I.datePickTypes;exports.CHANGE_EVENT=u.CHANGE_EVENT;exports.INPUT_EVENT=u.INPUT_EVENT;exports.UPDATE_MODEL_EVENT=u.UPDATE_MODEL_EVENT;exports.INSTALLED_KEY=xe.INSTALLED_KEY;exports.componentSizeMap=T.componentSizeMap;exports.componentSizes=T.componentSizes;exports._bem=t._bem;exports.defaultNamespace=t.defaultNamespace;exports.namespaceContextKey=t.namespaceContextKey;exports.useGetDerivedNamespace=t.useGetDerivedNamespace;exports.useNamespace=t.useNamespace;exports.useCursor=Ce.useCursor;exports.usePopper=Ie.usePopper;exports.defaultInitialZIndex=a.defaultInitialZIndex;exports.useZIndex=a.useZIndex;exports.zIndexContextKey=a.zIndexContextKey;exports.FORWARD_REF_INJECTION_KEY=d.FORWARD_REF_INJECTION_KEY;exports.useForwardRef=d.useForwardRef;exports.useForwardRefDirective=d.useForwardRefDirective;exports.ID_INJECTION_KEY=c.ID_INJECTION_KEY;exports.useId=c.useId;exports.useIdInjection=c.useIdInjection;exports.usePopperContainer=E.usePopperContainer;exports.usePopperContainerId=E.usePopperContainerId;exports.useDelayedToggle=Te.useDelayedToggle;exports.useTimeout=Ee.useTimeout;exports.useOrderedChildren=$e.useOrderedChildren;exports.createModelToggleComposable=l.createModelToggleComposable;exports.useModelToggle=l.useModelToggle;exports.useModelToggleEmits=l.useModelToggleEmits;exports.useProp=ye.useProp;exports.SIZE_INJECTION_KEY=$.SIZE_INJECTION_KEY;exports.useGlobalSize=$.useGlobalSize;exports.withInstall=n.withInstall;exports.withInstallDirective=n.withInstallDirective;exports.withInstallFunction=n.withInstallFunction;exports.withNoopInstall=n.withNoopInstall;exports.PatchFlags=e.PatchFlags;exports.ensureOnlyChild=e.ensureOnlyChild;exports.flattedChildren=e.flattedChildren;exports.getFirstValidNode=e.getFirstValidNode;exports.getNormalizedProps=e.getNormalizedProps;exports.isComment=e.isComment;exports.isFragment=e.isFragment;exports.isTemplate=e.isTemplate;exports.isText=e.isText;exports.isValidElementNode=e.isValidElementNode;exports.renderBlock=e.renderBlock;exports.renderIf=e.renderIf;exports.getSizeType=_e.getSizeType;exports.debugWarn=y.debugWarn;exports.throwError=y.throwError;exports.composeEventHandlers=_.composeEventHandlers;exports.whenMouse=_.whenMouse;exports.mutable=Me.mutable;exports.cssVarValue=o.cssVarValue;exports.generateCssVars=o.generateCssVars;exports.primaryColor=o.primaryColor;exports.setRootCssVar=o.setRootCssVar;exports.getProp=ve.getProp;exports.makeInstaller=be.makeInstaller;exports.CompResolver=Pe.CompResolver;exports.dayjs=De;exports.EmptyEnum=Ne.EmptyEnum;exports.TabsRootContextKey=Fe.TabsRootContextKey;exports.VftPopperArrow=Se.default;exports.VftPopperTrigger=Le.default;exports.VftPopperContent=Ke.default;exports.useTabDropdown=he.useTabDropdown;exports.initAffixTabs=M.initAffixTabs;exports.useTabsDrag=M.useTabsDrag;exports.configProviderContextKey=v.configProviderContextKey;exports.messageConfig=v.messageConfig;exports.provideGlobalConfig=f.provideGlobalConfig;exports.useGlobalComponentSettings=f.useGlobalComponentSettings;exports.useGlobalConfig=f.useGlobalConfig;exports.paginationEmits=we.paginationEmits;exports.elPaginationKey=b.elPaginationKey;exports.usePagination=b.usePagination;exports.formItemValidateStates=Re.formItemValidateStates;exports.formContextKey=P.formContextKey;exports.formItemContextKey=P.formItemContextKey;exports.useDisabled=i.useDisabled;exports.useFormDisabled=i.useFormDisabled;exports.useFormSize=i.useFormSize;exports.useSize=i.useSize;exports.useFormItem=D.useFormItem;exports.useFormItemInputId=D.useFormItemInputId;exports.messageDefaults=N.messageDefaults;exports.messageTypes=N.messageTypes;exports.VftLoadingDirective=V.vLoading;exports.createLoadingDirective=V.createLoadingDirective;exports.vLoading=V.vLoading;exports.VftLoadingService=Oe.Loading;exports.install=ze;exports.version=Ae;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("./defaults.cjs"),A=require("./components/divider/index.cjs"),$=require("./components/icon/index.cjs"),B=require("./components/avatar/index.cjs"),Y=require("./components/empty/index.cjs"),W=require("./components/result/index.cjs"),y=require("./components/tabs/index.cjs"),j=require("./components/popper/index.cjs"),J=require("./components/collapse-transition/index.cjs"),H=require("./components/tooltip/index.cjs"),Z=require("./components/popover/index.cjs"),o=require("./components/menu/index.cjs"),b=require("./components/context-menu/createContextMenu.cjs"),U=require("./components/context-menu/useContextMenu.cjs"),Q=require("./components/multiple-tabs/index.cjs"),X=require("./components/header-layout/index.cjs"),ee=require("./components/footer-layout/index.cjs"),te=require("./components/iframe-layout/index.cjs"),re=require("./components/router-view-content/index.cjs"),oe=require("./components/logo/index.cjs"),ne=require("./components/back-top/index.cjs"),ie=require("./components/config-provider/index.cjs"),P=require("./components/descriptions/index.cjs"),se=require("./components/full-screen/index.cjs"),ue=require("./components/icon-text/index.cjs"),ae=require("./components/image/index.cjs"),ce=require("./components/input/index.cjs"),de=require("./components/link/index.cjs"),le=require("./components/pagination/index.cjs"),fe=require("./components/tag/index.cjs"),Ve=require("./components/side-menu/index.cjs"),pe=require("./components/qrcode/index.cjs"),me=require("./components/overlay/index.cjs"),qe=require("./components/clamp/index.cjs"),xe=require("./components/clamp-toggle/index.cjs"),ge=require("./components/page-wrapper/index.cjs"),Ce=require("./components/exception/index.cjs"),Ie=require("./components/search/index.cjs"),E=require("./components/form/index.cjs"),D=require("./components/button/index.cjs"),l=require("./components/checkbox/index.cjs"),f=require("./components/radio/index.cjs"),Te=require("./components/switch/index.cjs"),$e=require("./components/color-picker/index.cjs"),ye=require("./components/scrollbar/index.cjs"),V=require("./components/dropdown/index.cjs"),be=require("./components/virtual-list/components/fixed-size-list.cjs"),Pe=require("./components/virtual-list/components/dynamic-size-list.cjs"),Ee=require("./components/virtual-list/components/fixed-size-grid.cjs"),De=require("./components/virtual-list/components/dynamic-size-grid.cjs"),n=require("./components/virtual-list/props.cjs"),Se=require("./components/select-v2/index.cjs"),ve=require("./components/verify-code/index.cjs"),_e=require("./components/table/index.cjs"),Me=require("./components/image-viewer/index.cjs"),Ne=require("./components/md-container/index.cjs"),he=require("./components/md-comment/index.cjs"),Fe=require("./components/md-tabs/index.cjs"),we=require("./components/md-vue-playground/index.cjs"),Ke=require("./components/md-code-demo/index.cjs"),Ge=require("./components/md-code-tabs/index.cjs"),S=require("./components/message/index.cjs"),Re=require("./components/loading/index.cjs"),Le=require("./constants/aria.cjs"),v=require("./constants/date.cjs"),p=require("./constants/event.cjs"),ze=require("./constants/key.cjs"),_=require("./constants/size.cjs"),t=require("./hooks/use-namespace/index.cjs"),Oe=require("./hooks/use-cursor/index.cjs"),ke=require("./hooks/use-popper/index.cjs"),m=require("./hooks/use-z-index/index.cjs"),q=require("./hooks/use-forward-ref/index.cjs"),x=require("./hooks/use-id/index.cjs"),M=require("./hooks/use-popper-container/index.cjs"),Ae=require("./hooks/use-delayed-toggle/index.cjs"),Be=require("./hooks/use-timeout/index.cjs"),Ye=require("./hooks/use-ordered-children/index.cjs"),g=require("./hooks/use-model-toggle/index.cjs"),We=require("./hooks/use-prop/index.cjs"),N=require("./hooks/use-size/index.cjs"),je=require("./hooks/use-draggable/index.cjs"),Je=require("./hooks/use-lockscreen/index.cjs"),He=require("./hooks/use-same-target/index.cjs"),i=require("./utils/vue/install.cjs"),e=require("./utils/vue/vnode.cjs"),Ze=require("./utils/vue/refs.cjs"),r=require("./utils/vue/props/runtime.cjs"),h=require("./utils/vue/raf.cjs"),Ue=require("./utils/vue/data-helper.cjs"),Qe=require("./utils/helper.cjs"),F=require("./utils/error.cjs"),w=require("./utils/event.cjs"),Xe=require("./utils/typescript.cjs"),s=require("./utils/ns-cover.cjs"),et=require("./utils/objects.cjs"),u=require("./utils/dom/position.cjs"),a=require("./utils/dom/scroll.cjs"),tt=require("./make-installer.cjs"),rt=require("./comp-resolver.cjs"),ot=require("dayjs"),nt=require("./components/empty/constants.cjs"),it=require("./components/tabs/types.cjs"),st=require("./components/popper/arrow.vue2.cjs"),ut=require("./components/popper/trigger.vue2.cjs"),at=require("./components/popper/content.vue2.cjs"),ct=require("./components/multiple-tabs/use/use-tab-dropdown.cjs"),K=require("./components/multiple-tabs/use/use-multiple-tabs.cjs"),G=require("./components/config-provider/constants.cjs"),C=require("./components/config-provider/hooks/use-global-config.cjs"),R=require("./components/pagination/usePagination.cjs"),dt=require("./components/form/types.cjs"),L=require("./components/form/constants.cjs"),c=require("./components/form/hooks/use-form-common-props.cjs"),z=require("./components/form/hooks/use-form-item.cjs"),lt=require("./components/button/constants.cjs"),ft=require("./components/checkbox/constants.cjs"),Vt=require("./components/radio/constants.cjs"),I=require("./components/scrollbar/util.cjs"),pt=require("./components/scrollbar/constants.cjs"),mt=require("./components/dropdown/tokens.cjs"),O=require("./components/dropdown/types.cjs"),qt=require("./components/slot/only-child.cjs"),xt=require("./components/dropdown/dropdown-item-impl.vue.cjs"),gt=require("./components/select-v2/token.cjs"),k=require("./components/message/types.cjs"),T=require("./components/loading/directive.cjs"),Ct=require("./components/loading/service.cjs"),It=d.default.install,Tt=d.default.version;exports.default=d.default;exports.VftDivider=A.VftDivider;exports.Icon=$.VftIcon;exports.VftIcon=$.VftIcon;exports.VftAvatar=B.VftAvatar;exports.VftEmpty=Y.VftEmpty;exports.VftResult=W.VftResult;exports.VftTabPane=y.VftTabPane;exports.VftTabs=y.VftTabs;exports.VftPopper=j.VftPopper;exports.VftCollapseTransition=J.VftCollapseTransition;exports.VftTooltip=H.VftTooltip;exports.VftPopover=Z.VftPopover;exports.VftMenu=o.VftMenu;exports.VftMenuItem=o.VftMenuItem;exports.VftMenuItemGroup=o.VftMenuItemGroup;exports.VftSubMenu=o.VftSubMenu;exports.createContextMenu=b.createContextMenu;exports.destroyContextMenu=b.destroyContextMenu;exports.useContextMenu=U.useContextMenu;exports.VftMultipleTabs=Q.VftMultipleTabs;exports.VftHeaderLayout=X.VftHeaderLayout;exports.VftFooterLayout=ee.VftFooterLayout;exports.VftIframeLayout=te.VftIframeLayout;exports.VftRouterViewContent=re.VftRouterViewContent;exports.VftLogo=oe.VftLogo;exports.VftBackTop=ne.VftBackTop;exports.VftConfigProvider=ie.VftConfigProvider;exports.VftDescriptions=P.VftDescriptions;exports.VftDescriptionsItem=P.VftDescriptionsItem;exports.VftFullScreen=se.VftFullScreen;exports.VftIconText=ue.VftIconText;exports.VftImage=ae.VftImage;exports.VftInput=ce.VftInput;exports.VftLink=de.VftLink;exports.VftPagination=le.VftPagination;exports.VftTag=fe.VftTag;exports.VftSideMenu=Ve.VftSideMenu;exports.VftQrcode=pe.VftQrcode;exports.VftOverlay=me.VftOverlay;exports.VftClamp=qe.VftClamp;exports.VftClampToggle=xe.VftClampToggle;exports.VftPageWrapper=ge.VftPageWrapper;exports.VftException=Ce.VftException;exports.VftSearch=Ie.VftSearch;exports.VftForm=E.VftForm;exports.VftFormItem=E.VftFormItem;exports.VftButton=D.VftButton;exports.VftButtonGroup=D.VftButtonGroup;exports.VftCheckbox=l.VftCheckbox;exports.VftCheckboxButton=l.VftCheckboxButton;exports.VftCheckboxGroup=l.VftCheckboxGroup;exports.VftRadio=f.VftRadio;exports.VftRadioButton=f.VftRadioButton;exports.VftRadioGroup=f.VftRadioGroup;exports.VftSwitch=Te.VftSwitch;exports.VftColorPicker=$e.VftColorPicker;exports.VftScrollbar=ye.VftScrollbar;exports.VftDropdown=V.VftDropdown;exports.VftDropdownItem=V.VftDropdownItem;exports.VftDropdownMenu=V.VftDropdownMenu;exports.FixedSizeList=be.default;exports.DynamicSizeList=Pe.default;exports.FixedSizeGrid=Ee.default;exports.DynamicSizeGrid=De.default;exports.virtualizedGridProps=n.virtualizedGridProps;exports.virtualizedListProps=n.virtualizedListProps;exports.virtualizedProps=n.virtualizedProps;exports.virtualizedScrollbarProps=n.virtualizedScrollbarProps;exports.VftSelectV2=Se.VftSelectV2;exports.VftVerifyCode=ve.VftVerifyCode;exports.VftTable=_e.VftTable;exports.VftImageViewer=Me.VftImageViewer;exports.VftMdContainer=Ne.VftMdContainer;exports.VftMdComment=he.VftMdComment;exports.VftMdTabs=Fe.VftMdTabs;exports.VftMdVuePlayground=we.VftMdVuePlayground;exports.VftMdCodeDemo=Ke.VftMdCodeDemo;exports.VftMdCodeTabs=Ge.VftMdCodeTabs;exports.Message=S.VftMessage;exports.VftMessage=S.VftMessage;exports.VftLoading=Re.VftLoading;exports.EVENT_CODE=Le.EVENT_CODE;exports.WEEK_DAYS=v.WEEK_DAYS;exports.datePickTypes=v.datePickTypes;exports.CHANGE_EVENT=p.CHANGE_EVENT;exports.INPUT_EVENT=p.INPUT_EVENT;exports.UPDATE_MODEL_EVENT=p.UPDATE_MODEL_EVENT;exports.INSTALLED_KEY=ze.INSTALLED_KEY;exports.componentSizeMap=_.componentSizeMap;exports.componentSizes=_.componentSizes;exports._bem=t._bem;exports.defaultNamespace=t.defaultNamespace;exports.namespaceContextKey=t.namespaceContextKey;exports.useGetDerivedNamespace=t.useGetDerivedNamespace;exports.useNamespace=t.useNamespace;exports.useCursor=Oe.useCursor;exports.usePopper=ke.usePopper;exports.defaultInitialZIndex=m.defaultInitialZIndex;exports.useZIndex=m.useZIndex;exports.zIndexContextKey=m.zIndexContextKey;exports.FORWARD_REF_INJECTION_KEY=q.FORWARD_REF_INJECTION_KEY;exports.useForwardRef=q.useForwardRef;exports.useForwardRefDirective=q.useForwardRefDirective;exports.ID_INJECTION_KEY=x.ID_INJECTION_KEY;exports.useId=x.useId;exports.useIdInjection=x.useIdInjection;exports.usePopperContainer=M.usePopperContainer;exports.usePopperContainerId=M.usePopperContainerId;exports.useDelayedToggle=Ae.useDelayedToggle;exports.useTimeout=Be.useTimeout;exports.useOrderedChildren=Ye.useOrderedChildren;exports.createModelToggleComposable=g.createModelToggleComposable;exports.useModelToggle=g.useModelToggle;exports.useModelToggleEmits=g.useModelToggleEmits;exports.useProp=We.useProp;exports.SIZE_INJECTION_KEY=N.SIZE_INJECTION_KEY;exports.useGlobalSize=N.useGlobalSize;exports.useDraggable=je.useDraggable;exports.useLockscreen=Je.useLockscreen;exports.useSameTarget=He.useSameTarget;exports.withInstall=i.withInstall;exports.withInstallDirective=i.withInstallDirective;exports.withInstallFunction=i.withInstallFunction;exports.withNoopInstall=i.withNoopInstall;exports.PatchFlags=e.PatchFlags;exports.ensureOnlyChild=e.ensureOnlyChild;exports.flattedChildren=e.flattedChildren;exports.getFirstValidNode=e.getFirstValidNode;exports.getNormalizedProps=e.getNormalizedProps;exports.isComment=e.isComment;exports.isFragment=e.isFragment;exports.isTemplate=e.isTemplate;exports.isText=e.isText;exports.isValidElementNode=e.isValidElementNode;exports.renderBlock=e.renderBlock;exports.renderIf=e.renderIf;exports.composeRefs=Ze.composeRefs;exports.buildProp=r.buildProp;exports.buildProps=r.buildProps;exports.definePropType=r.definePropType;exports.epPropKey=r.epPropKey;exports.isEpProp=r.isEpProp;exports.cAF=h.cAF;exports.rAF=h.rAF;exports.escapeStringRegexp=Ue.escapeStringRegexp;exports.getSizeType=Qe.getSizeType;exports.debugWarn=F.debugWarn;exports.throwError=F.throwError;exports.composeEventHandlers=w.composeEventHandlers;exports.whenMouse=w.whenMouse;exports.mutable=Xe.mutable;exports.cssVarValue=s.cssVarValue;exports.generateCssVars=s.generateCssVars;exports.primaryColor=s.primaryColor;exports.setRootCssVar=s.setRootCssVar;exports.getProp=et.getProp;exports.getClientXY=u.getClientXY;exports.getOffsetTop=u.getOffsetTop;exports.getOffsetTopDistance=u.getOffsetTopDistance;exports.isInContainer=u.isInContainer;exports.getScrollBarWidth=a.getScrollBarWidth;exports.getScrollContainer=a.getScrollContainer;exports.isScroll=a.isScroll;exports.scrollIntoView=a.scrollIntoView;exports.makeInstaller=tt.makeInstaller;exports.CompResolver=rt.CompResolver;exports.dayjs=ot;exports.EmptyEnum=nt.EmptyEnum;exports.TabsRootContextKey=it.TabsRootContextKey;exports.VftPopperArrow=st.default;exports.VftPopperTrigger=ut.default;exports.VftPopperContent=at.default;exports.useTabDropdown=ct.useTabDropdown;exports.initAffixTabs=K.initAffixTabs;exports.useTabsDrag=K.useTabsDrag;exports.configProviderContextKey=G.configProviderContextKey;exports.messageConfig=G.messageConfig;exports.provideGlobalConfig=C.provideGlobalConfig;exports.useGlobalComponentSettings=C.useGlobalComponentSettings;exports.useGlobalConfig=C.useGlobalConfig;exports.usePagination=R.usePagination;exports.vftPaginationKey=R.vftPaginationKey;exports.formItemValidateStates=dt.formItemValidateStates;exports.formContextKey=L.formContextKey;exports.formItemContextKey=L.formItemContextKey;exports.useDisabled=c.useDisabled;exports.useFormDisabled=c.useFormDisabled;exports.useFormSize=c.useFormSize;exports.useSize=c.useSize;exports.useFormItem=z.useFormItem;exports.useFormItemInputId=z.useFormItemInputId;exports.buttonGroupContextKey=lt.buttonGroupContextKey;exports.checkboxGroupContextKey=ft.checkboxGroupContextKey;exports.radioGroupKey=Vt.radioGroupKey;exports.BAR_MAP=I.BAR_MAP;exports.GAP=I.GAP;exports.renderThumbStyle=I.renderThumbStyle;exports.scrollbarContextKey=pt.scrollbarContextKey;exports.DROPDOWN_INJECTION_KEY=mt.DROPDOWN_INJECTION_KEY;exports.VftDropdownCollection=O.VftCollection;exports.VftDropdownCollectionItem=O.VftCollectionItem;exports.VftOnlyChild=qt.OnlyChild;exports.VftDropdownItemImpl=xt.default;exports.selectV2InjectionKey=gt.selectV2InjectionKey;exports.messageDefaults=k.messageDefaults;exports.messageTypes=k.messageTypes;exports.VftLoadingDirective=T.vLoading;exports.createLoadingDirective=T.createLoadingDirective;exports.vLoading=T.vLoading;exports.VftLoadingService=Ct.Loading;exports.install=It;exports.version=Tt;

package/lib/index.d.ts

@@ -5,7 +5,7 @@ export * from 'vft/es/hooks';
 export * from 'vft/es/utils';
 export * from './make-installer';
 export * from './comp-resolver';
-export declare const install: (app: import("vue").App<any>, options?: Partial<import("vft/es/components").ConfigProviderProps> | undefined) => void;
+export declare const install: (app: import("vue").App<any>, options?: Partial<import("vft/es/components/config-provider/config-provider.vue").ConfigProviderProps> | undefined) => void;
 export declare const version: string;
 export default installer;
 export { default as dayjs } from 'dayjs';

package/lib/package.json.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.48";exports.version=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.51";exports.version=e;

package/lib/utils/dom/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./position.cjs"),t=require("./scroll.cjs");exports.getClientXY=e.getClientXY;exports.getOffsetTop=e.getOffsetTop;exports.getOffsetTopDistance=e.getOffsetTopDistance;exports.isInContainer=e.isInContainer;exports.getScrollBarWidth=t.getScrollBarWidth;exports.getScrollContainer=t.getScrollContainer;exports.isScroll=t.isScroll;exports.scrollIntoView=t.scrollIntoView;

package/lib/utils/dom/index.d.ts

@@ -0,0 +1,2 @@
+export * from './position';
+export * from './scroll';

package/lib/utils/dom/position.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@vueuse/core"),c=(t,n)=>{if(!s.isClient||!t||!n)return!1;const e=t.getBoundingClientRect();let i;return n instanceof Element?i=n.getBoundingClientRect():i={top:0,right:window.innerWidth,bottom:window.innerHeight,left:0},e.top<i.bottom&&e.bottom>i.top&&e.right>i.left&&e.left<i.right},o=t=>{let n=0,e=t;for(;e;)n+=e.offsetTop,e=e.offsetParent;return n},l=(t,n)=>Math.abs(o(t)-o(n)),r=t=>{let n,e;return t.type==="touchend"?(e=t.changedTouches[0].clientY,n=t.changedTouches[0].clientX):t.type.startsWith("touch")?(e=t.touches[0].clientY,n=t.touches[0].clientX):(e=t.clientY,n=t.clientX),{clientX:n,clientY:e}};exports.getClientXY=r;exports.getOffsetTop=o;exports.getOffsetTopDistance=l;exports.isInContainer=c;

package/lib/utils/dom/position.d.ts

@@ -0,0 +1,7 @@
+export declare const isInContainer: (el?: Element, container?: Element | Window) => boolean;
+export declare const getOffsetTop: (el: HTMLElement) => number;
+export declare const getOffsetTopDistance: (el: HTMLElement, containerEl: HTMLElement) => number;
+export declare const getClientXY: (event: MouseEvent | TouchEvent) => {
+    clientX: number;
+    clientY: number;
+};

package/lib/utils/dom/scroll.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@vueuse/core"),a=require("@vft/utils"),f=(e,t)=>{if(!s.isClient)return!1;const o={undefined:"overflow",true:"overflow-y",false:"overflow-x"}[String(t)],l=a.getStyle(e,o);return["scroll","auto","overlay"].some(r=>l.includes(r))},h=(e,t)=>{if(!s.isClient)return;let o=e;for(;o;){if([window,document,document.documentElement].includes(o))return window;if(f(o,t))return o;o=o.parentNode}return o};let n;const w=e=>{var i;if(!s.isClient)return 0;if(n!==void 0)return n;const t=document.createElement("div");t.className=`${e}-scrollbar__wrap`,t.style.visibility="hidden",t.style.width="100px",t.style.position="absolute",t.style.top="-9999px",document.body.appendChild(t);const o=t.offsetWidth;t.style.overflow="scroll";const l=document.createElement("div");l.style.width="100%",t.appendChild(l);const r=l.offsetWidth;return(i=t.parentNode)==null||i.removeChild(t),n=o-r,n};function m(e,t){if(!s.isClient)return;if(!t){e.scrollTop=0;return}const o=[];let l=t.offsetParent;for(;l!==null&&e!==l&&e.contains(l);)o.push(l),l=l.offsetParent;const r=t.offsetTop+o.reduce((u,p)=>u+p.offsetTop,0),i=r+t.offsetHeight,c=e.scrollTop,d=c+e.clientHeight;r<c?e.scrollTop=r:i>d&&(e.scrollTop=i-e.clientHeight)}exports.getScrollBarWidth=w;exports.getScrollContainer=h;exports.isScroll=f;exports.scrollIntoView=m;

package/lib/utils/dom/scroll.d.ts

@@ -0,0 +1,8 @@
+export declare const isScroll: (el: HTMLElement, isVertical?: boolean) => boolean;
+export declare const getScrollContainer: (el: HTMLElement, isVertical?: boolean) => Window | HTMLElement | undefined;
+export declare const getScrollBarWidth: (namespace: string) => number;
+/**
+ * Scroll with in the container element, positioning the **selected** element at the top
+ * of the container
+ */
+export declare function scrollIntoView(container: HTMLElement, selected: HTMLElement): void;