vft 0.0.127 → 0.0.129

package/es/components/virtual-list/hooks/use-grid-wheel.js

@@ -1,9 +1,9 @@
+import "@vueuse/core";
 import "@vft/utils";
-import "vue";
+import "../../../utils/ns-cover.js";
 import "lodash";
+import "vue";
 import { cAF as c, rAF as m } from "../../../utils/vue/raf.js";
-import "../../../utils/ns-cover.js";
-import "@vueuse/core";
 const W = ({ atXEndEdge: s, atXStartEdge: f, atYEndEdge: i, atYStartEdge: d }, h) => {
   let n = null, r = 0, a = 0;
   const o = (l, t) => {

package/es/components/virtual-list/hooks/use-wheel.js

@@ -1,9 +1,9 @@
 import { isFirefox as i } from "@vft/utils";
-import "vue";
+import "@vueuse/core";
+import "../../../utils/ns-cover.js";
 import "lodash";
+import "vue";
 import { cAF as m, rAF as c } from "../../../utils/vue/raf.js";
-import "../../../utils/ns-cover.js";
-import "@vueuse/core";
 import { HORIZONTAL as d, VERTICAL as u } from "../defaults.js";
 const p = {
   [d]: "deltaX",

package/es/components/virtual-list/index.js

@@ -1,13 +1,13 @@
-import { default as e } from "./components/fixed-size-list.js";
+import { default as e } from "./components/dynamic-size-grid.js";
 import { default as a } from "./components/dynamic-size-list.js";
 import { default as d } from "./components/fixed-size-grid.js";
-import { default as l } from "./components/dynamic-size-grid.js";
+import { default as l } from "./components/fixed-size-list.js";
 import { virtualizedGridProps as p, virtualizedListProps as u, virtualizedProps as z, virtualizedScrollbarProps as m } from "./props.js";
 export {
-  l as DynamicSizeGrid,
+  e as DynamicSizeGrid,
   a as DynamicSizeList,
   d as FixedSizeGrid,
-  e as FixedSizeList,
+  l as FixedSizeList,
   p as virtualizedGridProps,
   u as virtualizedListProps,
   z as virtualizedProps,

package/es/components/virtual-list/props.js

@@ -1,10 +1,10 @@
-import "@vft/utils";
-import "vue";
-import { buildProp as e, buildProps as l, definePropType as t } from "../../utils/vue/props/runtime.js";
 import "@vueuse/core";
-import { mutable as b } from "../../utils/typescript.js";
+import "@vft/utils";
 import "../../utils/ns-cover.js";
 import "lodash";
+import { mutable as b } from "../../utils/typescript.js";
+import { buildProp as e, buildProps as l, definePropType as t } from "../../utils/vue/props/runtime.js";
+import "vue";
 import { VERTICAL as f } from "./defaults.js";
 const o = e({
   type: t([Number, Function]),

package/es/defaults.js

@@ -1,7 +1,7 @@
-import { makeInstaller as o } from "./make-installer.js";
-import r from "./component.js";
+import o from "./component.js";
+import { makeInstaller as r } from "./make-installer.js";
 import t from "./plugin.js";
-const n = o([...r, ...t]);
+const n = r([...o, ...t]);
 export {
   n as default
 };

package/es/hooks/index.js

@@ -1,54 +1,54 @@
-import { _bem as r, defaultNamespace as t, namespaceContextKey as s, useGetDerivedNamespace as p, useNamespace as u } from "./use-namespace/index.js";
-import { useCursor as x } from "./use-cursor/index.js";
-import { usePopper as f } from "./use-popper/index.js";
-import { defaultInitialZIndex as l, useZIndex as n, zIndexContextKey as I } from "./use-z-index/index.js";
-import { FORWARD_REF_INJECTION_KEY as g, useForwardRef as c, useForwardRefDirective as C } from "./use-forward-ref/index.js";
-import { ID_INJECTION_KEY as E, useId as N, useIdInjection as _ } from "./use-id/index.js";
-import { usePopperContainer as R, usePopperContainerId as F } from "./use-popper-container/index.js";
-import { useDelayedToggle as O } from "./use-delayed-toggle/index.js";
-import { useTimeout as P } from "./use-timeout/index.js";
-import { useOrderedChildren as J } from "./use-ordered-children/index.js";
-import { createModelToggleComposable as S, useModelToggle as Y, useModelToggleEmits as Z } from "./use-model-toggle/index.js";
-import { useProp as v } from "./use-prop/index.js";
-import { SIZE_INJECTION_KEY as z, useGlobalSize as A } from "./use-size/index.js";
-import { useDraggable as j } from "./use-draggable/index.js";
-import { useLockscreen as L } from "./use-lockscreen/index.js";
-import { useSameTarget as q } from "./use-same-target/index.js";
-import { useThrottleRender as H } from "./use-throttle-render/index.js";
-import { useFocus as U } from "./use-focus/index.js";
-import { useAttrs as X } from "./use-attrs/index.js";
+import { useAttrs as r } from "./use-attrs/index.js";
+import { useCursor as s } from "./use-cursor/index.js";
+import { useDelayedToggle as u } from "./use-delayed-toggle/index.js";
+import { useDraggable as x } from "./use-draggable/index.js";
+import { useFocus as f } from "./use-focus/index.js";
+import { FORWARD_REF_INJECTION_KEY as l, useForwardRef as n, useForwardRefDirective as I } from "./use-forward-ref/index.js";
+import { ID_INJECTION_KEY as g, useId as c, useIdInjection as C } from "./use-id/index.js";
+import { useLockscreen as E } from "./use-lockscreen/index.js";
+import { createModelToggleComposable as _, useModelToggle as D, useModelToggleEmits as R } from "./use-model-toggle/index.js";
+import { _bem as K, defaultNamespace as O, namespaceContextKey as b, useGetDerivedNamespace as P, useNamespace as y } from "./use-namespace/index.js";
+import { useOrderedChildren as M } from "./use-ordered-children/index.js";
+import { usePopper as Y } from "./use-popper/index.js";
+import { usePopperContainer as h, usePopperContainerId as v } from "./use-popper-container/index.js";
+import { useProp as z } from "./use-prop/index.js";
+import { useSameTarget as G } from "./use-same-target/index.js";
+import { SIZE_INJECTION_KEY as k, useGlobalSize as L } from "./use-size/index.js";
+import { useThrottleRender as q } from "./use-throttle-render/index.js";
+import { useTimeout as H } from "./use-timeout/index.js";
+import { defaultInitialZIndex as U, useZIndex as V, zIndexContextKey as X } from "./use-z-index/index.js";
 export {
-  g as FORWARD_REF_INJECTION_KEY,
-  E as ID_INJECTION_KEY,
-  z as SIZE_INJECTION_KEY,
-  r as _bem,
-  S as createModelToggleComposable,
-  l as defaultInitialZIndex,
-  t as defaultNamespace,
-  s as namespaceContextKey,
-  X as useAttrs,
-  x as useCursor,
-  O as useDelayedToggle,
-  j as useDraggable,
-  U as useFocus,
-  c as useForwardRef,
-  C as useForwardRefDirective,
-  p as useGetDerivedNamespace,
-  A as useGlobalSize,
-  N as useId,
-  _ as useIdInjection,
-  L as useLockscreen,
-  Y as useModelToggle,
-  Z as useModelToggleEmits,
-  u as useNamespace,
-  J as useOrderedChildren,
-  f as usePopper,
-  R as usePopperContainer,
-  F as usePopperContainerId,
-  v as useProp,
-  q as useSameTarget,
-  H as useThrottleRender,
-  P as useTimeout,
-  n as useZIndex,
-  I as zIndexContextKey
+  l as FORWARD_REF_INJECTION_KEY,
+  g as ID_INJECTION_KEY,
+  k as SIZE_INJECTION_KEY,
+  K as _bem,
+  _ as createModelToggleComposable,
+  U as defaultInitialZIndex,
+  O as defaultNamespace,
+  b as namespaceContextKey,
+  r as useAttrs,
+  s as useCursor,
+  u as useDelayedToggle,
+  x as useDraggable,
+  f as useFocus,
+  n as useForwardRef,
+  I as useForwardRefDirective,
+  P as useGetDerivedNamespace,
+  L as useGlobalSize,
+  c as useId,
+  C as useIdInjection,
+  E as useLockscreen,
+  D as useModelToggle,
+  R as useModelToggleEmits,
+  y as useNamespace,
+  M as useOrderedChildren,
+  Y as usePopper,
+  h as usePopperContainer,
+  v as usePopperContainerId,
+  z as useProp,
+  G as useSameTarget,
+  q as useThrottleRender,
+  H as useTimeout,
+  V as useZIndex,
+  X as zIndexContextKey
 };

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

@@ -1,11 +1,11 @@
-import { computed as e, getCurrentInstance as a } from "vue";
-import { fromPairs as i } from "lodash";
-import "@vft/utils";
-import { debugWarn as l } from "../../utils/error.js";
 import "@vueuse/core";
+import "@vft/utils";
+import { debugWarn as a } from "../../utils/error.js";
 import "../../utils/ns-cover.js";
+import { fromPairs as i } from "lodash";
+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 = a();
+  const { excludeListeners: u = !1, excludeKeys: t } = o, c = e(() => ((t == null ? void 0 : t.value) || []).concat(m)), r = l();
   return r ? e(
     () => {
       var s;
@@ -15,7 +15,7 @@ const m = ["class", "style"], p = /^on[A-Z]/, b = (o = {}) => {
         )
       );
     }
-  ) : (l(
+  ) : (a(
     "use-attrs",
     "getCurrentInstance() returned null. useAttrs() must be called at the top of a setup function"
   ), e(() => ({})));

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

@@ -1,5 +1,5 @@
-import { onMounted as W, watchEffect as B, onBeforeUnmount as U } from "vue";
 import { addUnit as g } from "@vft/utils";
+import { onMounted as W, watchEffect as B, onBeforeUnmount as U } from "vue";
 const C = (t, e, p) => {
   let c = {
     offsetX: 0,

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

@@ -1,16 +1,16 @@
-import { getCurrentInstance as n, inject as i, computed as c, unref as s } from "vue";
-import { isClient as u } from "@vueuse/core";
+import { isClient as n } from "@vueuse/core";
 import "@vft/utils";
-import { debugWarn as d } from "../../utils/error.js";
-import "lodash";
+import { debugWarn as i } from "../../utils/error.js";
 import "../../utils/ns-cover.js";
+import "lodash";
+import { getCurrentInstance as c, inject as s, computed as u, unref as d } from "vue";
 import { useGetDerivedNamespace as p } from "../use-namespace/index.js";
 const r = {
   prefix: Math.floor(Math.random() * 1e4),
   current: 0
-}, m = Symbol("elIdInjection"), I = () => n() ? i(m, r) : r, h = (o) => {
+}, m = Symbol("elIdInjection"), I = () => c() ? s(m, r) : r, h = (o) => {
   const e = I();
-  !u && e === r && d(
+  !n && e === r && i(
     "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, {
@@ -19,8 +19,8 @@ usage: app.provide(ID_INJECTION_KEY, {
 })`
   );
   const t = p();
-  return c(
-    () => s(o) || `${t.value}-id-${e.prefix}-${e.current++}`
+  return u(
+    () => d(o) || `${t.value}-id-${e.prefix}-${e.current++}`
   );
 };
 export {

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

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

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

@@ -1,9 +1,9 @@
-import { shallowRef as s, isVNode as m } from "vue";
-import "@vft/utils";
-import { flattedChildren as p } from "../../utils/vue/vnode.js";
-import "lodash";
 import "@vueuse/core";
+import "@vft/utils";
 import "../../utils/ns-cover.js";
+import "lodash";
+import { shallowRef as s, isVNode as m } from "vue";
+import { flattedChildren as p } from "../../utils/vue/vnode.js";
 const c = (t, i, d) => p(t.subTree).filter(
   (e) => {
     var r;

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

@@ -1,6 +1,6 @@
-import { computed as n, unref as e, shallowRef as b, ref as v, watch as f, onBeforeUnmount as S } from "vue";
-import { createPopper as U } from "@popperjs/core";
-import { fromPairs as d } from "lodash";
+import { createPopper as b } from "@popperjs/core";
+import { fromPairs as f } from "lodash";
+import { computed as n, unref as e, shallowRef as v, ref as S, watch as d, onBeforeUnmount as U } from "vue";
 const P = (a, i, p = {}) => {
   const u = {
     name: "updateState",
@@ -23,7 +23,7 @@ const P = (a, i, p = {}) => {
         { name: "applyStyles", enabled: !1 }
       ]
     };
-  }), o = b(), c = v({
+  }), o = v(), c = S({
     styles: {
       popper: {
         position: e(s).strategy,
@@ -38,7 +38,7 @@ const P = (a, i, p = {}) => {
   }), l = () => {
     o.value && (o.value.destroy(), o.value = void 0);
   };
-  return f(
+  return d(
     s,
     (t) => {
       const r = e(o);
@@ -47,16 +47,16 @@ const P = (a, i, p = {}) => {
     {
       deep: !0
     }
-  ), f(
+  ), d(
     [a, i],
     ([t, r]) => {
-      l(), !(!t || !r) && (o.value = U(
+      l(), !(!t || !r) && (o.value = b(
         t,
         r,
         e(s)
       ));
     }
-  ), S(() => {
+  ), U(() => {
     l();
   }), {
     state: n(() => {
@@ -78,11 +78,11 @@ const P = (a, i, p = {}) => {
   };
 };
 function g(a) {
-  const i = Object.keys(a.elements), p = d(
+  const i = Object.keys(a.elements), p = f(
     i.map(
       (s) => [s, a.styles[s] || {}]
     )
-  ), u = d(
+  ), u = f(
     i.map(
       (s) => [s, a.attributes[s]]
     )

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

@@ -1,10 +1,10 @@
-import { computed as n, onBeforeMount as i } from "vue";
-import { isClient as s } from "@vueuse/core";
-import { useGetDerivedNamespace as p } from "../use-namespace/index.js";
-import { useIdInjection as a } from "../use-id/index.js";
+import { isClient as i } from "@vueuse/core";
+import { computed as n, onBeforeMount as s } from "vue";
+import { useIdInjection as p } from "../use-id/index.js";
+import { useGetDerivedNamespace as a } from "../use-namespace/index.js";
 let r;
 const u = () => {
-  const o = p(), e = a(), t = n(() => `${o.value}-popper-container-${e.prefix}`), c = n(() => `#${t.value}`);
+  const o = a(), e = p(), t = n(() => `${o.value}-popper-container-${e.prefix}`), c = n(() => `#${t.value}`);
   return {
     id: t,
     selector: c
@@ -13,8 +13,8 @@ const u = () => {
   const e = document.createElement("div");
   return e.id = o, document.body.appendChild(e), e;
 }, C = () => {
-  i(() => {
-    if (!s)
+  s(() => {
+    if (!i)
       return;
     const { id: o, selector: e } = u();
     (process.env.NODE_ENV === "test" || !r && !document.body.querySelector(e.value)) && (r = d(o.value));

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

@@ -1,9 +1,9 @@
-import { ref as d, inject as I, computed as o, unref as u } from "vue";
-import { isNumber as i } from "@vft/utils";
-const r = d(0), s = 2e3, l = Symbol("zIndexContextKey"), f = (x) => {
-  const c = x || I(l, void 0), e = o(() => {
-    const t = u(c);
-    return i(t) ? t : s;
+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,