x-next 1.1.0 → 1.3.0

package/dist/es/components/form-input-tag/InputTag.js

@@ -1,25 +1,25 @@
-import { defineComponent as de, toRefs as ce, ref as v, computed as f, reactive as ve, watch as M, onMounted as me, createVNode as d, mergeProps as S, TransitionGroup as pe, nextTick as O } from "vue";
-import { INPUT_EVENTS as j } from "../../_utils/constant.js";
-import { Enter as ge, Backspace as he } from "../../_utils/keycode.js";
-import { getValueData as be } from "./utils.js";
-import { Tag as ye } from "../tag/index.js";
-import Ve from "../_components/icon-hover/index.vue.js";
-import Ce from "../../icons/default/close.js";
-import { omit as L } from "../../_utils/omit.js";
-import Ie from "../../_utils/pick.js";
-import we from "../../_container/resize-observer.js";
-import xe from "../_components/feedback-icon/index.vue.js";
-import { useFormItem as Be } from "../../_hooks/use-form-item.js";
-import { useLocale as _e } from "../../locale/index.js";
-import { useSize as Te } from "../../_hooks/use-size.js";
-import { isObject as ke, isUndefined as Ne, isNull as Ee } from "../../_utils/is.js";
-import { getClassNameMixin as $, getRemovePrefixComponentName as Se } from "../../_utils/config.js";
-const ze = {
+import { defineComponent as me, toRefs as pe, ref as v, computed as s, reactive as ge, watch as $, onMounted as be, createVNode as d, mergeProps as z, TransitionGroup as he, nextTick as U } from "vue";
+import { INPUT_EVENTS as W } from "../../_utils/constant.js";
+import { Enter as ye, Backspace as Ve } from "../../_utils/keycode.js";
+import { getValueData as Ce } from "./utils.js";
+import { Tag as Ie } from "../tag/index.js";
+import we from "../_components/icon-hover/index.vue.js";
+import xe from "../../icons/default/close.js";
+import { omit as q } from "../../_utils/omit.js";
+import Be from "../../_utils/pick.js";
+import _e from "../../_container/resize-observer.js";
+import Te from "../_components/feedback-icon/index.vue.js";
+import { useFormItem as ke, useFormItemControl as Ne } from "../../_hooks/use-form-item.js";
+import { useLocale as Ae } from "../../locale/index.js";
+import { useSize as Ee } from "../../_hooks/use-size.js";
+import { isObject as Se, isUndefined as ze, isNull as Fe } from "../../_utils/is.js";
+import { getClassNameMixin as G, getRemovePrefixComponentName as Re } from "../../_utils/config.js";
+const Pe = {
   value: "value",
   label: "label",
   closable: "closable",
   tagProps: "tagProps"
-}, Ae = "__x_input_tag_more__", Ye = /* @__PURE__ */ de({
+}, De = "__x_input_tag_more__", aa = /* @__PURE__ */ me({
   name: "InputTag",
   inheritAttrs: !1,
   props: {
@@ -224,212 +224,223 @@ const ze = {
    */
   setup(a, {
     emit: o,
-    slots: s,
-    attrs: C
+    slots: i,
+    attrs: I
   }) {
     const {
-      size: U,
-      disabled: W,
-      error: q,
-      uninjectFormItemContext: B,
-      modelValue: G
-    } = ce(a), t = a.baseCls ? $(Se(a.baseCls)) : $("input-tag"), r = v(), p = v(), {
-      mergedSize: H,
+      size: H,
+      disabled: K,
+      error: J,
+      uninjectFormItemContext: T,
+      modelValue: Q
+    } = pe(a), u = a.baseCls ? G(Re(a.baseCls)) : G("input-tag"), r = v(), p = v(), {
+      formItemCtx: X,
+      mergedSize: Y,
       mergedDisabled: g,
-      mergedError: K,
-      feedback: I,
-      eventHandlers: w
-    } = Be({
-      size: U,
-      disabled: W,
-      error: q,
-      uninject: B == null ? void 0 : B.value
+      mergedError: F,
+      feedback: w,
+      eventHandlers: x
+    } = ke({
+      size: H,
+      disabled: K,
+      error: J,
+      uninject: T == null ? void 0 : T.value
     }), {
-      t: z
-    } = _e(), {
-      mergedSize: J
-    } = Te(H), Q = f(() => ({
-      ...ze,
+      t: R
+    } = Ae(), {
+      mergedSize: Z
+    } = Ee(Y), ee = s(() => ({
+      ...Pe,
       ...a.fieldNames
-    })), _ = v(!1), T = v(a.defaultValue), A = v(a.defaultInputValue), m = v(!1), x = v(""), R = f(() => ke(a.retainInputValue) ? {
+    })), k = v(!1), N = v(a.defaultValue), P = v(a.defaultInputValue), m = v(!1), B = v(""), D = s(() => Se(a.retainInputValue) ? {
       create: !1,
       blur: !1,
       ...a.retainInputValue
     } : {
       create: a.retainInputValue,
       blur: a.retainInputValue
-    }), k = ve({
+    }), A = ge({
       width: "12px"
-    }), X = f(() => a.focused || _.value), h = (e, l) => {
-      A.value = e, o("update:inputValue", e), o("inputValueChange", e, l);
-    }, N = (e) => {
+    }), ae = s(() => a.focused || k.value), b = (e, t) => {
+      P.value = e, o("update:inputValue", e), o("inputValueChange", e, t);
+    }, E = (e) => {
       const {
-        value: l
+        value: t
       } = e.target;
-      e.type === "compositionend" ? (m.value = !1, x.value = "", h(l, e), O(() => {
+      e.type === "compositionend" ? (m.value = !1, B.value = "", b(t, e), U(() => {
         r.value && n.value !== r.value.value && (r.value.value = n.value);
-      })) : (m.value = !0, x.value = n.value + (e.data ?? ""));
-    }, b = f(() => a.modelValue ?? T.value), n = f(() => a.inputValue ?? A.value);
-    M(G, (e) => {
-      (Ne(e) || Ee(e)) && (T.value = []);
+      })) : (m.value = !0, B.value = n.value + (e.data ?? ""));
+    }, h = s(() => a.modelValue ?? N.value), n = s(() => a.inputValue ?? P.value);
+    $(Q, (e) => {
+      (ze(e) || Fe(e)) && (N.value = []);
     });
-    const Y = (e) => {
+    const le = (e) => {
       r.value && e.target !== r.value && (e.preventDefault(), r.value.focus());
-    }, Z = (e) => {
-      var u, i;
+    }, te = (e) => {
+      var l, f;
       const {
-        value: l
+        value: t
       } = e.target;
-      m.value || (h(l, e), (i = (u = w.value) == null ? void 0 : u.onInput) == null || i.call(u, e), O(() => {
+      m.value || (b(t, e), (f = (l = x.value) == null ? void 0 : l.onInput) == null || f.call(l, e), U(() => {
         r.value && n.value !== r.value.value && (r.value.value = n.value);
       }));
-    }, c = f(() => be(b.value, Q.value)), y = f(() => {
+    }, c = s(() => Ce(h.value, ee.value)), y = s(() => {
       if (a.maxTagCount > 0) {
         const e = c.value.length - a.maxTagCount;
         if (e > 0) {
-          const l = c.value.slice(0, a.maxTagCount), u = {
-            value: Ae,
+          const t = c.value.slice(0, a.maxTagCount), l = {
+            value: De,
             label: `+${e}...`,
             closable: !1
           };
-          return l.push({
-            raw: u,
-            ...u
-          }), l;
+          return t.push({
+            raw: l,
+            ...l
+          }), t;
         }
       }
       return c.value;
-    }), E = (e, l) => {
-      var u, i;
-      T.value = e, o("update:modelValue", e), o("change", e, l), (i = (u = w.value) == null ? void 0 : u.onChange) == null || i.call(u, l);
-    }, F = (e, l, u) => {
+    }), S = (e, t) => {
+      var l, f;
+      N.value = e, o("update:modelValue", e), o("change", e, t), (f = (l = x.value) == null ? void 0 : l.onChange) == null || f.call(l, t);
+    }, M = (e, t, l) => {
       var V;
-      const i = (V = b.value) == null ? void 0 : V.filter((Fe, fe) => fe !== l);
-      E(i, u), o("remove", e, u);
-    }, ee = (e) => {
-      e.stopPropagation(), E([], e), n.value && h("", e), o("clear", e);
-    }, D = f(() => !g.value && !a.readonly && a.allowClear && !!b.value.length), ae = (e) => {
+      const f = (V = h.value) == null ? void 0 : V.filter((C, _) => _ !== t);
+      S(f, l), o("remove", e, l);
+    }, ue = (e) => {
+      e.stopPropagation(), S([], e), n.value && b("", e), o("clear", e);
+    }, O = s(() => !g.value && !a.readonly && a.allowClear && !!h.value.length), ne = (e) => {
       if (n.value) {
-        if (e.preventDefault(), a.uniqueValue && c.value.some((u) => u.value === n.value)) {
+        if (e.preventDefault(), a.uniqueValue && c.value.some((l) => l.value === n.value)) {
           o("pressEnter", n.value, e);
           return;
         }
-        const l = b.value.concat(n.value);
-        E(l, e), o("pressEnter", n.value, e), R.value.create || h("", e);
+        const t = h.value.concat(n.value);
+        S(t, e), o("pressEnter", n.value, e), D.value.create || b("", e);
       }
-    }, le = (e) => {
-      var l, u;
-      _.value = !0, o("focus", e), (u = (l = w.value) == null ? void 0 : l.onFocus) == null || u.call(l, e);
-    }, ue = (e) => {
-      var l, u;
-      _.value = !1, !R.value.blur && n.value && h("", e), o("blur", e), (u = (l = w.value) == null ? void 0 : l.onBlur) == null || u.call(l, e);
-    }, te = () => {
+    }, oe = (e) => {
+      var t, l;
+      k.value = !0, o("focus", e), (l = (t = x.value) == null ? void 0 : t.onFocus) == null || l.call(t, e);
+    }, re = (e) => {
+      var t, l;
+      k.value = !1, !D.value.blur && n.value && b("", e), o("blur", e), (l = (t = x.value) == null ? void 0 : t.onBlur) == null || l.call(t, e);
+    }, ie = () => {
       for (let e = c.value.length - 1; e >= 0; e--)
         if (c.value[e].closable)
           return e;
       return -1;
-    }, ne = (e) => {
+    }, se = (e) => {
       if (g.value || a.readonly)
         return;
-      const l = e.key || e.code;
-      if (!m.value && n.value && l === ge.key && ae(e), !m.value && y.value.length > 0 && !n.value && l === he.key) {
-        const u = te();
-        u >= 0 && (e.preventDefault(), F(c.value[u].value, u, e));
+      const t = e.key || e.code;
+      if (!m.value && n.value && t === ye.key && ne(e), !m.value && y.value.length > 0 && !n.value && t === Ve.key) {
+        const l = ie();
+        l >= 0 && (e.preventDefault(), M(c.value[l].value, l, e));
       }
       o("keydown", e);
-    }, P = (e) => {
-      e > 12 ? k.width = `${e}px` : k.width = "12px";
+    }, j = (e) => {
+      e > 12 ? A.width = `${e}px` : A.width = "12px";
     };
-    me(() => {
-      p.value && P(p.value.offsetWidth);
+    be(() => {
+      p.value && j(p.value.offsetWidth);
     });
-    const oe = () => {
-      p.value && P(p.value.offsetWidth);
+    const de = () => {
+      p.value && j(p.value.offsetWidth);
     };
-    M(n, (e) => {
+    $(n, (e) => {
       r.value && !m.value && e !== r.value.value && (r.value.value = e);
     });
-    const re = f(() => [t.block, t.modifier(`size-${J.value}`), {
-      [t.modifier("disabled")]: g.value,
-      [t.modifier("disabled-input")]: a.disabledInput,
-      [t.modifier("error")]: K.value,
-      [t.modifier("focus")]: X.value,
-      [t.modifier("readonly")]: a.readonly,
-      [t.modifier("has-tag")]: y.value.length > 0,
-      [t.modifier("has-prefix")]: !!s.prefix,
-      [t.modifier("has-suffix")]: !!s.suffix || D.value || !!I.value,
-      [t.modifier("has-placeholder")]: !b.value.length
-    }]), ie = f(() => L(L(C, j), ["class", "style"])), se = f(() => Ie(C, j));
+    const fe = s(() => [u.block, u.modifier(`size-${Z.value}`), {
+      [u.modifier("disabled")]: g.value,
+      [u.modifier("disabled-input")]: a.disabledInput,
+      [u.modifier("error")]: F.value,
+      [u.modifier("focus")]: ae.value,
+      [u.modifier("readonly")]: a.readonly,
+      [u.modifier("has-tag")]: y.value.length > 0,
+      [u.modifier("has-prefix")]: !!i.prefix,
+      [u.modifier("has-suffix")]: !!i.suffix || O.value || !!w.value,
+      [u.modifier("has-placeholder")]: !h.value.length
+    }]), ce = s(() => q(q(I, W), ["class", "style"])), L = s(() => Be(I, W)), ve = Ne(X, () => ({
+      ...L.value,
+      ...a.inputAttrs
+    }));
     return {
       inputRef: r,
       render: () => {
         var e;
-        return d("span", S({
-          class: [re.value, C.class],
-          style: C.style,
-          onMousedown: Y
-        }, ie.value), [d(we, {
-          onResize: oe
+        return d("span", z({
+          class: [fe.value, I.class],
+          style: I.style,
+          onMousedown: le
+        }, ce.value), [d(_e, {
+          onResize: de
         }, {
           default: () => [d("span", {
             ref: p,
-            class: t.element("mirror")
-          }, [y.value.length > 0 ? x.value || n.value : x.value || n.value || a.placeholder])]
-        }), s.prefix && d("span", {
-          class: t.element("prefix")
-        }, [s.prefix()]), d(pe, {
+            class: u.element("mirror")
+          }, [y.value.length > 0 ? B.value || n.value : B.value || n.value || a.placeholder])]
+        }), i.prefix && d("span", {
+          class: u.element("prefix")
+        }, [i.prefix()]), d(he, {
           tag: "span",
           name: "input-tag-zoom",
-          class: [t.element("inner"), {
-            [t.modifier("nowrap")]: a.tagNowrap
+          class: [u.element("inner"), {
+            [u.modifier("nowrap")]: a.tagNowrap
           }]
         }, {
-          default: () => [y.value.map((l, u) => d(ye, S({
-            key: `tag-${l.value}-${u}`,
-            class: t.element("tag"),
-            closable: !g.value && !a.readonly && l.closable,
-            visible: !0,
-            nowrap: a.tagNowrap
-          }, l.tagProps, {
-            onClose: (i) => F(l.value, u, i)
-          }), {
-            default: () => {
-              var i, V;
-              return [((i = s.tag) == null ? void 0 : i.call(s, {
-                data: l.raw
-              })) ?? ((V = a.formatTag) == null ? void 0 : V.call(a, l.raw)) ?? l.label];
-            }
-          })), d("input", S(se.value, a.inputAttrs, {
-            ref: r,
-            key: "input-tag-input",
-            class: t.element("input"),
-            style: k,
-            value: n.value,
-            placeholder: y.value.length === 0 ? a.placeholder : void 0,
-            disabled: g.value,
-            readonly: a.readonly || a.disabledInput,
-            onInput: Z,
-            onKeydown: ne,
-            onFocus: le,
-            onBlur: ue,
-            onCompositionstart: N,
-            onCompositionupdate: N,
-            onCompositionend: N
-          }), null)]
-        }), D.value && d(Ve, {
+          default: () => {
+            var t;
+            return [y.value.map((l, f) => {
+              var V;
+              return d(Ie, z({
+                key: `tag-${l.value}-${f}`,
+                class: u.element("tag"),
+                visible: !0,
+                nowrap: a.tagNowrap
+              }, l.tagProps, {
+                closable: !g.value && !a.readonly && (((V = l.tagProps) == null ? void 0 : V.closable) ?? l.closable),
+                onClose: (C) => M(l.value, f, C)
+              }), {
+                default: () => {
+                  var C, _;
+                  return [((C = i.tag) == null ? void 0 : C.call(i, {
+                    data: l.raw
+                  })) ?? ((_ = a.formatTag) == null ? void 0 : _.call(a, l.raw)) ?? l.label];
+                }
+              });
+            }), d("input", z(ve.value, {
+              ref: r,
+              key: "input-tag-input",
+              class: u.element("input"),
+              style: A,
+              value: n.value,
+              placeholder: y.value.length === 0 ? a.placeholder : void 0,
+              disabled: g.value,
+              readonly: a.readonly || a.disabledInput,
+              "aria-invalid": F.value ? !0 : ((t = a.inputAttrs) == null ? void 0 : t["aria-invalid"]) ?? L.value["aria-invalid"],
+              onInput: te,
+              onKeydown: se,
+              onFocus: oe,
+              onBlur: re,
+              onCompositionstart: E,
+              onCompositionupdate: E,
+              onCompositionend: E
+            }), null)];
+          }
+        }), O.value && d(we, {
           as: "button",
-          "aria-label": z("common.clearTarget", {
-            target: z("common.tag")
+          "aria-label": R("common.clearTarget", {
+            target: R("common.tag")
           }),
-          class: t.element("clear-btn"),
-          onClick: ee,
-          onMousedown: (l) => l.stopPropagation()
+          class: u.element("clear-btn"),
+          onClick: ue,
+          onMousedown: (t) => t.stopPropagation()
         }, {
-          default: () => [d(Ce, null, null)]
-        }), (s.suffix || !!I.value) && d("span", {
-          class: t.element("suffix")
-        }, [(e = s.suffix) == null ? void 0 : e.call(s), !!I.value && d(xe, {
-          type: I.value
+          default: () => [d(xe, null, null)]
+        }), (i.suffix || !!w.value) && d("span", {
+          class: u.element("suffix")
+        }, [(e = i.suffix) == null ? void 0 : e.call(i), !!w.value && d(Te, {
+          type: w.value
         }, null)])]);
       }
     };
@@ -459,5 +470,5 @@ const ze = {
   }
 });
 export {
-  Ye as default
+  aa as default
 };

package/dist/es/components/form-radio/Radio.js

@@ -1,16 +1,16 @@
-import { defineComponent as M, toRefs as P, inject as T, toRef as y, ref as k, computed as i, watch as S, createVNode as o, mergeProps as w, nextTick as K, Fragment as U, resolveComponent as X } from "vue";
-import q from "../_components/icon-hover/index.vue.js";
-import { radioGroupKey as E } from "./context.js";
-import { isUndefined as z, isNull as J } from "../../_utils/is.js";
-import { useFormItem as L } from "../../_hooks/use-form-item.js";
-import { getClassNameMixin as O } from "../../_utils/config.js";
-import { omit as Q } from "../../_utils/omit.js";
-import { useSize as W } from "../../_hooks/use-size.js";
-const ne = /* @__PURE__ */ M({
+import { defineComponent as P, toRefs as T, inject as W, toRef as y, ref as k, computed as d, watch as S, createVNode as o, mergeProps as z, nextTick as w, Fragment as E, resolveComponent as K } from "vue";
+import U from "../_components/icon-hover/index.vue.js";
+import { radioGroupKey as X } from "./context.js";
+import { isUndefined as B, isNull as q } from "../../_utils/is.js";
+import { useFormItem as J, useFormItemControl as L } from "../../_hooks/use-form-item.js";
+import { getClassNameMixin as Q } from "../../_utils/config.js";
+import { omit as Y } from "../../_utils/omit.js";
+import { useSize as Z } from "../../_hooks/use-size.js";
+const ie = /* @__PURE__ */ P({
   name: "Radio",
   inheritAttrs: !1,
   components: {
-    IconHover: q
+    IconHover: U
   },
   props: {
     /**
@@ -84,14 +84,14 @@ const ne = /* @__PURE__ */ M({
     }
   },
   emits: {
-    "update:modelValue": (n) => !0,
+    "update:modelValue": (t) => !0,
     /**
      * @zh 值改变时触发
      * @en Trigger when the value changes
      * @param { RadioValue } value
      * @param {Event} ev
      */
-    change: (n, m) => !0
+    change: (t, c) => !0
   },
   /**
    * @zh 自定义单选框
@@ -101,82 +101,85 @@ const ne = /* @__PURE__ */ M({
    * @binding {boolean} disabled
    * @version 2.18.0
    */
-  setup(n, {
-    attrs: m,
-    emit: g,
-    slots: s
+  setup(t, {
+    attrs: c,
+    emit: h,
+    slots: m
   }) {
-    const t = O("radio"), {
-      modelValue: B
-    } = P(n), e = n.uninjectGroupContext ? void 0 : T(E, void 0), {
-      mergedDisabled: N,
-      mergedSize: R,
-      eventHandlers: r
-    } = L({
-      disabled: y(n, "disabled"),
-      size: y(n, "size")
+    const n = Q("radio"), {
+      modelValue: N
+    } = T(t), e = t.uninjectGroupContext ? void 0 : W(X, void 0), {
+      formItemCtx: R,
+      mergedDisabled: j,
+      mergedSize: F,
+      eventHandlers: v
+    } = J({
+      disabled: y(t, "disabled"),
+      size: y(t, "size")
     }), {
-      mergedSize: F
-    } = W(R), c = k(null), f = k(n.defaultChecked), h = i(() => (e == null ? void 0 : e.name) === "XRadioGroup"), b = i(() => (e == null ? void 0 : e.type) ?? n.type), v = i(() => (e == null ? void 0 : e.disabled) || N.value), V = i(() => (e == null ? void 0 : e.size) ?? F.value), _ = i(() => n.name ?? (e == null ? void 0 : e.inputName)), u = i(() => h.value ? (e == null ? void 0 : e.value) === (n.value ?? !0) : z(n.modelValue) ? f.value : n.modelValue === (n.value ?? !0));
-    S(B, (l) => {
-      (z(l) || J(l)) && (f.value = !1);
+      mergedSize: V
+    } = Z(F), I = L(e ? {} : R, () => ({
+      id: t.id,
+      ...Object.fromEntries(Object.entries(c).filter(([l]) => l.startsWith("aria-")))
+    })), s = k(null), f = k(t.defaultChecked), g = d(() => (e == null ? void 0 : e.name) === "XRadioGroup"), b = d(() => (e == null ? void 0 : e.type) ?? t.type), r = d(() => (e == null ? void 0 : e.disabled) || j.value), _ = d(() => (e == null ? void 0 : e.size) ?? V.value), $ = d(() => t.name ?? (e == null ? void 0 : e.inputName)), u = d(() => g.value ? (e == null ? void 0 : e.value) === (t.value ?? !0) : B(t.modelValue) ? f.value : t.modelValue === (t.value ?? !0));
+    S(N, (l) => {
+      (B(l) || q(l)) && (f.value = !1);
     }), S(u, (l, a) => {
-      l !== a && (f.value = l, c.value && (c.value.checked = l));
+      l !== a && (f.value = l, s.value && (s.value.checked = l));
     });
-    const $ = (l) => {
-      var a, d;
-      (d = (a = r.value) == null ? void 0 : a.onFocus) == null || d.call(a, l);
-    }, j = (l) => {
-      var a, d;
-      (d = (a = r.value) == null ? void 0 : a.onBlur) == null || d.call(a, l);
-    }, p = (l) => {
-      l.stopPropagation();
+    const p = (l) => {
+      var a, i;
+      (i = (a = v.value) == null ? void 0 : a.onFocus) == null || i.call(a, l);
+    }, A = (l) => {
+      var a, i;
+      (i = (a = v.value) == null ? void 0 : a.onBlur) == null || i.call(a, l);
     }, D = (l) => {
-      var a, d;
-      f.value = !0, h.value ? e == null || e.handleChange(n.value ?? !0, l) : (g("update:modelValue", n.value ?? !0), g("change", n.value ?? !0, l), (d = (a = r.value) == null ? void 0 : a.onChange) == null || d.call(a, l)), K(() => {
-        c.value && c.value.checked !== u.value && (c.value.checked = u.value);
+      l.stopPropagation();
+    }, O = (l) => {
+      var a, i;
+      f.value = !0, g.value ? e == null || e.handleChange(t.value ?? !0, l) : (h("update:modelValue", t.value ?? !0), h("change", t.value ?? !0, l), (i = (a = v.value) == null ? void 0 : a.onChange) == null || i.call(a, l)), w(() => {
+        s.value && s.value.checked !== u.value && (s.value.checked = u.value);
       });
-    }, A = i(() => [`${b.value === "button" ? t.element("button") : t.block}`, t.modifier(`size-${V.value}`), m.class, {
-      [t.modifier("checked")]: u.value,
-      [t.modifier("disabled")]: v.value
-    }]), H = i(() => Q(m, ["class", "style"])), I = () => o(U, null, [o(X("icon-hover"), {
-      class: `${t.block}-icon-hover`,
-      disabled: v.value || u.value
+    }, C = d(() => [`${b.value === "button" ? n.element("button") : n.block}`, n.modifier(`size-${_.value}`), c.class, {
+      [n.modifier("checked")]: u.value,
+      [n.modifier("disabled")]: r.value
+    }]), H = d(() => Y(c, ["class", "style", ...Object.keys(c).filter((l) => l.startsWith("aria-"))])), M = () => o(E, null, [o(K("icon-hover"), {
+      class: `${n.block}-icon-hover`,
+      disabled: r.value || u.value
     }, {
       default: () => [o("span", {
-        class: `${t.block}-icon`
+        class: `${n.block}-icon`
       }, null)]
-    }), s.default && o("span", {
-      class: t.element("label")
-    }, [s.default()])]);
+    }), m.default && o("span", {
+      class: n.element("label")
+    }, [m.default()])]);
     return () => {
       var l, a;
-      return o("label", w({
-        class: A.value,
-        style: m.style
-      }, H.value), [o("input", {
-        id: n.id,
-        ref: c,
+      return o("label", z({
+        class: C.value,
+        style: c.style
+      }, H.value), [o("input", z(I.value, {
+        ref: s,
         type: "radio",
         checked: u.value,
         "aria-checked": u.value,
-        value: n.value,
-        name: _.value,
-        class: t.element("target"),
-        disabled: v.value,
-        onClick: p,
-        onChange: D,
-        onFocus: $,
-        onBlur: j
-      }, null), b.value === "radio" ? ((a = s.radio ?? ((l = e == null ? void 0 : e.slots) == null ? void 0 : l.radio)) == null ? void 0 : a({
+        value: t.value,
+        name: $.value,
+        class: n.element("target"),
+        disabled: r.value,
+        onClick: D,
+        onChange: O,
+        onFocus: p,
+        onBlur: A
+      }), null), b.value === "radio" ? ((a = m.radio ?? ((l = e == null ? void 0 : e.slots) == null ? void 0 : l.radio)) == null ? void 0 : a({
         checked: u.value,
-        disabled: v.value
-      })) ?? I() : o("span", {
-        class: t.element("button--content")
-      }, [s.default && s.default()])]);
+        disabled: r.value
+      })) ?? M() : o("span", {
+        class: n.element("button--content")
+      }, [m.default && m.default()])]);
     };
   }
 });
 export {
-  ne as default
+  ie as default
 };