vft 0.0.429 → 0.0.431

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
 };

package/es/components/qrcode/qrcode.vue2.js

@@ -1,11 +1,11 @@
-import { defineComponent as s, ref as w, onMounted as g, getCurrentInstance as v, watch as p, createElementBlock as h, openBlock as l, createBlock as C, resolveDynamicComponent as y, unref as c } from "vue";
-import { downloadByUrl as E } from "@vft/utils";
-import { toDataURL as L } from "qrcode";
-import { toCanvas as k } from "./toCanvas.js";
-const x = s({
+import { defineComponent as f, ref as w, onMounted as g, getCurrentInstance as v, watch as h, createElementBlock as p, openBlock as l, createBlock as C, resolveDynamicComponent as x, unref as c } from "vue";
+import { downloadByUrl as y } from "@vft/utils";
+import { toDataURL as E } from "qrcode";
+import { toCanvas as L } from "./toCanvas.js";
+const k = f({
   name: "vft-qrcode"
-}), M = /* @__PURE__ */ s({
-  ...x,
+}), M = /* @__PURE__ */ f({
+  ...k,
   props: {
     value: {},
     options: {},
@@ -14,58 +14,58 @@ const x = s({
     tag: { default: "canvas" }
   },
   emits: ["done", "error"],
-  setup(n, { expose: f, emit: u }) {
+  setup(t, { expose: s, emit: u }) {
     const a = u, r = w(null);
     async function i() {
       try {
-        const o = String(n.value), t = c(r);
-        if (!t) return;
-        if (n.tag === "canvas") {
-          const e = await k({
-            canvas: t,
-            width: n.width,
-            logo: n.logo,
+        const o = String(t.value), e = c(r);
+        if (!e) return;
+        if (t.tag === "canvas") {
+          const n = await L({
+            canvas: e,
+            width: t.width,
+            logo: t.logo,
             content: o,
-            options: n.options || {}
+            options: t.options || {}
           });
           a("done", {
-            url: e,
-            ctx: t.getContext("2d")
+            url: n,
+            ctx: e.getContext("2d")
           });
           return;
         }
-        if (n.tag === "img") {
-          const e = await L(o, {
+        if (t.tag === "img") {
+          const n = await E(o, {
             errorCorrectionLevel: "H",
-            width: n.width,
-            ...n.options
+            width: t.width,
+            ...t.options
           });
-          c(r).src = e, a("done", { url: e });
+          c(r).src = n, a("done", { url: n });
         }
       } catch (o) {
         a("error", o);
       }
     }
     function d(o) {
-      let t = "";
-      const e = c(r);
-      e instanceof HTMLCanvasElement ? t = e.toDataURL() : e instanceof HTMLImageElement && (t = e.src), t && E({
-        url: t,
+      let e = "";
+      const n = c(r);
+      n instanceof HTMLCanvasElement ? e = n.toDataURL() : n instanceof HTMLImageElement && (e = n.src), e && y({
+        url: e,
         fileName: o
       });
     }
     g(i);
     const m = v();
-    return p(
+    return h(
       m.props,
       () => {
         i();
       },
       { deep: !0 }
-    ), f({
+    ), s({
       download: d
-    }), (o, t) => (l(), h("div", null, [
-      (l(), C(y(o.tag), {
+    }), (o, e) => (l(), p("div", null, [
+      (l(), C(x(t.tag), {
         ref_key: "wrapRef",
         ref: r
       }, null, 512))

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

@@ -1,4 +1,4 @@
-import { defineComponent as b, computed as C, createElementBlock as g, openBlock as N, normalizeClass as u, unref as e, withDirectives as V, createElementVNode as m, withModifiers as p, isRef as $, vModelRadio as R, normalizeStyle as w, renderSlot as z, createTextVNode as x, toDisplayString as D } from "vue";
+import { defineComponent as f, computed as C, createElementBlock as g, openBlock as N, normalizeClass as u, unref as e, withDirectives as V, createElementVNode as p, withModifiers as b, isRef as $, vModelRadio as R, normalizeStyle as w, renderSlot as x, createTextVNode as z, toDisplayString as D } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
@@ -9,9 +9,9 @@ import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import { useRadio as M } from "./use-radio.js";
-const F = ["value", "name", "disabled"], G = b({
+const F = ["value", "name", "disabled"], G = f({
   name: "vft-radio-button"
-}), P = /* @__PURE__ */ b({
+}), P = /* @__PURE__ */ f({
   ...G,
   props: {
     size: {},
@@ -23,14 +23,14 @@ const F = ["value", "name", "disabled"], G = b({
     border: { type: Boolean }
   },
   emits: ["click"],
-  setup(f, { emit: v }) {
-    const t = E("radio"), y = f, { radioRef: c, focus: a, size: k, disabled: d, modelValue: i, radioGroup: l, actualValue: s } = M(y), B = v, S = C(() => ({
+  setup(n, { emit: v }) {
+    const t = E("radio"), y = n, { radioRef: c, focus: a, size: k, disabled: d, modelValue: i, radioGroup: l, actualValue: s } = M(y), B = v, S = C(() => ({
       backgroundColor: l?.fill || "",
       borderColor: l?.fill || "",
       boxShadow: l?.fill ? `-1px 0 0 0 ${l.fill}` : "",
       color: l?.textColor || ""
     }));
-    return (r, o) => (N(), g("label", {
+    return (m, o) => (N(), g("label", {
       class: u([
         e(t).b("button"),
         e(t).is("active", e(i) === e(s)),
@@ -39,31 +39,31 @@ const F = ["value", "name", "disabled"], G = b({
         e(t).bm("button", e(k))
       ])
     }, [
-      V(m("input", {
+      V(p("input", {
         ref_key: "radioRef",
         ref: c,
-        "onUpdate:modelValue": o[0] || (o[0] = (n) => $(i) ? i.value = n : null),
+        "onUpdate:modelValue": o[0] || (o[0] = (r) => $(i) ? i.value = r : null),
         class: u(e(t).be("button", "original-radio")),
         value: e(s),
         type: "radio",
-        name: r.name || e(l)?.name,
+        name: n.name || e(l)?.name,
         disabled: e(d),
-        onFocus: o[1] || (o[1] = (n) => a.value = !0),
-        onBlur: o[2] || (o[2] = (n) => a.value = !1),
-        onClick: o[3] || (o[3] = p(() => {
+        onFocus: o[1] || (o[1] = (r) => a.value = !0),
+        onBlur: o[2] || (o[2] = (r) => a.value = !1),
+        onClick: o[3] || (o[3] = b(() => {
         }, ["stop"]))
       }, null, 42, F), [
         [R, e(i)]
       ]),
-      m("span", {
-        onClick: o[4] || (o[4] = (n) => B("click", r.$props)),
+      p("span", {
+        onClick: o[4] || (o[4] = (r) => B("click", m.$props)),
         class: u(e(t).be("button", "inner")),
         style: w(e(i) === e(s) ? S.value : {}),
-        onKeydown: o[5] || (o[5] = p(() => {
+        onKeydown: o[5] || (o[5] = b(() => {
         }, ["stop"]))
       }, [
-        z(r.$slots, "default", {}, () => [
-          x(D(r.label), 1)
+        x(m.$slots, "default", {}, () => [
+          z(D(n.label), 1)
         ])
       ], 38)
     ], 2));

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

@@ -1,23 +1,23 @@
-import { defineComponent as u, ref as g, onMounted as E, computed as B, provide as k, reactive as h, toRefs as C, watch as z, createElementBlock as s, openBlock as n, unref as t, normalizeClass as N, renderSlot as A, Fragment as F, renderList as G, createBlock as L, resolveDynamicComponent as T, nextTick as V } from "vue";
+import { defineComponent as p, ref as E, onMounted as B, computed as k, provide as _, reactive as h, toRefs as C, watch as x, createElementBlock as u, openBlock as i, unref as a, normalizeClass as z, renderSlot as N, Fragment as A, renderList as F, createBlock as G, resolveDynamicComponent as L, nextTick as T } from "vue";
 import "../form/index.js";
-import { UPDATE_MODEL_EVENT as p, CHANGE_EVENT as D } from "../../constants/event.js";
+import { UPDATE_MODEL_EVENT as c, CHANGE_EVENT as V } from "../../constants/event.js";
 import "@vueuse/core";
 import "@vft/utils";
-import { debugWarn as R } from "../../utils/error.js";
+import { debugWarn as D } from "../../utils/error.js";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
-import { useId as S } from "../../hooks/use-id/index.js";
-import { useNamespace as $ } from "../../hooks/use-namespace/index.js";
+import { useId as R } from "../../hooks/use-id/index.js";
+import { useNamespace as S } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { radioGroupKey as M } from "./constants.js";
-import q from "./radio.vue2.js";
-import w from "./radio-button.vue2.js";
-import { useFormItem as x, useFormItemInputId as H } from "../form/hooks/use-form-item.js";
-const K = ["id", "aria-label", "aria-labelledby"], O = u({
+import { radioGroupKey as $ } from "./constants.js";
+import M from "./radio.vue2.js";
+import q from "./radio-button.vue2.js";
+import { useFormItem as w, useFormItemInputId as H } from "../form/hooks/use-form-item.js";
+const K = ["id", "aria-label", "aria-labelledby"], O = p({
   name: "vft-radio-group"
-}), me = /* @__PURE__ */ u({
+}), me = /* @__PURE__ */ p({
   ...O,
   props: {
     id: {},
@@ -32,40 +32,40 @@ const K = ["id", "aria-label", "aria-labelledby"], O = u({
     useButton: { type: Boolean },
     options: {}
   },
-  emits: [p, D],
-  setup(c, { emit: f }) {
-    const r = c, i = f, b = $("radio"), v = S(), m = g(), { formItem: a } = x(), { inputId: y, isLabeledByFormItem: d } = H(r, {
-      formItemContext: a
+  emits: [c, V],
+  setup(r, { emit: f }) {
+    const t = r, m = f, b = S("radio"), v = R(), d = E(), { formItem: l } = w(), { inputId: y, isLabeledByFormItem: s } = H(t, {
+      formItemContext: l
     }), I = (e) => {
-      i(p, e), V(() => i("change", e));
+      m(c, e), T(() => m("change", e));
     };
-    E(() => {
-      const e = m.value.querySelectorAll("[type=radio]"), l = e[0];
-      !Array.from(e).some((o) => o.checked) && l && (l.tabIndex = 0);
+    B(() => {
+      const e = d.value.querySelectorAll("[type=radio]"), n = e[0];
+      !Array.from(e).some((o) => o.checked) && n && (n.tabIndex = 0);
     });
-    const _ = B(() => r.name || v.value);
-    return k(
-      M,
+    const g = k(() => t.name || v.value);
+    return _(
+      $,
       h({
-        ...C(r),
+        ...C(t),
         changeEvent: I,
-        name: _
+        name: g
       })
-    ), z(
-      () => r.modelValue,
+    ), x(
+      () => t.modelValue,
       () => {
-        r.validateEvent && a?.validate("change").catch((e) => R(e));
+        t.validateEvent && l?.validate("change").catch((e) => D(e));
       }
-    ), (e, l) => (n(), s("div", {
-      id: t(y),
+    ), (e, n) => (i(), u("div", {
+      id: a(y),
       ref_key: "radioGroupRef",
-      ref: m,
-      class: N(t(b).b("group")),
+      ref: d,
+      class: z(a(b).b("group")),
       role: "radiogroup",
-      "aria-label": t(d) ? void 0 : e.label || "radio-group",
-      "aria-labelledby": t(d) ? t(a)?.labelId : void 0
+      "aria-label": a(s) ? void 0 : r.label || "radio-group",
+      "aria-labelledby": a(s) ? a(l)?.labelId : void 0
     }, [
-      e.options ? (n(!0), s(F, { key: 0 }, G(e.options, (o) => (n(), L(T(e.useButton ? w : q), {
+      r.options ? (i(!0), u(A, { key: 0 }, F(r.options, (o) => (i(), G(L(r.useButton ? q : M), {
         size: o.size,
         disabled: o.disabled,
         label: o.label,
@@ -73,7 +73,7 @@ const K = ["id", "aria-label", "aria-labelledby"], O = u({
         name: o.name,
         border: o.border,
         key: o.value
-      }, null, 8, ["size", "disabled", "label", "value", "name", "border"]))), 128)) : A(e.$slots, "default", { key: 1 })
+      }, null, 8, ["size", "disabled", "label", "value", "name", "border"]))), 128)) : N(e.$slots, "default", { key: 1 })
     ], 10, K));
   }
 });