easy-component-ui 3.0.15 → 4.0.3

package/dist/components/ea-checkbox.js

@@ -1,446 +1,447 @@
-var N = Object.defineProperty;
-var z = (s) => {
-  throw TypeError(s);
+import { E as m } from "../core/EaFormAssociatedBase.ts.js";
+import { c as v } from "../utils/bem.ts.js";
+import { q as p, a as l, l as b, C as y, c as x, p as E } from "../core/decorator.js";
+import { E as g } from "../utils/Enum.ts.js";
+import { s as V } from "../css/ea-checkbox.style.js";
+import { s as A } from "../css/ea-checkbox-group.style.js";
+class S extends Event {
+  constructor(t) {
+    super("blur", {
+      bubbles: !0,
+      composed: !0
+    }), this.detail = t;
+  }
+}
+class C extends Event {
+  constructor(t) {
+    super("change", {
+      bubbles: !0,
+      cancelable: !0,
+      composed: !0
+    }), this.detail = t;
+  }
+}
+class $ extends Event {
+  constructor(t) {
+    super("focus", {
+      bubbles: !0,
+      composed: !0
+    }), this.detail = t;
+  }
+}
+var D = Object.defineProperty, I = Object.getOwnPropertyDescriptor, a = (e, t, i, o) => {
+  for (var r = o > 1 ? void 0 : o ? I(t, i) : t, u = e.length - 1, c; u >= 0; u--)
+    (c = e[u]) && (r = (o ? c(t, i, r) : c(r)) || r);
+  return o && r && D(t, i, r), r;
 };
-var T = (s, i, e) => i in s ? N(s, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[i] = e;
-var B = (s, i, e) => T(s, typeof i != "symbol" ? i + "" : i, e), R = (s, i, e) => i.has(s) || z("Cannot " + e);
-var t = (s, i, e) => (R(s, i, "read from private field"), e ? e.call(s) : i.get(s)), a = (s, i, e) => i.has(s) ? z("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(s) : i.set(s, e), o = (s, i, e, l) => (R(s, i, "write to private field"), l ? l.call(s, e) : i.set(s, e), e);
-import { F as $ } from "../core/FormBase.js";
-import { s as I } from "../css/ea-checkbox.style.js";
-import { s as F } from "../css/ea-checkbox-group.style.js";
-var h, r, x, p, n, g, f, A, V;
-class G extends $ {
+const k = "ea-checkbox", d = v(k);
+let s = class extends m {
   constructor() {
-    super();
-    /** @type {HTMLElement} */
-    a(this, h);
-    /** @type {HTMLElement} */
-    a(this, r);
-    /** @type {HTMLElement} */
-    a(this, x);
-    /** @type {HTMLElement} */
-    a(this, p);
-    /** @type {AbortController} */
-    a(this, n, new AbortController());
-    B(this, "state", this.properties({
-      size: {
-        type: ["small", "default", "large"],
-        default: "",
-        observer: (e) => {
-          this.updateContainerClasslist();
-        }
-      },
-      value: {
-        type: String,
-        default: "",
-        observer: (e) => {
-          t(this, r).value = e, t(this, g).call(this);
-        }
-      },
-      label: {
-        type: String,
-        default: "",
-        observer: (e) => {
-          t(this, p).textContent = e;
-        }
-      },
-      checked: {
-        type: Boolean,
-        default: !1,
-        observer: (e) => {
-          t(this, r).checked = e, t(this, g).call(this), this.updateContainerClasslist();
-        }
-      },
-      disabled: {
-        type: Boolean,
-        default: !1,
-        observer: (e) => {
-          t(this, r).disabled = e, this.updateContainerClasslist();
-        }
-      },
-      indeterminate: {
-        type: Boolean,
-        default: !1,
-        observer: (e) => {
-          this.updateContainerClasslist();
-        }
-      },
-      border: {
-        type: Boolean,
-        default: !1,
-        observer: (e) => {
-          this.updateContainerClasslist();
-        }
-      },
-      "limit-disabled": {
-        type: Boolean,
-        default: !1,
-        observer: (e) => {
-          t(this, r).disabled = e, this.updateContainerClasslist();
-        }
-      },
-      required: {
-        type: Boolean,
-        default: !1,
-        observer: (e) => {
-          t(this, r).toggleAttribute("required", e);
-        }
-      }
-    }));
-    /**
-     * 更新 checkbox 值
-     */
-    a(this, g, () => {
-      this.checked ? this.setValue(this.value || this.hasAttribute("checked"), "value") : this.setValue(null, "value");
-    });
-    /**
-     * 派发 change 事件
-     */
-    a(this, f, () => {
-      this.emit("change", {
-        detail: {
+    super(...arguments), this.size = "default", this.value = "", this.label = "", this.checked = !1, this.disabled = !1, this.indeterminate = !1, this.border = !1, this.limitDisabled = !1, this.required = !1, this._updateCheckboxValue = () => {
+      const e = this.value || this.hasAttribute("checked");
+      this.checked ? this.setValue(e) : this.setValue(null);
+    }, this._dispatchChangeEvent = () => {
+      this.dispatchEvent(
+        new C({
           value: this.value,
           checked: !!this.checked
-        },
-        bubbles: !0
-      });
-    });
-    /**
-     * change 事件
-     */
-    a(this, A, () => {
-      this.checked = t(this, r).checked, t(this, f).call(this);
-    });
-    /**
-     * enter 事件
-     */
-    a(this, V, (e) => {
-      e.key === "Enter" && (t(this, r).checked = !this.checked, t(this, f).call(this));
-    });
-    this.stylesheet = I, this.$render();
-  }
-  static get observedAttributes() {
-    return [
-      ...super.observedAttributes,
-      "size",
-      "value",
-      "label",
-      "name",
-      "checked",
-      "disabled",
-      "indeterminate",
-      "border",
-      "limit-disabled",
-      "required"
-    ];
+        })
+      );
+    }, this._handleChangeEvent = (e) => {
+      e.stopPropagation(), this.checked = this._original.checked, this._dispatchChangeEvent();
+    }, this._handleKeydownEvent = (e) => {
+      this.disabled || this.limitDisabled || e.key === " " && (e.preventDefault(), this._original.checked = !this.checked, this.checked = this._original.checked, this._dispatchChangeEvent());
+    }, this._handleFocusEvent = (e) => {
+      e instanceof FocusEvent && this.dispatchEvent(
+        new $({
+          value: this.value,
+          checked: this.checked
+        })
+      );
+    }, this._handleBlurEvent = (e) => {
+      e instanceof FocusEvent && this.dispatchEvent(
+        new S({
+          value: this.value,
+          checked: this.checked
+        })
+      );
+    };
   }
-  /**
-   * 获取 classlist 列表
-   * @return {string} 属性值
-   */
   updateContainerClasslist() {
-    const e = this.computedClasslist(
-      "ea-checkbox",
-      {
-        ["--" + this.size]: this.size
-      },
+    const e = d(
+      { [this.size]: !0 },
       {
         checked: this.checked,
         disabled: this.disabled,
         indeterminate: this.indeterminate,
-        "limit-disabled": this["limit-disabled"],
+        "limit-disabled": this.limitDisabled,
         border: this.border
       }
     );
-    return t(this, h).className = e, e;
+    return this._container && (this._container.className = e), e;
   }
-  $render() {
-    const e = Math.random().toString(36).substring(2, 15);
-    this.shadowRoot.innerHTML = `
-      <label class="ea-checkbox" part="container" for="${this.getAttribute("id") || e}">
-        <input id="${this.getAttribute("id") || e}" type="checkbox" class="ea-checkbox__orignal" part="orignal" />
-        <span class="ea-checkbox__inner" part="input" tabindex="1"></span>
-        <span class="ea-checkbox__label" part="label" tabindex="1">
-          <slot></slot>
+  html() {
+    const e = this.getAttribute("id") || Math.random().toString(36).substring(2, 15);
+    return `
+      <label class="${this.updateContainerClasslist()}" part="container" for="${e}">
+        <input
+          id="${e}"
+          type="checkbox"
+          class="${d.e("original")}"
+          part="original"
+          value="${this.value}"
+          ${this.checked ? "checked" : ""}
+          ${this.disabled ? "disabled" : ""}
+          ${this.required ? "required" : ""}
+        />
+        <span class="${d.e("inner")}" part="input"></span>
+        <span class="${d.e("label")}" part="label">
+          <slot>${this.label || ""}</slot>
         </span>
       </label>
-    `, o(this, h, this.shadowRoot.querySelector(".ea-checkbox")), o(this, p, this.shadowRoot.querySelector(".ea-checkbox__label")), o(this, x, this.shadowRoot.querySelector(".ea-checkbox__inner")), o(this, r, this.shadowRoot.querySelector(".ea-checkbox__orignal"));
+    `;
   }
-  connectedCallback() {
-    var e;
-    super.connectedCallback(), (e = t(this, n)) == null || e.abort(), o(this, n, new AbortController()), t(this, r).addEventListener("change", t(this, A), {
-      signal: t(this, n).signal
-    }), this.addEventListener("keydown", t(this, V), {
-      signal: t(this, n).signal
-    });
+  /** 根据 checked 和 indeterminate 更新 aria-checked 属性 */
+  _updateAriaChecked() {
+    const e = this.indeterminate ? "mixed" : String(!!this.checked);
+    this.setAttribute("aria-checked", e);
   }
-  $beforeUnmounted() {
-    var e;
-    (e = t(this, n)) == null || e.abort();
+  /** 根据 disabled 和 limitDisabled 更新 aria-disabled 属性和 tabIndex */
+  _updateAriaDisabled() {
+    const e = this.disabled || this.limitDisabled;
+    this.setAttribute("aria-disabled", String(e)), this.tabIndex = e ? -1 : 0;
+  }
+  /** 切换选中状态 */
+  toggle() {
+    this.checked = !this.checked, this._dispatchChangeEvent();
+  }
+  formResetCallback() {
+    this.checked = !1, this.setValidity({});
+  }
+  $mount() {
+    this.setAttribute("role", "checkbox"), this.tabIndex = 0, this._updateAriaChecked(), this._updateAriaDisabled(), this.updateContainerClasslist();
+  }
+  $updated() {
+    this.updateContainerClasslist();
   }
-  /**
-   * 获取验证目标元素
-   * @returns {HTMLElement}
-   */
   get validationTarget() {
-    return t(this, h);
+    return this._container;
   }
-  /**
-   * 更新表单验证状态
-   * checkbox 的验证逻辑：当 required 为 true 时，必须处于选中状态
-   */
+  /** 更新表单验证状态，required 时必须选中 */
   updateValidity() {
-    this.required && !this.checked ? this.internals.setValidity(
-      { valueMissing: !0 },
-      "请勾选此项",
-      t(this, h)
-    ) : this.internals.setValidity({}, "", t(this, h));
+    var t, i;
+    const e = this._container ?? void 0;
+    this.required && !this.checked ? (t = this.internals) == null || t.setValidity({ valueMissing: !0 }, "请勾选此项", e) : (i = this.internals) == null || i.setValidity({}, "", e);
   }
-  /**
-   * 检查表单字段的有效性
-   * @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;
   }
-}
-h = new WeakMap(), r = new WeakMap(), x = new WeakMap(), p = new WeakMap(), n = new WeakMap(), g = new WeakMap(), f = new WeakMap(), A = new WeakMap(), V = new WeakMap();
-window.customElements.get("ea-checkbox") || window.customElements.define("ea-checkbox", G);
-var u, k, m, d, y, v, w, S, E, C, c, q;
-class H extends $ {
+};
+a([
+  p(d.cb())
+], s.prototype, "_container", 2);
+a([
+  p(d.ce("original"))
+], s.prototype, "_original", 2);
+a([
+  p(d.ce("inner"))
+], s.prototype, "_innerEl", 2);
+a([
+  p(d.ce("label"))
+], s.prototype, "_labelSlot", 2);
+a([
+  l({
+    type: g(["small", "default", "large"]),
+    default: "default",
+    observer() {
+      this.updateContainerClasslist();
+    }
+  })
+], s.prototype, "size", 2);
+a([
+  l({
+    type: String,
+    default: "",
+    observer(e) {
+      this._original && (this._original.value = e), this._updateCheckboxValue();
+    }
+  })
+], s.prototype, "value", 2);
+a([
+  l({
+    type: String,
+    default: "",
+    observer(e) {
+      this._labelSlot && (this._labelSlot.textContent = e);
+    }
+  })
+], s.prototype, "label", 2);
+a([
+  l({
+    type: Boolean,
+    default: !1,
+    observer(e) {
+      this._original && (this._original.checked = e), this._updateCheckboxValue(), this.updateContainerClasslist(), this._updateAriaChecked();
+    }
+  })
+], s.prototype, "checked", 2);
+a([
+  l({
+    type: Boolean,
+    default: !1,
+    observer(e) {
+      this._original && (this._original.disabled = e), this.updateContainerClasslist(), this._updateAriaDisabled();
+    }
+  })
+], s.prototype, "disabled", 2);
+a([
+  l({
+    type: Boolean,
+    default: !1,
+    observer(e) {
+      this._original && (this._original.indeterminate = e), this.updateContainerClasslist(), this._updateAriaChecked();
+    }
+  })
+], s.prototype, "indeterminate", 2);
+a([
+  l({
+    type: Boolean,
+    default: !1,
+    observer() {
+      this.updateContainerClasslist();
+    }
+  })
+], s.prototype, "border", 2);
+a([
+  l({
+    type: Boolean,
+    default: !1,
+    observer(e) {
+      this._original && (this._original.disabled = e), this.updateContainerClasslist(), this._updateAriaDisabled();
+    }
+  })
+], s.prototype, "limitDisabled", 2);
+a([
+  l({
+    type: Boolean,
+    default: !1,
+    a11y: { ariaAttr: "aria-required", map: (e) => String(e) },
+    observer(e) {
+      this._original && this._original.toggleAttribute("required", e);
+    }
+  })
+], s.prototype, "required", 2);
+a([
+  b("change", d.ce("original"))
+], s.prototype, "_handleChangeEvent", 2);
+a([
+  b("keydown")
+], s.prototype, "_handleKeydownEvent", 2);
+a([
+  b("focus")
+], s.prototype, "_handleFocusEvent", 2);
+a([
+  b("blur")
+], s.prototype, "_handleBlurEvent", 2);
+s = a([
+  y(k, { styles: [V] })
+], s);
+var B = Object.defineProperty, q = Object.getOwnPropertyDescriptor, n = (e, t, i, o) => {
+  for (var r = o > 1 ? void 0 : o ? q(t, i) : t, u = e.length - 1, c; u >= 0; u--)
+    (c = e[u]) && (r = (o ? c(t, i, r) : c(r)) || r);
+  return o && r && B(t, i, r), r;
+};
+const f = "ea-checkbox-group", _ = v(f);
+let h = class extends m {
   constructor() {
-    super();
-    /** @type {HTMLElement} */
-    a(this, u);
-    /** @type {HTMLSlotElement} */
-    a(this, k);
-    /** @type {HTMLLabelElement} */
-    a(this, m);
-    /** @type {AbortController} */
-    a(this, d, new AbortController());
-    B(this, "state", this.properties({
-      label: {
-        type: String,
-        default: "",
-        observer: (e) => {
-          t(this, m).textContent = e;
-        }
-      },
-      name: {
-        type: String,
-        default: "",
-        observer: (e) => {
-          t(this, y).call(this);
-        }
-      },
-      value: {
-        props: !0,
-        type: Array,
-        default: [],
-        observer: (e) => {
-          t(this, v).call(this), t(this, c).call(this);
-        }
-      },
-      disabled: {
-        type: Boolean,
-        default: !1,
-        observer: (e) => {
-          this.querySelectorAll("ea-checkbox").forEach((l) => {
-            l.toggleAttribute("disabled", e);
-          });
-        }
-      },
-      min: {
-        type: Number,
-        default: 0,
-        observer: (e) => {
-          t(this, c).call(this);
-        }
-      },
-      max: {
-        type: Number,
-        default: 1 / 0,
-        observer: (e) => {
-          t(this, c).call(this);
-        }
-      },
-      size: {
-        type: ["small", "default", "large"],
-        default: "",
-        observer: (e) => {
-          t(this, q).call(this);
-        }
-      },
-      required: {
-        type: Boolean,
-        default: !1
-      }
-    }));
-    /**
-     * 更新子组件的 name 属性，因为没有限制 name 必填
-     */
-    a(this, y, () => {
-      this.querySelectorAll("ea-checkbox").forEach((e) => {
-        e.setAttribute("name", this.name);
+    super(...arguments), this.label = "", this.name = "", this.value = [], this.disabled = !1, this.min = 0, this.max = 1 / 0, this.size = "", this.required = !1, this._updateCheckboxChildrenName = () => {
+      var e;
+      (e = this._checkboxItems) == null || e.forEach((t) => {
+        t.setAttribute("name", this.name);
       });
-    });
-    /**
-     * 更新子组件的初始勾选状态
-     */
-    a(this, v, () => {
-      this.querySelectorAll("ea-checkbox").forEach((e) => {
-        const l = this.value.includes(e.getAttribute("value"));
-        e.toggleAttribute("checked", l);
+    }, this._updateCheckboxChildrenValue = () => {
+      var e;
+      (e = this._checkboxItems) == null || e.forEach((t) => {
+        const i = this.value.includes(t.getAttribute("value"));
+        t.toggleAttribute("checked", i);
       });
-    });
-    /**
-     * 更新子组件
-     * @param {Boolean} isChecked
-     * @param {any} updateValue
-     */
-    a(this, w, (e, l) => {
-      e ? this.value.some(
-        (_) => _.value === l
-      ) || this.value.push(l) : this.value = this.value.filter((b) => b !== l);
-    });
-    /**
-     * 更新子组件在带有 Min 下的禁用状态
-     */
-    a(this, S, () => {
-      this.querySelectorAll("ea-checkbox").forEach((e) => {
-        const l = e.hasAttribute("checked");
-        e.toggleAttribute("limit-disabled", l);
+    }, this._updateGroupValue = (e, t) => {
+      e ? this.value.some((o) => o === t) || this.value.push(t) : this.value = this.value.filter((i) => i !== t);
+    }, this._updateMinValueStatus = () => {
+      var e;
+      (e = this._checkboxItems) == null || e.forEach((t) => {
+        const i = t.hasAttribute("checked");
+        t.toggleAttribute("limit-disabled", i);
       });
-    });
-    /**
-     * 更新子组件在带有 Max 下的禁用状态
-     */
-    a(this, E, () => {
-      this.querySelectorAll("ea-checkbox").forEach((e) => {
-        const l = e.hasAttribute("checked");
-        e.toggleAttribute("limit-disabled", !l);
+    }, this._updateMaxValueStatus = () => {
+      var e;
+      (e = this._checkboxItems) == null || e.forEach((t) => {
+        const i = t.hasAttribute("checked");
+        t.toggleAttribute("limit-disabled", !i);
       });
-    });
-    /**
-     * 还原子组件的禁用状态
-     */
-    a(this, C, () => {
-      this.querySelectorAll("ea-checkbox").forEach((e) => {
-        e.toggleAttribute("limit-disabled", !1);
+    }, this._restoreLimitValueStatus = () => {
+      var e;
+      (e = this._checkboxItems) == null || e.forEach((t) => {
+        t.toggleAttribute("limit-disabled", !1);
       });
-    });
-    /**
-     * 更新子组件的禁用状态
-     */
-    a(this, c, () => {
-      this.value.length <= this.min ? t(this, S).call(this) : this.value.length >= this.max ? t(this, E).call(this) : this.max < 1 / 0 && this.min === 0 ? t(this, C).call(this) : t(this, C).call(this);
-    });
-    /**
-     * 更新子组件的尺寸
-     */
-    a(this, q, () => {
-      this.querySelectorAll("ea-checkbox").forEach((e) => {
-        e.setAttribute("size", this.size);
+    }, this._updateLimitStatus = () => {
+      this.value.length <= this.min ? this._updateMinValueStatus() : this.value.length >= this.max ? this._updateMaxValueStatus() : this._restoreLimitValueStatus();
+    }, this._updateChildrenSize = () => {
+      var e;
+      (e = this._checkboxItems) == null || e.forEach((t) => {
+        t.setAttribute("size", this.size);
       });
-    });
-    this.stylesheet = F, this.$render();
-  }
-  static get observedAttributes() {
-    return [
-      ...super.observedAttributes,
-      "label",
-      "name",
-      "value",
-      "disabled",
-      "min",
-      "max",
-      "size",
-      "required"
-    ];
+    }, this._handleSlotChange = () => {
+      this._updateCheckboxChildrenName(), this._updateCheckboxChildrenValue(), this._updateLimitStatus();
+    }, this._handleChange = (e) => {
+      if (!(e instanceof C)) return;
+      const { checked: t, value: i } = e.detail;
+      this._updateGroupValue(t, i), this._updateLimitStatus();
+    };
   }
-  /**
-   * 获取 classlist 列表
-   * @return {string} 属性值
-   */
   updateContainerClasslist() {
-    const e = this.computedClasslist("ea-checkbox-group", {
-      // ['--' + this.type]: this.type,
-    });
-    return t(this, u).className = e, e;
+    const e = _();
+    return this._container && (this._container.className = e), e;
   }
-  $render() {
-    this.shadowRoot.innerHTML = `
-      <label class='ea-checkbox-group__form-label' part='form-label'></label>
-      <div class='ea-checkbox-group' part='container'>
+  html() {
+    const e = `${f}-label-${Math.random().toString(36).substring(2, 15)}`;
+    return `
+      <label id="${e}" class="${_.e("form-label")}" part="form-label"></label>
+      <div class="${this.updateContainerClasslist()}" part="container" role="group" aria-labelledby="${e}">
         <slot></slot>
       </div>
-    `, o(this, m, this.shadowRoot.querySelector(
-      ".ea-checkbox-group__form-label"
-    )), o(this, u, this.shadowRoot.querySelector(".ea-checkbox-group")), o(this, k, this.shadowRoot.querySelector("slot"));
-  }
-  connectedCallback() {
-    var b;
-    super.connectedCallback(), (b = t(this, d)) == null || b.abort(), o(this, d, new AbortController()), this.name || (this.name = Math.random().toString(36).substring(2, 15));
-    const e = () => {
-      t(this, y).call(this), t(this, v).call(this), t(this, c).call(this);
-    }, l = (_) => {
-      const { checked: L, value: M } = _.detail;
-      t(this, w).call(this, L, M), t(this, c).call(this);
-    };
-    t(this, k).addEventListener("slotchange", e, {
-      signal: t(this, d).signal
-    }), this.addEventListener("change", l, {
-      signal: t(this, d).signal
-    });
+    `;
   }
-  $beforeUnmounted() {
+  formResetCallback() {
     var e;
-    (e = t(this, d)) == null || e.abort();
+    this.value = [], (e = this._checkboxItems) == null || e.forEach((t) => {
+      t.toggleAttribute("checked", !1);
+    }), this.setValidity({});
+  }
+  $mount() {
+    this.name || (this.name = Math.random().toString(36).substring(2, 15)), this.updateContainerClasslist(), this._label && this.label && (this._label.textContent = this.label), queueMicrotask(() => {
+      this._updateCheckboxChildrenName(), this._updateCheckboxChildrenValue(), this._updateLimitStatus();
+    });
   }
-  /**
-   * 获取验证目标元素
-   * 返回第一个 ea-checkbox
-   * @returns {HTMLElement}
-   */
   get validationTarget() {
-    return this.querySelector("ea-checkbox") || t(this, u);
+    var t;
+    return ((t = this._checkboxItems) == null ? void 0 : t[0]) || this._container;
   }
-  /**
-   * 更新表单验证状态
-   */
+  /** 更新表单验证状态 */
   updateValidity() {
-    const e = Array.isArray(this.value) && this.value.length > 0;
-    this.required && !e ? this.internals.setValidity(
+    var i, o;
+    const e = Array.isArray(this.value) && this.value.length > 0, t = this.validationTarget ?? void 0;
+    this.required && !e ? (i = this.internals) == null || i.setValidity(
       { valueMissing: !0 },
       "请至少选择一个选项",
-      this
-    ) : this.internals.setValidity({}, "", this);
+      t
+    ) : (o = this.internals) == null || o.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;
   }
-}
-u = new WeakMap(), k = new WeakMap(), m = new WeakMap(), d = new WeakMap(), y = new WeakMap(), v = new WeakMap(), w = new WeakMap(), S = new WeakMap(), E = new WeakMap(), C = new WeakMap(), c = new WeakMap(), q = new WeakMap();
-window.customElements.get("ea-checkbox-group") || window.customElements.define("ea-checkbox-group", H);
+};
+n([
+  p(_.cb())
+], h.prototype, "_container", 2);
+n([
+  p(_.ce("form-label"))
+], h.prototype, "_label", 2);
+n([
+  x("ea-checkbox")
+], h.prototype, "_checkboxItems", 2);
+n([
+  l({
+    type: String,
+    default: "",
+    observer(e) {
+      this._label && (this._label.textContent = e);
+    }
+  })
+], h.prototype, "label", 2);
+n([
+  l({
+    type: String,
+    default: "",
+    observer() {
+      this._updateCheckboxChildrenName();
+    }
+  })
+], h.prototype, "name", 2);
+n([
+  E({
+    type: Array,
+    default: [],
+    observer() {
+      this._updateCheckboxChildrenValue(), this._updateLimitStatus();
+    }
+  })
+], h.prototype, "value", 2);
+n([
+  l({
+    type: Boolean,
+    default: !1,
+    observer(e) {
+      var t;
+      (t = this._checkboxItems) == null || t.forEach((i) => {
+        i.toggleAttribute("disabled", e);
+      });
+    }
+  })
+], h.prototype, "disabled", 2);
+n([
+  l({
+    type: Number,
+    default: 0,
+    observer() {
+      this._updateLimitStatus();
+    }
+  })
+], h.prototype, "min", 2);
+n([
+  l({
+    type: Number,
+    default: 1 / 0,
+    observer() {
+      this._updateLimitStatus();
+    }
+  })
+], h.prototype, "max", 2);
+n([
+  l({
+    type: g(["", "small", "default", "large"]),
+    default: "",
+    observer() {
+      this._updateChildrenSize();
+    }
+  })
+], h.prototype, "size", 2);
+n([
+  l({
+    type: Boolean,
+    default: !1
+  })
+], h.prototype, "required", 2);
+n([
+  b("slotchange", "shadowRoot")
+], h.prototype, "_handleSlotChange", 2);
+n([
+  b("change", void 0, { capture: !0 })
+], h.prototype, "_handleChange", 2);
+h = n([
+  y(f, { styles: [A] })
+], h);
 export {
-  G as EaCheckbox,
-  H as EaCheckboxGroup
+  s as EaCheckbox,
+  h as EaCheckboxGroup
 };