vft 0.0.90 → 0.0.92

package/es/comp-resolver.js

@@ -3,26 +3,26 @@ function m(t) {
   return t.replace(/([A-Z])/g, " $1").trim().split(" ").join("-").toLowerCase();
 }
 function i(t, e) {
-  const { importStyle: r, ssr: s } = e, o = e.compName + "/theme-style", n = e.compName + "/es/components";
-  if (r === "sass")
-    return s ? [`${o}/src/base.scss`, `${o}/src/${t}.scss`] : [`${n}/base/style/index`, `${n}/${t}/style/index`];
-  if (r === !0 || r === "css")
-    return s ? [`${o}/base.css`, `${o}/el-${t}.css`] : [`${n}/base/style/css`, `${n}/${t}/style/css`];
+  const { importStyle: o, ssr: s } = e, r = e.compName + "/theme-style", n = e.compName + "/es/components";
+  if (o === "sass")
+    return s ? [`${r}/src/base.scss`, `${r}/src/${t}.scss`] : [`${n}/base/style/index`, `${n}/${t}/style/index`];
+  if (o === !0 || o === "css")
+    return s ? [`${r}/base.css`, `${r}/el-${t}.css`] : [`${n}/base/style/css`, `${n}/${t}/style/css`];
 }
 function c(t, e) {
   if (e.exclude && t.match(e.exclude))
     return;
-  const r = new RegExp(`^${l(e.compName)}[A-Z]`);
-  if (!t.match(r))
+  const o = new RegExp(`^${l(e.compName)}[A-Z]`);
+  if (!t.match(o))
     return;
-  const s = m(t.slice(e.compName.length)), { ssr: o } = e;
+  const s = m(t.slice(e.compName.length)), { ssr: r } = e;
   return {
     name: t,
-    from: `${e.compName}/${o ? "lib" : "es"}`,
+    from: `${e.compName}/${r ? "lib" : "es"}`,
     sideEffects: i(s, e)
   };
 }
-function f(t, e) {
+function a(t, e) {
   if (!e.directives)
     return;
   const s = {
@@ -32,28 +32,19 @@ function f(t, e) {
   }[t];
   if (!s)
     return;
-  const { ssr: o } = e;
+  const { ssr: r } = e;
   return {
     name: s.importName,
-    from: `${e.compName}/${o ? "lib" : "es"}`,
+    from: `${e.compName}/${r ? "lib" : "es"}`,
     sideEffects: i(s.styleName, e)
   };
 }
-const u = [
-  "VftAutoResizer",
-  "VftOnlyChild",
-  "VftDropdownCollection",
-  "VftDropdownCollectionItem",
-  "VftDropdownItemImpl",
-  "VftFocusGroupCollection",
-  "VftRovingFocusItem",
-  "VftRovingFocusCollectionItem",
-  "VftRovingFocusGroup",
-  "VftRovingFocusGroupImpl"
+const f = [
+  "VftAutoResizer"
 ];
-function a(t = {}) {
+function p(t = {}) {
   let e;
-  async function r() {
+  async function o() {
     return e || (e = {
       compName: "vft",
       ssr: !1,
@@ -68,16 +59,16 @@ function a(t = {}) {
     {
       type: "component",
       resolve: async (s) => {
-        const o = await r();
-        return [...o.noStylesComponents, ...u].includes(s) ? c(s, { ...o, importStyle: !1 }) : c(s, o);
+        const r = await o();
+        return [...r.noStylesComponents, ...f].includes(s) ? c(s, { ...r, importStyle: !1 }) : c(s, r);
       }
     },
     {
       type: "directive",
-      resolve: async (s) => f(s, await r())
+      resolve: async (s) => a(s, await o())
     }
   ];
 }
 export {
-  a as CompResolver
+  p as CompResolver
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as $, shallowRef as m, ref as v, computed as S, watch as M, onMounted as R, watchEffect as W, openBlock as A, createElementBlock as H, normalizeClass as _, unref as f, normalizeStyle as y, createElementVNode as I, renderSlot as O } from "vue";
+import { defineComponent as $, shallowRef as c, ref as v, computed as E, watch as M, onMounted as R, watchEffect as W, openBlock as A, createElementBlock as H, normalizeClass as S, unref as _, normalizeStyle as y, createElementVNode as I, renderSlot as O } from "vue";
 import { useWindowSize as P, useElementBounding as T, useEventListener as q } from "@vueuse/core";
 import { addUnit as L } from "@vft/utils";
 import { throwError as U } from "../../utils/error.js";
@@ -11,67 +11,67 @@ import "../../hooks/use-z-index/index.js";
 import { affixProps as j, affixEmits as D } from "./affix.js";
 const b = "ElAffix", F = $({
   name: b
-}), ne = /* @__PURE__ */ $({
+}), se = /* @__PURE__ */ $({
   ...F,
   props: j,
   emits: D,
-  setup(z, { expose: C, emit: p }) {
-    const e = z, d = Y("affix"), a = m(), i = m(), l = m(), { height: r } = P(), {
-      height: n,
-      width: h,
-      top: g,
+  setup(z, { expose: C, emit: m }) {
+    const e = z, p = Y("affix"), a = c(), f = c(), l = c(), { height: r } = P(), {
+      height: s,
+      width: d,
+      top: h,
       bottom: x,
-      update: c
-    } = T(i, { windowScroll: !1 }), s = T(a), o = v(!1), w = v(0), u = v(0), N = S(() => ({
-      height: o.value ? `${n.value}px` : "",
-      width: o.value ? `${h.value}px` : ""
-    })), B = S(() => {
+      update: i
+    } = T(f, { windowScroll: !1 }), n = T(a), o = v(!1), g = v(0), u = v(0), N = E(() => ({
+      height: o.value ? `${s.value}px` : "",
+      width: o.value ? `${d.value}px` : ""
+    })), B = E(() => {
       if (!o.value)
         return {};
       const t = e.offset ? L(e.offset) : 0;
       return {
-        height: `${n.value}px`,
-        width: `${h.value}px`,
+        height: `${s.value}px`,
+        width: `${d.value}px`,
         top: e.position === "top" ? t : "",
         bottom: e.position === "bottom" ? t : "",
         transform: u.value ? `translateY(${u.value}px)` : "",
         zIndex: e.zIndex
       };
-    }), E = () => {
+    }), w = () => {
       if (l.value)
-        if (w.value = l.value instanceof Window ? document.documentElement.scrollTop : l.value.scrollTop || 0, e.position === "top")
+        if (g.value = l.value instanceof Window ? document.documentElement.scrollTop : l.value.scrollTop || 0, e.position === "top")
           if (e.target) {
-            const t = s.bottom.value - e.offset - n.value;
-            o.value = e.offset > g.value && s.bottom.value > 0, u.value = t < 0 ? t : 0;
+            const t = n.bottom.value - e.offset - s.value;
+            o.value = e.offset > h.value && n.bottom.value > 0, u.value = t < 0 ? t : 0;
           } else
-            o.value = e.offset > g.value;
+            o.value = e.offset > h.value;
         else if (e.target) {
-          const t = r.value - s.top.value - e.offset - n.value;
-          o.value = r.value - e.offset < x.value && r.value > s.top.value, u.value = t < 0 ? -t : 0;
+          const t = r.value - n.top.value - e.offset - s.value;
+          o.value = r.value - e.offset < x.value && r.value > n.top.value, u.value = t < 0 ? -t : 0;
         } else
           o.value = r.value - e.offset < x.value;
     }, k = () => {
-      c(), p("scroll", {
-        scrollTop: w.value,
+      i(), m("scroll", {
+        scrollTop: g.value,
         fixed: o.value
       });
     };
-    return M(o, (t) => p("change", t)), R(() => {
-      e.target ? (a.value = document.querySelector(e.target) ?? void 0, a.value || U(b, `Target is not existed: ${e.target}`)) : a.value = document.documentElement, l.value = V(i.value, !0), c();
-    }), q(l, "scroll", k), W(E), C({
+    return M(o, (t) => m("change", t)), R(() => {
+      e.target ? (a.value = document.querySelector(e.target) ?? void 0, a.value || U(b, `Target is not existed: ${e.target}`)) : a.value = document.documentElement, l.value = V(f.value, !0), i();
+    }), q(l, "scroll", k), W(w), C({
       /** @description update affix status */
-      update: E,
+      update: w,
       /** @description update rootRect info */
-      updateRoot: c
+      updateRoot: i
     }), (t, G) => (A(), H("div", {
       ref_key: "root",
-      ref: i,
-      class: _(f(d).b()),
-      style: y(f(N))
+      ref: f,
+      class: S(_(p).b()),
+      style: y(N.value)
     }, [
       I("div", {
-        class: _({ [f(d).m("fixed")]: o.value }),
-        style: y(f(B))
+        class: S({ [_(p).m("fixed")]: o.value }),
+        style: y(B.value)
       }, [
         O(t.$slots, "default")
       ], 6)
@@ -79,5 +79,5 @@ const b = "ElAffix", F = $({
   }
 });
 export {
-  ne as default
+  se as default
 };

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { defineComponent as c, getCurrentInstance as g, computed as l, openBlock as m, createBlock as a, Transition as y, unref as t, withCtx as C, createElementBlock as h, normalizeStyle as x, normalizeClass as T, withModifiers as z, renderSlot as B, normalizeProps as $, mergeProps as v, createCommentVNode as s } from "vue";
+import { defineComponent as c, getCurrentInstance as g, computed as a, openBlock as m, createBlock as l, Transition as y, unref as t, withCtx as C, createElementBlock as h, normalizeStyle as v, normalizeClass as x, withModifiers as T, renderSlot as z, normalizeProps as B, mergeProps as $, createCommentVNode as s } from "vue";
 import { singleAttrToObj as w } from "@vft/utils";
 import "../divider/index.js";
 import { VftIcon as S } from "../icon/index.js";
@@ -94,36 +94,36 @@ const r = (
   ...N,
   props: {
     visibilityHeight: { default: 200 },
-    target: null,
+    target: {},
     right: { default: 40 },
     bottom: { default: 40 },
     icon: { default: "ico-bx:arrow-to-top" },
-    scrollTargetKey: null
+    scrollTargetKey: {}
   },
   emits: ["click"],
   setup(i, { emit: u }) {
-    const f = g(), { handleClick: p, visible: d } = I(f.props, u, r.b()), b = l(() => ({
+    const f = g(), { handleClick: p, visible: d } = I(f.props, u, r.b()), b = a(() => ({
       right: `${i.right}px`,
       bottom: `${i.bottom}px`
-    })), e = l(() => w(i.icon, "icon", { size: 25 }));
-    return (k, n) => (m(), a(y, {
+    })), e = a(() => w(i.icon, "icon", { size: 25 }));
+    return (k, n) => (m(), l(y, {
       name: `${t(r).namespace}-fade-in`
     }, {
       default: C(() => [
         t(d) ? (m(), h("div", {
           key: 0,
-          style: x(t(b)),
-          class: T(t(r).b()),
-          onClick: n[0] || (n[0] = z(
+          style: v(b.value),
+          class: x(t(r).b()),
+          onClick: n[0] || (n[0] = T(
             //@ts-ignore
             (...o) => t(p) && t(p)(...o),
             ["stop"]
           ))
         }, [
-          B(k.$slots, "default", {}, () => {
+          z(k.$slots, "default", {}, () => {
             var o;
             return [
-              (o = t(e)) != null && o.icon ? (m(), a(t(S), $(v({ key: 0 }, t(e))), null, 16)) : s("", !0)
+              (o = e.value) != null && o.icon ? (m(), l(t(S), B($({ key: 0 }, e.value)), null, 16)) : s("", !0)
             ];
           })
         ], 6)) : s("", !0)

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

@@ -1,5 +1,5 @@
-import { defineComponent as o, provide as s, reactive as i, toRef as e, openBlock as m, createElementBlock as u, normalizeClass as l, unref as a, renderSlot as c } from "vue";
-import { useNamespace as f } from "../../hooks/use-namespace/index.js";
+import { defineComponent as o, provide as s, reactive as i, toRef as e, openBlock as m, createElementBlock as a, normalizeClass as u, unref as c, renderSlot as f } from "vue";
+import { useNamespace as l } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
 import "../../hooks/use-z-index/index.js";
@@ -12,8 +12,8 @@ const _ = o({
 }), g = /* @__PURE__ */ o({
   ..._,
   props: {
-    size: null,
-    type: null
+    size: {},
+    type: {}
   },
   setup(r) {
     const t = r;
@@ -24,11 +24,11 @@ const _ = o({
         type: e(t, "type")
       })
     );
-    const p = f("button");
-    return (n, y) => (m(), u("div", {
-      class: l(`${a(p).b("group")}`)
+    const p = l("button");
+    return (n, y) => (m(), a("div", {
+      class: u(`${c(p).b("group")}`)
     }, [
-      c(n.$slots, "default")
+      f(n.$slots, "default")
     ], 2));
   }
 });

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

@@ -1,30 +1,30 @@
-import { defineComponent as C, computed as I, openBlock as l, createBlock as i, resolveDynamicComponent as v, mergeProps as y, unref as e, withCtx as A, createElementBlock as f, Fragment as N, renderSlot as k, normalizeClass as b, normalizeProps as P, createCommentVNode as g } from "vue";
-import { VftIcon as B } from "../icon/index.js";
-import { useNamespace as T } from "../../hooks/use-namespace/index.js";
+import { defineComponent as B, computed as I, openBlock as n, createBlock as a, resolveDynamicComponent as _, mergeProps as m, unref as e, withCtx as j, createElementBlock as y, Fragment as A, renderSlot as f, normalizeClass as k, normalizeProps as F, createCommentVNode as b } from "vue";
+import { VftIcon as g } from "../icon/index.js";
+import { useNamespace as N } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
 import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
-import { singleAttrToObj as V } from "@vft/utils";
+import { singleAttrToObj as O } from "@vft/utils";
 import "../../utils/ns-cover.js";
-import { useButton as j } from "./use-button.js";
-import { useButtonCustomStyle as w } from "./button-custom.js";
+import { useButton as P } from "./use-button.js";
+import { useButtonCustomStyle as T } from "./button-custom.js";
 const o = (
   /* hoist-static*/
-  T("button")
-), D = C({
+  N("button")
+), V = B({
   name: o.b()
-}), U = /* @__PURE__ */ C({
-  ...D,
+}), U = /* @__PURE__ */ B({
+  ...V,
   props: {
-    tag: { default: "button" },
-    size: null,
+    tag: { type: [String, Object, Function], default: "button" },
+    size: {},
     disabled: { type: Boolean },
-    type: null,
-    icon: null,
+    type: {},
+    icon: {},
     nativeType: { default: "button" },
     loading: { type: Boolean },
-    loadingIcon: null,
+    loadingIcon: {},
     plain: { type: Boolean },
     text: { type: Boolean },
     link: { type: Boolean },
@@ -32,34 +32,34 @@ const o = (
     autofocus: { type: Boolean },
     round: { type: Boolean },
     circle: { type: Boolean },
-    color: null,
+    color: {},
     dark: { type: Boolean },
     autoInsertSpace: { type: Boolean },
     block: { type: Boolean }
   },
   emits: ["click"],
-  setup(t, { expose: h, emit: z }) {
-    const a = t, s = I(() => V(a.icon, "icon")), S = w(a), { _ref: c, _size: r, _type: u, _disabled: d, _props: x, shouldAddSpace: m, handleClick: $ } = j(a, z);
-    return h({
+  setup(C, { expose: S, emit: h }) {
+    const l = C, s = I(() => O(l.icon, "icon")), z = T(l), { _ref: i, _size: r, _type: p, _disabled: c, _props: v, shouldAddSpace: d, handleClick: $ } = P(l, h);
+    return S({
       /** @description button html element */
-      ref: c,
+      ref: i,
       /** @description button size */
       size: r,
       /** @description button type */
-      type: u,
+      type: p,
       /** @description button disabled */
-      disabled: d,
+      disabled: c,
       /** @description whether adding space */
-      shouldAddSpace: m
-    }), (n, E) => (l(), i(v(t.tag), y({
+      shouldAddSpace: d
+    }), (t, w) => (n(), a(_(t.tag), m({
       ref_key: "_ref",
-      ref: c
-    }, e(x), {
+      ref: i
+    }, e(v), {
       class: [
         e(o).b(),
-        e(o).m(e(u)),
+        e(o).m(e(p)),
         e(o).m(e(r)),
-        e(o).is("disabled", e(d)),
+        e(o).is("disabled", e(c)),
         e(o).is("loading", t.loading),
         e(o).is("plain", t.plain),
         e(o).is("round", t.round),
@@ -69,26 +69,26 @@ const o = (
         e(o).is("has-bg", t.bg),
         e(o).is("block", t.block)
       ],
-      style: e(S),
+      style: e(z),
       onClick: e($)
     }), {
-      default: A(() => {
-        var p;
+      default: j(() => {
+        var u;
         return [
-          t.loading ? (l(), f(N, { key: 0 }, [
-            n.$slots.loading ? k(n.$slots, "loading", { key: 0 }) : (l(), i(e(B), {
+          t.loading ? (n(), y(A, { key: 0 }, [
+            t.$slots.loading ? f(t.$slots, "loading", { key: 0 }) : (n(), a(e(g), {
               key: 1,
               rotate: "",
-              class: b(e(o).is("loading")),
+              class: k(e(o).is("loading")),
               icon: "ico-ep:loading"
             }, null, 8, ["class"]))
-          ], 64)) : (p = e(s)) != null && p.icon ? (l(), i(e(B), P(y({ key: 1 }, e(s))), null, 16)) : g("", !0),
-          n.$slots.default ? (l(), f("span", {
+          ], 64)) : (u = s.value) != null && u.icon ? (n(), a(e(g), F(m({ key: 1 }, s.value)), null, 16)) : b("", !0),
+          t.$slots.default ? (n(), y("span", {
             key: 2,
-            class: b({ [e(o).em("text", "expand")]: e(m) })
+            class: k({ [e(o).em("text", "expand")]: e(d) })
           }, [
-            k(n.$slots, "default")
-          ], 2)) : g("", !0)
+            f(t.$slots, "default")
+          ], 2)) : b("", !0)
         ];
       }),
       _: 3