vft 0.0.70 → 0.0.72

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

@@ -1,4 +1,4 @@
-import { defineComponent as C, computed as a, ref as E, reactive as N, unref as d, watch as k, onBeforeUnmount as O, h as x, withModifiers as _ } from "vue";
+import { defineComponent as C, computed as a, ref as p, reactive as N, unref as d, watch as k, onBeforeUnmount as O, h as x, withModifiers as _ } from "vue";
 import "../../scrollbar/index.js";
 import "@vft/utils";
 import "lodash";
@@ -8,18 +8,16 @@ import "@vueuse/core";
 import { useNamespace as L } from "../../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../../hooks/use-z-index/index.js";
-import "@vue/reactivity";
-import "@vue/shared";
 import { HORIZONTAL as R, ScrollbarDirKey as H, SCROLLBAR_MIN_SIZE as V } from "../defaults.js";
 import { virtualizedScrollbarProps as Z } from "../props.js";
 import { renderThumbStyle as $ } from "../utils.js";
 import { BAR_MAP as K } from "../../scrollbar/util.js";
-const st = C({
+const lt = C({
   name: "ElVirtualScrollBar",
   props: Z,
   emits: ["scroll", "start-move", "stop-move"],
   setup(e, { emit: u }) {
-    const b = a(() => e.startGap + e.endGap), z = L("virtual-scrollbar"), I = L("scrollbar"), f = E(), l = E();
+    const b = a(() => e.startGap + e.endGap), z = L("virtual-scrollbar"), I = L("scrollbar"), f = p(), l = p();
     let S = null, h = null;
     const n = N({
       isDragging: !1,
@@ -69,7 +67,7 @@ const st = C({
       window.removeEventListener("mousemove", m), window.removeEventListener("mouseup", c), document.onselectstart = h, h = null;
       const t = d(l);
       t && (t.removeEventListener("touchmove", m), t.removeEventListener("touchend", c));
-    }, p = (t) => {
+    }, w = (t) => {
       t.stopImmediatePropagation(), !(t.ctrlKey || [1, 2].includes(t.button)) && (n.isDragging = !0, n[o.value.axis] = t.currentTarget[o.value.offset] - (t[o.value.client] - t.currentTarget.getBoundingClientRect()[o.value.direction]), u("start-move"), T());
     }, c = () => {
       n.isDragging = !1, n[o.value.axis] = 0, u("stop-move"), y();
@@ -81,16 +79,16 @@ const st = C({
       if (!i)
         return;
       F(S);
-      const v = (f.value.getBoundingClientRect()[o.value.direction] - t[o.value.client]) * -1, P = l.value[o.value.offset] - i, w = v - P;
+      const v = (f.value.getBoundingClientRect()[o.value.direction] - t[o.value.client]) * -1, P = l.value[o.value.offset] - i, E = v - P;
       S = G(() => {
         n.traveled = Math.max(
           e.startGap,
           Math.min(
-            w,
+            E,
             s.value
             // 2 is the top value
           )
-        ), u("scroll", w, s.value);
+        ), u("scroll", E, s.value);
       });
     }, D = (t) => {
       const r = Math.abs(
@@ -117,7 +115,7 @@ const st = C({
         ],
         style: A.value,
         onMousedown: _(D, ["stop", "prevent"]),
-        onTouchstartPrevent: p
+        onTouchstartPrevent: w
       },
       x(
         "div",
@@ -125,7 +123,7 @@ const st = C({
           ref: l,
           class: I.e("thumb"),
           style: B.value,
-          onMousedown: p
+          onMousedown: w
         },
         []
       )
@@ -133,5 +131,5 @@ const st = C({
   }
 });
 export {
-  st as default
+  lt as default
 };

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

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

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

@@ -1,22 +1,22 @@
 import { useGlobalConfig as v } from "../../components/config-provider/hooks/use-global-config.js";
 import { inject as p, ref as l, computed as N, unref as V } from "vue";
-const $ = "vft", y = "is-", c = (t, o, a, u, m) => {
-  let r = `${t}-${o}`;
-  return a && (r += `-${a}`), u && (r += `__${u}`), m && (r += `--${m}`), r;
-}, i = Symbol("localeContextKey"), P = (t) => {
-  const o = t || p(i, l($));
-  return N(() => V(o) || $);
-}, q = (t, o) => {
-  const a = v("namespace", $);
+const $ = "vft", y = "is-", c = (a, t, o, u, m) => {
+  let r = `${a}-${t}`;
+  return o && (r += `-${o}`), u && (r += `__${u}`), m && (r += `--${m}`), r;
+}, B = Symbol("localeContextKey"), d = (a) => {
+  const t = a || p(B, l($));
+  return N(() => V(t) || $);
+}, q = (a) => {
+  const t = v("namespace", $);
   return {
-    namespace: a,
-    b: (s = "") => c(a.value, t, s, "", ""),
-    e: (s) => s ? c(a.value, t, "", s, "") : "",
-    m: (s) => s ? c(a.value, t, "", "", s) : "",
-    be: (s, e) => s && e ? c(a.value, t, s, e, "") : "",
-    em: (s, e) => s && e ? c(a.value, t, "", s, e) : "",
-    bm: (s, e) => s && e ? c(a.value, t, s, "", e) : "",
-    bem: (s, e, n) => s && e && n ? c(a.value, t, s, e, n) : "",
+    namespace: t,
+    b: (s = "") => c(t.value, a, s, "", ""),
+    e: (s) => s ? c(t.value, a, "", s, "") : "",
+    m: (s) => s ? c(t.value, a, "", "", s) : "",
+    be: (s, e) => s && e ? c(t.value, a, s, e, "") : "",
+    em: (s, e) => s && e ? c(t.value, a, "", s, e) : "",
+    bm: (s, e) => s && e ? c(t.value, a, s, "", e) : "",
+    bem: (s, e, n) => s && e && n ? c(t.value, a, s, e, n) : "",
     is: (s, ...e) => {
       const n = e.length >= 1 ? e[0] : !0;
       return s && n ? `${y}${s}` : "";
@@ -25,23 +25,23 @@ const $ = "vft", y = "is-", c = (t, o, a, u, m) => {
     cssVar: (s) => {
       const e = {};
       for (const n in s)
-        s[n] && (e[`--${a.value}-${n}`] = s[n]);
+        s[n] && (e[`--${t.value}-${n}`] = s[n]);
       return e;
     },
-    cssVarName: (s) => `--${a.value}-${s}`,
+    cssVarName: (s) => `--${t.value}-${s}`,
     cssVarBlock: (s) => {
       const e = {};
       for (const n in s)
-        s[n] && (e[`--${a.value}-${t}-${n}`] = s[n]);
+        s[n] && (e[`--${t.value}-${a}-${n}`] = s[n]);
       return e;
     },
-    cssVarBlockName: (s) => `--${a.value}-${t}-${s}`
+    cssVarBlockName: (s) => `--${t.value}-${a}-${s}`
   };
 };
 export {
   c as _bem,
   $ as defaultNamespace,
-  i as namespaceContextKey,
-  P as useGetDerivedNamespace,
+  B as namespaceContextKey,
+  d as useGetDerivedNamespace,
   q as useNamespace
 };

package/es/hooks/use-same-target/index.js

@@ -1,14 +1,14 @@
-import { NOOP as n } from "@vue/shared";
+import { noop as t } from "@vft/utils";
 const g = (r) => {
   if (!r)
-    return { onClick: n, onMousedown: n, onMouseup: n };
-  let e = !1, t = !1;
+    return { onClick: t, onMousedown: t, onMouseup: t };
+  let e = !1, n = !1;
   return { onClick: (o) => {
-    e && t && r(o), e = t = !1;
+    e && n && r(o), e = n = !1;
   }, onMousedown: (o) => {
     e = o.target === o.currentTarget;
   }, onMouseup: (o) => {
-    t = o.target === o.currentTarget;
+    n = o.target === o.currentTarget;
   } };
 };
 export {