vft 0.0.507 → 0.0.511

package/es/components/affix/affix.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as $, shallowRef as m, ref as v, computed as E, watch as W, onMounted as H, watchEffect as I, createElementBlock as N, openBlock as q, normalizeStyle as S, normalizeClass as _, unref as b, createElementVNode as L, renderSlot as M } from "vue";
+import { defineComponent as $, shallowRef as m, ref as v, computed as E, watch as W, onMounted as H, watchEffect as I, openBlock as N, createElementBlock as q, normalizeStyle as S, normalizeClass as _, unref as b, createElementVNode as L, renderSlot as M } from "vue";
 import { useWindowSize as P, useElementBounding as y, useEventListener as U } from "@vueuse/core";
 import { getScrollContainer as V } from "../../utils/dom/scroll.js";
 import { throwError as Y } from "../../utils/error.js";
@@ -64,7 +64,7 @@ const G = $({
       update: w,
       /** @description update rootRect info */
       updateRoot: c
-    }), (t, J) => (q(), N("div", {
+    }), (t, J) => (N(), q("div", {
       ref_key: "root",
       ref: f,
       class: _(b(i).b()),

package/es/components/alert/alert.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as C, useSlots as N, ref as S, computed as a, createBlock as r, openBlock as l, Transition as V, unref as o, withCtx as $, withDirectives as x, createElementVNode as v, normalizeClass as n, createCommentVNode as s, createElementBlock as c, renderSlot as k, createTextVNode as p, toDisplayString as u, Fragment as E, vShow as I } from "vue";
+import { defineComponent as C, useSlots as N, ref as S, computed as a, openBlock as l, createBlock as r, Transition as V, unref as o, withCtx as $, withDirectives as x, createElementVNode as v, normalizeClass as n, createCommentVNode as s, createElementBlock as c, renderSlot as k, createTextVNode as p, toDisplayString as u, Fragment as E, vShow as I } from "vue";
 import { VftIcon as b } from "../icon/index.js";
 import "@vueuse/core";
 import "@vft/utils";

package/es/components/autocomplete/autocomplete.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as Q, useAttrs as ve, ref as c, computed as b, onMounted as me, createBlock as pe, openBlock as E, unref as s, withCtx as v, createElementVNode as q, normalizeStyle as z, normalizeClass as k, createVNode as G, mergeProps as ge, withKeys as y, withModifiers as j, createSlots as he, renderSlot as $, createElementBlock as F, Fragment as be, renderList as ye, createTextVNode as $e, toDisplayString as we, nextTick as Ee } from "vue";
+import { defineComponent as Q, useAttrs as ve, ref as c, computed as b, onMounted as me, openBlock as E, createBlock as pe, unref as s, withCtx as v, createElementVNode as q, normalizeStyle as z, normalizeClass as k, createVNode as G, mergeProps as ge, withKeys as y, withModifiers as j, createSlots as he, renderSlot as $, createElementBlock as F, Fragment as be, renderList as ye, createTextVNode as $e, toDisplayString as we, nextTick as Ee } from "vue";
 import { isObject as ke, isString as N, isArray as D } from "@vft/utils";
 import "../form/index.js";
 import { VftInput as Ae } from "../input/index.js";

package/es/components/avatar/avatar.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as v, ref as z, computed as i, watch as h, createElementBlock as k, openBlock as o, normalizeStyle as y, normalizeClass as g, createBlock as n, renderSlot as B, unref as c, normalizeProps as E, mergeProps as S } from "vue";
+import { defineComponent as v, ref as z, computed as i, watch as h, openBlock as o, createElementBlock as k, normalizeStyle as y, normalizeClass as g, createBlock as n, unref as c, normalizeProps as B, mergeProps as E, renderSlot as S } from "vue";
 import { isString as b, isNumber as C, singleAttrToObj as V } from "@vft/utils";
 import { VftIcon as I } from "../icon/index.js";
 import { VftImage as L } from "../image/index.js";
@@ -45,7 +45,7 @@ const H = /* @__PURE__ */ v({
         alt: e.alt,
         fit: e.fit,
         onError: d
-      }, null, 8, ["src", "alt", "fit"])) : s.value?.icon ? (o(), n(c(I), E(S({ key: 1 }, s.value)), null, 16)) : B(t.$slots, "default", { key: 2 })
+      }, null, 8, ["src", "alt", "fit"])) : s.value?.icon ? (o(), n(c(I), B(E({ key: 1 }, s.value)), null, 16)) : S(t.$slots, "default", { key: 2 })
     ], 6));
   }
 });

package/es/components/avatar-stack/avatar-stack.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as f, computed as r, createElementBlock as n, openBlock as s, normalizeStyle as c, normalizeClass as o, unref as t, createCommentVNode as y, Fragment as g, renderList as k, createVNode as d, withCtx as b, createTextVNode as p, toDisplayString as V } from "vue";
+import { defineComponent as f, computed as r, openBlock as n, createElementBlock as s, normalizeStyle as c, normalizeClass as o, unref as t, Fragment as y, renderList as g, createVNode as d, withCtx as k, createTextVNode as b, toDisplayString as p, createCommentVNode as V } from "vue";
 import { VftAvatar as v } from "../avatar/index.js";
 import "@vueuse/core";
 import { addUnit as i } from "@vft/utils";
@@ -32,11 +32,11 @@ const B = f({
       },
       "avatar-stack"
     ));
-    return (M, S) => (s(), n("div", {
+    return (M, S) => (n(), s("div", {
       class: o(t(a).b()),
       style: c(h.value)
     }, [
-      (s(!0), n(g, null, k(l.value, (x, u) => (s(), n("div", {
+      (n(!0), s(y, null, g(l.value, (x, u) => (n(), s("div", {
         key: u,
         class: o(t(a).e("item")),
         style: c({ zIndex: l.value.length - u })
@@ -47,7 +47,7 @@ const B = f({
           class: o(t(a).e("stacked-avatar"))
         }, null, 8, ["src", "size", "class"])
       ], 6))), 128)),
-      e.showRemainCount && m.value > 0 ? (s(), n("div", {
+      e.showRemainCount && m.value > 0 ? (n(), s("div", {
         key: 0,
         class: o([t(a).e("item"), t(a).e("remaining-count")]),
         style: { zIndex: 0 }
@@ -56,12 +56,12 @@ const B = f({
           size: e.size,
           class: o(t(a).e("remaining-avatar"))
         }, {
-          default: b(() => [
-            p(" +" + V(m.value), 1)
+          default: k(() => [
+            b(" +" + p(m.value), 1)
           ]),
           _: 1
         }, 8, ["size", "class"])
-      ], 2)) : y("", !0)
+      ], 2)) : V("", !0)
     ], 6));
   }
 });

package/es/components/backtop/backtop.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as s, getCurrentInstance as v, computed as m, createBlock as l, openBlock as i, Transition as y, unref as t, withCtx as C, createElementBlock as h, createCommentVNode as c, withModifiers as T, normalizeClass as x, normalizeStyle as z, renderSlot as B, normalizeProps as $, mergeProps as S } from "vue";
+import { defineComponent as s, getCurrentInstance as v, computed as m, openBlock as i, createBlock as l, Transition as y, unref as t, withCtx as C, createElementBlock as h, withModifiers as T, normalizeClass as x, normalizeStyle as z, renderSlot as B, normalizeProps as $, mergeProps as S, createCommentVNode as c } from "vue";
 import { singleAttrToObj as _ } from "@vft/utils";
 import { VftIcon as w } from "../icon/index.js";
 import "@vueuse/core";

package/es/components/breadcrumb/breadcrumb-item.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as l, getCurrentInstance as d, inject as k, ref as b, createElementBlock as p, openBlock as a, normalizeClass as s, unref as e, createElementVNode as y, createBlock as C, renderSlot as _, mergeProps as g, toDisplayString as B } from "vue";
+import { defineComponent as l, getCurrentInstance as d, inject as k, ref as b, openBlock as a, createElementBlock as p, normalizeClass as s, unref as e, createElementVNode as y, renderSlot as C, createBlock as _, mergeProps as g, toDisplayString as B } from "vue";
 import { VftIcon as I } from "../icon/index.js";
 import "@vueuse/core";
 import "@vft/utils";
@@ -32,9 +32,9 @@ const h = l({
         role: "link",
         onClick: u
       }, [
-        _(f.$slots, "default")
+        C(f.$slots, "default")
       ], 2),
-      e(o)?.separatorIcon ? (a(), C(e(I), g({ key: 0 }, e(o).separatorIcon, {
+      e(o)?.separatorIcon ? (a(), _(e(I), g({ key: 0 }, e(o).separatorIcon, {
         class: e(r).e("separator")
       }), null, 16, ["class"])) : (a(), p("span", {
         key: 1,

package/es/components/breadcrumb/breadcrumb.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as o, ref as n, provide as p, onMounted as s, createElementBlock as i, openBlock as c, normalizeClass as l, unref as u, renderSlot as f } from "vue";
+import { defineComponent as o, ref as n, provide as p, onMounted as s, openBlock as i, createElementBlock as c, normalizeClass as l, unref as u, renderSlot as f } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
@@ -22,7 +22,7 @@ const _ = o({
     return p(b, m), s(() => {
       const e = t.value.querySelectorAll(`.${r.e("item")}`);
       e.length && e[e.length - 1].setAttribute("aria-current", "page");
-    }), (e, g) => (c(), i("div", {
+    }), (e, g) => (i(), c("div", {
       ref_key: "breadcrumb",
       ref: t,
       class: l(u(r).b()),

package/es/components/button/button-group.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as e, provide as s, reactive as i, toRef as o, createElementBlock as m, openBlock as a, normalizeClass as u, unref as c, renderSlot as f } from "vue";
+import { defineComponent as e, provide as s, reactive as i, toRef as o, openBlock as m, createElementBlock as a, normalizeClass as u, unref as c, renderSlot as f } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
@@ -25,7 +25,7 @@ const _ = e({
         size: o(t, "size"),
         type: o(t, "type")
       })
-    ), (n, b) => (a(), m("div", {
+    ), (n, b) => (m(), a("div", {
       class: u(`${c(p).b("group")}`)
     }, [
       f(n.$slots, "default")

package/es/components/button/button.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as g, computed as T, createBlock as i, openBlock as l, resolveDynamicComponent as $, mergeProps as p, unref as e, withCtx as I, createElementBlock as y, createCommentVNode as f, Fragment as A, renderSlot as k, normalizeClass as B, normalizeProps as N } from "vue";
+import { defineComponent as g, computed as T, openBlock as l, createBlock as i, resolveDynamicComponent as $, mergeProps as p, unref as e, withCtx as I, createElementBlock as y, Fragment as A, renderSlot as f, normalizeClass as k, normalizeProps as N, createCommentVNode as B } from "vue";
 import { VftIcon as b } from "../icon/index.js";
 import "@vueuse/core";
 import { singleAttrToObj as P } from "@vft/utils";
@@ -70,19 +70,19 @@ const D = g({
     }), {
       default: I(() => [
         o.loading ? (l(), y(A, { key: 0 }, [
-          n.$slots.loading ? k(n.$slots, "loading", { key: 0 }) : (l(), i(e(b), {
+          n.$slots.loading ? f(n.$slots, "loading", { key: 0 }) : (l(), i(e(b), {
             key: 1,
             rotate: "",
-            class: B(e(t).is("loading")),
+            class: k(e(t).is("loading")),
             icon: "icon-loading"
           }, null, 8, ["class"]))
-        ], 64)) : d.value?.icon ? (l(), i(e(b), N(p({ key: 1 }, d.value)), null, 16)) : f("", !0),
+        ], 64)) : d.value?.icon ? (l(), i(e(b), N(p({ key: 1 }, d.value)), null, 16)) : B("", !0),
         n.$slots.default ? (l(), y("span", {
           key: 2,
-          class: B({ [e(t).em("text", "expand")]: e(u) })
+          class: k({ [e(t).em("text", "expand")]: e(u) })
         }, [
-          k(n.$slots, "default")
-        ], 2)) : f("", !0)
+          f(n.$slots, "default")
+        ], 2)) : B("", !0)
       ]),
       _: 3
     }, 16, ["class", "style", "onClick"]));

package/es/components/button/use-button.js

@@ -3,11 +3,11 @@ import "../form/index.js";
 import { useThrottleFn as C } from "@vueuse/core";
 import { inject as S, computed as o, ref as v, useSlots as F, Text as T } from "vue";
 import { buttonGroupContextKey as _ } from "./constants.js";
-import { useFormItem as k } from "../form/hooks/use-form-item.js";
-import { useGlobalConfig as x } from "../config-provider/hooks/use-global-config.js";
+import { useGlobalConfig as k } from "../config-provider/hooks/use-global-config.js";
+import { useFormItem as x } from "../form/hooks/use-form-item.js";
 import { useFormSize as I, useFormDisabled as z } from "../form/hooks/use-form-common-props.js";
 const w = (t, r) => {
-  const s = S(_, void 0), u = x("button"), { form: c } = k(), a = I(o(() => s?.size)), n = z(), f = v(), m = F(), d = o(() => t.type || s?.type || ""), b = o(
+  const s = S(_, void 0), u = k("button"), { form: c } = x(), a = I(o(() => s?.size)), n = z(), f = v(), m = F(), d = o(() => t.type || s?.type || ""), b = o(
     () => t.autoInsertSpace ?? u.value?.autoInsertSpace ?? !1
   ), h = o(() => {
     const e = m.default?.();

package/es/components/card/card.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as m, createElementBlock as d, openBlock as s, normalizeClass as r, unref as a, createCommentVNode as i, createElementVNode as n, renderSlot as l, createTextVNode as c, toDisplayString as f, normalizeStyle as p } from "vue";
+import { defineComponent as m, openBlock as d, createElementBlock as s, normalizeClass as r, unref as a, renderSlot as l, createTextVNode as i, toDisplayString as n, createCommentVNode as c, createElementVNode as f, normalizeStyle as p } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
@@ -19,18 +19,18 @@ const h = m({
   },
   setup(e) {
     const t = u("card");
-    return (o, y) => (s(), d("div", {
+    return (o, y) => (d(), s("div", {
       class: r([a(t).b(), a(t).is(`${e.shadow}-shadow`)])
     }, [
-      o.$slots.header || e.header ? (s(), d("div", {
+      o.$slots.header || e.header ? (d(), s("div", {
         key: 0,
         class: r(a(t).e("header"))
       }, [
         l(o.$slots, "header", {}, () => [
-          c(f(e.header), 1)
+          i(n(e.header), 1)
         ])
-      ], 2)) : i("", !0),
-      n("div", {
+      ], 2)) : c("", !0),
+      f("div", {
         class: r(a(t).e("body")),
         style: p(e.bodyStyle)
       }, [

package/es/components/carousel/carousel-item.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as d, computed as m, unref as e, withDirectives as c, createElementBlock as u, openBlock as p, normalizeStyle as w, normalizeClass as v, createCommentVNode as x, renderSlot as z, vShow as f } from "vue";
+import { defineComponent as d, computed as m, unref as e, withDirectives as c, openBlock as u, createElementBlock as p, normalizeStyle as w, normalizeClass as v, vShow as f, createCommentVNode as x, renderSlot as z } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
@@ -46,7 +46,7 @@ const R = d({
         transform: [a, s].join(" ")
       };
     });
-    return (i, a) => c((p(), u("div", {
+    return (i, a) => c((u(), p("div", {
       ref_key: "carouselItemRef",
       ref: _,
       class: v(T.value),
@@ -54,7 +54,7 @@ const R = d({
       onClick: a[0] || (a[0] = //@ts-ignore
       (...s) => e(n) && e(n)(...s))
     }, [
-      e(r) ? c((p(), u("div", {
+      e(r) ? c((u(), p("div", {
         key: 0,
         class: v(e(t).e("mask"))
       }, null, 2)), [

package/es/components/carousel/carousel.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as E, getCurrentInstance as _, computed as T, unref as e, createElementBlock as d, openBlock as s, withModifiers as m, normalizeClass as l, createBlock as L, createCommentVNode as f, createElementVNode as a, createVNode as p, Transition as V, withCtx as y, withDirectives as g, vShow as h, normalizeStyle as ee, renderSlot as te, Fragment as oe, renderList as ne, toDisplayString as re } from "vue";
+import { defineComponent as E, getCurrentInstance as _, computed as T, unref as e, openBlock as s, createElementBlock as d, withModifiers as m, normalizeClass as l, createBlock as L, Transition as V, withCtx as y, withDirectives as g, createElementVNode as a, createVNode as p, vShow as h, createCommentVNode as f, normalizeStyle as ee, renderSlot as te, Fragment as oe, renderList as ne, toDisplayString as re } from "vue";
 import { VftIcon as D } from "../icon/index.js";
 import "@vueuse/core";
 import "@vft/utils";

package/es/components/carousel/use-carousel.js

@@ -11,7 +11,7 @@ import "../../hooks/use-model-toggle/index.js";
 import { useOrderedChildren as ge } from "../../hooks/use-ordered-children/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { carouselContextKey as Se, CAROUSEL_ITEM_NAME as H } from "./constants.js";
+import { CAROUSEL_ITEM_NAME as H, carouselContextKey as Se } from "./constants.js";
 const L = 300, ze = (t, O, M) => {
   const {
     children: o,