vft 0.0.70 → 0.0.72

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

@@ -1,4 +1,4 @@
-import { defineComponent as s, computed as m, 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 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 { getRouterKeyPath as A } from "@vft/router";
 import { useNamespace as B } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
@@ -7,14 +7,12 @@ import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "@vue/reactivity";
-import "@vue/shared";
 const k = (
   /* hoist-static*/
   B("router-view-content")
 ), K = s({
   name: k.b()
-}), V = /* @__PURE__ */ s({
+}), S = /* @__PURE__ */ s({
   ...K,
   props: {
     cacheList: null,
@@ -25,7 +23,7 @@ const k = (
     exceptionComp: null
   },
   setup(t) {
-    const f = m(() => t.openKeepAlive ? t.cacheList : []), u = m(() => (e) => t.enableErrorHandle && t.pageErrorStatus && t.exceptionComp || e), v = m(() => (e) => {
+    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) => {
@@ -42,10 +40,10 @@ const k = (
             include: o(f),
             exclude: o(v)(n)
           }, [
-            t.isReloadFlag ? (l(), i(d(o(u)(r)), {
+            t.isReloadFlag ? (l(), i(d(o(m)(r)), {
               key: o(A)(n)
             })) : x("", !0)
-          ], 1032, ["include", "exclude"])) : (l(), i(d(o(u)(r)), {
+          ], 1032, ["include", "exclude"])) : (l(), i(d(o(m)(r)), {
             key: n.fullPath
           }))
         ]),
@@ -55,5 +53,5 @@ const k = (
   }
 });
 export {
-  V as default
+  S as default
 };

package/es/components/roving-focus-group/roving-focus-item.vue2.js

@@ -6,15 +6,13 @@ import "../../hooks/use-z-index/index.js";
 import { useId as h } from "../../hooks/use-id/index.js";
 import "@vueuse/core";
 import "@vft/utils";
-import { composeEventHandlers as c } from "../../utils/event.js";
+import { composeEventHandlers as i } from "../../utils/event.js";
 import "../../utils/ns-cover.js";
-import "@vue/reactivity";
-import "@vue/shared";
 import { EVENT_CODE as k } from "../../constants/aria.js";
 import { VftCollectionItem as x, ROVING_FOCUS_COLLECTION_INJECTION_KEY as G } from "./types.js";
 import { ROVING_FOCUS_GROUP_INJECTION_KEY as K, ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY as U } from "./tokens.js";
 import { getFocusIntent as V, reorderArray as J, focusFirst as L } from "./utils.js";
-const oe = y({
+const $ = y({
   components: {
     RovingFocusCollectionItem: x
   },
@@ -36,21 +34,21 @@ const oe = y({
     ), { getItems: v } = l(
       G,
       void 0
-    ), r = h(), E = w(null), a = c(
+    ), r = h(), E = w(null), a = i(
       (e) => {
         s("mousedown", e);
       },
       (e) => {
         I.focusable ? m(n(r)) : e.preventDefault();
       }
-    ), f = c(
+    ), f = i(
       (e) => {
         s("focus", e);
       },
       () => {
         m(n(r));
       }
-    ), u = c(
+    ), u = i(
       (e) => {
         s("keydown", e);
       },
@@ -62,20 +60,20 @@ const oe = y({
         }
         if (F !== p)
           return;
-        const i = V(e);
-        if (i) {
+        const c = V(e);
+        if (c) {
           e.preventDefault();
           let o = v().filter(
             (t) => t.focusable
           ).map((t) => t.ref);
-          switch (i) {
+          switch (c) {
             case "last": {
               o.reverse();
               break;
             }
             case "prev":
             case "next": {
-              i === "prev" && o.reverse();
+              c === "prev" && o.reverse();
               const t = o.indexOf(p);
               o = _.value ? J(o, t + 1) : o.slice(t + 1);
               break;
@@ -102,5 +100,5 @@ const oe = y({
   }
 });
 export {
-  oe as default
+  $ as default
 };

package/es/components/row/constants.js

@@ -0,0 +1,4 @@
+const o = Symbol("rowContextKey");
+export {
+  o as rowContextKey
+};

package/es/components/row/index.js

@@ -0,0 +1,14 @@
+import { withInstall as o } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import t from "./row.vue2.js";
+import { rowContextKey as w } from "./constants.js";
+const n = o(t);
+export {
+  n as VftRow,
+  n as default,
+  w as rowContextKey
+};

package/es/components/row/row.vue.js

@@ -0,0 +1,4 @@
+import f from "./row.vue2.js";
+export {
+  f as default
+};

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

@@ -0,0 +1,49 @@
+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 "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import "@vft/utils";
+import "../../utils/ns-cover.js";
+const o = (
+  /* hoist-static*/
+  j("row")
+), w = a({
+  name: o.b()
+}), D = /* @__PURE__ */ a({
+  ...w,
+  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
+    });
+    const l = r(() => {
+      const e = {};
+      return t.gutter && (e.marginRight = e.marginLeft = `-${t.gutter / 2}px`), e;
+    }), u = 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))
+    }, {
+      default: y(() => [
+        _(e.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["class", "style"]));
+  }
+});
+export {
+  D as default
+};

package/es/components/row/style/css.js

@@ -0,0 +1,2 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-row.css";

package/es/components/row/style/index.js

@@ -0,0 +1,2 @@
+import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/row.scss";

package/es/components/row/types.js

@@ -0,0 +1 @@
+

package/es/components/scrollbar/index.js

@@ -5,19 +5,17 @@ import "lodash";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
 import o from "./scrollbar.vue2.js";
-import { BAR_MAP as d, GAP as h, renderThumbStyle as u } from "./util.js";
+import { BAR_MAP as A, GAP as _, renderThumbStyle as d } from "./util.js";
 import "../config-provider/hooks/use-global-config.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import "@vue/reactivity";
-import "@vue/shared";
-import { scrollbarContextKey as P } from "./constants.js";
-const b = r(o);
+import { scrollbarContextKey as u } from "./constants.js";
+const c = r(o);
 export {
-  d as BAR_MAP,
-  h as GAP,
-  b as VftScrollbar,
-  b as default,
-  u as renderThumbStyle,
-  P as scrollbarContextKey
+  A as BAR_MAP,
+  _ as GAP,
+  c as VftScrollbar,
+  c as default,
+  d as renderThumbStyle,
+  u as scrollbarContextKey
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as $, ref as o, computed as g, watch as E, nextTick as N, 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 R, createBlock as B, resolveDynamicComponent as I, withCtx as J, renderSlot as Q, createCommentVNode as Z } from "vue";
+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 { useResizeObserver as _, useEventListener as ee } from "@vueuse/core";
 import { isNumber as r, addUnit as W, isObject as te } from "@vft/utils";
 import { useNamespace as le } from "../../hooks/use-namespace/index.js";
@@ -7,8 +7,6 @@ import "lodash";
 import "../../hooks/use-z-index/index.js";
 import { debugWarn as M } from "../../utils/error.js";
 import "../../utils/ns-cover.js";
-import "@vue/reactivity";
-import "@vue/shared";
 import { GAP as d } from "./util.js";
 import ae from "./bar.vue2.js";
 import { scrollbarContextKey as oe } from "./constants.js";
@@ -17,7 +15,7 @@ const L = "ElScrollbar", s = (
   le("scrollbar")
 ), ie = $({
   name: s.b()
-}), Se = /* @__PURE__ */ $({
+}), ge = /* @__PURE__ */ $({
   ...ie,
   props: {
     height: { default: "" },
@@ -47,7 +45,7 @@ const L = "ElScrollbar", s = (
       t.wrapClass,
       s.e("wrap"),
       { [s.em("wrap", "hidden-default")]: !t.native }
-    ]), P = g(() => [s.e("view"), t.viewClass]), p = () => {
+    ]), P = g(() => [s.e("view"), t.viewClass]), E = () => {
       var e;
       l.value && ((e = h.value) == null || e.handleScroll(l.value), K("scroll", {
         scrollTop: l.value.scrollTop,
@@ -75,16 +73,16 @@ const L = "ElScrollbar", s = (
       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` : "";
     };
-    return E(
+    return N(
       () => t.noresize,
       (e) => {
         e ? (n == null || n(), c == null || c()) : ({ stop: n } = _(z, i), c = ee("resize", i));
       },
       { immediate: !0 }
-    ), E(
+    ), N(
       () => [t.maxHeight, t.height],
       () => {
-        t.native || N(() => {
+        t.native || R(() => {
           var e;
           i(), l.value && ((e = h.value) == null || e.handleScroll(l.value));
         });
@@ -96,7 +94,7 @@ const L = "ElScrollbar", s = (
         wrapElement: l
       })
     ), X(() => {
-      t.native || N(() => {
+      t.native || R(() => {
         i();
       });
     }), Y(() => i()), v({
@@ -111,7 +109,7 @@ const L = "ElScrollbar", s = (
       /** @description set distance to scroll left */
       setScrollLeft: j,
       /** @description handle scroll event */
-      handleScroll: p
+      handleScroll: E
     }), (e, a) => (b(), q("div", {
       ref_key: "scrollbarRef",
       ref: x,
@@ -121,14 +119,14 @@ const L = "ElScrollbar", s = (
         ref_key: "wrapRef",
         ref: l,
         class: S(m(A)),
-        style: R(m(O)),
-        onScroll: p
+        style: p(m(O)),
+        onScroll: E
       }, [
         (b(), B(I(t.tag), {
           ref_key: "resizeRef",
           ref: z,
           class: S(m(P)),
-          style: R(t.viewStyle)
+          style: p(t.viewStyle)
         }, {
           default: J(() => [
             Q(e.$slots, "default")
@@ -150,5 +148,5 @@ const L = "ElScrollbar", s = (
   }
 });
 export {
-  Se as default
+  ge as default
 };

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

@@ -7,11 +7,9 @@ import "../../utils/ns-cover.js";
 import { useNamespace as F } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import "@vue/reactivity";
-import "@vue/shared";
 import { scrollbarContextKey as G } from "./constants.js";
 import { BAR_MAP as J, renderThumbStyle as Q } from "./util.js";
-const W = "Thumb", ce = /* @__PURE__ */ T({
+const W = "Thumb", se = /* @__PURE__ */ T({
   __name: "thumb",
   props: {
     vertical: { type: Boolean },
@@ -109,5 +107,5 @@ const W = "Thumb", ce = /* @__PURE__ */ T({
   }
 });
 export {
-  ce as default
+  se as default
 };