vft 0.0.90 → 0.0.91

package/es/components/router-view-content/router-view-content.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as s, computed as u, resolveComponent as y, openBlock as l, createBlock as i, withCtx as C, KeepAlive as g, unref as o, resolveDynamicComponent as d, createCommentVNode as x } from "vue";
+import { defineComponent as s, computed as u, resolveComponent as h, openBlock as a, createBlock as l, withCtx as y, KeepAlive as C, resolveDynamicComponent as p, unref as g, createCommentVNode as x } from "vue";
 import { getRouterKeyPath as A } from "@vft/router";
 import { useNamespace as B } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
@@ -15,35 +15,35 @@ const k = (
 }), S = /* @__PURE__ */ s({
   ...K,
   props: {
-    cacheList: null,
+    cacheList: {},
     openKeepAlive: { type: Boolean, default: !0 },
     isReloadFlag: { type: Boolean },
     pageErrorStatus: { type: Boolean },
     enableErrorHandle: { type: Boolean },
-    exceptionComp: null
+    exceptionComp: {}
   },
   setup(t) {
-    const f = u(() => t.openKeepAlive ? t.cacheList : []), m = u(() => (e) => t.enableErrorHandle && t.pageErrorStatus && t.exceptionComp || e), v = u(() => (e) => {
-      var a, r, n;
-      let c = e.name;
-      return (a = e.meta) != null && a.currentActivePath && (c = (n = (r = e.matched) == null ? void 0 : r.filter((h) => {
-        var p;
-        return h.path === ((p = e.meta) == null ? void 0 : p.currentActivePath);
-      })) == null ? void 0 : n[0].name), t.isReloadFlag ? void 0 : c;
+    const d = u(() => t.openKeepAlive ? t.cacheList : []), c = u(() => (e) => t.enableErrorHandle && t.pageErrorStatus && t.exceptionComp || e), v = u(() => (e) => {
+      var o, r, n;
+      let i = e.name;
+      return (o = e.meta) != null && o.currentActivePath && (i = (n = (r = e.matched) == null ? void 0 : r.filter((f) => {
+        var m;
+        return f.path === ((m = e.meta) == null ? void 0 : m.currentActivePath);
+      })) == null ? void 0 : n[0].name), t.isReloadFlag ? void 0 : i;
     });
-    return (e, c) => {
-      const a = y("router-view");
-      return l(), i(a, null, {
-        default: C(({ Component: r, route: n }) => [
-          t.openKeepAlive ? (l(), i(g, {
+    return (e, i) => {
+      const o = h("router-view");
+      return a(), l(o, null, {
+        default: y(({ Component: r, route: n }) => [
+          e.openKeepAlive ? (a(), l(C, {
             key: 0,
-            include: o(f),
-            exclude: o(v)(n)
+            include: d.value,
+            exclude: v.value(n)
           }, [
-            t.isReloadFlag ? (l(), i(d(o(m)(r)), {
-              key: o(A)(n)
+            e.isReloadFlag ? (a(), l(p(c.value(r)), {
+              key: g(A)(n)
             })) : x("", !0)
-          ], 1032, ["include", "exclude"])) : (l(), i(d(o(m)(r)), {
+          ], 1032, ["include", "exclude"])) : (a(), l(p(c.value(r)), {
             key: n.fullPath
           }))
         ]),

package/es/components/row/row.vue2.js

@@ -1,6 +1,6 @@
-import { defineComponent as a, computed as r, provide as m, openBlock as p, createBlock as f, resolveDynamicComponent as c, normalizeClass as g, unref as n, normalizeStyle as d, withCtx as y, renderSlot as _ } from "vue";
-import { rowContextKey as C } from "./constants.js";
-import { useNamespace as j } from "../../hooks/use-namespace/index.js";
+import { defineComponent as s, computed as r, provide as u, openBlock as p, createBlock as m, resolveDynamicComponent as f, normalizeClass as c, normalizeStyle as g, withCtx as d, renderSlot as y } from "vue";
+import { rowContextKey as _ } from "./constants.js";
+import { useNamespace as v } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
 import "../../hooks/use-z-index/index.js";
@@ -9,41 +9,41 @@ import "@vft/utils";
 import "../../utils/ns-cover.js";
 const o = (
   /* hoist-static*/
-  j("row")
-), w = a({
+  v("row")
+), C = s({
   name: o.b()
-}), D = /* @__PURE__ */ a({
-  ...w,
+}), S = /* @__PURE__ */ s({
+  ...C,
   props: {
     tag: { default: "div" },
     gutter: { default: 0 },
     justify: { default: "start" },
     align: { default: "top" }
   },
-  setup(s) {
-    const t = s, i = r(() => t.gutter);
-    m(C, {
-      gutter: i
+  setup(a) {
+    const t = a, n = r(() => t.gutter);
+    u(_, {
+      gutter: n
     });
-    const l = r(() => {
+    const i = r(() => {
       const e = {};
       return t.gutter && (e.marginRight = e.marginLeft = `-${t.gutter / 2}px`), e;
-    }), u = r(() => [
+    }), l = r(() => [
       o.b(),
       o.is(`justify-${t.justify}`, t.justify !== "start"),
       o.is(`align-${t.align}`, t.align !== "top")
     ]);
-    return (e, x) => (p(), f(c(s.tag), {
-      class: g(n(u)),
-      style: d(n(l))
+    return (e, j) => (p(), m(f(e.tag), {
+      class: c(l.value),
+      style: g(i.value)
     }, {
-      default: y(() => [
-        _(e.$slots, "default")
+      default: d(() => [
+        y(e.$slots, "default")
       ]),
       _: 3
     }, 8, ["class", "style"]));
   }
 });
 export {
-  D as default
+  S as default
 };

package/es/components/scrollbar/bar.vue2.js

@@ -1,33 +1,33 @@
-import { defineComponent as m, ref as i, openBlock as u, createElementBlock as h, Fragment as d, createVNode as n } from "vue";
-import { GAP as r } from "./util.js";
-import f from "./thumb.vue2.js";
-const z = /* @__PURE__ */ m({
+import { defineComponent as u, ref as i, openBlock as c, createElementBlock as h, Fragment as d, createVNode as r } from "vue";
+import { GAP as s } from "./util.js";
+import n from "./thumb.vue2.js";
+const w = /* @__PURE__ */ u({
   __name: "bar",
   props: {
     always: { type: Boolean, default: !0 },
-    width: null,
-    height: null,
+    width: {},
+    height: {},
     ratioX: { default: 1 },
     ratioY: { default: 1 }
   },
-  setup(e, { expose: s }) {
-    const a = i(0), l = i(0);
-    return s({
-      handleScroll: (t) => {
-        if (t) {
-          const o = t.offsetHeight - r, c = t.offsetWidth - r;
-          l.value = t.scrollTop * 100 / o * e.ratioY, a.value = t.scrollLeft * 100 / c * e.ratioX;
+  setup(o, { expose: f }) {
+    const t = i(0), a = i(0);
+    return f({
+      handleScroll: (e) => {
+        if (e) {
+          const l = e.offsetHeight - s, m = e.offsetWidth - s;
+          a.value = e.scrollTop * 100 / l * o.ratioY, t.value = e.scrollLeft * 100 / m * o.ratioX;
         }
       }
-    }), (t, o) => (u(), h(d, null, [
-      n(f, {
-        move: a.value,
+    }), (e, l) => (c(), h(d, null, [
+      r(n, {
+        move: t.value,
         ratio: e.ratioX,
         size: e.width,
         always: e.always
       }, null, 8, ["move", "ratio", "size", "always"]),
-      n(f, {
-        move: l.value,
+      r(n, {
+        move: a.value,
         ratio: e.ratioY,
         size: e.height,
         vertical: "",
@@ -37,5 +37,5 @@ const z = /* @__PURE__ */ m({
   }
 });
 export {
-  z as default
+  w as default
 };

package/es/components/scrollbar/scrollbar.vue2.js

@@ -1,21 +1,21 @@
-import { defineComponent as $, ref as o, computed as g, watch as N, nextTick as R, provide as D, reactive as G, onMounted as X, onUpdated as Y, openBlock as b, createElementBlock as q, normalizeClass as S, unref as m, createElementVNode as F, normalizeStyle as p, createBlock as B, resolveDynamicComponent as I, withCtx as J, renderSlot as Q, createCommentVNode as Z } from "vue";
+import { defineComponent as L, ref as o, computed as w, watch as T, nextTick as E, provide as j, reactive as D, onMounted as G, onUpdated as X, openBlock as g, createElementBlock as Y, normalizeClass as b, unref as q, createElementVNode as F, normalizeStyle as N, createBlock as R, resolveDynamicComponent as I, withCtx as J, renderSlot as Q, createCommentVNode as Z } from "vue";
 import { useResizeObserver as _, useEventListener as ee } from "@vueuse/core";
-import { isNumber as r, addUnit as W, isObject as te } from "@vft/utils";
+import { isNumber as r, addUnit as B, isObject as te } from "@vft/utils";
 import { useNamespace as le } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
 import "../../hooks/use-z-index/index.js";
-import { debugWarn as M } from "../../utils/error.js";
+import { debugWarn as W } from "../../utils/error.js";
 import "../../utils/ns-cover.js";
-import { GAP as d } from "./util.js";
+import { GAP as m } from "./util.js";
 import ae from "./bar.vue2.js";
 import { scrollbarContextKey as oe } from "./constants.js";
-const L = "ElScrollbar", s = (
+const M = "ElScrollbar", s = (
   /* hoist-static*/
   le("scrollbar")
-), ie = $({
+), ie = L({
   name: s.b()
-}), ge = /* @__PURE__ */ $({
+}), ge = /* @__PURE__ */ L({
   ...ie,
   props: {
     height: { default: "" },
@@ -32,101 +32,101 @@ const L = "ElScrollbar", s = (
   },
   emits: {
     scroll: ({
-      scrollTop: t,
+      scrollTop: l,
       scrollLeft: v
-    }) => [t, v].every(r)
+    }) => [l, v].every(r)
   },
-  setup(t, { expose: v, emit: K }) {
+  setup(l, { expose: v, emit: $ }) {
     let n, c;
-    const x = o(), l = o(), z = o(), C = o("0"), H = o("0"), h = o(), k = o(1), T = o(1), O = g(() => {
+    const S = o(), t = o(), p = o(), x = o("0"), z = o("0"), d = o(), C = o(1), H = o(1), K = w(() => {
       const e = {};
-      return t.height && (e.height = W(t.height)), t.maxHeight && (e.maxHeight = W(t.maxHeight)), [t.wrapStyle, e];
-    }), A = g(() => [
-      t.wrapClass,
+      return l.height && (e.height = B(l.height)), l.maxHeight && (e.maxHeight = B(l.maxHeight)), [l.wrapStyle, e];
+    }), O = w(() => [
+      l.wrapClass,
       s.e("wrap"),
-      { [s.em("wrap", "hidden-default")]: !t.native }
-    ]), P = g(() => [s.e("view"), t.viewClass]), E = () => {
+      { [s.em("wrap", "hidden-default")]: !l.native }
+    ]), A = w(() => [s.e("view"), l.viewClass]), k = () => {
       var e;
-      l.value && ((e = h.value) == null || e.handleScroll(l.value), K("scroll", {
-        scrollTop: l.value.scrollTop,
-        scrollLeft: l.value.scrollLeft
+      t.value && ((e = d.value) == null || e.handleScroll(t.value), $("scroll", {
+        scrollTop: t.value.scrollTop,
+        scrollLeft: t.value.scrollLeft
       }));
     };
-    function U(e, a) {
-      te(e) ? l.value.scrollTo(e) : r(e) && r(a) && l.value.scrollTo(e, a);
+    function P(e, a) {
+      te(e) ? t.value.scrollTo(e) : r(e) && r(a) && t.value.scrollTo(e, a);
     }
-    const V = (e) => {
+    const U = (e) => {
       if (!r(e)) {
-        M(L, "value must be a number");
+        W(M, "value must be a number");
         return;
       }
-      l.value.scrollTop = e;
-    }, j = (e) => {
+      t.value.scrollTop = e;
+    }, V = (e) => {
       if (!r(e)) {
-        M(L, "value must be a number");
+        W(M, "value must be a number");
         return;
       }
-      l.value.scrollLeft = e;
+      t.value.scrollLeft = e;
     }, i = () => {
-      if (!l.value)
+      if (!t.value)
         return;
-      const e = l.value.offsetHeight - d, a = l.value.offsetWidth - d, y = e ** 2 / l.value.scrollHeight, w = a ** 2 / l.value.scrollWidth, f = Math.max(y, t.minSize), u = Math.max(w, t.minSize);
-      k.value = y / (e - y) / (f / (e - f)), T.value = w / (a - w) / (u / (a - u)), H.value = f + d < e ? `${f}px` : "", C.value = u + d < a ? `${u}px` : "";
+      const e = t.value.offsetHeight - m, a = t.value.offsetWidth - m, h = e ** 2 / t.value.scrollHeight, y = a ** 2 / t.value.scrollWidth, f = Math.max(h, l.minSize), u = Math.max(y, l.minSize);
+      C.value = h / (e - h) / (f / (e - f)), H.value = y / (a - y) / (u / (a - u)), z.value = f + m < e ? `${f}px` : "", x.value = u + m < a ? `${u}px` : "";
     };
-    return N(
-      () => t.noresize,
+    return T(
+      () => l.noresize,
       (e) => {
-        e ? (n == null || n(), c == null || c()) : ({ stop: n } = _(z, i), c = ee("resize", i));
+        e ? (n == null || n(), c == null || c()) : ({ stop: n } = _(p, i), c = ee("resize", i));
       },
       { immediate: !0 }
-    ), N(
-      () => [t.maxHeight, t.height],
+    ), T(
+      () => [l.maxHeight, l.height],
       () => {
-        t.native || R(() => {
+        l.native || E(() => {
           var e;
-          i(), l.value && ((e = h.value) == null || e.handleScroll(l.value));
+          i(), t.value && ((e = d.value) == null || e.handleScroll(t.value));
         });
       }
-    ), D(
+    ), j(
       oe,
-      G({
-        scrollbarElement: x,
-        wrapElement: l
+      D({
+        scrollbarElement: S,
+        wrapElement: t
       })
-    ), X(() => {
-      t.native || R(() => {
+    ), G(() => {
+      l.native || E(() => {
         i();
       });
-    }), Y(() => i()), v({
+    }), X(() => i()), v({
       /** @description scrollbar wrap ref */
-      wrapRef: l,
+      wrapRef: t,
       /** @description update scrollbar state manually */
       update: i,
       /** @description scrolls to a particular set of coordinates */
-      scrollTo: U,
+      scrollTo: P,
       /** @description set distance to scroll top */
-      setScrollTop: V,
+      setScrollTop: U,
       /** @description set distance to scroll left */
-      setScrollLeft: j,
+      setScrollLeft: V,
       /** @description handle scroll event */
-      handleScroll: E
-    }), (e, a) => (b(), q("div", {
+      handleScroll: k
+    }), (e, a) => (g(), Y("div", {
       ref_key: "scrollbarRef",
-      ref: x,
-      class: S(m(s).b())
+      ref: S,
+      class: b(q(s).b())
     }, [
       F("div", {
         ref_key: "wrapRef",
-        ref: l,
-        class: S(m(A)),
-        style: p(m(O)),
-        onScroll: E
+        ref: t,
+        class: b(O.value),
+        style: N(K.value),
+        onScroll: k
       }, [
-        (b(), B(I(t.tag), {
+        (g(), R(I(e.tag), {
           ref_key: "resizeRef",
-          ref: z,
-          class: S(m(P)),
-          style: p(t.viewStyle)
+          ref: p,
+          class: b(A.value),
+          style: N(e.viewStyle)
         }, {
           default: J(() => [
             Q(e.$slots, "default")
@@ -134,15 +134,15 @@ const L = "ElScrollbar", s = (
           _: 3
         }, 8, ["class", "style"]))
       ], 38),
-      t.native ? Z("", !0) : (b(), B(ae, {
+      e.native ? Z("", !0) : (g(), R(ae, {
         key: 0,
         ref_key: "barRef",
-        ref: h,
-        height: H.value,
-        width: C.value,
-        always: t.always,
-        "ratio-x": T.value,
-        "ratio-y": k.value
+        ref: d,
+        height: z.value,
+        width: x.value,
+        always: e.always,
+        "ratio-x": H.value,
+        "ratio-y": C.value
       }, null, 8, ["height", "width", "always", "ratio-x", "ratio-y"]))
     ], 2));
   }

package/es/components/scrollbar/thumb.vue2.js

@@ -1,5 +1,5 @@
-import { defineComponent as T, inject as D, ref as v, computed as E, onBeforeUnmount as N, toRef as S, openBlock as A, createBlock as O, Transition as j, unref as u, withCtx as K, withDirectives as U, createElementVNode as z, normalizeClass as C, normalizeStyle as I, vShow as V } from "vue";
-import { useEventListener as P, isClient as _ } from "@vueuse/core";
+import { defineComponent as T, inject as D, ref as m, computed as E, onBeforeUnmount as N, toRef as S, openBlock as A, createBlock as O, Transition as j, unref as v, withCtx as K, withDirectives as U, createElementVNode as z, normalizeClass as C, normalizeStyle as _, vShow as I } from "vue";
+import { useEventListener as P, isClient as V } from "@vueuse/core";
 import "@vft/utils";
 import { throwError as q } from "../../utils/error.js";
 import "lodash";
@@ -13,20 +13,20 @@ const W = "Thumb", se = /* @__PURE__ */ T({
   __name: "thumb",
   props: {
     vertical: { type: Boolean },
-    size: null,
-    move: null,
-    ratio: null,
+    size: {},
+    move: {},
+    ratio: {},
     always: { type: Boolean }
   },
-  setup(a) {
-    const o = D(G), c = F("scrollbar");
+  setup(s) {
+    const o = D(G), u = F("scrollbar");
     o || q(W, "can not inject scrollbar context");
-    const n = v(), r = v(), f = v({}), i = v(!1);
-    let m = !1, d = !1, b = _ ? document.onselectstart : null;
-    const e = E(() => J[a.vertical ? "vertical" : "horizontal"]), k = E(
+    const l = m(), a = m(), f = m({}), c = m(!1);
+    let i = !1, d = !1, b = V ? document.onselectstart : null;
+    const e = E(() => J[s.vertical ? "vertical" : "horizontal"]), k = E(
       () => Q({
-        size: a.size,
-        move: a.move,
+        size: s.size,
+        move: s.move,
         bar: e.value
       })
     ), g = E(
@@ -34,38 +34,38 @@ const W = "Thumb", se = /* @__PURE__ */ T({
         // offsetRatioX = original width of thumb / current width of thumb / ratioX
         // offsetRatioY = original height of thumb / current height of thumb / ratioY
         // instance height = wrap height - GAP
-        n.value[e.value.offset] ** 2 / o.wrapElement[e.value.scrollSize] / a.ratio / r.value[e.value.offset]
+        l.value[e.value.offset] ** 2 / o.wrapElement[e.value.scrollSize] / s.ratio / a.value[e.value.offset]
       )
     ), B = (t) => {
-      var s;
+      var r;
       if (t.stopPropagation(), t.ctrlKey || [1, 2].includes(t.button))
         return;
-      (s = window.getSelection()) == null || s.removeAllRanges(), L(t);
-      const l = t.currentTarget;
-      l && (f.value[e.value.axis] = l[e.value.offset] - (t[e.value.client] - l.getBoundingClientRect()[e.value.direction]));
-    }, x = (t) => {
-      if (!r.value || !n.value || !o.wrapElement)
+      (r = window.getSelection()) == null || r.removeAllRanges(), M(t);
+      const n = t.currentTarget;
+      n && (f.value[e.value.axis] = n[e.value.offset] - (t[e.value.client] - n.getBoundingClientRect()[e.value.direction]));
+    }, L = (t) => {
+      if (!a.value || !l.value || !o.wrapElement)
         return;
-      const l = Math.abs(
+      const n = Math.abs(
         t.target.getBoundingClientRect()[e.value.direction] - t[e.value.client]
-      ), s = r.value[e.value.offset] / 2, h = (l - s) * 100 * g.value / n.value[e.value.offset];
+      ), r = a.value[e.value.offset] / 2, h = (n - r) * 100 * g.value / l.value[e.value.offset];
       o.wrapElement[e.value.scroll] = h * o.wrapElement[e.value.scrollSize] / 100;
-    }, L = (t) => {
-      t.stopImmediatePropagation(), m = !0, document.addEventListener("mousemove", w), document.addEventListener("mouseup", p), b = document.onselectstart, document.onselectstart = () => !1;
+    }, M = (t) => {
+      t.stopImmediatePropagation(), i = !0, document.addEventListener("mousemove", w), document.addEventListener("mouseup", p), b = document.onselectstart, document.onselectstart = () => !1;
     }, w = (t) => {
-      if (!n.value || !r.value || m === !1)
+      if (!l.value || !a.value || i === !1)
         return;
-      const l = f.value[e.value.axis];
-      if (!l)
+      const n = f.value[e.value.axis];
+      if (!n)
         return;
-      const s = (n.value.getBoundingClientRect()[e.value.direction] - t[e.value.client]) * -1, h = r.value[e.value.offset] - l, R = (s - h) * 100 * g.value / n.value[e.value.offset];
+      const r = (l.value.getBoundingClientRect()[e.value.direction] - t[e.value.client]) * -1, h = a.value[e.value.offset] - n, R = (r - h) * 100 * g.value / l.value[e.value.offset];
       o.wrapElement[e.value.scroll] = R * o.wrapElement[e.value.scrollSize] / 100;
     }, p = () => {
-      m = !1, f.value[e.value.axis] = 0, document.removeEventListener("mousemove", w), document.removeEventListener("mouseup", p), y(), d && (i.value = !1);
-    }, M = () => {
-      d = !1, i.value = !!a.size;
+      i = !1, f.value[e.value.axis] = 0, document.removeEventListener("mousemove", w), document.removeEventListener("mouseup", p), y(), d && (c.value = !1);
+    }, x = () => {
+      d = !1, c.value = !!s.size;
     }, H = () => {
-      d = !0, i.value = m;
+      d = !0, c.value = i;
     };
     N(() => {
       y(), document.removeEventListener("mouseup", p);
@@ -76,30 +76,30 @@ const W = "Thumb", se = /* @__PURE__ */ T({
     return P(
       S(o, "scrollbarElement"),
       "mousemove",
-      M
+      x
     ), P(
       S(o, "scrollbarElement"),
       "mouseleave",
       H
-    ), (t, l) => (A(), O(j, {
-      name: u(c).b("fade")
+    ), (t, n) => (A(), O(j, {
+      name: v(u).b("fade")
     }, {
       default: K(() => [
         U(z("div", {
           ref_key: "instance",
-          ref: n,
-          class: C([u(c).e("bar"), u(c).is(u(e).key)]),
-          onMousedown: x
+          ref: l,
+          class: C([v(u).e("bar"), v(u).is(e.value.key)]),
+          onMousedown: L
         }, [
           z("div", {
             ref_key: "thumb",
-            ref: r,
-            class: C(u(c).e("thumb")),
-            style: I(u(k)),
+            ref: a,
+            class: C(v(u).e("thumb")),
+            style: _(k.value),
             onMousedown: B
           }, null, 38)
         ], 34), [
-          [V, a.always || i.value]
+          [I, t.always || c.value]
         ])
       ]),
       _: 1