vft 0.0.429 → 0.0.430

package/es/components/pagination/components/total.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as r, createElementBlock as i, openBlock as p, unref as t, normalizeClass as s, toDisplayString as n } from "vue";
+import { defineComponent as i, createElementBlock as r, openBlock as n, unref as t, normalizeClass as s, toDisplayString as p } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../config-provider/hooks/use-global-config.js";
@@ -9,17 +9,17 @@ import "../../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../../hooks/use-z-index/index.js";
 import { usePagination as l } from "../usePagination.js";
-const c = ["disabled"], D = /* @__PURE__ */ r({
+const c = ["disabled"], D = /* @__PURE__ */ i({
   __name: "total",
   props: {
     total: { default: 0 }
   },
-  setup(d) {
-    const o = m("pagination"), { disabled: e } = l();
-    return (a, _) => (p(), i("span", {
-      class: s(t(o).e("total")),
-      disabled: t(e)
-    }, "共 " + n(a.total) + " 条", 11, c));
+  setup(o) {
+    const e = m("pagination"), { disabled: a } = l();
+    return (d, f) => (n(), r("span", {
+      class: s(t(e).e("total")),
+      disabled: t(a)
+    }, "共 " + p(o.total) + " 条", 11, c));
   }
 });
 export {

package/es/components/popconfirm/popconfirm.vue2.js

@@ -1,20 +1,20 @@
-import { defineComponent as h, ref as w, computed as i, createBlock as u, openBlock as d, unref as t, mergeProps as $, withCtx as n, renderSlot as b, createCommentVNode as y, createElementVNode as p, normalizeClass as r, createTextVNode as a, normalizeStyle as I, toDisplayString as c, createVNode as B } from "vue";
+import { defineComponent as h, ref as N, computed as r, createBlock as d, openBlock as y, unref as t, mergeProps as w, withCtx as l, renderSlot as $, createCommentVNode as B, createElementVNode as a, normalizeClass as c, createTextVNode as f, normalizeStyle as b, toDisplayString as s, createVNode as T } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
-import { addUnit as P } from "../../utils/helper.js";
+import { addUnit as I } from "../../utils/helper.js";
 import "lodash-es";
 import "../form/index.js";
-import { VftButton as T } from "../button/index.js";
-import { VftIcon as S } from "../icon/index.js";
-import { VftTooltip as A } from "../tooltip/index.js";
-import { useNamespace as R } from "../../hooks/use-namespace/index.js";
+import { VftButton as x } from "../button/index.js";
+import { VftIcon as P } from "../icon/index.js";
+import { VftTooltip as S } from "../tooltip/index.js";
+import { useNamespace as A } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const q = h({
+const R = h({
   name: "VftPopconfirm"
 }), W = /* @__PURE__ */ h({
-  ...q,
+  ...R,
   props: {
     title: {},
     confirmButtonText: {},
@@ -30,77 +30,77 @@ const q = h({
     width: { default: 150 }
   },
   emits: ["confirm", "cancel"],
-  setup(C, { emit: k }) {
-    const l = C, s = k, o = R("popconfirm"), f = w(), m = () => {
-      f.value?.onClose?.();
-    }, v = i(() => ({
-      width: P(l.width)
-    })), V = (e) => {
-      s("confirm", e), m();
-    }, g = (e) => {
-      s("cancel", e), m();
-    }, z = i(
-      () => l.confirmButtonText || "确认"
-    ), N = i(() => l.cancelButtonText || "取消");
-    return (e, x) => (d(), u(t(A), $({
+  setup(e, { emit: C }) {
+    const i = e, m = C, n = A("popconfirm"), p = N(), u = () => {
+      p.value?.onClose?.();
+    }, k = r(() => ({
+      width: I(i.width)
+    })), v = (o) => {
+      m("confirm", o), u();
+    }, V = (o) => {
+      m("cancel", o), u();
+    }, g = r(
+      () => i.confirmButtonText || "确认"
+    ), z = r(() => i.cancelButtonText || "取消");
+    return (o, q) => (y(), d(t(S), w({
       ref_key: "tooltipRef",
-      ref: f,
+      ref: p,
       trigger: "click",
       effect: "light"
-    }, e.$attrs, {
-      "popper-class": `${t(o).namespace.value}-popover`,
-      "popper-style": v.value,
+    }, o.$attrs, {
+      "popper-class": `${t(n).namespace.value}-popover`,
+      "popper-style": k.value,
       teleported: e.teleported,
       "fallback-placements": ["bottom", "top", "right", "left"],
       "hide-after": e.hideAfter,
       persistent: e.persistent
     }), {
-      content: n(() => [
-        p("div", {
-          class: r(t(o).b())
+      content: l(() => [
+        a("div", {
+          class: c(t(n).b())
         }, [
-          p("div", {
-            class: r(t(o).e("main"))
+          a("div", {
+            class: c(t(n).e("main"))
           }, [
-            !e.hideIcon && e.icon ? (d(), u(t(S), {
+            !e.hideIcon && e.icon ? (y(), d(t(P), {
               key: 0,
               icon: e.icon,
               size: 20,
-              class: r(t(o).e("icon")),
-              style: I({ color: e.iconColor })
-            }, null, 8, ["icon", "class", "style"])) : y("", !0),
-            a(" " + c(e.title), 1)
+              class: c(t(n).e("icon")),
+              style: b({ color: e.iconColor })
+            }, null, 8, ["icon", "class", "style"])) : B("", !0),
+            f(" " + s(e.title), 1)
           ], 2),
-          p("div", {
-            class: r(t(o).e("action"))
+          a("div", {
+            class: c(t(n).e("action"))
           }, [
-            B(t(T), {
+            T(t(x), {
               size: "small",
               type: e.cancelButtonType === "text" ? "" : e.cancelButtonType,
               text: e.cancelButtonType === "text",
-              onClick: g
+              onClick: V
             }, {
-              default: n(() => [
-                a(c(N.value), 1)
+              default: l(() => [
+                f(s(z.value), 1)
               ]),
               _: 1
             }, 8, ["type", "text"]),
-            B(t(T), {
+            T(t(x), {
               size: "small",
               type: e.confirmButtonType === "text" ? "" : e.confirmButtonType,
               text: e.confirmButtonType === "text",
-              onClick: V
+              onClick: v
             }, {
-              default: n(() => [
-                a(c(z.value), 1)
+              default: l(() => [
+                f(s(g.value), 1)
               ]),
               _: 1
             }, 8, ["type", "text"])
           ], 2)
         ], 2)
       ]),
-      default: n(() => [
-        e.$slots.reference ? b(e.$slots, "reference", { key: 0 }) : y("", !0)
+      default: l(() => [
+        o.$slots.reference ? $(o.$slots, "reference", { key: 0 }) : B("", !0)
       ]),
       _: 3
     }, 16, ["popper-class", "popper-style", "teleported", "hide-after", "persistent"]));

package/es/components/popover/popover.vue2.js

@@ -1,19 +1,19 @@
-import { defineComponent as m, computed as r, ref as S, unref as l, createBlock as R, openBlock as i, mergeProps as T, withCtx as s, renderSlot as f, createCommentVNode as d, createElementBlock as U, normalizeClass as V, toDisplayString as u, createTextVNode as $ } from "vue";
-import { VftTooltip as N } from "../tooltip/index.js";
-import { EVENT_CODE as p } from "../../constants/aria.js";
+import { defineComponent as u, computed as o, ref as S, unref as l, createBlock as x, openBlock as f, mergeProps as R, withCtx as s, renderSlot as d, createCommentVNode as p, createElementBlock as T, normalizeClass as U, toDisplayString as c, createTextVNode as V } from "vue";
+import { VftTooltip as $ } from "../tooltip/index.js";
+import { EVENT_CODE as i } from "../../constants/aria.js";
 import "@vueuse/core";
 import "@vft/utils";
-import { addUnit as O } from "../../utils/helper.js";
+import { addUnit as N } from "../../utils/helper.js";
 import "lodash-es";
 import "../form/index.js";
-import { useNamespace as K } from "../../hooks/use-namespace/index.js";
+import { useNamespace as O } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const D = "onUpdate:visible", H = m({
+const K = "onUpdate:visible", D = u({
   name: "vft-popover"
-}), Y = /* @__PURE__ */ m({
-  ...H,
+}), X = /* @__PURE__ */ u({
+  ...D,
   props: {
     trigger: { default: "hover" },
     placement: { default: "bottom" },
@@ -37,7 +37,7 @@ const D = "onUpdate:visible", H = m({
     showArrow: { type: Boolean, default: !0 },
     persistent: { type: Boolean, default: !0 },
     appendTo: {},
-    triggerKeys: { default: () => [p.enter, p.numpadEnter, p.space] }
+    triggerKeys: { default: () => [i.enter, i.numpadEnter, i.space] }
   },
   emits: [
     "update:visible",
@@ -46,30 +46,30 @@ const D = "onUpdate:visible", H = m({
     "after-enter",
     "after-leave"
   ],
-  setup(t, { expose: b, emit: c }) {
-    const o = c, a = K("popover"), v = r(() => [D]), n = S(), g = r(() => l(n)?.popperRef), h = r(() => [
+  setup(e, { expose: m, emit: b }) {
+    const t = b, r = O("popover"), v = o(() => [K]), n = S(), g = o(() => l(n)?.popperRef), h = o(() => [
       {
-        width: O(t.width)
+        width: N(e.width)
       },
-      t.popperStyle
-    ]), y = r(() => [a.b(), t.popperClass, { [a.m("plain")]: !!t.content }]), w = r(() => t.transition === `${a.namespace.value}-fade-in-linear`), B = () => {
+      e.popperStyle
+    ]), y = o(() => [r.b(), e.popperClass, { [r.m("plain")]: !!e.content }]), w = o(() => e.transition === `${r.namespace.value}-fade-in-linear`), B = () => {
       n.value?.hide();
     }, k = () => {
-      o("before-enter");
+      t("before-enter");
     }, C = () => {
-      o("before-leave");
+      t("before-leave");
     }, A = () => {
-      o("after-enter");
+      t("after-enter");
     }, E = () => {
-      o("update:visible", !1), o("after-leave");
+      t("update:visible", !1), t("after-leave");
     };
-    return b({
+    return m({
       popperRef: g,
       hide: B
-    }), (e, L) => (i(), R(l(N), T({
+    }), (a, H) => (f(), x(l($), R({
       ref_key: "tooltipRef",
       ref: n
-    }, e.$attrs, {
+    }, a.$attrs, {
       trigger: e.trigger,
       "trigger-keys": e.triggerKeys,
       placement: e.placement,
@@ -100,22 +100,22 @@ const D = "onUpdate:visible", H = m({
       onHide: E
     }), {
       content: s(() => [
-        e.title ? (i(), U("div", {
+        e.title ? (f(), T("div", {
           key: 0,
-          class: V(l(a).e("title")),
+          class: U(l(r).e("title")),
           role: "title"
-        }, u(e.title), 3)) : d("", !0),
-        f(e.$slots, "default", {}, () => [
-          $(u(e.content), 1)
+        }, c(e.title), 3)) : p("", !0),
+        d(a.$slots, "default", {}, () => [
+          V(c(e.content), 1)
         ])
       ]),
       default: s(() => [
-        e.$slots.reference ? f(e.$slots, "reference", { key: 0 }) : d("", !0)
+        a.$slots.reference ? d(a.$slots, "reference", { key: 0 }) : p("", !0)
       ]),
       _: 3
     }, 16, ["trigger", "trigger-keys", "placement", "disabled", "visible", "transition", "popper-options", "tabindex", "content", "offset", "show-after", "hide-after", "auto-close", "show-arrow", "aria-label", "effect", "enterable", "popper-class", "popper-style", "teleported", "append-to", "persistent", "gpu-acceleration", "onUpdate:visible"]));
   }
 });
 export {
-  Y as default
+  X as default
 };

package/es/components/popper/trigger.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as g, getCurrentInstance as C, inject as y, computed as s, onMounted as E, watch as l, onBeforeUnmount as x, createBlock as B, createCommentVNode as w, openBlock as A, unref as M, mergeProps as P, withCtx as R, renderSlot as T } from "vue";
+import { defineComponent as g, getCurrentInstance as C, inject as y, computed as s, onMounted as x, watch as l, onBeforeUnmount as E, createBlock as B, createCommentVNode as w, openBlock as A, unref as M, mergeProps as P, withCtx as R, renderSlot as T } from "vue";
 import { isElement as v } from "@vft/utils";
 import { OnlyChild as k } from "../slot/only-child.js";
 import { unrefElement as L } from "@vueuse/core";
@@ -31,15 +31,15 @@ const O = g({
   setup(r, { expose: b }) {
     const h = C(), { role: i, triggerRef: n } = y(K, void 0);
     I(n);
-    const p = s(() => u.value ? r.id : void 0), m = s(() => {
+    const p = s(() => u.value ? r.id : void 0), c = s(() => {
       if (i && i.value === "tooltip")
         return r.open && r.id ? r.id : void 0;
     }), u = s(() => {
       if (i && i.value !== "tooltip")
         return i.value;
-    }), c = s(() => u.value ? `${r.open}` : void 0);
+    }), m = s(() => u.value ? `${r.open}` : void 0);
     let a;
-    return E(() => {
+    return x(() => {
       l(
         () => r.virtualRef,
         (e) => {
@@ -69,7 +69,7 @@ const O = g({
               t
             ));
           }), a = l(
-            [p, m, u, c],
+            [p, c, u, m],
             (o) => {
               [
                 "aria-controls",
@@ -92,17 +92,17 @@ const O = g({
           immediate: !0
         }
       );
-    }), x(() => {
+    }), E(() => {
       a?.(), a = void 0;
     }), b({
       /**
        * @description trigger element
        */
       triggerRef: n
-    }), (e, d) => e.virtualTriggering ? w("", !0) : (A(), B(M(k), P({ key: 0 }, e.$attrs, {
+    }), (e, d) => r.virtualTriggering ? w("", !0) : (A(), B(M(k), P({ key: 0 }, e.$attrs, {
       "aria-controls": p.value,
-      "aria-describedby": m.value,
-      "aria-expanded": c.value,
+      "aria-describedby": c.value,
+      "aria-expanded": m.value,
       "aria-haspopup": u.value
     }), {
       default: R(() => [

package/es/components/progress/progress.vue2.js

@@ -1,18 +1,18 @@
-import { defineComponent as T, computed as s, createElementBlock as i, openBlock as l, normalizeClass as n, unref as a, createCommentVNode as p, createElementVNode as f, normalizeStyle as u, renderSlot as C, toDisplayString as D, createBlock as x, normalizeProps as A, mergeProps as L } from "vue";
-import { isFunction as M, isString as I } from "@vft/utils";
-import { VftIcon as E } from "../icon/index.js";
+import { defineComponent as T, computed as r, createElementBlock as i, openBlock as o, normalizeClass as l, unref as a, createCommentVNode as y, createElementVNode as f, normalizeStyle as c, renderSlot as C, toDisplayString as D, createBlock as A, normalizeProps as L, mergeProps as M } from "vue";
+import { isFunction as E, isString as I } from "@vft/utils";
+import { VftIcon as O } from "../icon/index.js";
 import "@vueuse/core";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
 import "../form/index.js";
-import { useNamespace as O } from "../../hooks/use-namespace/index.js";
+import { useNamespace as R } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const R = ["aria-valuenow"], U = { viewBox: "0 0 100 100" }, j = ["d", "stroke", "stroke-width"], q = ["d", "stroke", "opacity", "stroke-linecap", "stroke-width"], G = { key: 0 }, H = T({
+const U = ["aria-valuenow"], j = { viewBox: "0 0 100 100" }, q = ["d", "stroke", "stroke-width"], G = ["d", "stroke", "opacity", "stroke-linecap", "stroke-width"], H = { key: 0 }, J = T({
   name: "vft-progress"
-}), se = /* @__PURE__ */ T({
-  ...H,
+}), re = /* @__PURE__ */ T({
+  ...J,
   props: {
     type: { default: "line" },
     percentage: { default: 0 },
@@ -27,69 +27,69 @@ const R = ["aria-valuenow"], U = { viewBox: "0 0 100 100" }, j = ["d", "stroke",
     color: { type: [String, Array, Function], default: "" },
     striped: { type: Boolean, default: !1 },
     stripedFlow: { type: Boolean, default: !1 },
-    format: { type: Function, default: (t) => `${t}%` }
+    format: { type: Function, default: (e) => `${e}%` }
   },
-  setup(t) {
-    const r = O("progress"), y = {
+  setup(e) {
+    const n = R("progress"), g = {
       success: "#13ce66",
       exception: "#ff4949",
       warning: "#e6a23c",
       default: "#20a0ff"
-    }, F = s(() => ({
-      width: `${t.percentage}%`,
-      animationDuration: `${t.duration}s`,
-      backgroundColor: B(t.percentage)
-    })), h = s(
-      () => (t.strokeWidth / t.width * 100).toFixed(1)
-    ), g = s(() => ["circle", "dashboard"].includes(t.type) ? Number.parseInt(
+    }, F = r(() => ({
+      width: `${e.percentage}%`,
+      animationDuration: `${e.duration}s`,
+      backgroundColor: B(e.percentage)
+    })), h = r(
+      () => (e.strokeWidth / e.width * 100).toFixed(1)
+    ), $ = r(() => ["circle", "dashboard"].includes(e.type) ? Number.parseInt(
       `${50 - Number.parseFloat(h.value) / 2}`,
       10
-    ) : 0), $ = s(() => {
-      const e = g.value, o = t.type === "dashboard";
+    ) : 0), b = r(() => {
+      const t = $.value, s = e.type === "dashboard";
       return `
           M 50 50
-          m 0 ${o ? "" : "-"}${e}
-          a ${e} ${e} 0 1 1 0 ${o ? "-" : ""}${e * 2}
-          a ${e} ${e} 0 1 1 0 ${o ? "" : "-"}${e * 2}
+          m 0 ${s ? "" : "-"}${t}
+          a ${t} ${t} 0 1 1 0 ${s ? "-" : ""}${t * 2}
+          a ${t} ${t} 0 1 1 0 ${s ? "" : "-"}${t * 2}
           `;
-    }), c = s(() => 2 * Math.PI * g.value), m = s(() => t.type === "dashboard" ? 0.75 : 1), b = s(() => `${-1 * c.value * (1 - m.value) / 2}px`), P = s(() => ({
-      strokeDasharray: `${c.value * m.value}px, ${c.value}px`,
-      strokeDashoffset: b.value
-    })), N = s(() => ({
-      strokeDasharray: `${c.value * m.value * (t.percentage / 100)}px, ${c.value}px`,
-      strokeDashoffset: b.value,
+    }), u = r(() => 2 * Math.PI * $.value), m = r(() => e.type === "dashboard" ? 0.75 : 1), w = r(() => `${-1 * u.value * (1 - m.value) / 2}px`), P = r(() => ({
+      strokeDasharray: `${u.value * m.value}px, ${u.value}px`,
+      strokeDashoffset: w.value
+    })), N = r(() => ({
+      strokeDasharray: `${u.value * m.value * (e.percentage / 100)}px, ${u.value}px`,
+      strokeDashoffset: w.value,
       transition: "stroke-dasharray 0.6s ease 0s, stroke 0.6s ease, opacity ease 0.6s"
-    })), z = s(() => {
-      let e;
-      return t.color ? e = B(t.percentage) : e = y[t.status] || y.default, e;
-    }), w = s(() => t.status === "warning" ? "icon-warning-filled" : t.type === "line" ? t.status === "success" ? "icon-circle-check" : "icon-circle-close" : t.status === "success" ? "icon-check" : "icon-close"), W = s(() => t.type === "line" ? 12 + t.strokeWidth * 0.4 : t.width * 0.111111 + 2), S = s(() => t.format(t.percentage));
-    function V(e) {
-      const o = 100 / e.length;
-      return e.map((d, k) => I(d) ? {
+    })), z = r(() => {
+      let t;
+      return e.color ? t = B(e.percentage) : t = g[e.status] || g.default, t;
+    }), x = r(() => e.status === "warning" ? "icon-warning-filled" : e.type === "line" ? e.status === "success" ? "icon-circle-check" : "icon-circle-close" : e.status === "success" ? "icon-check" : "icon-close"), W = r(() => e.type === "line" ? 12 + e.strokeWidth * 0.4 : e.width * 0.111111 + 2), S = r(() => e.format(e.percentage));
+    function V(t) {
+      const s = 100 / t.length;
+      return t.map((d, k) => I(d) ? {
         color: d,
-        percentage: (k + 1) * o
+        percentage: (k + 1) * s
       } : d).sort((d, k) => d.percentage - k.percentage);
     }
-    const B = (e) => {
-      if (M(t.color))
-        return t.color(e);
-      if (I(t.color))
-        return t.color;
+    const B = (t) => {
+      if (E(e.color))
+        return e.color(t);
+      if (I(e.color))
+        return e.color;
       {
-        const o = V(t.color);
-        for (const v of o)
-          if (v.percentage > e) return v.color;
-        return o[o.length - 1]?.color;
+        const s = V(e.color);
+        for (const v of s)
+          if (v.percentage > t) return v.color;
+        return s[s.length - 1]?.color;
       }
     };
-    return (e, o) => (l(), i("div", {
-      class: n([
-        a(r).b(),
-        a(r).m(e.type),
-        a(r).is(e.status),
+    return (t, s) => (o(), i("div", {
+      class: l([
+        a(n).b(),
+        a(n).m(e.type),
+        a(n).is(e.status),
         {
-          [a(r).m("without-text")]: !e.showText,
-          [a(r).m("text-inside")]: e.textInside
+          [a(n).m("without-text")]: !e.showText,
+          [a(n).m("text-inside")]: e.textInside
         }
       ]),
       role: "progressbar",
@@ -97,71 +97,71 @@ const R = ["aria-valuenow"], U = { viewBox: "0 0 100 100" }, j = ["d", "stroke",
       "aria-valuemin": "0",
       "aria-valuemax": "100"
     }, [
-      e.type === "line" ? (l(), i("div", {
+      e.type === "line" ? (o(), i("div", {
         key: 0,
-        class: n(a(r).b("bar"))
+        class: l(a(n).b("bar"))
       }, [
         f("div", {
-          class: n(a(r).be("bar", "outer")),
-          style: u({ height: `${e.strokeWidth}px` })
+          class: l(a(n).be("bar", "outer")),
+          style: c({ height: `${e.strokeWidth}px` })
         }, [
           f("div", {
-            class: n([
-              a(r).be("bar", "inner"),
-              { [a(r).bem("bar", "inner", "indeterminate")]: e.indeterminate },
-              { [a(r).bem("bar", "inner", "striped")]: e.striped },
-              { [a(r).bem("bar", "inner", "striped-flow")]: e.stripedFlow }
+            class: l([
+              a(n).be("bar", "inner"),
+              { [a(n).bem("bar", "inner", "indeterminate")]: e.indeterminate },
+              { [a(n).bem("bar", "inner", "striped")]: e.striped },
+              { [a(n).bem("bar", "inner", "striped-flow")]: e.stripedFlow }
             ]),
-            style: u(F.value)
+            style: c(F.value)
           }, [
-            (e.showText || e.$slots.default) && e.textInside ? (l(), i("div", {
+            (e.showText || t.$slots.default) && e.textInside ? (o(), i("div", {
               key: 0,
-              class: n(a(r).be("bar", "innerText"))
+              class: l(a(n).be("bar", "innerText"))
             }, [
-              C(e.$slots, "default", { percentage: e.percentage }, () => [
+              C(t.$slots, "default", { percentage: e.percentage }, () => [
                 f("span", null, D(S.value), 1)
               ])
-            ], 2)) : p("", !0)
+            ], 2)) : y("", !0)
           ], 6)
         ], 6)
-      ], 2)) : (l(), i("div", {
+      ], 2)) : (o(), i("div", {
         key: 1,
-        class: n(a(r).b("circle")),
-        style: u({ height: `${e.width}px`, width: `${e.width}px` })
+        class: l(a(n).b("circle")),
+        style: c({ height: `${e.width}px`, width: `${e.width}px` })
       }, [
-        (l(), i("svg", U, [
+        (o(), i("svg", j, [
           f("path", {
-            class: n(a(r).be("circle", "track")),
-            d: $.value,
-            stroke: `var(${a(r).cssVarName("fill-color-light")}, #e5e9f2)`,
+            class: l(a(n).be("circle", "track")),
+            d: b.value,
+            stroke: `var(${a(n).cssVarName("fill-color-light")}, #e5e9f2)`,
             "stroke-width": h.value,
             fill: "none",
-            style: u(P.value)
-          }, null, 14, j),
+            style: c(P.value)
+          }, null, 14, q),
           f("path", {
-            class: n(a(r).be("circle", "path")),
-            d: $.value,
+            class: l(a(n).be("circle", "path")),
+            d: b.value,
             stroke: z.value,
             fill: "none",
             opacity: e.percentage ? 1 : 0,
             "stroke-linecap": e.strokeLinecap,
             "stroke-width": h.value,
-            style: u(N.value)
-          }, null, 14, q)
+            style: c(N.value)
+          }, null, 14, G)
         ]))
       ], 6)),
-      (e.showText || e.$slots.default) && !e.textInside ? (l(), i("div", {
+      (e.showText || t.$slots.default) && !e.textInside ? (o(), i("div", {
         key: 2,
-        class: n(a(r).e("text")),
-        style: u({ fontSize: `${W.value}px` })
+        class: l(a(n).e("text")),
+        style: c({ fontSize: `${W.value}px` })
       }, [
-        C(e.$slots, "default", { percentage: e.percentage }, () => [
-          e.status ? w.value?.icon ? (l(), x(a(E), A(L({ key: 1 }, w.value)), null, 16)) : p("", !0) : (l(), i("span", G, D(S.value), 1))
+        C(t.$slots, "default", { percentage: e.percentage }, () => [
+          e.status ? x.value?.icon ? (o(), A(a(O), L(M({ key: 1 }, x.value)), null, 16)) : y("", !0) : (o(), i("span", H, D(S.value), 1))
         ])
-      ], 6)) : p("", !0)
-    ], 10, R));
+      ], 6)) : y("", !0)
+    ], 10, U));
   }
 });
 export {
-  se as default
+  re as default
 };