vft 0.0.70 → 0.0.72

package/es/components/descriptions/descriptions-cell.js

@@ -7,10 +7,8 @@ import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import { getNormalizedProps as j } from "../../utils/vue/vnode.js";
 import "../../utils/ns-cover.js";
-import "@vue/reactivity";
-import "@vue/shared";
 import { descriptionsKey as D } from "./token.js";
-const E = S({
+const q = S({
   name: "VftDescriptionsCell",
   props: {
     cell: {
@@ -29,10 +27,10 @@ const E = S({
     };
   },
   render() {
-    var h, n, g, f, o, u;
+    var h, n, g, f, c, u;
     const e = j(
       this.cell
-    ), { border: p, direction: N } = this.descriptions, l = N === "vertical", c = ((g = (n = (h = this.cell) == null ? void 0 : h.children) == null ? void 0 : n.label) == null ? void 0 : g.call(n)) || e.label, m = (u = (o = (f = this.cell) == null ? void 0 : f.children) == null ? void 0 : o.default) == null ? void 0 : u.call(o), i = e.span, a = e.align ? `is-${e.align}` : "", C = e.labelAlign ? `is-${e.labelAlign}` : a, d = e.className, b = e.labelClassName, r = {
+    ), { border: p, direction: N } = this.descriptions, l = N === "vertical", o = ((g = (n = (h = this.cell) == null ? void 0 : h.children) == null ? void 0 : n.label) == null ? void 0 : g.call(n)) || e.label, d = (u = (c = (f = this.cell) == null ? void 0 : f.children) == null ? void 0 : c.default) == null ? void 0 : u.call(c), i = e.span, a = e.align ? `is-${e.align}` : "", C = e.labelAlign ? `is-${e.labelAlign}` : a, m = e.className, b = e.labelClassName, r = {
       width: y(e.width),
       minWidth: y(e.minWidth)
     }, t = w("descriptions");
@@ -52,7 +50,7 @@ const E = S({
             ],
             colSpan: l ? i : 1
           },
-          c
+          o
         );
       case "content":
         return s(
@@ -65,11 +63,11 @@ const E = S({
               t.is("bordered-content", p),
               t.is("vertical-content", l),
               a,
-              d
+              m
             ],
             colSpan: l ? i : i * 2 - 1
           },
-          m
+          d
         );
       default:
         return s(
@@ -80,19 +78,19 @@ const E = S({
             colSpan: i
           },
           [
-            A(c) ? void 0 : s(
+            A(o) ? void 0 : s(
               "span",
               {
                 class: [t.e("label"), b]
               },
-              c
+              o
             ),
             s(
               "span",
               {
-                class: [t.e("content"), d]
+                class: [t.e("content"), m]
               },
-              m
+              d
             )
           ]
         );
@@ -100,5 +98,5 @@ const E = S({
   }
 });
 export {
-  E as default
+  q as default
 };

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

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

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

@@ -1,4 +1,4 @@
-import { defineComponent as g, inject as m, computed as B, openBlock as s, createElementBlock as r, unref as e, normalizeClass as l, normalizeStyle as I, createElementVNode as n, renderSlot as i, toDisplayString as R, createVNode as k, createCommentVNode as u } from "vue";
+import { defineComponent as g, inject as m, computed as B, openBlock as s, createElementBlock as n, unref as e, normalizeClass as l, normalizeStyle as I, createElementVNode as r, renderSlot as i, toDisplayString as R, createVNode as k, createCommentVNode as u } 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";
@@ -12,15 +12,13 @@ import "@vft/utils";
 import { composeRefs as S } from "../../utils/vue/refs.js";
 import "../../utils/ns-cover.js";
 import { useDraggable as V } from "../../hooks/use-draggable/index.js";
-import "@vue/reactivity";
-import "@vue/shared";
 import { dialogInjectionKey as v } from "./constants.js";
 const z = ["id"], D = (
   /* hoist-static*/
   E("dialog-content")
 ), T = g({
   name: D.b()
-}), Z = /* @__PURE__ */ g({
+}), W = /* @__PURE__ */ g({
   ...T,
   props: {
     center: { type: Boolean, default: !1 },
@@ -35,7 +33,7 @@ const z = ["id"], D = (
   emits: ["close"],
   setup(t) {
     const { dialogRef: c, headerRef: d, bodyId: p, ns: o, style: y } = m(v), { focusTrapRef: b } = m($), C = S(b, c), h = B(() => t.draggable);
-    return V(c, d, h), (a, f) => (s(), r("div", {
+    return V(c, d, h), (a, f) => (s(), n("div", {
       ref: e(C),
       class: l([
         e(o).b(),
@@ -48,18 +46,18 @@ const z = ["id"], D = (
       style: I(e(y)),
       tabindex: "-1"
     }, [
-      n("header", {
+      r("header", {
         ref_key: "headerRef",
         ref: d,
         class: l(e(o).e("header"))
       }, [
         i(a.$slots, "header", {}, () => [
-          n("span", {
+          r("span", {
             role: "heading",
             class: l(e(o).e("title"))
           }, R(t.title), 3)
         ]),
-        t.showClose ? (s(), r("button", {
+        t.showClose ? (s(), n("button", {
           key: 0,
           class: l(e(o).e("headerbtn")),
           type: "button",
@@ -72,13 +70,13 @@ const z = ["id"], D = (
           }, null, 8, ["class", "icon"])
         ], 2)) : u("", !0)
       ], 2),
-      n("div", {
+      r("div", {
         id: e(p),
         class: l(e(o).e("body"))
       }, [
         i(a.$slots, "default")
       ], 10, z),
-      a.$slots.footer ? (s(), r("footer", {
+      a.$slots.footer ? (s(), n("footer", {
         key: 0,
         class: l(e(o).e("footer"))
       }, [
@@ -88,5 +86,5 @@ const z = ["id"], D = (
   }
 });
 export {
-  Z as default
+  W as default
 };

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

@@ -7,7 +7,6 @@ import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import { isBoolean as Y } from "@vft/utils";
 import "../../utils/ns-cover.js";
-import "@vue/reactivity";
 import { useSameTarget as Z } from "../../hooks/use-same-target/index.js";
 import _ from "../focus-trap/focus-trap.vue.js";
 import "../focus-trap/utils.js";
@@ -21,7 +20,7 @@ const ae = ["aria-label", "aria-labelledby", "aria-describedby"], d = (
 ), ne = B({
   name: d.b(),
   inheritAttrs: !1
-}), Fe = /* @__PURE__ */ B({
+}), Ae = /* @__PURE__ */ B({
   ...ne,
   props: {
     center: { type: Boolean, default: !1 },
@@ -184,5 +183,5 @@ const ae = ["aria-label", "aria-labelledby", "aria-describedby"], d = (
   }
 });
 export {
-  Fe as default
+  Ae as default
 };

package/es/components/dialog/hooks/use-dialog.js

@@ -8,11 +8,10 @@ import { useId as E } from "../../../hooks/use-id/index.js";
 import { addUnit as j } from "@vft/utils";
 import "../../../utils/ns-cover.js";
 import { useLockscreen as B } from "../../../hooks/use-lockscreen/index.js";
-import "@vue/shared";
 import { UPDATE_MODEL_EVENT as H } from "../../../constants/event.js";
 import "../../config-provider/index.js";
 import { useGlobalConfig as J } from "../../config-provider/hooks/use-global-config.js";
-const ae = (e, a) => {
+const ue = (e, a) => {
   const n = S().emit, { nextZIndex: y } = G();
   let C = "";
   const F = E(), O = E(), t = s(!1), c = s(!1), f = s(!1), r = s(e.zIndex || y());
@@ -102,5 +101,5 @@ const ae = (e, a) => {
   };
 };
 export {
-  ae as useDialog
+  ue as useDialog
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as a, computed as d, openBlock as i, createElementBlock as n, normalizeClass as l, unref as r, normalizeStyle as c, renderSlot as s, createCommentVNode as u } from "vue";
+import { defineComponent as a, computed as m, openBlock as n, createElementBlock as i, normalizeClass as l, unref as r, normalizeStyle as c, renderSlot as s, createCommentVNode as u } from "vue";
 import { useNamespace as f } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
@@ -6,14 +6,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 t = (
   /* hoist-static*/
   f("divider")
 ), b = a({
   name: t.b()
-}), N = /* @__PURE__ */ a({
+}), h = /* @__PURE__ */ a({
   ...b,
   props: {
     direction: { default: "horizontal" },
@@ -24,7 +22,7 @@ const t = (
     marginX: null
   },
   setup(e) {
-    const m = d(() => ({
+    const d = m(() => ({
       ...t.cssVarBlock({
         "border-style": e.borderStyle,
         "border-color": e.borderColor,
@@ -32,12 +30,12 @@ const t = (
         "margin-x": e.marginX
       })
     }));
-    return (o, y) => (i(), n("div", {
+    return (o, y) => (n(), i("div", {
       class: l([r(t).b(), r(t).m(e.direction)]),
-      style: c(r(m)),
+      style: c(r(d)),
       role: "separator"
     }, [
-      o.$slots.default && e.direction !== "vertical" ? (i(), n("div", {
+      o.$slots.default && e.direction !== "vertical" ? (n(), i("div", {
         key: 0,
         class: l([r(t).e("text"), r(t).is(e.contentPosition)])
       }, [
@@ -47,5 +45,5 @@ const t = (
   }
 });
 export {
-  N as default
+  h as default
 };

package/es/components/dropdown/dropdown-item-impl.vue2.js

@@ -16,11 +16,9 @@ import "@vft/utils";
 import { composeRefs as L } from "../../utils/vue/refs.js";
 import { composeEventHandlers as K } from "../../utils/event.js";
 import "../../utils/ns-cover.js";
-import "@vue/reactivity";
-import "@vue/shared";
 import { DROPDOWN_COLLECTION_ITEM_INJECTION_KEY as g } from "./types.js";
 import { DROPDOWN_INJECTION_KEY as w } from "./tokens.js";
-const Q = O({
+const z = O({
   name: "DropdownItemImpl",
   components: {
     VftIcon: v
@@ -73,5 +71,5 @@ const Q = O({
   }
 });
 export {
-  Q as default
+  z as default
 };

package/es/components/dropdown/dropdown-menu.vue2.js

@@ -18,12 +18,10 @@ import { focusFirst as U } from "../roving-focus-group/utils.js";
 import { useNamespace as V } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import "@vue/reactivity";
-import "@vue/shared";
 import { DROPDOWN_INJECTION_KEY as A } from "./tokens.js";
 import { DROPDOWN_COLLECTION_INJECTION_KEY as W, FIRST_LAST_KEYS as h, LAST_KEYS as x } from "./types.js";
 import { useDropdown as M } from "./useDropdown.js";
-const Eo = F({
+const Io = F({
   name: "VftDropdownMenu",
   props: {
     onKeydown: {
@@ -91,5 +89,5 @@ const Eo = F({
   }
 });
 export {
-  Eo as default
+  Io as default
 };

package/es/components/dropdown/dropdown.vue2.js

@@ -18,12 +18,10 @@ import "../../hooks/use-z-index/index.js";
 import { useId as oe } from "../../hooks/use-id/index.js";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
-import "@vue/reactivity";
-import "@vue/shared";
 import { DROPDOWN_INJECTION_KEY as te } from "./tokens.js";
 import { VftCollection as ne } from "./types.js";
 import { useFormSize as re } from "../form/hooks/use-form-common-props.js";
-const { ButtonGroup: ie } = B, Fe = P({
+const { ButtonGroup: ie } = B, De = P({
   name: "VftDropdown",
   components: {
     VftButton: B,
@@ -216,5 +214,5 @@ const { ButtonGroup: ie } = B, Fe = P({
   }
 });
 export {
-  Fe as default
+  De as default
 };

package/es/components/dropdown/useDropdown.js

@@ -7,17 +7,15 @@ import "lodash";
 import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
-import "@vue/reactivity";
-import "@vue/shared";
-const C = () => {
+const V = () => {
   const u = k("elDropdown", {}), e = T(() => u == null ? void 0 : u.dropdownSize);
   return {
     elDropdown: u,
     _elDropdownSize: e
   };
-}, G = (u, e, i) => {
-  const A = z("dropdown"), s = l(null), a = l(null), r = l(null), f = l(`dropdown-menu-${O()}`);
-  r.value = u == null ? void 0 : u.subTree.el;
+}, $ = (u, e, i) => {
+  const A = z("dropdown"), s = l(null), a = l(null), c = l(null), f = l(`dropdown-menu-${O()}`);
+  c.value = u == null ? void 0 : u.subTree.el;
   function p() {
     var t;
     e.setAttribute("tabindex", "-1"), (t = a.value) == null || t.forEach((n) => {
@@ -32,28 +30,28 @@ const C = () => {
     [o.up, o.down].includes(n) ? (p(), b(s.value[0]), s.value[0].focus(), t.preventDefault(), t.stopPropagation()) : n === o.enter ? i.handleClick() : [o.tab, o.esc].includes(n) && i.hide();
   }
   function w(t) {
-    const n = t.code, v = t.target, c = a.value.indexOf(v), x = a.value.length - 1;
-    let d;
-    [o.up, o.down].includes(n) ? (n === o.up ? d = c !== 0 ? c - 1 : 0 : d = c < x ? c + 1 : x, p(), b(s.value[d]), s.value[d].focus(), t.preventDefault(), t.stopPropagation()) : n === o.enter ? (m(), v.click(), i.props.hideOnClick && i.hide()) : [o.tab, o.esc].includes(n) && (i.hide(), m());
+    const n = t.code, m = t.target, d = a.value.indexOf(m), x = a.value.length - 1;
+    let r;
+    [o.up, o.down].includes(n) ? (n === o.up ? r = d !== 0 ? d - 1 : 0 : r = d < x ? d + 1 : x, p(), b(s.value[r]), s.value[r].focus(), t.preventDefault(), t.stopPropagation()) : n === o.enter ? (v(), m.click(), i.props.hideOnClick && i.hide()) : [o.tab, o.esc].includes(n) && (i.hide(), v());
   }
   function h() {
-    r.value.setAttribute("id", f.value), e.setAttribute("aria-haspopup", "list"), e.setAttribute("aria-controls", f.value), i.props.splitButton || (e.setAttribute("role", "button"), e.setAttribute("tabindex", i.props.tabindex), S(e, A.b("selfdefine")));
+    c.value.setAttribute("id", f.value), e.setAttribute("aria-haspopup", "list"), e.setAttribute("aria-controls", f.value), i.props.splitButton || (e.setAttribute("role", "button"), e.setAttribute("tabindex", i.props.tabindex), S(e, A.b("selfdefine")));
   }
   function y() {
     var t;
-    e == null || e.addEventListener("keydown", D), (t = r.value) == null || t.addEventListener("keydown", w, !0);
+    e == null || e.addEventListener("keydown", D), (t = c.value) == null || t.addEventListener("keydown", w, !0);
   }
   function I() {
-    s.value = r.value.querySelectorAll(
+    s.value = c.value.querySelectorAll(
       "[tabindex='-1']"
     ), a.value = Array.from(s.value), y(), h();
   }
-  function m() {
+  function v() {
     e.focus();
   }
   I();
 };
 export {
-  G as initDropdownDomEvent,
-  C as useDropdown
+  $ as initDropdownDomEvent,
+  V as useDropdown
 };

package/es/components/empty/empty.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as f, getCurrentInstance as z, computed as d, openBlock as s, createElementBlock as n, normalizeClass as l, unref as e, createElementVNode as C, normalizeStyle as T, renderSlot as u, createVNode as A, createCommentVNode as N } from "vue";
+import { defineComponent as f, getCurrentInstance as z, computed as d, openBlock as i, createElementBlock as n, normalizeClass as l, unref as e, createElementVNode as C, normalizeStyle as T, renderSlot as u, createVNode as A, createCommentVNode as N } from "vue";
 import { renderTNode as E, setSize as _, VNode as O } from "@vft/utils";
 import { useNamespace as k } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
@@ -7,8 +7,6 @@ import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import { getSizeType as S } from "../../utils/helper.js";
 import "../../utils/ns-cover.js";
-import "@vue/reactivity";
-import "@vue/shared";
 import { EmptyEnum as o } from "./constants.js";
 import D from "./assets/no-collect.png.js";
 import x from "./assets/no-data.png.js";
@@ -20,7 +18,7 @@ const h = ["src"], m = (
   k("empty")
 ), v = f({
   name: m.b()
-}), I = /* @__PURE__ */ f({
+}), Y = /* @__PURE__ */ f({
   ...v,
   props: {
     img: null,
@@ -67,37 +65,37 @@ const h = ["src"], m = (
         }
       ]
     ])).get(r.type), y = d(() => r.img || (t == null ? void 0 : t.img)), c = d(() => E(g, "desc", { defaultNode: t == null ? void 0 : t.text })), a = S(r.size);
-    return (i, M) => {
+    return (s, M) => {
       var p;
-      return s(), n("div", {
+      return i(), n("div", {
         class: l([e(m).b(), e(a) ? e(m).m(e(a)) : ""])
       }, [
         C("div", {
           class: l(e(m).e("image")),
           style: T(e(a) ? {} : e(_)(((p = e(t)) == null ? void 0 : p.size) || r.size))
         }, [
-          i.$slots.img ? u(i.$slots, "img", { key: 0 }) : (s(), n("img", {
+          s.$slots.img ? u(s.$slots, "img", { key: 0 }) : (i(), n("img", {
             key: 1,
             src: e(y),
             alt: ""
           }, null, 8, h))
         ], 6),
-        e(c) ? (s(), n("span", {
+        e(c) ? (i(), n("span", {
           key: 0,
           class: l(e(m).e("desc"))
         }, [
           A(e(O), { content: e(c) }, null, 8, ["content"])
         ], 2)) : N("", !0),
-        i.$slots.default ? (s(), n("div", {
+        s.$slots.default ? (i(), n("div", {
           key: 1,
           class: l(e(m).e("bottom"))
         }, [
-          u(i.$slots, "default")
+          u(s.$slots, "default")
         ], 2)) : N("", !0)
       ], 2);
     };
   }
 });
 export {
-  I as default
+  Y as default
 };

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

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

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

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