vft 0.0.429 → 0.0.430

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

@@ -1,18 +1,18 @@
-import { defineComponent as C, useSlots as g, ref as N, computed as c, createBlock as r, openBlock as s, Transition as S, unref as o, withCtx as V, withDirectives as $, createElementVNode as v, normalizeClass as l, createCommentVNode as i, createElementBlock as a, renderSlot as y, createTextVNode as k, toDisplayString as u, Fragment as E, vShow as I } from "vue";
-import { VftIcon as b } from "../icon/index.js";
+import { defineComponent as C, useSlots as g, ref as N, computed as a, createBlock as r, openBlock as o, Transition as S, unref as l, withCtx as V, withDirectives as $, createElementVNode as y, normalizeClass as s, createCommentVNode as i, createElementBlock as c, renderSlot as k, createTextVNode as b, toDisplayString as u, Fragment as x, vShow as E } from "vue";
+import { VftIcon as p } from "../icon/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
 import "../form/index.js";
-import { useNamespace as D } from "../../hooks/use-namespace/index.js";
+import { useNamespace as I } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const z = C({
+const D = C({
   name: "vft-alert"
-}), Q = /* @__PURE__ */ C({
-  ...z,
+}), P = /* @__PURE__ */ C({
+  ...D,
   props: {
     title: { default: "" },
     description: { default: "" },
@@ -24,62 +24,62 @@ const z = C({
     effect: { default: "light" }
   },
   emits: {
-    close: (n) => n instanceof MouseEvent
+    close: (e) => e instanceof MouseEvent
   },
-  setup(n, { emit: h }) {
-    const t = D("alert"), B = h, m = g(), d = N(!0), p = c(() => n.type), T = c(() => [
+  setup(e, { emit: h }) {
+    const t = I("alert"), B = h, m = g(), d = N(!0), f = a(() => e.type), T = a(() => [
       t.e("icon"),
-      { [t.is("big")]: !!n.description || !!m.default }
-    ]), w = c(() => ({ [t.is("bold")]: n.description || m.default })), f = (e) => {
-      d.value = !1, B("close", e);
+      { [t.is("big")]: !!e.description || !!m.default }
+    ]), w = a(() => ({ [t.is("bold")]: e.description || m.default })), v = (n) => {
+      d.value = !1, B("close", n);
     };
-    return (e, F) => (s(), r(S, {
-      name: o(t).b("fade")
+    return (n, z) => (o(), r(S, {
+      name: l(t).b("fade")
     }, {
       default: V(() => [
-        $(v("div", {
-          class: l([o(t).b(), o(t).m(e.type), o(t).is("center", e.center), o(t).is(e.effect)]),
+        $(y("div", {
+          class: s([l(t).b(), l(t).m(e.type), l(t).is("center", e.center), l(t).is(e.effect)]),
           role: "alert"
         }, [
-          e.showIcon && p.value ? (s(), r(o(b), {
+          e.showIcon && f.value ? (o(), r(l(p), {
             key: 0,
-            class: l(T.value),
-            icon: p.value
+            class: s(T.value),
+            icon: f.value
           }, null, 8, ["class", "icon"])) : i("", !0),
-          v("div", {
-            class: l(o(t).e("content"))
+          y("div", {
+            class: s(l(t).e("content"))
           }, [
-            e.title || e.$slots.title ? (s(), a("span", {
+            e.title || n.$slots.title ? (o(), c("span", {
               key: 0,
-              class: l([o(t).e("title"), w.value])
+              class: s([l(t).e("title"), w.value])
             }, [
-              y(e.$slots, "title", {}, () => [
-                k(u(e.title), 1)
+              k(n.$slots, "title", {}, () => [
+                b(u(e.title), 1)
               ])
             ], 2)) : i("", !0),
-            e.$slots.default || e.description ? (s(), a("p", {
+            n.$slots.default || e.description ? (o(), c("p", {
               key: 1,
-              class: l(o(t).e("description"))
+              class: s(l(t).e("description"))
             }, [
-              y(e.$slots, "default", {}, () => [
-                k(u(e.description), 1)
+              k(n.$slots, "default", {}, () => [
+                b(u(e.description), 1)
               ])
             ], 2)) : i("", !0),
-            e.closable ? (s(), a(E, { key: 2 }, [
-              e.closeText ? (s(), a("div", {
+            e.closable ? (o(), c(x, { key: 2 }, [
+              e.closeText ? (o(), c("div", {
                 key: 0,
-                class: l([o(t).e("close-btn"), o(t).is("customed")]),
-                onClick: f
-              }, u(e.closeText), 3)) : (s(), r(o(b), {
+                class: s([l(t).e("close-btn"), l(t).is("customed")]),
+                onClick: v
+              }, u(e.closeText), 3)) : (o(), r(l(p), {
                 key: 1,
-                class: l(o(t).e("close-btn")),
-                onClick: f,
+                class: s(l(t).e("close-btn")),
+                onClick: v,
                 icon: "icon-close"
               }, null, 8, ["class"]))
             ], 64)) : i("", !0)
           ], 2)
         ], 2), [
-          [I, d.value]
+          [E, d.value]
         ])
       ]),
       _: 3
@@ -87,5 +87,5 @@ const z = C({
   }
 });
 export {
-  Q as default
+  P as default
 };

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

@@ -1,10 +1,10 @@
-import { defineComponent as X, useAttrs as pe, ref as c, computed as b, onMounted as ve, createBlock as me, openBlock as E, unref as s, withCtx as p, createElementVNode as z, normalizeStyle as G, normalizeClass as k, createVNode as j, 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, 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 { isObject as ke, isString as N, isArray as D } from "@vft/utils";
 import "../form/index.js";
 import { VftInput as Ae } from "../input/index.js";
 import { VftScrollbar as Se } from "../scrollbar/index.js";
 import { VftTooltip as Te } from "../tooltip/index.js";
-import { CHANGE_EVENT as Q, INPUT_EVENT as K, UPDATE_MODEL_EVENT as A } from "../../constants/event.js";
+import { CHANGE_EVENT as J, INPUT_EVENT as K, UPDATE_MODEL_EVENT as A } from "../../constants/event.js";
 import { useAttrs as Ve } from "../../hooks/use-attrs/index.js";
 import { onClickOutside as Ce } from "@vueuse/core";
 import { throwError as Ie } from "../../utils/error.js";
@@ -16,11 +16,11 @@ import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import { generateId as Ne } from "./types.js";
 import { useFormDisabled as De } from "../form/hooks/use-form-common-props.js";
-const Ke = ["aria-expanded", "aria-owns"], Oe = ["id", "aria-selected", "onClick"], Re = "ElAutocomplete", Me = X({
+const Ke = ["aria-expanded", "aria-owns"], Oe = ["id", "aria-selected", "onClick"], Re = "ElAutocomplete", xe = Q({
   name: "vft-autocomplete",
   inheritAttrs: !1
-}), at = /* @__PURE__ */ X({
-  ...Me,
+}), at = /* @__PURE__ */ Q({
+  ...xe,
   props: {
     valueKey: { default: "value" },
     modelValue: { default: "" },
@@ -43,27 +43,27 @@ const Ke = ["aria-expanded", "aria-owns"], Oe = ["id", "aria-selected", "onClick
   emits: {
     [A]: (t) => N(t),
     [K]: (t) => N(t),
-    [Q]: (t) => N(t),
+    [J]: (t) => N(t),
     focus: (t) => t instanceof FocusEvent,
     blur: (t) => t instanceof FocusEvent,
     clear: () => !0,
     select: (t) => ke(t)
   },
-  setup(t, { expose: Y, emit: Z }) {
-    const r = Fe("autocomplete"), i = Z, x = Ve(), _ = pe(), O = De(), o = c(), R = c(), S = c(), M = c();
-    let P = !1, T = !1;
-    const u = c([]), l = c(-1), W = c(""), f = c(!1), w = c(!1), v = c(!1), g = b(() => r.b(String(Ne()))), ee = b(() => _.style), d = b(() => (u.value.length > 0 || v.value) && f.value), L = b(() => !t.hideLoading && v.value), te = b(() => o.value ? Array.from(
+  setup(t, { expose: X, emit: Y }) {
+    const i = Fe("autocomplete"), u = Y, Z = Ve(), _ = ve(), O = De(), o = c(), R = c(), S = c(), x = c();
+    let M = !1, T = !1;
+    const r = c([]), l = c(-1), P = c(""), f = c(!1), w = c(!1), m = c(!1), g = b(() => i.b(String(Ne()))), ee = b(() => _.style), d = b(() => (r.value.length > 0 || m.value) && f.value), W = b(() => !t.hideLoading && m.value), te = b(() => o.value ? Array.from(
       o.value.$el.querySelectorAll("input")
     ) : []), le = async () => {
-      await Ee(), d.value && (W.value = `${o.value.$el.offsetWidth}px`);
+      await Ee(), d.value && (P.value = `${o.value.$el.offsetWidth}px`);
     }, ae = () => {
       l.value = -1;
-    }, U = Be(async (e) => {
+    }, L = Be(async (e) => {
       if (w.value) return;
       const a = (n) => {
-        v.value = !1, !w.value && (D(n) ? (u.value = n, l.value = t.highlightFirstItem ? 0 : -1) : Ie(Re, "autocomplete suggestions must be an array"));
+        m.value = !1, !w.value && (D(n) ? (r.value = n, l.value = t.highlightFirstItem ? 0 : -1) : Ie(Re, "autocomplete suggestions must be an array"));
       };
-      if (v.value = !0, D(t.fetchSuggestions))
+      if (m.value = !0, D(t.fetchSuggestions))
         a(t.fetchSuggestions);
       else {
         const n = await t.fetchSuggestions(e, a);
@@ -71,29 +71,29 @@ const Ke = ["aria-expanded", "aria-owns"], Oe = ["id", "aria-selected", "onClick
       }
     }, t.debounce), oe = (e) => {
       const a = !!e;
-      if (i(K, e), i(A, e), w.value = !1, f.value ||= a, !t.triggerOnFocus && !e) {
-        w.value = !0, u.value = [];
+      if (u(K, e), u(A, e), w.value = !1, f.value ||= a, !t.triggerOnFocus && !e) {
+        w.value = !0, r.value = [];
         return;
       }
-      U(e);
+      L(e);
     }, se = (e) => {
       O.value || (e.target?.tagName !== "INPUT" || te.value.includes(document.activeElement)) && (f.value = !0);
     }, ne = (e) => {
-      i(Q, e);
-    }, re = (e) => {
-      T ? T = !1 : (f.value = !0, i("focus", e), t.triggerOnFocus && !P && U(String(t.modelValue)));
+      u(J, e);
     }, ie = (e) => {
+      T ? T = !1 : (f.value = !0, u("focus", e), t.triggerOnFocus && !M && L(String(t.modelValue)));
+    }, ue = (e) => {
       setTimeout(() => {
         if (S.value?.isFocusInsideContent()) {
           T = !0;
           return;
         }
-        f.value && h(), i("blur", e);
+        f.value && h(), u("blur", e);
       });
-    }, ue = () => {
-      f.value = !1, i(A, ""), i("clear");
-    }, H = async () => {
-      d.value && l.value >= 0 && l.value < u.value.length ? V(u.value[l.value]) : t.selectWhenUnmatched && (i("select", { value: t.modelValue }), u.value = [], l.value = -1);
+    }, re = () => {
+      f.value = !1, u(A, ""), u("clear");
+    }, U = async () => {
+      d.value && l.value >= 0 && l.value < r.value.length ? V(r.value[l.value]) : t.selectWhenUnmatched && (u("select", { value: t.modelValue }), r.value = [], l.value = -1);
     }, ce = (e) => {
       d.value && (e.preventDefault(), e.stopPropagation(), h());
     }, h = () => {
@@ -103,48 +103,48 @@ const Ke = ["aria-expanded", "aria-owns"], Oe = ["id", "aria-selected", "onClick
     }, de = () => {
       o.value?.blur();
     }, V = async (e) => {
-      i(K, e[t.valueKey]), i(A, e[t.valueKey]), i("select", e), u.value = [], l.value = -1;
+      u(K, e[t.valueKey]), u(A, e[t.valueKey]), u("select", e), r.value = [], l.value = -1;
     }, C = (e) => {
-      if (!d.value || v.value) return;
+      if (!d.value || m.value) return;
       if (e < 0) {
         l.value = -1;
         return;
       }
-      e >= u.value.length && (e = u.value.length - 1);
+      e >= r.value.length && (e = r.value.length - 1);
       const a = R.value.querySelector(
-        `.${r.be("suggestion", "wrap")}`
-      ), m = a.querySelectorAll(
-        `.${r.be("suggestion", "list")} li`
-      )[e], I = a.scrollTop, { offsetTop: q, scrollHeight: B } = m;
-      q + B > I + a.clientHeight && (a.scrollTop += B), q < I && (a.scrollTop -= B), l.value = e, o.value.ref.setAttribute(
+        `.${i.be("suggestion", "wrap")}`
+      ), p = a.querySelectorAll(
+        `.${i.be("suggestion", "list")} li`
+      )[e], I = a.scrollTop, { offsetTop: H, scrollHeight: B } = p;
+      H + B > I + a.clientHeight && (a.scrollTop += B), H < I && (a.scrollTop -= B), l.value = e, o.value.ref.setAttribute(
         "aria-activedescendant",
         `${g.value}-item-${l.value}`
       );
     };
-    return Ce(M, () => {
+    return Ce(x, () => {
       d.value && h();
-    }), ve(() => {
+    }), me(() => {
       o.value.ref.setAttribute("role", "textbox"), o.value.ref.setAttribute("aria-autocomplete", "list"), o.value.ref.setAttribute("aria-controls", "id"), o.value.ref.setAttribute(
         "aria-activedescendant",
         `${g.value}-item-${l.value}`
-      ), P = o.value.ref.hasAttribute("readonly");
-    }), Y({
+      ), M = o.value.ref.hasAttribute("readonly");
+    }), X({
       /** @description the index of the currently highlighted item */
       highlightedIndex: l,
       /** @description autocomplete whether activated */
       activated: f,
       /** @description remote search loading status */
-      loading: v,
+      loading: m,
       /** @description el-input component instance */
       inputRef: o,
       /** @description el-tooltip component instance */
       popperRef: S,
       /** @description fetch suggestions result */
-      suggestions: u,
+      suggestions: r,
       /** @description triggers when a suggestion is clicked */
       handleSelect: V,
       /** @description handle keyboard enter event */
-      handleKeyEnter: H,
+      handleKeyEnter: U,
       /** @description focus the input element */
       focus: fe,
       /** @description blur the input element */
@@ -153,56 +153,56 @@ const Ke = ["aria-expanded", "aria-owns"], Oe = ["id", "aria-selected", "onClick
       close: h,
       /** @description highlight an item in a suggestion */
       highlight: C
-    }), (e, a) => (E(), me(s(Te), {
+    }), (e, a) => (E(), pe(s(Te), {
       ref_key: "popperRef",
       ref: S,
       visible: d.value,
-      placement: e.placement,
+      placement: t.placement,
       "fallback-placements": ["bottom-start", "top-start"],
-      "popper-class": [s(r).e("popper"), e.popperClass],
-      teleported: e.teleported,
+      "popper-class": [s(i).e("popper"), t.popperClass],
+      teleported: t.teleported,
       "gpu-acceleration": !1,
       pure: "",
       "manual-mode": "",
       effect: "light",
       trigger: "click",
-      transition: `${s(r).namespace.value}-zoom-in-top`,
+      transition: `${s(i).namespace.value}-zoom-in-top`,
       persistent: "",
       onBeforeShow: le,
       onHide: ae
     }, {
-      content: p(() => [
-        z("div", {
+      content: v(() => [
+        q("div", {
           ref_key: "regionRef",
           ref: R,
-          class: k([s(r).b("suggestion"), s(r).is("loading", L.value)]),
-          style: G({
-            [e.fitInputWidth ? "width" : "minWidth"]: W.value,
+          class: k([s(i).b("suggestion"), s(i).is("loading", W.value)]),
+          style: z({
+            [t.fitInputWidth ? "width" : "minWidth"]: P.value,
             outline: "none"
           }),
           role: "region"
         }, [
-          j(s(Se), {
+          G(s(Se), {
             id: g.value,
             tag: "ul",
-            "wrap-class": s(r).be("suggestion", "wrap"),
-            "view-class": s(r).be("suggestion", "list"),
+            "wrap-class": s(i).be("suggestion", "wrap"),
+            "view-class": s(i).be("suggestion", "list"),
             role: "listbox"
           }, {
-            default: p(() => [
-              L.value ? (E(), F("li", {
+            default: v(() => [
+              W.value ? (E(), F("li", {
                 key: 0,
-                class: k(s(r).is("loading"))
-              }, null, 2)) : (E(!0), F(be, { key: 1 }, ye(u.value, (n, m) => (E(), F("li", {
-                id: `${g.value}-item-${m}`,
-                key: m,
-                class: k({ highlighted: l.value === m }),
+                class: k(s(i).is("loading"))
+              }, null, 2)) : (E(!0), F(be, { key: 1 }, ye(r.value, (n, p) => (E(), F("li", {
+                id: `${g.value}-item-${p}`,
+                key: p,
+                class: k({ highlighted: l.value === p }),
                 role: "option",
-                "aria-selected": l.value === m,
+                "aria-selected": l.value === p,
                 onClick: (I) => V(n)
               }, [
                 $(e.$slots, "default", { item: n }, () => [
-                  $e(we(n[e.valueKey]), 1)
+                  $e(we(n[t.valueKey]), 1)
                 ])
               ], 10, Oe))), 128))
             ]),
@@ -210,34 +210,34 @@ const Ke = ["aria-expanded", "aria-owns"], Oe = ["id", "aria-selected", "onClick
           }, 8, ["id", "wrap-class", "view-class"])
         ], 6)
       ]),
-      default: p(() => [
-        z("div", {
+      default: v(() => [
+        q("div", {
           ref_key: "listboxRef",
-          ref: M,
-          class: k([s(r).b(), e.$attrs.class]),
-          style: G(ee.value),
+          ref: x,
+          class: k([s(i).b(), e.$attrs.class]),
+          style: z(ee.value),
           role: "combobox",
           "aria-haspopup": "listbox",
           "aria-expanded": d.value,
           "aria-owns": g.value
         }, [
-          j(s(Ae), ge({
+          G(s(Ae), ge({
             ref_key: "inputRef",
             ref: o
-          }, s(x), {
-            clearable: e.clearable,
+          }, s(Z), {
+            clearable: t.clearable,
             disabled: s(O),
-            name: e.name,
-            "model-value": e.modelValue,
+            name: t.name,
+            "model-value": t.modelValue,
             onInput: oe,
             onChange: ne,
-            onFocus: re,
-            onBlur: ie,
-            onClear: ue,
+            onFocus: ie,
+            onBlur: ue,
+            onClear: re,
             onKeydown: [
-              a[0] || (a[0] = y(J((n) => C(l.value - 1), ["prevent"]), ["up"])),
-              a[1] || (a[1] = y(J((n) => C(l.value + 1), ["prevent"]), ["down"])),
-              y(H, ["enter"]),
+              a[0] || (a[0] = y(j((n) => C(l.value - 1), ["prevent"]), ["up"])),
+              a[1] || (a[1] = y(j((n) => C(l.value + 1), ["prevent"]), ["down"])),
+              y(U, ["enter"]),
               y(h, ["tab"]),
               y(ce, ["esc"])
             ],
@@ -245,28 +245,28 @@ const Ke = ["aria-expanded", "aria-owns"], Oe = ["id", "aria-selected", "onClick
           }), he({ _: 2 }, [
             e.$slots.prepend ? {
               name: "prepend",
-              fn: p(() => [
+              fn: v(() => [
                 $(e.$slots, "prepend")
               ]),
               key: "0"
             } : void 0,
             e.$slots.append ? {
               name: "append",
-              fn: p(() => [
+              fn: v(() => [
                 $(e.$slots, "append")
               ]),
               key: "1"
             } : void 0,
             e.$slots.prefix ? {
               name: "prefix",
-              fn: p(() => [
+              fn: v(() => [
                 $(e.$slots, "prefix")
               ]),
               key: "2"
             } : void 0,
             e.$slots.suffix ? {
               name: "suffix",
-              fn: p(() => [
+              fn: v(() => [
                 $(e.$slots, "suffix")
               ]),
               key: "3"

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

@@ -1,16 +1,16 @@
-import { defineComponent as v, ref as z, computed as i, watch as h, createElementBlock as p, openBlock as o, normalizeStyle as k, normalizeClass as y, createBlock as n, renderSlot as g, unref as l, normalizeProps as B, mergeProps as E } from "vue";
-import { isString as S, isNumber as b, singleAttrToObj as C } from "@vft/utils";
-import { VftIcon as V } from "../icon/index.js";
-import { VftImage as I } from "../image/index.js";
+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 { 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";
 import "@vueuse/core";
-import { addUnit as L } from "../../utils/helper.js";
+import { addUnit as N } from "../../utils/helper.js";
 import "lodash-es";
 import "../form/index.js";
-import { useNamespace as N } from "../../hooks/use-namespace/index.js";
+import { useNamespace as P } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const J = /* @__PURE__ */ v({
+const H = /* @__PURE__ */ v({
   __name: "avatar",
   props: {
     size: { default: "" },
@@ -21,34 +21,34 @@ const J = /* @__PURE__ */ v({
     fit: { default: "cover" }
   },
   emits: ["error"],
-  setup(r, { emit: c }) {
-    const m = c, t = N("avatar"), a = z(!1), u = i(() => {
-      const e = [t.b()];
-      return S(r.size) && e.push(t.m(r.size)), !r.src && r.icon && e.push(t.m("icon")), r.shape && e.push(t.m(r.shape)), e;
-    }), f = i(() => b(r.size) ? t.cssVarBlock({
-      size: L(r.size) || ""
-    }) : void 0), s = i(() => C(r.icon, "icon", { size: r.size }));
+  setup(e, { emit: l }) {
+    const m = l, r = P("avatar"), a = z(!1), u = i(() => {
+      const t = [r.b()];
+      return b(e.size) && t.push(r.m(e.size)), !e.src && e.icon && t.push(r.m("icon")), e.shape && t.push(r.m(e.shape)), t;
+    }), f = i(() => C(e.size) ? r.cssVarBlock({
+      size: N(e.size) || ""
+    }) : void 0), s = i(() => V(e.icon, "icon", { size: e.size }));
     h(
-      () => r.src,
+      () => e.src,
       () => a.value = !1
     );
-    function d(e) {
-      a.value = !0, m("error", e);
+    function d(t) {
+      a.value = !0, m("error", t);
     }
-    return (e, P) => (o(), p("span", {
-      class: y(u.value),
-      style: k(f.value)
+    return (t, j) => (o(), k("span", {
+      class: g(u.value),
+      style: y(f.value)
     }, [
-      e.src && !a.value ? (o(), n(l(I), {
+      e.src && !a.value ? (o(), n(c(L), {
         key: 0,
         src: e.src,
         alt: e.alt,
         fit: e.fit,
         onError: d
-      }, null, 8, ["src", "alt", "fit"])) : s.value?.icon ? (o(), n(l(V), B(E({ key: 1 }, s.value)), null, 16)) : g(e.$slots, "default", { key: 2 })
+      }, 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 })
     ], 6));
   }
 });
 export {
-  J as default
+  H as default
 };

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

@@ -1,19 +1,19 @@
-import { defineComponent as z, computed as r, createElementBlock as s, openBlock as n, normalizeStyle as d, normalizeClass as o, unref as t, createCommentVNode as g, Fragment as k, renderList as x, createVNode as v, withCtx as b, createTextVNode as V, toDisplayString as w } from "vue";
-import { VftAvatar as f } from "../avatar/index.js";
+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 { VftAvatar as v } from "../avatar/index.js";
 import "@vueuse/core";
-import { addUnit as l } from "@vft/utils";
+import { addUnit as i } from "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
-import { generateCssVars as N } from "../../utils/ns-cover.js";
+import { generateCssVars as w } from "../../utils/ns-cover.js";
 import "lodash-es";
 import "../form/index.js";
-import { useNamespace as B } from "../../hooks/use-namespace/index.js";
+import { useNamespace as N } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const M = z({
+const B = f({
   name: "vft-avatar-stack"
-}), G = /* @__PURE__ */ z({
-  ...M,
+}), G = /* @__PURE__ */ f({
+  ...B,
   props: {
     avatars: { default: () => [] },
     maxCount: { default: 5 },
@@ -23,45 +23,45 @@ const M = z({
     borderColor: { default: "white" }
   },
   setup(e) {
-    const a = B("avatar-stack"), m = r(() => e.avatars.slice(0, e.maxCount)), u = r(() => e.avatars.length - e.maxCount), C = r(() => e.overlap !== void 0 ? e.overlap : Math.round(e.size / 3)), p = r(() => Math.max(12, Math.round(e.size * 0.25))), h = r(() => N(
+    const a = N("avatar-stack"), l = r(() => e.avatars.slice(0, e.maxCount)), m = r(() => e.avatars.length - e.maxCount), z = r(() => e.overlap !== void 0 ? e.overlap : Math.round(e.size / 3)), C = r(() => Math.max(12, Math.round(e.size * 0.25))), h = r(() => w(
       {
-        "avatar-size": l(e.size),
-        overlap: l(C.value),
-        "font-size": l(p.value),
+        "avatar-size": i(e.size),
+        overlap: i(z.value),
+        "font-size": i(C.value),
         "border-color": e.borderColor
       },
       "avatar-stack"
     ));
-    return (i, S) => (n(), s("div", {
+    return (M, S) => (s(), n("div", {
       class: o(t(a).b()),
-      style: d(h.value)
+      style: c(h.value)
     }, [
-      (n(!0), s(k, null, x(m.value, (y, c) => (n(), s("div", {
-        key: c,
+      (s(!0), n(g, null, k(l.value, (x, u) => (s(), n("div", {
+        key: u,
         class: o(t(a).e("item")),
-        style: d({ zIndex: m.value.length - c })
+        style: c({ zIndex: l.value.length - u })
       }, [
-        v(t(f), {
-          src: y,
-          size: i.size,
+        d(t(v), {
+          src: x,
+          size: e.size,
           class: o(t(a).e("stacked-avatar"))
         }, null, 8, ["src", "size", "class"])
       ], 6))), 128)),
-      i.showRemainCount && u.value > 0 ? (n(), s("div", {
+      e.showRemainCount && m.value > 0 ? (s(), n("div", {
         key: 0,
         class: o([t(a).e("item"), t(a).e("remaining-count")]),
         style: { zIndex: 0 }
       }, [
-        v(t(f), {
-          size: i.size,
+        d(t(v), {
+          size: e.size,
           class: o(t(a).e("remaining-avatar"))
         }, {
           default: b(() => [
-            V(" +" + w(u.value), 1)
+            p(" +" + V(m.value), 1)
           ]),
           _: 1
         }, 8, ["size", "class"])
-      ], 2)) : g("", !0)
+      ], 2)) : y("", !0)
     ], 6));
   }
 });