vft 0.0.507 → 0.0.511

package/es/components/cascader-panel/index.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as Y, useSlots as ae, ref as E, computed as z, provide as ne, reactive as F, watch as b, onBeforeUpdate as le, onMounted as se, createElementBlock as I, openBlock as D, normalizeClass as re, unref as K, Fragment as ce, renderList as ue, createBlock as ie, withCtx as de, renderSlot as pe, nextTick as fe } from "vue";
+import { defineComponent as Y, useSlots as ae, ref as E, computed as z, provide as ne, reactive as F, watch as b, onBeforeUpdate as le, onMounted as se, openBlock as D, createElementBlock as I, normalizeClass as re, unref as K, Fragment as ce, renderList as ue, createBlock as ie, withCtx as de, renderSlot as pe, nextTick as fe } from "vue";
 import { isEqual as $, flattenDeep as me, cloneDeep as ve } from "lodash-es";
 import { focusNode as M, getSibling as he } from "../../utils/dom/aria.js";
 import "@vueuse/core";

package/es/components/cascader-panel/menu.vue2.js

@@ -1,22 +1,23 @@
-import { defineComponent as N, getCurrentInstance as I, inject as Z, ref as b, computed as p, createBlock as k, openBlock as r, unref as e, normalizeClass as l, withCtx as A, createElementBlock as m, createCommentVNode as B, Fragment as z, renderList as S, createVNode as q, createTextVNode as x, renderSlot as R } from "vue";
-import { VftScrollbar as X } from "../scrollbar/index.js";
+import { defineComponent as N, getCurrentInstance as b, inject as A, ref as B, computed as p, openBlock as n, createBlock as k, unref as e, normalizeClass as i, withCtx as S, createElementBlock as u, Fragment as z, renderList as D, createVNode as q, createTextVNode as x, toDisplayString as L, renderSlot as R, createCommentVNode as X } from "vue";
+import { VftScrollbar as j } from "../scrollbar/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
 import "../form/index.js";
-import { useId as j } from "../../hooks/use-id/index.js";
-import { useNamespace as D } from "../../hooks/use-namespace/index.js";
+import { useId as F } from "../../hooks/use-id/index.js";
+import { useNamespace as J } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { VftIcon as F } from "../icon/index.js";
-import J from "./node.vue2.js";
-import { CASCADER_PANEL_INJECTION_KEY as K } from "./types.js";
-const O = N({
+import K from "../../locale/use-locale.js";
+import { VftIcon as O } from "../icon/index.js";
+import P from "./node.vue2.js";
+import { CASCADER_PANEL_INJECTION_KEY as W } from "./types.js";
+const Y = N({
   name: "VftCascaderMenu"
-}), ce = /* @__PURE__ */ N({
-  ...O,
+}), pe = /* @__PURE__ */ N({
+  ...Y,
   props: {
     nodes: {
       type: Array,
@@ -28,70 +29,70 @@ const O = N({
     }
   },
   setup(f) {
-    const v = f, w = I(), t = D("cascader-menu"), E = j();
-    let s, i;
-    const c = Z(K), a = b(), y = p(() => !v.nodes.length), H = p(() => !c.initialLoaded), g = p(() => `${E.value}-${v.index}`), L = (n) => {
-      s = n.target;
-    }, V = (n) => {
-      if (!(!c.isHoverMenu || !s || !a.value))
-        if (s.contains(n.target)) {
-          h();
-          const o = w.vnode.el, { left: u } = o.getBoundingClientRect(), { offsetWidth: M, offsetHeight: _ } = o, C = n.clientX - u, d = s.offsetTop, T = d + s.offsetHeight;
+    const v = f, w = b(), t = J("cascader-menu"), { t: g } = K(), E = F();
+    let r, s;
+    const l = A(W), a = B(), h = p(() => !v.nodes.length), H = p(() => !l.initialLoaded), y = p(() => `${E.value}-${v.index}`), V = (o) => {
+      r = o.target;
+    }, I = (o) => {
+      if (!(!l.isHoverMenu || !r || !a.value))
+        if (r.contains(o.target)) {
+          $();
+          const m = w.vnode.el, { left: c } = m.getBoundingClientRect(), { offsetWidth: M, offsetHeight: Z } = m, C = o.clientX - c, d = r.offsetTop, T = d + r.offsetHeight;
           a.value.innerHTML = `
           <path style="pointer-events: auto;" fill="transparent" d="M${C} ${d} L${M} 0 V${d} Z" />
-          <path style="pointer-events: auto;" fill="transparent" d="M${C} ${T} L${M} ${_} V${T} Z" />
+          <path style="pointer-events: auto;" fill="transparent" d="M${C} ${T} L${M} ${Z} V${T} Z" />
         `;
-        } else i || (i = window.setTimeout($, c.config.hoverThreshold));
-    }, h = () => {
-      i && (clearTimeout(i), i = void 0);
+        } else s || (s = window.setTimeout(_, l.config.hoverThreshold));
     }, $ = () => {
-      a.value && (a.value.innerHTML = "", h());
+      s && (clearTimeout(s), s = void 0);
+    }, _ = () => {
+      a.value && (a.value.innerHTML = "", $());
     };
-    return (n, o) => (r(), k(e(X), {
-      key: g.value,
+    return (o, m) => (n(), k(e(j), {
+      key: y.value,
       tag: "ul",
       role: "menu",
-      class: l(e(t).b()),
+      class: i(e(t).b()),
       "wrap-class": e(t).e("wrap"),
-      "view-class": [e(t).e("list"), e(t).is("empty", y.value)],
-      onMousemove: V,
-      onMouseleave: $
+      "view-class": [e(t).e("list"), e(t).is("empty", h.value)],
+      onMousemove: I,
+      onMouseleave: _
     }, {
-      default: A(() => [
-        (r(!0), m(z, null, S(f.nodes, (u) => (r(), k(J, {
-          key: u.uid,
-          node: u,
-          "menu-id": g.value,
-          onExpand: L
+      default: S(() => [
+        (n(!0), u(z, null, D(f.nodes, (c) => (n(), k(P, {
+          key: c.uid,
+          node: c,
+          "menu-id": y.value,
+          onExpand: V
         }, null, 8, ["node", "menu-id"]))), 128)),
-        H.value ? (r(), m("div", {
+        H.value ? (n(), u("div", {
           key: 0,
-          class: l(e(t).e("empty-text"))
+          class: i(e(t).e("empty-text"))
         }, [
-          q(e(F), {
+          q(e(O), {
             icon: "icon-loadding",
             size: "14",
-            class: l(e(t).is("loading"))
+            class: i(e(t).is("loading"))
           }, null, 8, ["class"]),
-          o[0] || (o[0] = x(" 加载中 ", -1))
-        ], 2)) : y.value ? (r(), m("div", {
+          x(" " + L(e(g)("vft.loading")), 1)
+        ], 2)) : h.value ? (n(), u("div", {
           key: 1,
-          class: l(e(t).e("empty-text"))
+          class: i(e(t).e("empty-text"))
         }, [
-          R(n.$slots, "empty", {}, () => [
-            o[1] || (o[1] = x("暂无数据", -1))
+          R(o.$slots, "empty", {}, () => [
+            x(L(e(g)("vft.noData")), 1)
           ])
-        ], 2)) : e(c)?.isHoverMenu ? (r(), m("svg", {
+        ], 2)) : e(l)?.isHoverMenu ? (n(), u("svg", {
           key: 2,
           ref_key: "hoverZone",
           ref: a,
-          class: l(e(t).e("hover-zone"))
-        }, null, 2)) : B("", !0)
+          class: i(e(t).e("hover-zone"))
+        }, null, 2)) : X("", !0)
       ]),
       _: 3
     }, 8, ["class", "wrap-class", "view-class"]));
   }
 });
 export {
-  ce as default
+  pe as default
 };

package/es/components/cascader-panel/node.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as H, inject as F, computed as d, createElementBlock as P, openBlock as u, normalizeClass as f, unref as n, createBlock as m, createCommentVNode as S, createVNode as O, withModifiers as L, withCtx as R, createElementVNode as U, Fragment as $ } from "vue";
+import { defineComponent as H, inject as F, computed as d, openBlock as u, createElementBlock as P, normalizeClass as f, unref as n, createBlock as m, withModifiers as S, withCtx as O, createElementVNode as R, createCommentVNode as L, createVNode as U, Fragment as $ } from "vue";
 import { VftCheckbox as q } from "../checkbox/index.js";
 import { VftRadio as J } from "../radio/index.js";
 import { VftIcon as x } from "../icon/index.js";
@@ -78,7 +78,7 @@ const G = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"], Q =
         "model-value": o.node.checked,
         indeterminate: o.node.indeterminate,
         disabled: r.value,
-        onClick: a[0] || (a[0] = L(() => {
+        onClick: a[0] || (a[0] = S(() => {
         }, ["stop"])),
         "onUpdate:modelValue": k
       }, null, 8, ["model-value", "indeterminate", "disabled"])) : s.value && N.value ? (u(), m(n(J), {
@@ -87,24 +87,24 @@ const G = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"], Q =
         label: o.node.uid,
         disabled: r.value,
         "onUpdate:modelValue": k,
-        onClick: a[1] || (a[1] = L(() => {
+        onClick: a[1] || (a[1] = S(() => {
         }, ["stop"]))
       }, {
-        default: R(() => [...a[2] || (a[2] = [
-          U("span", null, null, -1)
+        default: O(() => [...a[2] || (a[2] = [
+          R("span", null, null, -1)
         ])]),
         _: 1
       }, 8, ["model-value", "label", "disabled"])) : i.value && o.node.checked ? (u(), m(n(x), {
         key: 2,
         icon: "icon-check",
         class: f(n(c).e("prefix"))
-      }, null, 8, ["class"])) : S("", !0),
-      O(n(T), {
+      }, null, 8, ["class"])) : L("", !0),
+      U(n(T), {
         node: o.node,
         disabled: r.value,
         onHandleSelectCheck: k
       }, null, 8, ["node", "disabled"]),
-      i.value ? S("", !0) : (u(), P($, { key: 3 }, [
+      i.value ? L("", !0) : (u(), P($, { key: 3 }, [
         o.node.loading ? (u(), m(n(x), {
           key: 0,
           icon: "icon-loading",

package/es/components/check-tag/check-tag.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as o, computed as s, createElementBlock as i, openBlock as p, normalizeClass as l, renderSlot as d } from "vue";
+import { defineComponent as o, computed as s, openBlock as i, createElementBlock as p, normalizeClass as l, renderSlot as d } from "vue";
 import { CHANGE_EVENT as h } from "../../constants/event.js";
 import "@vueuse/core";
 import "@vft/utils";
@@ -21,7 +21,7 @@ const u = o({
     const t = a, c = k("check-tag"), n = s(() => [c.b(), c.is("checked", e.checked)]), m = () => {
       t(h, !e.checked), t("update:checked", !e.checked);
     };
-    return (r, f) => (p(), i("span", {
+    return (r, f) => (i(), p("span", {
       class: l(n.value),
       onClick: m
     }, [

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

@@ -1,4 +1,4 @@
-import { defineComponent as B, useSlots as z, inject as D, computed as f, createElementBlock as d, openBlock as r, normalizeClass as b, withDirectives as x, createCommentVNode as k, unref as t, isRef as y, vModelCheckbox as C, normalizeStyle as F, createTextVNode as V, renderSlot as j, toDisplayString as p } from "vue";
+import { defineComponent as B, useSlots as z, inject as D, computed as f, openBlock as d, createElementBlock as r, normalizeClass as b, withDirectives as x, unref as t, isRef as k, vModelCheckbox as y, normalizeStyle as F, createTextVNode as C, toDisplayString as V, renderSlot as j, createCommentVNode as p } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
@@ -55,12 +55,12 @@ const K = ["name", "tabindex", "disabled", "true-value", "false-value"], U = ["n
       a.is("checked", v.value),
       a.is("focus", i.value)
     ]);
-    return (n, e) => (r(), d("label", {
+    return (n, e) => (d(), r("label", {
       class: b(N.value)
     }, [
-      l.trueValue || l.falseValue ? x((r(), d("input", {
+      l.trueValue || l.falseValue ? x((d(), r("input", {
         key: 0,
-        "onUpdate:modelValue": e[0] || (e[0] = (o) => y(u) ? u.value = o : null),
+        "onUpdate:modelValue": e[0] || (e[0] = (o) => k(u) ? u.value = o : null),
         class: b(t(a).be("button", "original")),
         type: "checkbox",
         name: l.name,
@@ -73,10 +73,10 @@ const K = ["name", "tabindex", "disabled", "true-value", "false-value"], U = ["n
         onFocus: e[2] || (e[2] = (o) => i.value = !0),
         onBlur: e[3] || (e[3] = (o) => i.value = !1)
       }, null, 42, K)), [
-        [C, t(u)]
-      ]) : x((r(), d("input", {
+        [y, t(u)]
+      ]) : x((d(), r("input", {
         key: 1,
-        "onUpdate:modelValue": e[4] || (e[4] = (o) => y(u) ? u.value = o : null),
+        "onUpdate:modelValue": e[4] || (e[4] = (o) => k(u) ? u.value = o : null),
         class: b(t(a).be("button", "original")),
         type: "checkbox",
         name: l.name,
@@ -88,18 +88,18 @@ const K = ["name", "tabindex", "disabled", "true-value", "false-value"], U = ["n
         onFocus: e[6] || (e[6] = (o) => i.value = !0),
         onBlur: e[7] || (e[7] = (o) => i.value = !1)
       }, null, 42, U)), [
-        [C, t(u)]
+        [y, t(u)]
       ]),
-      n.$slots.default || l.value || l.label ? (r(), d("span", {
+      n.$slots.default || l.value || l.label ? (d(), r("span", {
         key: 2,
         class: b(t(a).be("button", "inner")),
         style: F(t(v) ? h.value : void 0)
       }, [
-        V(p(l.label) + " ", 1),
-        l.label ? k("", !0) : j(n.$slots, "default", { key: 0 }, () => [
-          V(p(l.value), 1)
+        C(V(l.label) + " ", 1),
+        l.label ? p("", !0) : j(n.$slots, "default", { key: 0 }, () => [
+          C(V(l.value), 1)
         ])
-      ], 6)) : k("", !0)
+      ], 6)) : p("", !0)
     ], 2));
   }
 });

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

@@ -1,4 +1,4 @@
-import { defineComponent as c, computed as x, provide as h, toRefs as k, watch as g, createBlock as m, openBlock as n, resolveDynamicComponent as u, unref as l, normalizeClass as y, withCtx as E, createElementBlock as I, renderSlot as B, Fragment as C, renderList as V, nextTick as z } from "vue";
+import { defineComponent as c, computed as x, provide as h, toRefs as k, watch as g, openBlock as n, createBlock as m, resolveDynamicComponent as u, unref as l, normalizeClass as y, withCtx as E, createElementBlock as I, Fragment as B, renderList as C, renderSlot as V, nextTick as z } from "vue";
 import "../form/index.js";
 import { UPDATE_MODEL_EVENT as F } from "../../constants/event.js";
 import "@vueuse/core";
@@ -71,7 +71,7 @@ const A = c({
       "aria-labelledby": l(d) ? l(r)?.labelId : void 0
     }, {
       default: E(() => [
-        a.options ? (n(!0), I(C, { key: 0 }, V(a.options, (e) => (n(), m(u(a.useButton ? T : L), {
+        a.options ? (n(!0), I(B, { key: 0 }, C(a.options, (e) => (n(), m(u(a.useButton ? T : L), {
           value: e.value,
           label: e.label,
           indeterminate: e.indeterminate,
@@ -87,7 +87,7 @@ const A = c({
           tabindex: e.tabindex,
           "validate-event": e.validateEvent,
           key: e.value
-        }, null, 8, ["value", "label", "indeterminate", "disabled", "checked", "name", "true-value", "false-value", "id", "controls", "border", "size", "tabindex", "validate-event"]))), 128)) : B(t.$slots, "default", { key: 1 })
+        }, null, 8, ["value", "label", "indeterminate", "disabled", "checked", "name", "true-value", "false-value", "id", "controls", "border", "size", "tabindex", "validate-event"]))), 128)) : V(t.$slots, "default", { key: 1 })
       ]),
       _: 3
     }, 8, ["id", "class", "aria-label", "aria-labelledby"]));

package/es/components/checkbox/checkbox.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as S, useSlots as I, computed as y, createBlock as K, openBlock as o, resolveDynamicComponent as L, unref as a, normalizeClass as d, withCtx as O, createElementVNode as h, createElementBlock as s, createCommentVNode as c, withDirectives as C, isRef as B, vModelCheckbox as V, createTextVNode as g, toDisplayString as p, Fragment as N, renderSlot as R } from "vue";
+import { defineComponent as S, useSlots as I, computed as y, openBlock as o, createBlock as K, resolveDynamicComponent as L, unref as a, normalizeClass as d, withCtx as O, createElementVNode as h, withDirectives as C, createElementBlock as s, isRef as B, vModelCheckbox as V, createTextVNode as g, toDisplayString as p, Fragment as N, renderSlot as R, createCommentVNode as c } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";

package/es/components/clamp/clamp.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as M, ref as v, reactive as N, computed as u, watch as s, nextTick as E, onUnmounted as V, onMounted as q, createElementBlock as D, openBlock as G, normalizeStyle as I, createElementVNode as w, renderSlot as B } from "vue";
+import { defineComponent as M, ref as v, reactive as N, computed as u, watch as s, nextTick as E, onUnmounted as V, onMounted as q, openBlock as D, createElementBlock as G, normalizeStyle as I, createElementVNode as w, renderSlot as B } from "vue";
 import "@vueuse/core";
 import { addListener as J, removeListener as K } from "@vft/utils";
 import { addUnit as P } from "../../utils/helper.js";
@@ -116,7 +116,7 @@ const Q = ["title", "aria-label"], W = M({
       k();
     }), T({
       isClamped: n
-    }), (t, i) => (G(), D("div", {
+    }), (t, i) => (D(), G("div", {
       ref_key: "textClampRef",
       ref: a,
       class: "text-clamp",

package/es/components/clamp-toggle/clamp-toggle.vue2.js

@@ -1,19 +1,20 @@
-import { defineComponent as a, computed as s, createBlock as c, openBlock as o, unref as l, normalizeStyle as g, withCtx as d, createElementBlock as u, createCommentVNode as x, normalizeClass as f, toDisplayString as p } from "vue";
-import { VftClamp as z } from "../clamp/index.js";
+import { defineComponent as m, computed as t, openBlock as i, createBlock as f, unref as n, normalizeStyle as x, withCtx as d, createElementBlock as p, normalizeClass as z, toDisplayString as C, createCommentVNode as h } from "vue";
+import { VftClamp as y } from "../clamp/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
-import { generateCssVars as C } from "../../utils/ns-cover.js";
+import { generateCssVars as T } from "../../utils/ns-cover.js";
 import "lodash-es";
 import "../form/index.js";
-import { useNamespace as h } from "../../hooks/use-namespace/index.js";
+import { useNamespace as v } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const y = ["onClick"], k = a({
+import k from "../../locale/use-locale.js";
+const B = ["onClick"], S = m({
   name: "vft-clamp-toggle"
-}), A = /* @__PURE__ */ a({
-  ...k,
+}), J = /* @__PURE__ */ m({
+  ...S,
   props: {
     text: {},
     maxHeight: {},
@@ -26,15 +27,18 @@ const y = ["onClick"], k = a({
     size: {},
     toggleColor: {},
     toggleSize: {},
-    toggleText: { default: () => ["展开", "收缩"] }
+    toggleText: {}
   },
   setup(e) {
-    const i = h("clamp-toggle"), n = s(() => C(
+    const { t: o } = k(), s = v("clamp-toggle"), c = t(() => [
+      o("vft.clampToggle.expand"),
+      o("vft.clampToggle.collapse")
+    ]), l = t(() => e.toggleText || c.value), r = t(() => T(
       { color: e.color, size: e.size, toggleColor: e.toggleColor, toggleSize: e.toggleSize },
       "clamp-toggle"
     ));
-    return (B, S) => (o(), c(l(z), {
-      style: g(n.value),
+    return (L, V) => (i(), f(n(y), {
+      style: x(r.value),
       text: e.text,
       "max-height": e.maxHeight,
       "max-lines": e.maxLines,
@@ -43,17 +47,17 @@ const y = ["onClick"], k = a({
       ellipsis: e.ellipsis,
       "auto-resize": e.autoResize
     }, {
-      after: d(({ toggle: m, expanded: t, clamped: r }) => [
-        t || r ? (o(), u("span", {
+      after: d(({ toggle: g, expanded: a, clamped: u }) => [
+        a || u ? (i(), p("span", {
           key: 0,
-          class: f(["cursor-pointer", [l(i).e("more")]]),
-          onClick: m
-        }, p(t ? e.toggleText[1] : e.toggleText[0]), 11, y)) : x("", !0)
+          class: z(["cursor-pointer", [n(s).e("more")]]),
+          onClick: g
+        }, C(a ? l.value[1] : l.value[0]), 11, B)) : h("", !0)
       ]),
       _: 1
     }, 8, ["style", "text", "max-height", "max-lines", "expanded", "location", "ellipsis", "auto-resize"]));
   }
 });
 export {
-  A as default
+  J as default
 };

package/es/components/clamp-tooltip/clamp-tooltip.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as c, ref as s, createElementBlock as u, openBlock as o, Fragment as d, createVNode as l, createBlock as p, unref as e, withCtx as m, mergeProps as r } from "vue";
+import { defineComponent as c, ref as s, openBlock as o, createElementBlock as u, Fragment as d, createVNode as l, unref as e, withCtx as p, mergeProps as m, createBlock as r } from "vue";
 import { createReusableTemplate as x } from "@vueuse/core";
 import { VftClamp as k } from "../clamp/index.js";
 import { VftTooltip as y } from "../tooltip/index.js";
@@ -19,24 +19,24 @@ const R = /* @__PURE__ */ c({
     const a = s(), [i, n] = x();
     return (f, B) => (o(), u(d, null, [
       l(e(i), null, {
-        default: m(() => [
-          l(e(k), r({
+        default: p(() => [
+          l(e(k), m({
             ref_key: "clampRef",
             ref: a
           }, f.$props), null, 16)
         ]),
         _: 1
       }),
-      t.showTooltip ? (o(), p(e(y), r({
+      t.showTooltip ? (o(), r(e(y), m({
         key: 0,
         disabled: !a.value?.isClamped,
         content: t.text
       }, t.tooltipCfg), {
-        default: m(() => [
+        default: p(() => [
           l(e(n))
         ]),
         _: 1
-      }, 16, ["disabled", "content"])) : (o(), p(e(n), { key: 1 }))
+      }, 16, ["disabled", "content"])) : (o(), r(e(n), { key: 1 }))
     ], 64));
   }
 });

package/es/components/col/col.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as f, inject as d, computed as n, createBlock as h, openBlock as $, resolveDynamicComponent as g, normalizeStyle as b, normalizeClass as v, withCtx as x, renderSlot as y } from "vue";
+import { defineComponent as f, inject as d, computed as n, openBlock as h, createBlock as $, resolveDynamicComponent as g, normalizeStyle as b, normalizeClass as v, withCtx as x, renderSlot as y } from "vue";
 import "../row/index.js";
 import "@vueuse/core";
 import { isNumber as r, isObject as _ } from "@vft/utils";
@@ -46,7 +46,7 @@ const j = f({
         );
       }), a.value && t.push(o.is("guttered")), e.className && t.push(e.className), [o.b(), t];
     });
-    return (t, p) => ($(), h(g(c.tag), {
+    return (t, p) => (h(), $(g(c.tag), {
       class: v(i.value),
       style: b(m.value)
     }, {

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

@@ -1,4 +1,4 @@
-import { defineComponent as C, createElementBlock as g, openBlock as x, normalizeClass as l, unref as e, createElementVNode as a, createVNode as b, withKeys as A, withModifiers as B, renderSlot as r, createTextVNode as D, toDisplayString as E, withCtx as N, withDirectives as S, vShow as T } from "vue";
+import { defineComponent as C, openBlock as g, createElementBlock as x, normalizeClass as l, unref as e, createElementVNode as a, withKeys as A, withModifiers as B, renderSlot as r, createTextVNode as D, toDisplayString as E, createVNode as b, withCtx as N, withDirectives as S, vShow as T } from "vue";
 import { VftCollapseTransition as F } from "../collapse-transition/index.js";
 import { VftIcon as H } from "../icon/index.js";
 import { collapseItemProps as M } from "./collapse-item.js";
@@ -29,7 +29,7 @@ const P = ["id", "aria-expanded", "aria-controls", "aria-describedby", "tabindex
     return K({
       /** @description current collapse-item whether active */
       isActive: s
-    }), (t, o) => (x(), g("div", {
+    }), (t, o) => (g(), x("div", {
       class: l(e(h))
     }, [
       a("div", {

package/es/components/collapse/collapse.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as o, createElementBlock as m, openBlock as i, normalizeClass as f, unref as u, renderSlot as _ } from "vue";
+import { defineComponent as o, openBlock as m, createElementBlock as i, normalizeClass as f, unref as u, renderSlot as _ } from "vue";
 import { collapseEmits as d, collapseProps as C } from "./collapse.js";
 import { useCollapse as v, useCollapseDOM as k } from "./use-collapse.js";
 const x = o({
@@ -14,7 +14,7 @@ const x = o({
       activeNames: a,
       /** @description set active names */
       setActiveNames: n
-    }), (c, B) => (i(), m("div", {
+    }), (c, B) => (m(), i("div", {
       class: f(u(p))
     }, [
       _(c.$slots, "default")

package/es/components/collapse-transition/collapse-transition.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as o, createBlock as e, openBlock as s, Transition as i, mergeProps as n, unref as r, toHandlers as p, withCtx as m, renderSlot as g } from "vue";
+import { defineComponent as o, openBlock as e, createBlock as s, Transition as i, mergeProps as n, unref as r, toHandlers as p, withCtx as m, renderSlot as g } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
@@ -33,7 +33,7 @@ const f = o({
         t.style.maxHeight = "", t.style.overflow = t.dataset.oldOverflow, t.style.paddingTop = t.dataset.oldPaddingTop, t.style.paddingBottom = t.dataset.oldPaddingBottom;
       }
     };
-    return (t, c) => (s(), e(i, n({
+    return (t, c) => (e(), s(i, n({
       name: r(a).b()
     }, p(d)), {
       default: m(() => [