vft 0.0.97 → 0.0.99

package/es/components/descriptions/description-item.vue2.js

@@ -1,5 +1,5 @@
-import { defineComponent as t, renderSlot as o } from "vue";
-import { useNamespace as a } from "../../hooks/use-namespace/index.js";
+import { defineComponent as t, renderSlot as i } from "vue";
+import { useNamespace as o } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
 import "../../hooks/use-z-index/index.js";
@@ -8,11 +8,10 @@ import "@vft/utils";
 import "../../utils/ns-cover.js";
 const r = (
   /* hoist-static*/
-  a("descriptions-item")
-), s = t({
-  name: r.b()
-}), b = /* @__PURE__ */ t({
-  ...s,
+  o("descriptions-item")
+), _ = /* @__PURE__ */ t({
+  name: r.b(),
+  __name: "description-item",
   props: {
     label: {},
     span: { default: 1 },
@@ -23,10 +22,10 @@ const r = (
     className: {},
     labelClassName: {}
   },
-  setup(i) {
-    return (e, l) => o(e.$slots, "default");
+  setup(a) {
+    return (e, m) => i(e.$slots, "default");
   }
 });
 export {
-  b as default
+  _ as default
 };

package/es/components/descriptions/description.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as N, useSlots as w, getCurrentInstance as z, provide as V, computed as D, openBlock as u, createElementBlock as d, normalizeClass as a, unref as i, createElementVNode as c, renderSlot as g, createTextVNode as k, toDisplayString as C, createCommentVNode as I, Fragment as K, renderList as F, createBlock as L } from "vue";
+import { defineComponent as E, useSlots as w, getCurrentInstance as z, provide as V, computed as D, openBlock as u, createElementBlock as d, normalizeClass as a, unref as i, createElementVNode as m, renderSlot as g, createTextVNode as k, toDisplayString as C, createCommentVNode as I, Fragment as K, renderList as F, createBlock as L } from "vue";
 import "@vft/utils";
 import { flattedChildren as R } from "../../utils/vue/vnode.js";
 import "lodash";
@@ -12,10 +12,9 @@ import { descriptionsKey as q } from "./token.js";
 const l = (
   /* hoist-static*/
   T("descriptions")
-), A = N({
-  name: l.b()
-}), Z = /* @__PURE__ */ N({
-  ...A,
+), Y = /* @__PURE__ */ E({
+  name: l.b(),
+  __name: "description",
   props: {
     border: { type: Boolean, default: !1 },
     column: { default: 3 },
@@ -24,10 +23,10 @@ const l = (
     title: {},
     extra: {}
   },
-  setup(m) {
-    const f = w(), S = z();
-    V(q, S.props);
-    const $ = D(() => [l.b(), l.m("small")]), h = (e, o, t, r = !1) => (e.props || (e.props = {}), o > t && (e.props.span = t), r && (e.props.span = o), e), B = () => {
+  setup(c) {
+    const f = w(), N = z();
+    V(q, N.props);
+    const S = D(() => [l.b(), l.m("small")]), h = (e, o, t, r = !1) => (e.props || (e.props = {}), o > t && (e.props.span = t), r && (e.props.span = o), e), $ = () => {
       var y;
       const e = R((y = f.default) == null ? void 0 : y.call(f)).filter(
         (s) => {
@@ -35,33 +34,33 @@ const l = (
           return ((n = s == null ? void 0 : s.type) == null ? void 0 : n.name) === "ElDescriptionsItem";
         }
       ), o = [];
-      let t = [], r = m.column, b = 0;
+      let t = [], r = c.column, b = 0;
       return e.forEach((s, n) => {
         var v;
         const p = ((v = s == null ? void 0 : s.props) == null ? void 0 : v.span) || 1;
         if (n < e.length - 1 && (b += p > r ? r : p), n === e.length - 1) {
-          const E = m.column - b % m.column;
-          t.push(h(s, E, r, !0)), o.push(t);
+          const B = c.column - b % c.column;
+          t.push(h(s, B, r, !0)), o.push(t);
           return;
         }
-        p < r ? (r -= p, t.push(s)) : (t.push(h(s, p, r)), o.push(t), r = m.column, t = []);
+        p < r ? (r -= p, t.push(s)) : (t.push(h(s, p, r)), o.push(t), r = c.column, t = []);
       }), o;
     };
     return (e, o) => (u(), d("div", {
-      class: a($.value)
+      class: a(S.value)
     }, [
       e.title || e.extra || e.$slots.title || e.$slots.extra ? (u(), d("div", {
         key: 0,
         class: a(i(l).e("header"))
       }, [
-        c("div", {
+        m("div", {
           class: a(i(l).e("title"))
         }, [
           g(e.$slots, "title", {}, () => [
             k(C(e.title), 1)
           ])
         ], 2),
-        c("div", {
+        m("div", {
           class: a(i(l).e("extra"))
         }, [
           g(e.$slots, "extra", {}, () => [
@@ -69,14 +68,14 @@ const l = (
           ])
         ], 2)
       ], 2)) : I("", !0),
-      c("div", {
+      m("div", {
         class: a(i(l).e("body"))
       }, [
-        c("table", {
+        m("table", {
           class: a([i(l).e("table"), i(l).is("bordered", e.border)])
         }, [
-          c("tbody", null, [
-            (u(!0), d(K, null, F(B(), (t, r) => (u(), L(j, {
+          m("tbody", null, [
+            (u(!0), d(K, null, F($(), (t, r) => (u(), L(j, {
               key: r,
               row: t
             }, null, 8, ["row"]))), 128))
@@ -87,5 +86,5 @@ const l = (
   }
 });
 export {
-  Z as default
+  Y as default
 };

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

@@ -1,5 +1,5 @@
-import { defineComponent as d, inject as y, unref as r, openBlock as e, createElementBlock as o, Fragment as n, createElementVNode as a, renderList as i, createBlock as u, createVNode as m } from "vue";
-import { useNamespace as f } from "../../hooks/use-namespace/index.js";
+import { defineComponent as d, inject as y, unref as r, openBlock as e, createElementBlock as o, Fragment as n, createElementVNode as a, renderList as c, createBlock as s, createVNode as m } from "vue";
+import { useNamespace as k } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
 import "../../hooks/use-z-index/index.js";
@@ -7,22 +7,21 @@ import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
 import p from "./descriptions-cell.js";
-import { descriptionsKey as k } from "./token.js";
+import { descriptionsKey as f } from "./token.js";
 const _ = { key: 1 }, g = (
   /* hoist-static*/
-  f("descriptions-row")
-), b = d({
-  name: g.b()
-}), K = /* @__PURE__ */ d({
-  ...b,
+  k("descriptions-row")
+), F = /* @__PURE__ */ d({
+  name: g.b(),
+  __name: "descriptions-row",
   props: {
     row: { default: [] }
   },
   setup(w) {
-    const s = y(k, {});
-    return (c, h) => r(s).direction === "vertical" ? (e(), o(n, { key: 0 }, [
+    const u = y(f, {});
+    return (i, b) => r(u).direction === "vertical" ? (e(), o(n, { key: 0 }, [
       a("tr", null, [
-        (e(!0), o(n, null, i(c.row, (t, l) => (e(), u(r(p), {
+        (e(!0), o(n, null, c(i.row, (t, l) => (e(), s(r(p), {
           key: `tr1-${l}`,
           cell: t,
           tag: "th",
@@ -30,7 +29,7 @@ const _ = { key: 1 }, g = (
         }, null, 8, ["cell"]))), 128))
       ]),
       a("tr", null, [
-        (e(!0), o(n, null, i(c.row, (t, l) => (e(), u(r(p), {
+        (e(!0), o(n, null, c(i.row, (t, l) => (e(), s(r(p), {
           key: `tr2-${l}`,
           cell: t,
           tag: "td",
@@ -38,10 +37,10 @@ const _ = { key: 1 }, g = (
         }, null, 8, ["cell"]))), 128))
       ])
     ], 64)) : (e(), o("tr", _, [
-      (e(!0), o(n, null, i(c.row, (t, l) => (e(), o(n, {
+      (e(!0), o(n, null, c(i.row, (t, l) => (e(), o(n, {
         key: `tr3-${l}`
       }, [
-        r(s).border ? (e(), o(n, { key: 0 }, [
+        r(u).border ? (e(), o(n, { key: 0 }, [
           m(r(p), {
             cell: t,
             tag: "td",
@@ -52,7 +51,7 @@ const _ = { key: 1 }, g = (
             tag: "td",
             type: "content"
           }, null, 8, ["cell"])
-        ], 64)) : (e(), u(r(p), {
+        ], 64)) : (e(), s(r(p), {
           key: 1,
           cell: t,
           tag: "td",
@@ -63,5 +62,5 @@ const _ = { key: 1 }, g = (
   }
 });
 export {
-  K as default
+  F as default
 };

package/es/components/dialog/dialog-content.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as p, inject as m, computed as B, openBlock as s, createElementBlock as a, unref as e, normalizeClass as l, normalizeStyle as I, createElementVNode as r, renderSlot as n, toDisplayString as R, createVNode as k, createCommentVNode as c } from "vue";
+import { defineComponent as h, inject as m, computed as B, openBlock as s, createElementBlock as a, unref as e, normalizeClass as l, normalizeStyle as I, createElementVNode as r, renderSlot as n, toDisplayString as R, createVNode as k, createCommentVNode as c } from "vue";
 import { VftIcon as N } from "../icon/index.js";
 import "../focus-trap/focus-trap.vue2.js";
 import { FOCUS_TRAP_INJECTION_KEY as $ } from "../focus-trap/tokens.js";
@@ -16,10 +16,9 @@ import { dialogInjectionKey as v } from "./constants.js";
 const z = ["id"], D = (
   /* hoist-static*/
   E("dialog-content")
-), T = p({
-  name: D.b()
-}), W = /* @__PURE__ */ p({
-  ...T,
+), Q = /* @__PURE__ */ h({
+  name: D.b(),
+  __name: "dialog-content",
   props: {
     center: { type: Boolean, default: !1 },
     alignCenter: { type: Boolean, default: !1 },
@@ -31,10 +30,10 @@ const z = ["id"], D = (
     title: { default: "" }
   },
   emits: ["close"],
-  setup(u) {
-    const { dialogRef: i, headerRef: d, bodyId: g, ns: t, style: y } = m(v), { focusTrapRef: b } = m($), C = S(b, i), h = B(() => u.draggable);
-    return V(i, d, h), (o, f) => (s(), a("div", {
-      ref: e(C),
+  setup(p) {
+    const { dialogRef: i, headerRef: d, bodyId: u, ns: t, style: g } = m(v), { focusTrapRef: y } = m($), b = S(y, i), C = B(() => p.draggable);
+    return V(i, d, C), (o, f) => (s(), a("div", {
+      ref: e(b),
       class: l([
         e(t).b(),
         e(t).is("fullscreen", o.fullscreen),
@@ -43,7 +42,7 @@ const z = ["id"], D = (
         { [e(t).m("center")]: o.center },
         o.customClass
       ]),
-      style: I(e(y)),
+      style: I(e(g)),
       tabindex: "-1"
     }, [
       r("header", {
@@ -61,7 +60,7 @@ const z = ["id"], D = (
           key: 0,
           class: l(e(t).e("headerbtn")),
           type: "button",
-          onClick: f[0] || (f[0] = (j) => o.$emit("close"))
+          onClick: f[0] || (f[0] = (T) => o.$emit("close"))
         }, [
           k(e(N), {
             class: l(e(t).e("close")),
@@ -71,7 +70,7 @@ const z = ["id"], D = (
         ], 2)) : c("", !0)
       ], 2),
       r("div", {
-        id: e(g),
+        id: e(u),
         class: l(e(t).e("body"))
       }, [
         n(o.$slots, "default")
@@ -86,5 +85,5 @@ const z = ["id"], D = (
   }
 });
 export {
-  W as default
+  Q as default
 };

package/es/components/dialog/dialog.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as B, ref as i, getCurrentInstance as z, provide as O, computed as P, openBlock as g, createBlock as b, Teleport as N, createVNode as f, Transition as q, unref as e, withCtx as a, withDirectives as j, createElementVNode as K, normalizeClass as U, normalizeStyle as G, mergeProps as H, createSlots as J, renderSlot as n, createCommentVNode as Q, vShow as W } from "vue";
+import { defineComponent as V, ref as i, getCurrentInstance as z, provide as O, computed as P, openBlock as C, createBlock as b, Teleport as N, createVNode as f, Transition as q, unref as e, withCtx as a, withDirectives as j, createElementVNode as K, normalizeClass as U, normalizeStyle as G, mergeProps as H, createSlots as J, renderSlot as n, createCommentVNode as Q, vShow as W } from "vue";
 import { VftOverlay as X } from "../overlay/index.js";
 import { useNamespace as Y } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
@@ -17,11 +17,10 @@ import { useDialog as te } from "./hooks/use-dialog.js";
 const ae = ["aria-label", "aria-labelledby", "aria-describedby"], d = (
   /* hoist-static*/
   Y("dialog")
-), se = B({
+), ke = /* @__PURE__ */ V({
   name: d.b(),
-  inheritAttrs: !1
-}), Ae = /* @__PURE__ */ B({
-  ...se,
+  inheritAttrs: !1,
+  __name: "dialog",
   props: {
     appendToBody: { type: Boolean, default: !1 },
     beforeClose: {},
@@ -56,54 +55,54 @@ const ae = ["aria-label", "aria-labelledby", "aria-describedby"], d = (
     openAutoFocus: () => !0,
     closeAutoFocus: () => !0
   },
-  setup(r, { expose: k }) {
-    const p = i(), A = i(), c = i(), F = z(), {
+  setup(r, { expose: B }) {
+    const p = i(), k = i(), c = i(), A = z(), {
       visible: u,
       titleId: m,
       bodyId: y,
-      style: w,
-      overlayDialogStyle: R,
-      rendered: v,
-      zIndex: E,
-      afterEnter: T,
-      afterLeave: h,
-      beforeLeave: I,
-      handleClose: C,
-      onModalClick: M,
-      onOpenAutoFocus: $,
-      onCloseAutoFocus: D,
-      onCloseRequested: L,
-      onFocusoutPrevented: S
-    } = te(F.props, p);
+      style: F,
+      overlayDialogStyle: w,
+      rendered: g,
+      zIndex: R,
+      afterEnter: E,
+      afterLeave: T,
+      beforeLeave: h,
+      handleClose: v,
+      onModalClick: I,
+      onOpenAutoFocus: M,
+      onCloseAutoFocus: $,
+      onCloseRequested: D,
+      onFocusoutPrevented: L
+    } = te(A.props, p);
     O(le, {
       dialogRef: p,
-      headerRef: A,
+      headerRef: k,
       bodyId: y,
       ns: d,
-      rendered: v,
-      style: w
+      rendered: g,
+      style: F
     });
-    const l = x(M), V = P(() => r.draggable && !r.fullscreen);
-    return k({
+    const l = x(I), S = P(() => r.draggable && !r.fullscreen);
+    return B({
       /** @description whether the dialog is visible */
       visible: u,
       dialogContentRef: c
-    }), (o, t) => (g(), b(N, {
+    }), (o, t) => (C(), b(N, {
       to: "body",
       disabled: !o.appendToBody
     }, [
       f(q, {
         name: "dialog-fade",
-        onAfterEnter: e(T),
-        onAfterLeave: e(h),
-        onBeforeLeave: e(I)
+        onAfterEnter: e(E),
+        onAfterLeave: e(T),
+        onBeforeLeave: e(h)
       }, {
         default: a(() => [
           j(f(e(X), {
             "custom-mask-event": "",
             mask: o.modal,
             "overlay-class": o.modalClass,
-            "z-index": e(E)
+            "z-index": e(R)
           }, {
             default: a(() => [
               K("div", {
@@ -113,7 +112,7 @@ const ae = ["aria-label", "aria-labelledby", "aria-describedby"], d = (
                 "aria-labelledby": o.title ? void 0 : e(m),
                 "aria-describedby": e(y),
                 class: U(`${e(d).namespace.value}-overlay-dialog`),
-                style: G(e(R)),
+                style: G(e(w)),
                 onClick: t[0] || (t[0] = //@ts-ignore
                 (...s) => e(l).onClick && e(l).onClick(...s)),
                 onMousedown: t[1] || (t[1] = //@ts-ignore
@@ -125,13 +124,13 @@ const ae = ["aria-label", "aria-labelledby", "aria-describedby"], d = (
                   loop: "",
                   trapped: e(u),
                   "focus-start-el": "container",
-                  onFocusAfterTrapped: e($),
-                  onFocusAfterReleased: e(D),
-                  onFocusoutPrevented: e(S),
-                  onReleaseRequested: e(L)
+                  onFocusAfterTrapped: e(M),
+                  onFocusAfterReleased: e($),
+                  onFocusoutPrevented: e(L),
+                  onReleaseRequested: e(D)
                 }, {
                   default: a(() => [
-                    e(v) ? (g(), b(oe, H({
+                    e(g) ? (C(), b(oe, H({
                       key: 0,
                       ref_key: "dialogContentRef",
                       ref: c
@@ -140,16 +139,16 @@ const ae = ["aria-label", "aria-labelledby", "aria-describedby"], d = (
                       center: o.center,
                       "align-center": o.alignCenter,
                       "close-icon": o.closeIcon,
-                      draggable: V.value,
+                      draggable: S.value,
                       fullscreen: o.fullscreen,
                       "show-close": o.showClose,
                       title: o.title,
-                      onClose: e(C)
+                      onClose: e(v)
                     }), J({
                       header: a(() => [
                         o.$slots.title ? n(o.$slots, "title", { key: 1 }) : n(o.$slots, "header", {
                           key: 0,
-                          close: e(C),
+                          close: e(v),
                           titleId: e(m),
                           titleClass: e(d).e("title")
                         })
@@ -183,5 +182,5 @@ const ae = ["aria-label", "aria-labelledby", "aria-describedby"], d = (
   }
 });
 export {
-  Ae as default
+  ke as default
 };

package/es/components/divider/divider.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as a, computed as m, openBlock as i, createElementBlock as n, normalizeClass as l, unref as t, normalizeStyle as s, renderSlot as c, createCommentVNode as u } from "vue";
+import { defineComponent as d, computed as m, openBlock as i, createElementBlock as n, normalizeClass as a, unref as t, normalizeStyle as s, renderSlot as c, createCommentVNode as u } from "vue";
 import { useNamespace as f } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
@@ -9,10 +9,9 @@ import "../../utils/ns-cover.js";
 const e = (
   /* hoist-static*/
   f("divider")
-), p = a({
-  name: e.b()
-}), h = /* @__PURE__ */ a({
-  ...p,
+), B = /* @__PURE__ */ d({
+  name: e.b(),
+  __name: "divider",
   props: {
     direction: { default: "horizontal" },
     contentPosition: { default: "center" },
@@ -22,7 +21,7 @@ const e = (
     marginX: {}
   },
   setup(o) {
-    const d = m(() => ({
+    const l = m(() => ({
       ...e.cssVarBlock({
         "border-style": o.borderStyle,
         "border-color": o.borderColor,
@@ -30,14 +29,14 @@ const e = (
         "margin-x": o.marginX
       })
     }));
-    return (r, b) => (i(), n("div", {
-      class: l([t(e).b(), t(e).m(r.direction)]),
-      style: s(d.value),
+    return (r, p) => (i(), n("div", {
+      class: a([t(e).b(), t(e).m(r.direction)]),
+      style: s(l.value),
       role: "separator"
     }, [
       r.$slots.default && r.direction !== "vertical" ? (i(), n("div", {
         key: 0,
-        class: l([t(e).e("text"), t(e).is(r.contentPosition)])
+        class: a([t(e).e("text"), t(e).is(r.contentPosition)])
       }, [
         c(r.$slots, "default")
       ], 2)) : u("", !0)
@@ -45,5 +44,5 @@ const e = (
   }
 });
 export {
-  h as default
+  B as default
 };