easy-component-ui 3.0.15 → 4.0.3

package/dist/components/ea-radio.js

@@ -1,364 +1,438 @@
-var V = Object.defineProperty;
-var _ = (s) => {
-  throw TypeError(s);
+import { E as y } from "../core/EaFormAssociatedBase.ts.js";
+import { c as m } from "../utils/bem.ts.js";
+import { q as b, a as d, l as p, C as g, c as A } from "../core/decorator.js";
+import { E as C } from "../utils/Enum.ts.js";
+import { s as k } from "../css/ea-radio.style.js";
+import { s as V } from "../css/ea-radio-group.style.js";
+class f extends Event {
+  constructor(t) {
+    super("change", {
+      bubbles: !0,
+      cancelable: !0,
+      composed: !0
+    }), this.detail = t;
+  }
+}
+class R extends Event {
+  constructor(t) {
+    super("focus", {
+      bubbles: !0,
+      composed: !0
+    }), this.detail = t;
+  }
+}
+class w extends Event {
+  constructor(t) {
+    super("blur", {
+      bubbles: !0,
+      composed: !0
+    }), this.detail = t;
+  }
+}
+var $ = Object.defineProperty, I = Object.getOwnPropertyDescriptor, n = (e, t, a, s) => {
+  for (var i = s > 1 ? void 0 : s ? I(t, a) : t, u = e.length - 1, c; u >= 0; u--)
+    (c = e[u]) && (i = (s ? c(t, a, i) : c(i)) || i);
+  return s && i && $(t, a, i), i;
 };
-var z = (s, i, e) => i in s ? V(s, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[i] = e;
-var E = (s, i, e) => z(s, typeof i != "symbol" ? i + "" : i, e), k = (s, i, e) => i.has(s) || _("Cannot " + e);
-var t = (s, i, e) => (k(s, i, "read from private field"), e ? e.call(s) : i.get(s)), r = (s, i, e) => i.has(s) ? _("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(s) : i.set(s, e), l = (s, i, e, a) => (k(s, i, "write to private field"), a ? a.call(s, e) : i.set(s, e), e);
-import { F as q } from "../core/FormBase.js";
-import { s as $ } from "../css/ea-radio.style.js";
-import { E as w } from "../utils/Variables.js";
-import { s as B } from "../css/ea-radio-group.style.js";
-var b, u, p, o, h, S;
-class G extends q {
+const _ = "ea-radio", h = m(_);
+let S = 0, r = class extends y {
   constructor() {
-    super();
-    /** @type {HTMLElement} */
-    r(this, b);
-    /** @type {HTMLElement} */
-    r(this, u);
-    /** @type {HTMLElement} */
-    r(this, p);
-    /** @type {HTMLInputElement} */
-    r(this, o);
-    /** @type {AbortController} */
-    r(this, h);
-    E(this, "state", this.properties({
-      size: {
-        type: w,
-        default: "",
-        observer: () => {
-          this.updateContainerClasslist();
-        }
-      },
-      checked: {
-        type: Boolean,
-        default: !1,
-        observer: (e) => {
-          t(this, u).toggleAttribute("checked", e), t(this, o).checked = e, e ? this.setValue(this.value) : this.removeValue(), this.updateContainerClasslist();
-        }
-      },
-      name: {
-        type: String,
-        default: "",
-        observer: (e) => {
-          t(this, u).setAttribute("for", e), t(this, o).setAttribute("id", e), t(this, o).setAttribute("name", e);
-        }
-      },
-      value: {
-        type: String,
-        default: "",
-        observer: (e) => {
-          t(this, o).setAttribute("value", e);
-        }
-      },
-      disabled: {
-        type: Boolean,
-        default: !1,
-        observer: (e) => {
-          t(this, o).disabled = e, this.updateContainerClasslist();
-        }
-      },
-      border: {
-        type: Boolean,
-        default: !1,
-        observer: () => {
-          this.updateContainerClasslist();
-        }
-      },
-      label: {
-        type: String,
-        default: "",
-        observer: (e) => {
-          t(this, p).textContent = e;
-        }
-      }
-    }));
-    /**
-     * radio change 事件
-     * @param {Event} e
-     */
-    r(this, S, (e) => {
-      e.stopImmediatePropagation(), this.closest("ea-radio-group") || document.querySelectorAll(
-        `ea-radio[name="${this.name}"]`
-      ).forEach((n) => {
-        n.toggleAttribute("checked", n === this);
-      }), this.emit("change", {
-        detail: {
-          value: this.value
-        },
-        bubbles: !0
-      });
-    });
-    this.stylesheet = $, this.$render();
-  }
-  static get observedAttributes() {
-    return [
-      ...super.observedAttributes,
-      "size",
-      "checked",
-      "name",
-      "value",
-      "disabled",
-      "border",
-      "label"
-    ];
+    super(...arguments), this._isFocus = !1, this.size = "default", this.value = "", this.label = "", this.checked = !1, this.disabled = !1, this.border = !1, this._dispatchChangeEvent = () => {
+      this.dispatchEvent(
+        new f({
+          value: this.value,
+          checked: !!this.checked
+        })
+      );
+    }, this._handleChangeEvent = (e) => {
+      e.stopPropagation(), this.checked = this._original.checked, this._dispatchChangeEvent();
+    }, this._handleFocusEvent = (e) => {
+      this._isFocus = !0, this.updateContainerClasslist(), this.dispatchEvent(
+        new R({
+          value: this.value,
+          checked: !!this.checked
+        })
+      );
+    }, this._handleBlurEvent = (e) => {
+      this._isFocus = !1, this.updateContainerClasslist(), this.dispatchEvent(
+        new w({
+          value: this.value,
+          checked: !!this.checked
+        })
+      );
+    }, this._handleKeydownEvent = (e) => {
+      this.disabled || this.limitDisabled || (e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.checked = !0, this._dispatchChangeEvent());
+    };
   }
-  /**
-   * 获取 classlist 列表
-   * @return {string} 属性值
-   */
   updateContainerClasslist() {
-    const e = this.computedClasslist(
-      "ea-radio",
-      {
-        [`--${this.size}`]: this.size
-      },
+    const e = h(
+      { [this.size]: !0 },
       {
         checked: this.checked,
         disabled: this.disabled,
-        border: this.border
+        border: this.border,
+        focus: this._isFocus
       }
     );
-    return t(this, b).className = e, e;
+    return this._container && (this._container.className = e), e;
   }
-  $render() {
-    this.shadowRoot.innerHTML = `
-      <label class="ea-radio" part="container" role="radio">
-        <span class="ea-radio__input" part="input-wrap">
-          <span class="ea-radio__inner" part="input"></span>
-          <input class="ea-radio__original" type="radio" />
+  html() {
+    return `
+      <label class="${this.updateContainerClasslist()}" part="container">
+        <span class="${h.e("input")}" part="input-wrap">
+          <span class="${h.e("inner")}" part="input" tabindex="0"></span>
+          <input class="${h.e("original")}" type="radio" part="original"
+            name="${this.name || ""}"
+            value="${this.value || ""}"
+            ${this.checked ? "checked" : ""}
+            ${this.disabled ? "disabled" : ""} />
         </span>
-        <span class="ea-radio__label" part="label-wrap">
-          <slot></slot>
+        <span class="${h.e("label")}" part="label">
+          <slot>${this.label || ""}</slot>
         </span>
       </label>
-    `, l(this, b, this.shadowRoot.querySelector(".ea-radio")), l(this, u, this.shadowRoot.querySelector(".ea-radio__label")), l(this, p, this.shadowRoot.querySelector(".ea-radio__label slot")), l(this, o, this.shadowRoot.querySelector(".ea-radio__original"));
+    `;
   }
-  connectedCallback() {
+  /** 获取焦点 */
+  focus() {
     var e;
-    super.connectedCallback(), (e = t(this, h)) == null || e.abort(), l(this, h, new AbortController()), this.name || this.setAttribute("name", Math.random().toString(36).substring(2, 15)), t(this, o).addEventListener("change", t(this, S), {
-      signal: t(this, h).signal
-    });
+    (e = this._innerEl) == null || e.focus();
   }
-  $beforeUnmounted() {
+  /** 失去焦点 */
+  blur() {
     var e;
-    (e = t(this, h)) == null || e.abort();
+    (e = this._innerEl) == null || e.blur();
+  }
+  formResetCallback() {
+    this.checked = !1, this.setValidity({});
+  }
+  $mount() {
+    this.setAttribute("role", "radio"), this.id || (this.id = `${_}-${++S}`), this.updateContainerClasslist();
+  }
+  $updated() {
+    this.updateContainerClasslist();
   }
-  /**
-   * 获取验证目标元素
-   * @returns {HTMLInputElement}
-   */
   get validationTarget() {
-    return t(this, o);
+    return this._container;
+  }
+  /** 更新表单验证状态，required 时必须选中 */
+  updateValidity() {
+    var t, a;
+    const e = this._container ?? void 0;
+    this.required && !this.checked ? (t = this.internals) == null || t.setValidity(
+      { valueMissing: !0 },
+      "请选择一个选项",
+      e
+    ) : (a = this.internals) == null || a.setValidity({}, "", e);
   }
-  /**
-   * 检查表单字段的有效性
-   * @returns {boolean} 如果字段有效返回 true，否则返回 false
-   */
   checkValidity() {
-    return t(this, o).checkValidity();
+    var e, t;
+    return this.updateValidity(), ((t = (e = this.internals) == null ? void 0 : e.validity) == null ? void 0 : t.valid) ?? !0;
   }
-  /**
-   * 报告表单字段的有效性（显示验证提示）
-   * @returns {boolean} 如果字段有效返回 true，否则返回 false
-   */
   reportValidity() {
-    return t(this, o).reportValidity();
+    var e;
+    return this.updateValidity(), ((e = this.internals) == null ? void 0 : e.reportValidity()) ?? !0;
   }
-}
-b = new WeakMap(), u = new WeakMap(), p = new WeakMap(), o = new WeakMap(), h = new WeakMap(), S = new WeakMap();
-window.customElements.get("ea-radio") || window.customElements.define("ea-radio", G);
-var c, g, f, d, m, y, v, C, A;
-class x extends q {
+};
+n([
+  b(h.cb())
+], r.prototype, "_container", 2);
+n([
+  b(h.ce("original"))
+], r.prototype, "_original", 2);
+n([
+  b(h.ce("inner"))
+], r.prototype, "_innerEl", 2);
+n([
+  b(h.ce("label"))
+], r.prototype, "_labelSlot", 2);
+n([
+  d({
+    type: C(["small", "default", "large"]),
+    default: "default",
+    observer() {
+      this.updateContainerClasslist();
+    }
+  })
+], r.prototype, "size", 2);
+n([
+  d({
+    type: String,
+    default: "",
+    observer(e) {
+      this._original && (this._original.value = e);
+    }
+  })
+], r.prototype, "value", 2);
+n([
+  d({
+    type: String,
+    default: "",
+    observer(e) {
+      this._labelSlot && (this._labelSlot.textContent = e);
+    }
+  })
+], r.prototype, "label", 2);
+n([
+  d({
+    type: Boolean,
+    default: !1,
+    a11y: { ariaAttr: "aria-checked", map: (e) => String(!!e) },
+    observer(e) {
+      this._original && (this._original.checked = e), e ? this.setValue(this.value) : this.removeValue(), this.updateContainerClasslist();
+    }
+  })
+], r.prototype, "checked", 2);
+n([
+  d({
+    type: Boolean,
+    default: !1,
+    a11y: { ariaAttr: "aria-disabled", map: (e) => String(e) },
+    observer(e) {
+      this._original && (this._original.disabled = e), this.updateContainerClasslist();
+    }
+  })
+], r.prototype, "disabled", 2);
+n([
+  d({
+    type: Boolean,
+    default: !1,
+    observer() {
+      this.updateContainerClasslist();
+    }
+  })
+], r.prototype, "border", 2);
+n([
+  p("change", h.ce("original"))
+], r.prototype, "_handleChangeEvent", 2);
+n([
+  p("focus", h.ce("inner"))
+], r.prototype, "_handleFocusEvent", 2);
+n([
+  p("blur", h.ce("inner"))
+], r.prototype, "_handleBlurEvent", 2);
+n([
+  p("keydown")
+], r.prototype, "_handleKeydownEvent", 2);
+r = n([
+  g(_, { styles: [k] })
+], r);
+var x = Object.defineProperty, B = Object.getOwnPropertyDescriptor, o = (e, t, a, s) => {
+  for (var i = s > 1 ? void 0 : s ? B(t, a) : t, u = e.length - 1, c; u >= 0; u--)
+    (c = e[u]) && (i = (s ? c(t, a, i) : c(i)) || i);
+  return s && i && x(t, a, i), i;
+};
+const E = "ea-radio-group", v = m(E);
+let l = class extends y {
   constructor() {
-    super();
-    /** @type {HTMLElement} */
-    r(this, c);
-    /** @type {HTMLSlotElement} */
-    r(this, g);
-    /** @type {HTMLLabelElement} */
-    r(this, f);
-    /** @type {AbortController} */
-    r(this, d);
-    E(this, "state", this.properties({
-      label: {
-        type: String,
-        default: "",
-        observer: (e) => {
-          t(this, f).textContent = e;
-        }
-      },
-      name: {
-        type: String,
-        default: "",
-        observer: () => {
-          t(this, m).call(this);
-        }
-      },
-      value: {
-        type: String,
-        default: "",
-        observer: (e) => {
-          t(this, y).call(this, e), this.setValue(e);
-        }
-      },
-      border: {
-        type: Boolean,
-        default: !1,
-        observer: (e) => {
-          t(this, v).call(this, e);
-        }
-      },
-      disabled: {
-        type: Boolean,
-        default: !1,
-        observer: (e) => {
-          t(this, C).call(this, e);
-        }
-      },
-      size: {
-        type: w,
-        default: "default",
-        observer: (e) => {
-          t(this, A).call(this, e);
-        }
-      },
-      required: {
-        type: Boolean,
-        default: !1
-      }
-    }));
-    /**
-     * 更新 radios name 属性
-     */
-    r(this, m, () => {
-      this.querySelectorAll("ea-radio").forEach((e) => {
-        e.setAttribute("name", this.name);
-      });
-    });
-    /**
-     * 更新当前选项
-     * @param {any} currentValue
-     */
-    r(this, y, (e) => {
-      this.querySelectorAll("ea-radio").forEach((a) => {
-        const n = a.getAttribute("value");
-        a.toggleAttribute("checked", e === n);
+    super(...arguments), this.label = "", this.name = "", this.value = "", this.disabled = !1, this.size = "", this.border = !1, this.required = !1, this._updateRadioChildrenName = () => {
+      var e;
+      (e = this._radioItems) == null || e.forEach((t) => {
+        t.setAttribute("name", this.name);
       });
-    });
-    /**
-     * 更新 radios border 属性
-     * @param {Boolean} isBorder
-     */
-    r(this, v, (e) => {
-      this.querySelectorAll("ea-radio").forEach((a) => {
-        a.toggleAttribute("border", e);
+    }, this._updateRadioChildrenValue = () => {
+      var e;
+      (e = this._radioItems) == null || e.forEach((t) => {
+        const a = t.getAttribute("value");
+        t.toggleAttribute("checked", this.value === a);
       });
-    });
-    /**
-     * 更新 radios disabled 属性
-     * @param {Boolean} isDisabled
-     */
-    r(this, C, (e) => {
-      this.querySelectorAll("ea-radio").forEach((a) => {
-        a.toggleAttribute("disabled", e);
-      });
-    });
-    /**
-     * 批量更新 radios size 属性
-     * @param {'large' | 'default' | 'small'} size
-     */
-    r(this, A, (e) => {
-      this.querySelectorAll("ea-radio").forEach((a) => {
-        a.getAttribute("size") || a.setAttribute("size", e);
-      });
-    });
-    this.stylesheet = B, this.$render();
-  }
-  static get observedAttributes() {
-    return [
-      ...super.observedAttributes,
-      "label",
-      "name",
-      "value",
-      "border",
-      "disabled",
-      "size",
-      "required"
-    ];
+    }, this._updateChildrenSize = () => {
+      var e;
+      this.size && ((e = this._radioItems) == null || e.forEach((t) => {
+        t.getAttribute("size") || t.setAttribute("size", this.size);
+      }));
+    }, this._handleSlotChange = () => {
+      this._updateRadioChildrenName(), this._updateRadioChildrenValue(), this._updateActiveDescendant();
+    }, this._handleChange = (e) => {
+      if (!(e instanceof f)) return;
+      const { value: t } = e.detail;
+      this.value = t;
+    }, this._handleKeydown = (e) => {
+      const t = this._getEnabledRadios();
+      if (!t.length) return;
+      const a = t.findIndex(
+        (i) => i.hasAttribute("checked")
+      );
+      let s = a;
+      switch (e.key) {
+        case "ArrowRight":
+        case "ArrowDown":
+          e.preventDefault(), s = a < t.length - 1 ? a + 1 : 0;
+          break;
+        case "ArrowLeft":
+        case "ArrowUp":
+          e.preventDefault(), s = a > 0 ? a - 1 : t.length - 1;
+          break;
+        case " ":
+          if (e.preventDefault(), a < 0 && t[0]) {
+            const i = t[0].getAttribute("value") || "";
+            this.value = i, this.dispatchEvent(
+              new f({ value: i, checked: !0 })
+            );
+          }
+          return;
+        default:
+          return;
+      }
+      if (s !== a && t[s]) {
+        const i = t[s].getAttribute("value") || "";
+        this.value = i, this.dispatchEvent(
+          new f({ value: i, checked: !0 })
+        );
+      }
+    };
   }
-  /**
-   * 获取 classlist 列表
-   * @return {string} 属性值
-   */
   updateContainerClasslist() {
-    return this.computedClasslist("ea-radio-group", {});
+    const e = v();
+    return this._container && (this._container.className = e), e;
   }
-  $render() {
-    this.shadowRoot.innerHTML = `
-      <label class='ea-radio-group__form-label' part='form-label'></label>
-      <div class='ea-radio-group' part='container' role='radiogroup'>
+  html() {
+    return `
+      <div class="${this.updateContainerClasslist()}" part="container">
+        <label class="${v.e("form-label")}" part="form-label"></label>
         <slot></slot>
       </div>
-    `, l(this, f, this.shadowRoot.querySelector(".ea-radio-group__form-label")), l(this, c, this.shadowRoot.querySelector(".ea-radio-group")), l(this, g, t(this, c).querySelector("slot"));
+    `;
   }
-  connectedCallback() {
-    var n;
-    super.connectedCallback(), (n = t(this, d)) == null || n.abort(), l(this, d, new AbortController());
-    const e = (R) => {
-      this.value = R.detail.value;
-    }, a = () => {
-      t(this, y).call(this, this.value), this.name && t(this, m).call(this), this.border && t(this, v).call(this, this.border), this.disabled && t(this, C).call(this, this.disabled), this.size && t(this, A).call(this, this.size);
-    };
-    this.addEventListener("change", e, {
-      signal: t(this, d).signal
-    }), t(this, g).addEventListener("slotchange", a, {
-      signal: t(this, d).signal
-    });
+  /** 获取非禁用的 radio 列表 */
+  _getEnabledRadios() {
+    return Array.from(this._radioItems || []).filter(
+      (e) => !e.hasAttribute("disabled")
+    );
+  }
+  /** 更新 aria-activedescendant 指向当前选中或第一个 radio */
+  _updateActiveDescendant() {
+    const e = this._radioItems;
+    if (!e || !e.length) return;
+    const a = Array.from(e).find(
+      (s) => s.hasAttribute("checked")
+    ) || e[0];
+    a != null && a.id && this.setAttribute("aria-activedescendant", a.id);
   }
-  $beforeUnmounted() {
+  formResetCallback() {
     var e;
-    (e = t(this, d)) == null || e.abort();
+    this.value = "", (e = this._radioItems) == null || e.forEach((t) => {
+      t.toggleAttribute("checked", !1);
+    }), this.setValidity({});
+  }
+  $mount() {
+    this.setAttribute("role", "radiogroup"), this.tabIndex = 0, this.name || (this.name = Math.random().toString(36).substring(2, 15)), this.updateContainerClasslist(), this._label && this.label && (this._label.textContent = this.label), queueMicrotask(() => {
+      this._updateRadioChildrenName(), this._updateRadioChildrenValue(), this._updateActiveDescendant();
+    });
   }
-  /**
-   * 获取验证目标元素
-   * 返回当前选中的 ea-radio，如果没有选中则返回第一个 ea-radio
-   * @returns {HTMLElement}
-   */
   get validationTarget() {
-    const e = this.querySelector("ea-radio[checked]");
-    return e || this.querySelector("ea-radio") || t(this, c);
+    var t;
+    return (this._radioItems ? Array.from(this._radioItems).find((a) => a.hasAttribute("checked")) : null) || ((t = this._radioItems) == null ? void 0 : t[0]) || this._container;
   }
-  /**
-   * 更新表单验证状态
-   */
+  /** 更新表单验证状态 */
   updateValidity() {
-    const e = this.value !== "" && this.value != null;
-    this.required && !e ? this.internals.setValidity(
+    var a, s;
+    const e = this.value !== "" && this.value != null, t = this.validationTarget ?? void 0;
+    this.required && !e ? (a = this.internals) == null || a.setValidity(
       { valueMissing: !0 },
       "请选择一个选项",
-      this
-    ) : this.internals.setValidity({}, "", this);
+      t
+    ) : (s = this.internals) == null || s.setValidity({}, "", t);
   }
-  /**
-   * 检查表单字段的有效性
-   * @returns {boolean}
-   */
   checkValidity() {
-    return this.updateValidity(), this.internals.validity.valid;
+    var e, t;
+    return this.updateValidity(), ((t = (e = this.internals) == null ? void 0 : e.validity) == null ? void 0 : t.valid) ?? !0;
   }
-  /**
-   * 报告表单字段的有效性（显示验证提示）
-   * @returns {boolean}
-   */
   reportValidity() {
-    return this.updateValidity(), this.internals.reportValidity();
+    var e;
+    return this.updateValidity(), ((e = this.internals) == null ? void 0 : e.reportValidity()) ?? !0;
   }
-}
-c = new WeakMap(), g = new WeakMap(), f = new WeakMap(), d = new WeakMap(), m = new WeakMap(), y = new WeakMap(), v = new WeakMap(), C = new WeakMap(), A = new WeakMap();
-window.customElements.get("ea-radio-group") || window.customElements.define("ea-radio-group", x);
+};
+o([
+  b(v.cb())
+], l.prototype, "_container", 2);
+o([
+  b(v.ce("form-label"))
+], l.prototype, "_label", 2);
+o([
+  A("ea-radio")
+], l.prototype, "_radioItems", 2);
+o([
+  d({
+    type: String,
+    default: "",
+    a11y: { ariaAttr: "aria-label", map: (e) => e || null },
+    observer(e) {
+      this._label && (this._label.textContent = e);
+    }
+  })
+], l.prototype, "label", 2);
+o([
+  d({
+    type: String,
+    default: "",
+    observer() {
+      this._updateRadioChildrenName();
+    }
+  })
+], l.prototype, "name", 2);
+o([
+  d({
+    type: String,
+    default: "",
+    observer() {
+      this._updateRadioChildrenValue(), this.setValue(this.value), this._updateActiveDescendant();
+    }
+  })
+], l.prototype, "value", 2);
+o([
+  d({
+    type: Boolean,
+    default: !1,
+    observer(e) {
+      var t;
+      (t = this._radioItems) == null || t.forEach((a) => {
+        a.toggleAttribute("disabled", e);
+      });
+    }
+  })
+], l.prototype, "disabled", 2);
+o([
+  d({
+    type: C(["", "small", "default", "large"]),
+    default: "",
+    observer() {
+      this._updateChildrenSize();
+    }
+  })
+], l.prototype, "size", 2);
+o([
+  d({
+    type: Boolean,
+    default: !1,
+    observer(e) {
+      var t;
+      (t = this._radioItems) == null || t.forEach((a) => {
+        a.toggleAttribute("border", e);
+      });
+    }
+  })
+], l.prototype, "border", 2);
+o([
+  d({
+    type: Boolean,
+    default: !1,
+    a11y: { ariaAttr: "aria-required" }
+  })
+], l.prototype, "required", 2);
+o([
+  p("slotchange", "shadowRoot")
+], l.prototype, "_handleSlotChange", 2);
+o([
+  p("change", void 0, { capture: !0 })
+], l.prototype, "_handleChange", 2);
+o([
+  p("keydown")
+], l.prototype, "_handleKeydown", 2);
+l = o([
+  g(E, { styles: [V] })
+], l);
 export {
-  G as EaRadio,
-  x as EaRadioGroup
+  r as EaRadio,
+  l as EaRadioGroup
 };