vft 0.0.239 → 0.0.241

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

@@ -2,8 +2,8 @@ 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 containerElement: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown, "div", boolean>;
+    readonly data: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | (((new (...args: any[]) => any[]) | (() => any[])) | null)[], 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>>;
@@ -13,7 +13,7 @@ export declare const virtualizedProps: {
     };
     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 | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue) | ((new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -30,8 +30,8 @@ export declare const virtualizedProps: {
 };
 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 containerElement: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown, "div", boolean>;
+    readonly data: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | (((new (...args: any[]) => any[]) | (() => any[])) | null)[], 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>>;
@@ -41,7 +41,7 @@ export declare const virtualizedListProps: {
     };
     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 | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue) | ((new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -71,7 +71,7 @@ export declare const virtualizedListProps: {
         __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 type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => number | ItemSize) | (() => number | ItemSize) | (((new (...args: any[]) => number | ItemSize) | (() => number | ItemSize)) | null)[], never, never>>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -79,8 +79,8 @@ export declare const virtualizedListProps: {
 };
 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 containerElement: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown, "div", boolean>;
+    readonly data: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | (((new (...args: any[]) => any[]) | (() => any[])) | null)[], 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>>;
@@ -90,7 +90,7 @@ export declare const virtualizedGridProps: {
     };
     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 | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue) | ((new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -106,7 +106,7 @@ export declare const virtualizedGridProps: {
     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 type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => number | ItemSize) | (() => number | ItemSize) | (((new (...args: any[]) => number | ItemSize) | (() => number | ItemSize)) | null)[], never, never>>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -129,17 +129,17 @@ export declare const virtualizedGridProps: {
         (): GridItemKeyGetter;
         new (): any;
         readonly prototype: any;
-    } | ((new (...args: any[]) => GridItemKeyGetter) | (() => GridItemKeyGetter) | {
+    } | (((new (...args: any[]) => GridItemKeyGetter) | (() => GridItemKeyGetter) | {
         (): GridItemKeyGetter;
         new (): any;
         readonly prototype: any;
-    })[], unknown, unknown, ({ columnIndex, rowIndex, }: {
+    }) | null)[], 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 type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => number | ItemSize) | (() => number | ItemSize) | (((new (...args: any[]) => number | ItemSize) | (() => number | ItemSize)) | null)[], never, never>>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;

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

@@ -1,8 +1,8 @@
 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 const isHorizontal: (dir: string) => dir is "horizontal" | "ltr" | "rtl";
+export declare const isRTL: (dir: Direction) => dir is "rtl";
 export declare function getRTLOffsetType(recalculate?: boolean): RTLOffsetType;
 export declare const getRelativePos: (e: TouchEvent | MouseEvent, layout: LayoutDirection) => any;
 type RenderThumbStyleParams = {

package/es/defaults.d.ts

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

package/es/hooks/index.js

@@ -2,46 +2,47 @@ import { useAttrs as r } from "./use-attrs/index.js";
 import { useDelayedToggle as s } from "./use-delayed-toggle/index.js";
 import { useDraggable as m } from "./use-draggable/index.js";
 import { useFocus as a } from "./use-focus/index.js";
-import { FORWARD_REF_INJECTION_KEY as f, useForwardRef as d, useForwardRefDirective as l } from "./use-forward-ref/index.js";
-import { ID_INJECTION_KEY as I, useId as i, useIdInjection as g } from "./use-id/index.js";
-import { useLockscreen as T } from "./use-lockscreen/index.js";
-import { createModelToggleComposable as E, useModelToggle as N, useModelToggleEmits as _ } from "./use-model-toggle/index.js";
-import { _bem as R, defaultNamespace as F, namespaceContextKey as K, useGetDerivedNamespace as O, useNamespace as b } from "./use-namespace/index.js";
-import { useOrderedChildren as J } from "./use-ordered-children/index.js";
-import { usePopper as P } from "./use-popper/index.js";
-import { usePopperContainer as Y, usePopperContainerId as Z } from "./use-popper-container/index.js";
+import { FORWARD_REF_INJECTION_KEY as f, useForwardRef as d, useForwardRefDirective as I } from "./use-forward-ref/index.js";
+import { ID_INJECTION_KEY as n, useId as i, useIdInjection as E } from "./use-id/index.js";
+import { useLockscreen as g } from "./use-lockscreen/index.js";
+import { createModelToggleComposable as c, useModelToggle as C, useModelToggleEmits as _ } from "./use-model-toggle/index.js";
+import { _bem as K, defaultNamespace as O, namespaceContextKey as R, useGetDerivedNamespace as F, useNamespace as b } from "./use-namespace/index.js";
+import { useOrderedChildren as Y } from "./use-ordered-children/index.js";
+import { usePopper as y } from "./use-popper/index.js";
+import { usePopperContainer as P, usePopperContainerId as S } from "./use-popper-container/index.js";
 import { useSameTarget as v } from "./use-same-target/index.js";
 import { SIZE_INJECTION_KEY as z, useGlobalSize as A } from "./use-size/index.js";
 import { useThrottleRender as j } from "./use-throttle-render/index.js";
 import { useTimeout as L } from "./use-timeout/index.js";
-import { defaultInitialZIndex as q, useZIndex as B, zIndexContextKey as H } from "./use-z-index/index.js";
+import { ZINDEX_INJECTION_KEY as X, defaultInitialZIndex as q, useZIndex as B, zIndexContextKey as H } from "./use-z-index/index.js";
 export {
   f as FORWARD_REF_INJECTION_KEY,
-  I as ID_INJECTION_KEY,
+  n as ID_INJECTION_KEY,
   z as SIZE_INJECTION_KEY,
-  R as _bem,
-  E as createModelToggleComposable,
+  X as ZINDEX_INJECTION_KEY,
+  K as _bem,
+  c as createModelToggleComposable,
   q as defaultInitialZIndex,
-  F as defaultNamespace,
-  K as namespaceContextKey,
+  O as defaultNamespace,
+  R as namespaceContextKey,
   r as useAttrs,
   s as useDelayedToggle,
   m as useDraggable,
   a as useFocus,
   d as useForwardRef,
-  l as useForwardRefDirective,
-  O as useGetDerivedNamespace,
+  I as useForwardRefDirective,
+  F as useGetDerivedNamespace,
   A as useGlobalSize,
   i as useId,
-  g as useIdInjection,
-  T as useLockscreen,
-  N as useModelToggle,
+  E as useIdInjection,
+  g as useLockscreen,
+  C as useModelToggle,
   _ as useModelToggleEmits,
   b as useNamespace,
-  J as useOrderedChildren,
-  P as usePopper,
-  Y as usePopperContainer,
-  Z as usePopperContainerId,
+  Y as useOrderedChildren,
+  y as usePopper,
+  P as usePopperContainer,
+  S as usePopperContainerId,
   v as useSameTarget,
   j as useThrottleRender,
   L as useTimeout,

package/es/hooks/use-attrs/index.js

@@ -1,25 +1,22 @@
 import "@vueuse/core";
 import "@vft/utils";
-import { debugWarn as a } from "../../utils/error.js";
+import { debugWarn as c } from "../../utils/error.js";
 import "../../utils/ns-cover.js";
-import { fromPairs as i } from "lodash-es";
-import { computed as e, getCurrentInstance as l } from "vue";
-const m = ["class", "style"], p = /^on[A-Z]/, b = (o = {}) => {
-  const { excludeListeners: u = !1, excludeKeys: t } = o, c = e(() => ((t == null ? void 0 : t.value) || []).concat(m)), r = l();
-  return r ? e(
-    () => {
-      var s;
-      return i(
-        Object.entries((s = r.proxy) == null ? void 0 : s.$attrs).filter(
-          ([n]) => !c.value.includes(n) && !(u && p.test(n))
-        )
-      );
-    }
-  ) : (a(
+import { fromPairs as a } from "lodash-es";
+import { computed as t, getCurrentInstance as l } from "vue";
+const i = ["class", "style"], m = /^on[A-Z]/, I = (s = {}) => {
+  const { excludeListeners: n = !1, excludeKeys: o } = s, u = t(() => (o?.value || []).concat(i)), e = l();
+  return e ? t(
+    () => a(
+      Object.entries(e.proxy?.$attrs).filter(
+        ([r]) => !u.value.includes(r) && !(n && m.test(r))
+      )
+    )
+  ) : (c(
     "use-attrs",
     "getCurrentInstance() returned null. useAttrs() must be called at the top of a setup function"
-  ), e(() => ({})));
+  ), t(() => ({})));
 };
 export {
-  b as useAttrs
+  I as useAttrs
 };

package/es/hooks/use-focus/index.js

@@ -1,9 +1,8 @@
-const c = (s) => ({
+const o = (u) => ({
   focus: () => {
-    var u, o;
-    (o = (u = s.value) == null ? void 0 : u.focus) == null || o.call(u);
+    u.value?.focus?.();
   }
 });
 export {
-  c as useFocus
+  o as useFocus
 };

package/es/hooks/use-lockscreen/index.js

@@ -17,7 +17,7 @@ const O = (s, l = {}) => {
   let t = 0, e = !1, n = "0";
   const c = () => {
     setTimeout(() => {
-      f(document == null ? void 0 : document.body, o.value), e && document && (document.body.style.width = n);
+      f(document?.body, o.value), e && document && (document.body.style.width = n);
     }, 200);
   };
   C(s, (m) => {

package/es/hooks/use-namespace/index.d.ts

@@ -4,7 +4,7 @@ export declare const _bem: (namespace: string, block: string, blockSuffix: strin
 export declare const namespaceContextKey: InjectionKey<Ref<string | undefined>>;
 export declare const useGetDerivedNamespace: (namespaceOverrides?: Ref<string>) => import("vue").ComputedRef<string>;
 export declare const useNamespace: (block: string) => {
-    namespace: Ref<string>;
+    namespace: Ref<string, string>;
     b: (blockSuffix?: string) => string;
     e: (element?: string) => string;
     m: (modifier?: string) => string;

package/es/hooks/use-ordered-children/index.d.ts

@@ -1,8 +1,12 @@
-import type { ComponentInternalInstance } from 'vue';
-export declare const useOrderedChildren: <T extends {
+import type { ComponentInternalInstance, VNode } from 'vue';
+type ChildEssential = {
     uid: number;
-}>(vm: ComponentInternalInstance, childComponentName: string) => {
-    children: import("vue").ShallowRef<T[]>;
+    getVnode: () => VNode;
+};
+export declare const useOrderedChildren: <T extends ChildEssential>(vm: ComponentInternalInstance, childComponentName: string) => {
+    children: import("vue").ShallowRef<T[], T[]>;
     addChild: (child: T) => void;
-    removeChild: (uid: number) => void;
+    removeChild: (child: T) => void;
+    ChildrenSorter: import("vue").DefineComponent<{}, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 };
+export {};

package/es/hooks/use-ordered-children/index.js

@@ -2,31 +2,49 @@ import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
 import "lodash-es";
-import { flattedChildren as s } from "../../utils/vue/vnode.js";
-import { shallowRef as m, isVNode as p } from "vue";
-const c = (t, i, d) => s(t.subTree).filter(
-  (e) => {
-    var r;
-    return p(e) && ((r = e.type) == null ? void 0 : r.name) === i && !!e.component;
-  }
-).map((e) => e.component.uid).map((e) => d[e]).filter((e) => !!e), O = (t, i) => {
-  const d = {}, o = m([]);
-  return {
-    children: o,
-    addChild: (r) => {
-      d[r.uid] = r, o.value = c(
-        t,
-        i,
-        d
-      );
-    },
-    removeChild: (r) => {
-      delete d[r], o.value = o.value.filter(
-        (l) => l.uid !== r
-      );
+import { flattedChildren as x } from "../../utils/vue/vnode.js";
+import { shallowRef as f, defineComponent as M, triggerRef as p, onMounted as O, isVNode as R } from "vue";
+const S = (l, u, r) => x(l.subTree).filter(
+  (e) => R(e) && e.type?.name === u && !!e.component
+).map((e) => e.component.uid).map((e) => r[e]).filter((e) => !!e), I = (l, u) => {
+  const r = f({}), c = f([]), d = /* @__PURE__ */ new WeakMap(), e = (t) => {
+    r.value[t.uid] = t, p(r), O(() => {
+      const o = t.getVnode().el, n = o.parentNode;
+      if (!d.has(n)) {
+        d.set(n, []);
+        const s = n.insertBefore.bind(n);
+        n.insertBefore = (i, a) => (d.get(n).some((m) => i === m || a === m) && p(r), s(i, a));
+      }
+      d.get(n).push(o);
+    });
+  }, C = (t) => {
+    delete r.value[t.uid], p(r);
+    const o = t.getVnode().el, n = o.parentNode, s = d.get(n), i = s.indexOf(o);
+    s.splice(i, 1);
+  }, g = () => {
+    c.value = S(
+      l,
+      u,
+      r.value
+    );
+  }, N = (t) => t.render(), v = M({
+    setup(t, { slots: o }) {
+      return () => (g(), o.default ? (
+        // Create a new `ReactiveEffect` to ensure `ChildrenSorter` doesn't track any extra dependencies
+        // @ts-ignore TODO: Remove this after Vue is upgraded
+        h(N, {
+          render: o.default
+        })
+      ) : null);
     }
+  });
+  return {
+    children: c,
+    addChild: e,
+    removeChild: C,
+    ChildrenSorter: v
   };
 };
 export {
-  O as useOrderedChildren
+  I as useOrderedChildren
 };

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

@@ -8,7 +8,7 @@ export declare const usePopper: (referenceElementRef: Ref<ReferenceElement>, pop
         elements?: {
             reference: Element | VirtualElement;
             popper: HTMLElement;
-            arrow?: HTMLElement | undefined;
+            arrow?: HTMLElement;
         } | undefined;
         options?: import("@popperjs/core").OptionsGeneric<any> | undefined;
         placement?: import("@popperjs/core").Placement | undefined;
@@ -16,8 +16,8 @@ export declare const usePopper: (referenceElementRef: Ref<ReferenceElement>, pop
         orderedModifiers?: Modifier<any, any>[] | undefined;
         rects?: import("@popperjs/core").StateRects | undefined;
         scrollParents?: {
-            reference: (Element | import("@popperjs/core").Window | import("@popperjs/core").VisualViewport)[];
-            popper: (Element | import("@popperjs/core").Window | import("@popperjs/core").VisualViewport)[];
+            reference: Array<Element | import("@popperjs/core").Window | import("@popperjs/core").VisualViewport>;
+            popper: Array<Element | import("@popperjs/core").Window | import("@popperjs/core").VisualViewport>;
         } | undefined;
         styles?: {
             [key: string]: Partial<CSSStyleDeclaration>;
@@ -30,16 +30,16 @@ export declare const usePopper: (referenceElementRef: Ref<ReferenceElement>, pop
         modifiersData?: {
             [key: string]: any;
             arrow?: {
-                x?: number | undefined;
-                y?: number | undefined;
+                x?: number;
+                y?: number;
                 centerOffset: number;
-            } | undefined;
+            };
             hide?: {
                 isReferenceHidden: boolean;
                 hasPopperEscaped: boolean;
                 referenceClippingOffsets: import("@popperjs/core").SideObject;
                 popperEscapeOffsets: import("@popperjs/core").SideObject;
-            } | undefined;
+            };
             offset?: {
                 auto?: import("@popperjs/core").Offsets | undefined;
                 left?: import("@popperjs/core").Offsets | undefined;
@@ -56,9 +56,9 @@ export declare const usePopper: (referenceElementRef: Ref<ReferenceElement>, pop
                 "right-end"?: import("@popperjs/core").Offsets | undefined;
                 "left-start"?: import("@popperjs/core").Offsets | undefined;
                 "left-end"?: import("@popperjs/core").Offsets | undefined;
-            } | undefined;
-            preventOverflow?: import("@popperjs/core").Offsets | undefined;
-            popperOffsets?: import("@popperjs/core").Offsets | undefined;
+            };
+            preventOverflow?: import("@popperjs/core").Offsets;
+            popperOffsets?: import("@popperjs/core").Offsets;
         } | undefined;
         reset?: boolean | undefined;
     }>;

package/es/hooks/use-popper/index.js

@@ -1,21 +1,21 @@
 import { createPopper as b } from "@popperjs/core";
 import { fromPairs as f } from "lodash-es";
-import { computed as n, unref as e, shallowRef as v, ref as S, watch as d, onBeforeUnmount as U } from "vue";
+import { computed as n, unref as t, shallowRef as v, ref as S, watch as d, onBeforeUnmount as U } from "vue";
 const P = (a, i, p = {}) => {
   const u = {
     name: "updateState",
     enabled: !0,
     phase: "write",
-    fn: ({ state: t }) => {
-      const r = g(t);
-      Object.assign(c.value, r);
+    fn: ({ state: r }) => {
+      const o = g(r);
+      Object.assign(c.value, o);
     },
     requires: ["computeStyles"]
-  }, s = n(() => {
-    const { onFirstUpdate: t, placement: r, strategy: m, modifiers: y } = e(p);
+  }, e = n(() => {
+    const { onFirstUpdate: r, placement: o, strategy: m, modifiers: y } = t(p);
     return {
-      onFirstUpdate: t,
-      placement: r || "bottom",
+      onFirstUpdate: r,
+      placement: o || "bottom",
       strategy: m || "absolute",
       modifiers: [
         ...y || [],
@@ -23,10 +23,10 @@ const P = (a, i, p = {}) => {
         { name: "applyStyles", enabled: !1 }
       ]
     };
-  }), o = v(), c = S({
+  }), s = v(), c = S({
     styles: {
       popper: {
-        position: e(s).strategy,
+        position: t(e).strategy,
         left: "0",
         top: "0"
       },
@@ -36,55 +36,46 @@ const P = (a, i, p = {}) => {
     },
     attributes: {}
   }), l = () => {
-    o.value && (o.value.destroy(), o.value = void 0);
+    s.value && (s.value.destroy(), s.value = void 0);
   };
   return d(
-    s,
-    (t) => {
-      const r = e(o);
-      r && r.setOptions(t);
+    e,
+    (r) => {
+      const o = t(s);
+      o && o.setOptions(r);
     },
     {
       deep: !0
     }
   ), d(
     [a, i],
-    ([t, r]) => {
-      l(), !(!t || !r) && (o.value = b(
-        t,
+    ([r, o]) => {
+      l(), !(!r || !o) && (s.value = b(
         r,
-        e(s)
+        o,
+        t(e)
       ));
     }
   ), U(() => {
     l();
   }), {
-    state: n(() => {
-      var t;
-      return { ...((t = e(o)) == null ? void 0 : t.state) || {} };
-    }),
-    styles: n(() => e(c).styles),
-    attributes: n(() => e(c).attributes),
-    update: () => {
-      var t;
-      return (t = e(o)) == null ? void 0 : t.update();
-    },
-    forceUpdate: () => {
-      var t;
-      return (t = e(o)) == null ? void 0 : t.forceUpdate();
-    },
+    state: n(() => ({ ...t(s)?.state || {} })),
+    styles: n(() => t(c).styles),
+    attributes: n(() => t(c).attributes),
+    update: () => t(s)?.update(),
+    forceUpdate: () => t(s)?.forceUpdate(),
     // Preventing end users from modifying the instance.
-    instanceRef: n(() => e(o))
+    instanceRef: n(() => t(s))
   };
 };
 function g(a) {
   const i = Object.keys(a.elements), p = f(
     i.map(
-      (s) => [s, a.styles[s] || {}]
+      (e) => [e, a.styles[e] || {}]
     )
   ), u = f(
     i.map(
-      (s) => [s, a.attributes[s]]
+      (e) => [e, a.attributes[e]]
     )
   );
   return {

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

@@ -1,4 +1,4 @@
-export declare const useSameTarget: (handleClick?: ((e: MouseEvent) => void) | undefined) => {
+export declare const useSameTarget: (handleClick?: (e: MouseEvent) => void) => {
     onClick: (...args: any[]) => void;
     onMousedown: (...args: any[]) => void;
     onMouseup: (...args: any[]) => void;

package/es/hooks/use-throttle-render/index.d.ts

@@ -1,2 +1,2 @@
 import type { Ref } from 'vue';
-export declare const useThrottleRender: (loading: Ref<boolean>, throttle?: number) => Ref<boolean>;
+export declare const useThrottleRender: (loading: Ref<boolean>, throttle?: number) => Ref<boolean, boolean>;

package/es/hooks/use-z-index/index.d.ts

@@ -1,5 +1,9 @@
 import type { InjectionKey, Ref } from 'vue';
+export interface ElZIndexInjectionContext {
+    current: number;
+}
 export declare const defaultInitialZIndex = 2000;
+export declare const ZINDEX_INJECTION_KEY: InjectionKey<ElZIndexInjectionContext>;
 export declare const zIndexContextKey: InjectionKey<Ref<number | undefined>>;
 export declare const useZIndex: (zIndexOverrides?: Ref<number>) => {
     initialZIndex: import("vue").ComputedRef<number>;

package/es/hooks/use-z-index/index.js

@@ -1,18 +1,29 @@
-import { isNumber as d } from "@vft/utils";
-import { ref as I, inject as u, computed as o, unref as i } from "vue";
-const r = I(0), s = 2e3, l = Symbol("zIndexContextKey"), f = (x) => {
-  const c = x || u(l, void 0), e = o(() => {
-    const t = i(c);
-    return d(t) ? t : s;
-  }), n = o(() => e.value + r.value);
-  return {
-    initialZIndex: e,
-    currentZIndex: n,
-    nextZIndex: () => (r.value++, n.value)
+import "@vueuse/core";
+import { isNumber as m, isClient as p } from "@vft/utils";
+import { debugWarn as l } from "../../utils/error.js";
+import "../../utils/ns-cover.js";
+import "lodash-es";
+import { ref as v, getCurrentInstance as i, inject as e, computed as c, unref as Z } from "vue";
+const s = {
+  current: 0
+}, u = v(0), f = 2e3, d = Symbol("vftZIndexContextKey"), y = Symbol("zIndexContextKey"), j = (I) => {
+  const n = i() ? e(d, s) : s, x = I || (i() ? e(y, void 0) : void 0), t = c(() => {
+    const r = Z(x);
+    return m(r) ? r : f;
+  }), o = c(() => t.value + u.value), a = () => (n.current++, u.value = n.current, o.value);
+  return !p && !e(d) && l(
+    "ZIndexInjection",
+    `Looks like you are using server rendering, you must provide a z-index provider to ensure the hydration process to be succeed
+usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`
+  ), {
+    initialZIndex: t,
+    currentZIndex: o,
+    nextZIndex: a
   };
 };
 export {
-  s as defaultInitialZIndex,
-  f as useZIndex,
-  l as zIndexContextKey
+  d as ZINDEX_INJECTION_KEY,
+  f as defaultInitialZIndex,
+  j as useZIndex,
+  y as zIndexContextKey
 };

package/es/index.d.ts

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