easy-component-ui 3.0.13 → 3.0.15

package/dist/components/ea-input.js

@@ -13,7 +13,7 @@ class U extends Event {
     super("ea-clear", { bubbles: !0, cancelable: !0, composed: !0 }), this.detail = o;
   }
 }
-var g, C, _, w, y, i, R, b, m, p, x, S, v, u, l, d, r, P, O, E, A, q, z, L, H, f;
+var g, C, _, w, m, i, R, b, y, p, x, S, v, u, l, d, r, P, O, E, A, q, z, L, H, f;
 class G extends I {
   constructor() {
     super();
@@ -26,7 +26,7 @@ class G extends I {
     /** @type {HTMLElement} */
     a(this, w);
     /** @type {HTMLElement} */
-    a(this, y);
+    a(this, m);
     /** @type {HTMLInputElement | HTMLTextAreaElement} */
     a(this, i);
     /** @type {HTMLElement} */
@@ -34,7 +34,7 @@ class G extends I {
     /** @type {HTMLElement} */
     a(this, b);
     /** @type {HTMLElement} */
-    a(this, m);
+    a(this, y);
     /** @type {HTMLElement} */
     a(this, p);
     /** @type {HTMLElement} */
@@ -137,16 +137,16 @@ class G extends I {
       },
       maxlength: {
         type: Number,
-        default: 0,
+        default: void 0,
         observer: async (t) => {
-          await e(this, r).isOriginalRenderedPromise, e(this, i).maxLength = t;
+          await e(this, r).isOriginalRenderedPromise, this.hasAttribute("maxlength") && (e(this, i).maxLength = t);
         }
       },
       minlength: {
         type: Number,
-        default: 0,
+        default: void 0,
         observer: async (t) => {
-          await e(this, r).isOriginalRenderedPromise, e(this, i).minLength = t;
+          await e(this, r).isOriginalRenderedPromise, this.hasAttribute("minlength") && (e(this, i).minLength = t);
         }
       },
       clearable: {
@@ -154,7 +154,7 @@ class G extends I {
         default: !1,
         observer: (t) => {
           var s;
-          (s = e(this, l).clearableController) == null || s.abort(), this.updateContainerClasslist(), t && (e(this, l).clearableController = new AbortController(), e(this, m).addEventListener(
+          (s = e(this, l).clearableController) == null || s.abort(), this.updateContainerClasslist(), t && (e(this, l).clearableController = new AbortController(), e(this, y).addEventListener(
             "click",
             e(this, z),
             {
@@ -167,7 +167,7 @@ class G extends I {
         type: String,
         default: "xmark",
         observer: (t) => {
-          this.clearable && e(this, m).setAttribute("name", t);
+          this.clearable && e(this, y).setAttribute("name", t);
         }
       },
       disabled: {
@@ -349,7 +349,7 @@ class G extends I {
      */
     a(this, P, (t) => {
       const s = this.id || Math.random().toString(36).substring(2, 7), c = t === "textarea" ? `<textarea id="${s}" class="ea-input__original" part="original"></textarea>` : `<input id="${s}" class="ea-input__original" type="${t}" part="original" />`;
-      e(this, y).innerHTML = c, h(this, i, e(this, y).querySelector(".ea-input__original")), e(this, i).value = this.value, e(this, d).isOriginalRendered = !0;
+      e(this, m).innerHTML = c, h(this, i, e(this, m).querySelector(".ea-input__original")), e(this, i).value = this.value, e(this, d).isOriginalRendered = !0;
     });
     /**
      * 输入框内容发生改变时触发
@@ -510,9 +510,9 @@ class G extends I {
       </div>
     `, h(this, g, this.shadowRoot.querySelector(".ea-input")), h(this, v, this.shadowRoot.querySelector(".ea-input__form-label")), h(this, C, this.shadowRoot.querySelector(".ea-input__prepend")), h(this, _, this.shadowRoot.querySelector(".ea-input__inner")), h(this, w, this.shadowRoot.querySelector(
       ".ea-input__prefix slot[name='prefix']"
-    )), h(this, y, this.shadowRoot.querySelector(
+    )), h(this, m, this.shadowRoot.querySelector(
       ".ea-input__original-wrapper"
-    )), h(this, R, this.shadowRoot.querySelector(".ea-input__suffix")), h(this, b, this.shadowRoot.querySelector(".ea-input__suffix-icon")), h(this, m, this.shadowRoot.querySelector(".ea-input__clear-icon")), h(this, p, this.shadowRoot.querySelector(
+    )), h(this, R, this.shadowRoot.querySelector(".ea-input__suffix")), h(this, b, this.shadowRoot.querySelector(".ea-input__suffix-icon")), h(this, y, this.shadowRoot.querySelector(".ea-input__clear-icon")), h(this, p, this.shadowRoot.querySelector(
       ".ea-input__show-password-icon"
     )), h(this, x, this.shadowRoot.querySelector(".ea-input__word-count")), h(this, S, this.shadowRoot.querySelector(".ea-input__append"));
   }
@@ -581,7 +581,7 @@ class G extends I {
     return this.updateValidity(), this.internals.reportValidity();
   }
 }
-g = new WeakMap(), C = new WeakMap(), _ = new WeakMap(), w = new WeakMap(), y = new WeakMap(), i = new WeakMap(), R = new WeakMap(), b = new WeakMap(), m = new WeakMap(), p = new WeakMap(), x = new WeakMap(), S = new WeakMap(), v = new WeakMap(), u = new WeakMap(), l = new WeakMap(), d = new WeakMap(), r = new WeakMap(), P = new WeakMap(), O = new WeakMap(), E = new WeakMap(), A = new WeakMap(), q = new WeakMap(), z = new WeakMap(), L = new WeakMap(), H = new WeakMap(), f = new WeakMap();
+g = new WeakMap(), C = new WeakMap(), _ = new WeakMap(), w = new WeakMap(), m = new WeakMap(), i = new WeakMap(), R = new WeakMap(), b = new WeakMap(), y = new WeakMap(), p = new WeakMap(), x = new WeakMap(), S = new WeakMap(), v = new WeakMap(), u = new WeakMap(), l = new WeakMap(), d = new WeakMap(), r = new WeakMap(), P = new WeakMap(), O = new WeakMap(), E = new WeakMap(), A = new WeakMap(), q = new WeakMap(), z = new WeakMap(), L = new WeakMap(), H = new WeakMap(), f = new WeakMap();
 window.customElements.get("ea-input") || window.customElements.define("ea-input", G);
 export {
   G as EaInput

package/dist/components/ea-message.js

@@ -85,7 +85,6 @@ class j extends B {
         }
       },
       placement: {
-        props: !0,
         type: [
           "top",
           "top-left",

package/dist/components/ea-table.js

@@ -190,7 +190,7 @@ class Nt extends Event {
     super("ea-template-cell-click", { bubbles: !0, composed: !0 }), this.detail = r;
   }
 }
-var f, T, w, H, I, F, g, k, h, B, K, D, P, W, j, U, $, z, L, G, J, O, Q, V, X, Y, Z, tt, et;
+var f, T, w, H, I, F, g, k, h, B, K, $, P, W, j, U, M, z, L, G, J, O, Q, V, X, Y, Z, tt, et;
 class Ht extends rt {
   constructor() {
     super();
@@ -384,17 +384,19 @@ class Ht extends rt {
       for (const a in e(this, k))
         (u = e(this, k)[a]) == null || u.abort(), e(this, k)[a] = new AbortController();
       if (e(this, h).isDataRendered = !1, e(this, w).innerHTML = "", e(this, h).dataSource = /* @__PURE__ */ new WeakMap(), e(this, h).originData = t, l.forEach((a) => {
-        var v;
+        var A;
         const b = n, { template: m } = a, d = document.createElement("td");
-        if (d.part = "tbody-td", d.className = "ea-table__td", d.classList.toggle("is-fixed", a.fixed), d.classList.toggle(`fixed-${a.fixed}`, a.fixed), d.classList.toggle(
+        d.part = "tbody-td", d.className = "ea-table__td";
+        const v = a.fixed && a.fixed !== "false";
+        if (d.classList.toggle("is-fixed", v), d.classList.toggle(`fixed-${a.fixed}`, v), d.classList.toggle(
           `ea-table__cell--align-${a.align}`,
           a.align
         ), a.width && d.style.setProperty("--ea-table-cell-width", a.width), m) {
-          const A = m.content.cloneNode(!0);
-          A.querySelectorAll("*").forEach((nt) => {
+          const D = m.content.cloneNode(!0);
+          D.querySelectorAll("*").forEach((nt) => {
             nt.setAttribute("data-template-cell", "");
-          }), d.appendChild(A);
-        } else a.type ? d.innerHTML = (v = c[a.type]) == null ? void 0 : v.call(c) : d.setAttribute("data-scope", a.prop);
+          }), d.appendChild(D);
+        } else a.type ? d.innerHTML = (A = c[a.type]) == null ? void 0 : A.call(c) : d.setAttribute("data-scope", a.prop);
         b.appendChild(d);
       }), t.forEach((a, b) => {
         const m = n.cloneNode(!0);
@@ -409,7 +411,7 @@ class Ht extends rt {
           d.textContent = this.indexMethod(b);
         }
         m.querySelectorAll("[data-scope]").forEach((d) => {
-          const v = d.getAttribute("data-scope"), A = l.find((N) => N.prop === v);
+          const v = d.getAttribute("data-scope"), A = l.find((D) => D.prop === v);
           A ? d.textContent = a[A.prop] : v in a && (d.textContent = a[v]);
         }), s.appendChild(m), e(this, h).dataSource.set(m, a), a && typeof a == "object" && e(this, h).dataIndex.set(a, m);
       }), this["show-summary"] && typeof this.summaryMethod == "function") {
@@ -482,7 +484,7 @@ class Ht extends rt {
       const i = e(this, h).dataIndex.get(t);
       if (!i) return;
       const c = `ea-checkbox[data-type="selection"]${n ? "" : ":not([disabled])"}`, u = i.querySelector(c);
-      u && (s ? u.toggleAttribute("checked", s) : u.toggleAttribute("checked", !u.checked), e(this, P).call(this), e(this, $).call(this));
+      u && (s ? u.toggleAttribute("checked", s) : u.toggleAttribute("checked", !u.checked), e(this, P).call(this), e(this, M).call(this));
     });
     /**
      * 清空选择
@@ -492,13 +494,13 @@ class Ht extends rt {
         ...e(this, f).querySelectorAll('ea-checkbox[data-type="selection"]')
       ].forEach((s) => {
         s.removeAttribute("checked"), s.removeAttribute("indeterminate");
-      }), e(this, $).call(this);
+      }), e(this, M).call(this);
     });
     /**
      * 获取当前选中的行
      * @returns {any[]}
      */
-    p(this, D, () => [
+    p(this, $, () => [
       ...e(this, w).querySelectorAll(
         'ea-checkbox[data-type="selection"][checked]'
       )
@@ -534,8 +536,8 @@ class Ht extends rt {
         const m = [];
         for (let d = 0; d < a.length; d += b.length)
           m.push(a.slice(d, d + b.length));
-        return m.reduce((d, v) => (v.forEach((A, N) => {
-          d[N] = [...d[N], A];
+        return m.reduce((d, v) => (v.forEach((A, D) => {
+          d[D] = [...d[D], A];
         }), d), Array(b.length).fill([]));
       }, i = (a) => {
         if (!a.length) return;
@@ -577,8 +579,8 @@ class Ht extends rt {
     /**
      * 派发选择改变事件
      */
-    p(this, $, () => {
-      const t = e(this, D).call(this);
+    p(this, M, () => {
+      const t = e(this, $).call(this);
       this.dispatchEvent(
         new gt({
           newSelection: t
@@ -811,17 +813,17 @@ class Ht extends rt {
         t.target.toggleAttribute("checked", t.target.hasAttribute("checked")), l.forEach((c) => {
           c.hasAttribute("disabled") || c.toggleAttribute("checked", s);
         });
-        const i = e(this, D).call(this);
+        const i = e(this, $).call(this);
         this.dispatchEvent(new mt({ selection: i }));
       } else {
-        const l = e(this, D).call(this), i = e(this, h).dataSource.get(
+        const l = e(this, $).call(this), i = e(this, h).dataSource.get(
           t.target.closest('.ea-table__tr[part="tbody-tr"]')
         );
         e(this, P).call(this), this.dispatchEvent(
           new ft({ selection: l, row: i })
         );
       }
-      e(this, $).call(this);
+      e(this, M).call(this);
     });
     this.stylesheet = ht, this.shadowRoot.innerHTML = this.html(`
       <slot id='defaultSlot' part='default-slot'></slot>
@@ -922,9 +924,9 @@ class Ht extends rt {
       e(this, h)[s] = null;
   }
 }
-f = new WeakMap(), T = new WeakMap(), w = new WeakMap(), H = new WeakMap(), I = new WeakMap(), F = new WeakMap(), g = new WeakMap(), k = new WeakMap(), h = new WeakMap(), B = new WeakMap(), K = new WeakMap(), D = new WeakMap(), P = new WeakMap(), W = new WeakMap(), j = new WeakMap(), U = new WeakMap(), $ = new WeakMap(), z = new WeakMap(), L = new WeakMap(), G = new WeakMap(), J = new WeakMap(), O = new WeakMap(), Q = new WeakMap(), V = new WeakMap(), X = new WeakMap(), Y = new WeakMap(), Z = new WeakMap(), tt = new WeakMap(), et = new WeakMap();
+f = new WeakMap(), T = new WeakMap(), w = new WeakMap(), H = new WeakMap(), I = new WeakMap(), F = new WeakMap(), g = new WeakMap(), k = new WeakMap(), h = new WeakMap(), B = new WeakMap(), K = new WeakMap(), $ = new WeakMap(), P = new WeakMap(), W = new WeakMap(), j = new WeakMap(), U = new WeakMap(), M = new WeakMap(), z = new WeakMap(), L = new WeakMap(), G = new WeakMap(), J = new WeakMap(), O = new WeakMap(), Q = new WeakMap(), V = new WeakMap(), X = new WeakMap(), Y = new WeakMap(), Z = new WeakMap(), tt = new WeakMap(), et = new WeakMap();
 window.customElements.get("ea-table") || window.customElements.define("ea-table", Ht);
-var R, q, M, st, y, _, lt;
+var R, q, N, st, y, _, lt;
 class It extends rt {
   constructor() {
     super();
@@ -987,9 +989,9 @@ class It extends rt {
       fixed: {
         type: ["left", "right", "false"],
         default: () => {
-          if (!this.hasAttribute("fixed")) return null;
+          if (!this.hasAttribute("fixed")) return "false";
           const t = this.getAttribute("fixed");
-          return t === "false" || t === "null" || t === "" ? "left" : t || "left";
+          return t === "false" || t === "null" ? "false" : t === "" ? "left" : t || "left";
         },
         observer: () => {
           S(this, y, _).call(this);
@@ -1034,12 +1036,12 @@ class It extends rt {
             prop: this.prop,
             type: this.type,
             colspan: this.colspan,
-            rowspan: c ? 1 : e(this, st).call(this, t) - e(this, M).call(this, this, t) + 1,
+            rowspan: c ? 1 : e(this, st).call(this, t) - e(this, N).call(this, this, t) + 1,
             align: this.align,
             width: this.width,
             sortable: this.sortable,
             fixed: this.fixed,
-            depth: e(this, M).call(this, this, t),
+            depth: e(this, N).call(this, this, t),
             props: [...this.attributes].filter(
               (u) => !i.includes(u.name)
             ),
@@ -1058,7 +1060,7 @@ class It extends rt {
      * @param {import("../ea-table/index.js").EaTable} root
      * @returns {number}
      */
-    p(this, M, (t, s) => {
+    p(this, N, (t, s) => {
       let n = 0;
       for (; t !== s; )
         t = t.parentElement, n++;
@@ -1072,7 +1074,7 @@ class It extends rt {
     p(this, st, (t) => {
       let s = 0;
       return t.querySelectorAll("ea-table-column").forEach((n) => {
-        s = Math.max(s, e(this, M).call(this, n, t));
+        s = Math.max(s, e(this, N).call(this, n, t));
       }), s;
     });
     this.stylesheet = dt, this.$render();
@@ -1108,7 +1110,7 @@ class It extends rt {
     e(this, q) && (e(this, q).disconnect(), C(this, q, null));
   }
 }
-R = new WeakMap(), q = new WeakMap(), M = new WeakMap(), st = new WeakMap(), y = new WeakSet(), /**
+R = new WeakMap(), q = new WeakMap(), N = new WeakMap(), st = new WeakMap(), y = new WeakSet(), /**
  * 通知父组件更新
  */
 _ = function() {

package/dist/components/ea-tabs.js

@@ -10,7 +10,7 @@ import { s as X } from "../css/ea-tab.style.js";
 import { s as Y } from "../css/ea-tabs.style.js";
 import { t as G } from "../utils/timeout.js";
 import { s as Z } from "../css/ea-tab-panel.style.js";
-var d, f, _, S, p, x;
+var d, v, _, S, p, x;
 class V extends U {
   constructor() {
     super();
@@ -32,7 +32,7 @@ class V extends U {
         type: ["", "card", "border-card"],
         default: () => {
           var t;
-          return ((t = e(this, d, f)) == null ? void 0 : t.getAttribute("type")) || "";
+          return ((t = e(this, d, v)) == null ? void 0 : t.getAttribute("type")) || "";
         },
         observer: () => {
           this.updateContainerClasslist();
@@ -56,7 +56,7 @@ class V extends U {
         type: ["", "card", "border-card"],
         default: () => {
           var t;
-          return ((t = e(this, d, f)) == null ? void 0 : t.getAttribute("tab-position")) || "top";
+          return ((t = e(this, d, v)) == null ? void 0 : t.getAttribute("tab-position")) || "top";
         },
         observer: () => {
           this.updateContainerClasslist();
@@ -109,13 +109,13 @@ class V extends U {
    */
   updateContainerClasslist() {
     var l, n, c;
-    let t = (l = e(this, d, f)) == null ? void 0 : l.querySelectorAll("ea-tab");
+    let t = (l = e(this, d, v)) == null ? void 0 : l.querySelectorAll("ea-tab");
     t = (t == null ? void 0 : t.length) > 0 ? [...t] : [];
     const s = this.computedClasslist(
       "ea-tab",
       {
-        ["--" + this.type]: this.type === ((n = e(this, d, f)) == null ? void 0 : n.getAttribute("type")) || "",
-        ["--" + this["tab-position"]]: this["tab-position"] === ((c = e(this, d, f)) == null ? void 0 : c.getAttribute("tab-position")) || "top"
+        ["--" + this.type]: this.type === ((n = e(this, d, v)) == null ? void 0 : n.getAttribute("type")) || "",
+        ["--" + this["tab-position"]]: this["tab-position"] === ((c = e(this, d, v)) == null ? void 0 : c.getAttribute("tab-position")) || "top"
       },
       {
         disabled: this.disabled,
@@ -145,7 +145,7 @@ class V extends U {
     e(this, p).abort();
   }
 }
-d = new WeakSet(), f = function() {
+d = new WeakSet(), v = function() {
   try {
     return this.closest("ea-tabs");
   } catch {
@@ -153,7 +153,7 @@ d = new WeakSet(), f = function() {
   }
 }, _ = new WeakMap(), S = new WeakMap(), p = new WeakMap(), x = new WeakMap();
 window.customElements.get("ea-tab") || window.customElements.define("ea-tab", V);
-var E, u, v, r, m, g, L, k, y, b, C, $, N, A, B, H, w, P, I, W, O;
+var E, u, f, r, m, g, L, k, y, b, C, $, N, A, B, H, w, P, I, W, O;
 class tt extends U {
   constructor() {
     super();
@@ -162,7 +162,7 @@ class tt extends U {
     /** @type {HTMLElement} */
     a(this, u);
     /** @type {HTMLElement} */
-    a(this, v);
+    a(this, f);
     /** @type {HTMLElement} */
     a(this, r);
     /** @type {HTMLSlotElement} */
@@ -281,7 +281,7 @@ class tt extends U {
      * @param {"top" | "bottom" | "left" | "right"} tabPosition
      */
     a(this, H, (t = this["tab-position"]) => {
-      t === "left" || t === "right" ? (e(this, u).setAttribute("name", "arrow-left"), e(this, v).setAttribute("name", "arrow-right")) : (t === "top" || t === "bottom") && (e(this, u).setAttribute("name", "arrow-up"), e(this, v).setAttribute("name", "arrow-down"));
+      t === "left" || t === "right" ? (e(this, u).setAttribute("name", "arrow-left"), e(this, f).setAttribute("name", "arrow-right")) : (t === "top" || t === "bottom") && (e(this, u).setAttribute("name", "arrow-up"), e(this, f).setAttribute("name", "arrow-down"));
     });
     /**
      * 当 tab slot 内容变化时触发
@@ -297,7 +297,9 @@ class tt extends U {
       }), e(this, A).call(this, this.active), e(this, B).call(this, this.editable), this.updateContainerClasslist(), G(() => {
         const s = [...this.querySelectorAll("ea-tab")].find(
           (n) => n.hasAttribute("active")
-        ), l = s.getBoundingClientRect();
+        );
+        if (!s) return;
+        const l = s.getBoundingClientRect();
         e(this, r).scrollTo({
           left: s.offsetLeft + l.width,
           top: s.offsetTop + l.height,
@@ -397,7 +399,7 @@ class tt extends U {
           <slot></slot>
         </main>
       </div>
-    `, h(this, E, this.shadowRoot.querySelector(".ea-tabs")), h(this, u, this.shadowRoot.querySelector(".ea-tabs__prev")), h(this, v, this.shadowRoot.querySelector(".ea-tabs__next")), h(this, r, this.shadowRoot.querySelector(".ea-tabs__nav")), h(this, m, this.shadowRoot.querySelector(
+    `, h(this, E, this.shadowRoot.querySelector(".ea-tabs")), h(this, u, this.shadowRoot.querySelector(".ea-tabs__prev")), h(this, f, this.shadowRoot.querySelector(".ea-tabs__next")), h(this, r, this.shadowRoot.querySelector(".ea-tabs__nav")), h(this, m, this.shadowRoot.querySelector(
       ".ea-tabs__nav > slot[name=nav]"
     )), h(this, g, this.shadowRoot.querySelector(".ea-tabs__line")), h(this, L, this.shadowRoot.querySelector(".ea-tabs__indicator")), h(this, k, this.shadowRoot.querySelector(".ea-tabs__content")), h(this, y, this.shadowRoot.querySelector(
       ".ea-tabs__content > slot"
@@ -413,7 +415,7 @@ class tt extends U {
       signal: e(this, b).signal
     }), e(this, u).addEventListener("click", e(this, I), {
       signal: e(this, b).signal
-    }), e(this, v).addEventListener("click", e(this, W), {
+    }), e(this, f).addEventListener("click", e(this, W), {
       signal: e(this, b).signal
     }), this.addEventListener("ea-tab-close-icon-click", e(this, O), {
       signal: e(this, b).signal
@@ -428,7 +430,7 @@ class tt extends U {
     (t = e(this, b)) == null || t.abort(), (s = e(this, C)) == null || s.unobserve();
   }
 }
-E = new WeakMap(), u = new WeakMap(), v = new WeakMap(), r = new WeakMap(), m = new WeakMap(), g = new WeakMap(), L = new WeakMap(), k = new WeakMap(), y = new WeakMap(), b = new WeakMap(), C = new WeakMap(), $ = new WeakMap(), N = new WeakMap(), A = new WeakMap(), B = new WeakMap(), H = new WeakMap(), w = new WeakMap(), P = new WeakMap(), I = new WeakMap(), W = new WeakMap(), O = new WeakMap();
+E = new WeakMap(), u = new WeakMap(), f = new WeakMap(), r = new WeakMap(), m = new WeakMap(), g = new WeakMap(), L = new WeakMap(), k = new WeakMap(), y = new WeakMap(), b = new WeakMap(), C = new WeakMap(), $ = new WeakMap(), N = new WeakMap(), A = new WeakMap(), B = new WeakMap(), H = new WeakMap(), w = new WeakMap(), P = new WeakMap(), I = new WeakMap(), W = new WeakMap(), O = new WeakMap();
 window.customElements.get("ea-tabs") || window.customElements.define("ea-tabs", tt);
 var z, J, R, M;
 class et extends U {

package/dist/core/FormBase.js

@@ -1,13 +1,13 @@
-var y = Object.defineProperty;
-var o = (i) => {
+var m = Object.defineProperty;
+var d = (i) => {
   throw TypeError(i);
 };
-var g = (i, e, t) => e in i ? y(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
-var r = (i, e, t) => g(i, typeof e != "symbol" ? e + "" : e, t), u = (i, e, t) => e.has(i) || o("Cannot " + t);
-var n = (i, e, t) => (u(i, e, "read from private field"), t ? t.call(i) : e.get(i)), h = (i, e, t) => e.has(i) ? o("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(i) : e.set(i, t), v = (i, e, t, a) => (u(i, e, "write to private field"), a ? a.call(i, t) : e.set(i, t), t);
-import { B as f } from "../components/Base.js";
+var v = (i, e, t) => e in i ? m(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var r = (i, e, t) => v(i, typeof e != "symbol" ? e + "" : e, t), u = (i, e, t) => e.has(i) || d("Cannot " + t);
+var n = (i, e, t) => (u(i, e, "read from private field"), t ? t.call(i) : e.get(i)), h = (i, e, t) => e.has(i) ? d("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(i) : e.set(i, t), f = (i, e, t, a) => (u(i, e, "write to private field"), a ? a.call(i, t) : e.set(i, t), t);
+import { B as g } from "../components/Base.js";
 var l;
-class p extends f {
+class p extends g {
   constructor() {
     super();
     /** @type {AbortController} */
@@ -101,10 +101,10 @@ class p extends f {
     }));
     r(this, "getForm", () => this.internals.form);
     r(this, "setValue", (t) => {
-      this.internals.setFormValue(t);
+      this.internals && typeof this.internals.setFormValue == "function" && this.internals.setFormValue(t);
     });
     r(this, "removeValue", () => {
-      this.internals.setFormValue(null);
+      this.internals && typeof this.internals.setFormValue == "function" && this.internals.setFormValue(null);
     });
     this.internals = this.attachInternals();
   }
@@ -149,7 +149,7 @@ class p extends f {
         this.setValidity(
           a,
           this["validation-message"] || t.validationMessage
-        ), this.internals.reportValidity();
+        ), this.internals && typeof this.internals.reportValidity == "function" && this.internals.reportValidity();
       }
   }
   /**
@@ -176,26 +176,26 @@ class p extends f {
    * @param {object} flags - 验证状态标志
    */
   setValidity(t = {}, a = "") {
-    var d;
-    const s = Object.values(t).some((m) => m === !0);
-    a ? t.customError = !0 : s && (a = ((d = this.validationTarget) == null ? void 0 : d.validationMessage) || ""), this.internals.setValidity(t, a, this.validationTarget);
+    var o;
+    const s = Object.values(t).some((y) => y === !0);
+    a ? t.customError = !0 : s && (a = ((o = this.validationTarget) == null ? void 0 : o.validationMessage) || ""), this.internals && typeof this.internals.setValidity == "function" && this.internals.setValidity(t, a, this.validationTarget);
   }
   /**
    * 设置自定义验证错误消息
    * @param {string} message - 自定义错误消息，空字符串表示清除错误
    */
   setCustomValidity(t) {
-    this.tagName !== "EA-BUTTON" && (this.validationTarget && this.validationTarget !== this && typeof this.validationTarget.setCustomValidity == "function" && this.validationTarget.setCustomValidity(t), t ? this.internals.setValidity(
+    this.tagName !== "EA-BUTTON" && (this.validationTarget && this.validationTarget !== this && typeof this.validationTarget.setCustomValidity == "function" && this.validationTarget.setCustomValidity(t), this.internals && typeof this.internals.setValidity == "function" && (t ? this.internals.setValidity(
       { customError: !0 },
       t,
       this.validationTarget
-    ) : this.internals.setValidity({}, "", this.validationTarget));
+    ) : this.internals.setValidity({}, "", this.validationTarget)));
   }
   /**
    * 重置自定义验证错误消息
    */
   resetCustomValidity() {
-    this.internals.setValidity({}, "", this.validationTarget), this.validationTarget && this.validationTarget !== this && typeof this.validationTarget.setCustomValidity == "function" && this.validationTarget.setCustomValidity("");
+    this.internals && typeof this.internals.setValidity == "function" && this.internals.setValidity({}, "", this.validationTarget), this.validationTarget && this.validationTarget !== this && typeof this.validationTarget.setCustomValidity == "function" && this.validationTarget.setCustomValidity("");
   }
   connectedCallback() {
     super.connectedCallback();
@@ -210,7 +210,7 @@ class p extends f {
    */
   formAssociatedCallback(t) {
     var a;
-    t && ((a = n(this, l)) == null || a.abort(), v(this, l, new AbortController()), t.addEventListener(
+    t && ((a = n(this, l)) == null || a.abort(), f(this, l, new AbortController()), t.addEventListener(
       "submit",
       (s) => {
         this.setCustomValidity(""), this.updateValidity(), !this.checkValidity() && this.tagName !== "EA-BUTTON" && (s.preventDefault(), s.stopImmediatePropagation(), this.reportValidity());

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "easy-component-ui",
-  "version": "3.0.13",
+  "version": "3.0.15",
   "description": "使用 WebComponent 编写的原生组件库",
   "main": "dist/components/index.js",
   "module": "dist/components/index.js",
@@ -18,6 +18,9 @@
     "preview:doc": "set VITEPRESS_BASE=___EMPTY___&& xcopy .\\docs\\index.css .\\docs\\.vitepress\\public\\index.css /y >nul && vitepress build docs && xcopy .\\docs\\.vitepress\\public .\\docs\\.vitepress\\dist /s /e /y >nul && vitepress preview docs",
     "preview": "vite preview",
     "deploy": "gh-pages -d docs/.vitepress/dist",
+    "test": "vitest",
+    "test:run": "vitest run",
+    "test:coverage": "vitest run --coverage",
     "lint": "eslint . --ext .js",
     "lint:fix": "eslint . --ext .js --fix",
     "format": "prettier --write \"**/*.{js,json,scss,css,md}\"",
@@ -77,6 +80,7 @@
     "@commitlint/config-conventional": "^20.2.0",
     "@eslint/js": "^9.39.2",
     "@types/node": "^24.0.14",
+    "@vitest/coverage-v8": "^4.1.0",
     "commitizen": "^4.3.1",
     "cz-conventional-changelog": "^3.3.0",
     "eslint": "^9.39.2",
@@ -87,6 +91,7 @@
     "gh-pages": "^6.1.1",
     "globals": "^16.5.0",
     "husky": "^9.1.7",
+    "jsdom": "^29.0.1",
     "nanoid": "^5.0.7",
     "prettier": "^3.7.4",
     "rollup-plugin-visualizer": "^6.0.3",
@@ -95,7 +100,8 @@
     "scss": "^0.2.4",
     "scss-loader": "^0.0.1",
     "vite": "^5.4.1",
-    "vitepress": "^1.2.0"
+    "vitepress": "^1.2.0",
+    "vitest": "^4.1.0"
   },
   "dependencies": {
     "@fortawesome/fontawesome-free": "^7.2.0",