easy-component-ui 3.0.11 → 3.0.13

package/dist/components/ea-tabs.js

@@ -4,7 +4,7 @@ var j = (i) => {
 };
 var Q = (i, o, t) => o in i ? K(i, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[o] = t;
 var q = (i, o, t) => Q(i, typeof o != "symbol" ? o + "" : o, t), F = (i, o, t) => o.has(i) || j("Cannot " + t);
-var e = (i, o, t) => (F(i, o, "read from private field"), t ? t.call(i) : o.get(i)), a = (i, o, t) => o.has(i) ? j("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(i) : o.set(i, t), c = (i, o, t, s) => (F(i, o, "write to private field"), s ? s.call(i, t) : o.set(i, t), t);
+var e = (i, o, t) => (F(i, o, "read from private field"), t ? t.call(i) : o.get(i)), a = (i, o, t) => o.has(i) ? j("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(i) : o.set(i, t), h = (i, o, t, s) => (F(i, o, "write to private field"), s ? s.call(i, t) : o.set(i, t), t);
 import { B as U } from "./Base.js";
 import { s as X } from "../css/ea-tab.style.js";
 import { s as Y } from "../css/ea-tabs.style.js";
@@ -108,14 +108,14 @@ class V extends U {
    * @return {string} 属性值
    */
   updateContainerClasslist() {
-    var l, n, h;
+    var l, n, c;
     let t = (l = e(this, d, f)) == 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"] === ((h = e(this, d, f)) == null ? void 0 : h.getAttribute("tab-position")) || "top"
+        ["--" + this["tab-position"]]: this["tab-position"] === ((c = e(this, d, f)) == null ? void 0 : c.getAttribute("tab-position")) || "top"
       },
       {
         disabled: this.disabled,
@@ -131,13 +131,13 @@ class V extends U {
     this.shadowRoot.innerHTML = `
       <div class='ea-tab' part='container'>
         <slot></slot>
-        <ea-icon class="ea-tab__close-icon" icon="icon-cancel" part="close-icon"></ea-icon>
+        <ea-icon class="ea-tab__close-icon" name="xmark" part="close-icon"></ea-icon>
       </div>
-    `, c(this, _, this.shadowRoot.querySelector(".ea-tab")), c(this, S, this.shadowRoot.querySelector(".ea-tab__close-icon")), this.updateContainerClasslist();
+    `, h(this, _, this.shadowRoot.querySelector(".ea-tab")), h(this, S, this.shadowRoot.querySelector(".ea-tab__close-icon")), this.updateContainerClasslist();
   }
   connectedCallback() {
     var t;
-    super.connectedCallback(), (t = e(this, p)) == null || t.abort(), c(this, p, new AbortController()), e(this, S).addEventListener("click", e(this, x), {
+    super.connectedCallback(), (t = e(this, p)) == null || t.abort(), h(this, p, new AbortController()), e(this, S).addEventListener("click", e(this, x), {
       signal: e(this, p).signal
     });
   }
@@ -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, g, m, L, $, y, b, C, k, N, A, B, H, w, P, I, W, O;
+var E, u, v, r, m, g, L, k, y, b, C, $, N, A, B, H, w, P, I, W, O;
 class tt extends U {
   constructor() {
     super();
@@ -166,13 +166,13 @@ class tt extends U {
     /** @type {HTMLElement} */
     a(this, r);
     /** @type {HTMLSlotElement} */
-    a(this, g);
-    /** @type {HTMLElement} */
     a(this, m);
     /** @type {HTMLElement} */
+    a(this, g);
+    /** @type {HTMLElement} */
     a(this, L);
     /** @type {HTMLElement} */
-    a(this, $);
+    a(this, k);
     /** @type {HTMLSlotElement} */
     a(this, y);
     /** @type {AbortController} */
@@ -210,7 +210,7 @@ class tt extends U {
         type: ["top", "bottom", "left", "right"],
         default: "top",
         observer: (t) => {
-          this.updateContainerClasslist(), e(this, H).call(this, t), e(this, A).call(this, this.active), [...e(this, g).assignedElements()].filter(
+          this.updateContainerClasslist(), e(this, H).call(this, t), e(this, A).call(this, this.active), [...e(this, m).assignedElements()].filter(
             (s) => s.tagName.toLowerCase() === "ea-tab-panel" || s.tagName.toLowerCase() === "ea-tab"
           ).forEach((s) => s.setAttribute("tab-position", t));
         }
@@ -228,14 +228,14 @@ class tt extends U {
      * @param {HTMLElement} lineEl
      * @param {HTMLElement} tabPosition
      */
-    a(this, k, (t, s = e(this, m), l = this["tab-position"]) => {
-      const n = l === "top" || l === "bottom", h = t.getBoundingClientRect(), T = s.getBoundingClientRect();
+    a(this, $, (t, s = e(this, g), l = this["tab-position"]) => {
+      const n = l === "top" || l === "bottom", c = t.getBoundingClientRect(), T = s.getBoundingClientRect();
       this.style.setProperty(
         "--ea-tabs-indicator-size",
         `${n ? t.offsetWidth : t.offsetHeight}px`
       ), this.style.setProperty(
         "--ea-tabs-indicator-x",
-        `${n ? h.x - T.x : h.y - T.y}px`
+        `${n ? c.x - T.x : c.y - T.y}px`
       );
     });
     /**
@@ -244,7 +244,7 @@ class tt extends U {
      * @param {HTMLElement} [lineEl]
      * @param {HTMLElement} [tabPosition]
      */
-    a(this, N, (t, s = e(this, m), l = this["tab-position"]) => {
+    a(this, N, (t, s = e(this, g), l = this["tab-position"]) => {
       const n = t.getBoundingClientRect();
       e(this, r).scrollTo({
         left: t.offsetLeft + n.width,
@@ -259,8 +259,8 @@ class tt extends U {
     a(this, A, (t = this.active) => {
       const s = [...this.querySelectorAll("ea-tab-panel")];
       [...this.querySelectorAll("ea-tab")].forEach((n) => {
-        const h = n.getAttribute("panel") === t;
-        n.toggleAttribute("active", h), h && this.type === "" && e(this, k).call(this, n), h && e(this, N).call(this, n);
+        const c = n.getAttribute("panel") === t;
+        n.toggleAttribute("active", c), c && this.type === "" && e(this, $).call(this, n), c && e(this, N).call(this, n);
       }), s.forEach((n) => {
         n.toggleAttribute(
           "active",
@@ -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("icon", "icon-arrow-left"), e(this, v).setAttribute("icon", "icon-arrow-right")) : (t === "top" || t === "bottom") && (e(this, u).setAttribute("icon", "icon-arrow-up"), e(this, v).setAttribute("icon", "icon-arrow-down"));
+      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"));
     });
     /**
      * 当 tab slot 内容变化时触发
@@ -347,7 +347,7 @@ class tt extends U {
      */
     a(this, O, (t) => {
       t.preventDefault(), t.stopImmediatePropagation();
-      const s = t.detail.panel, l = [...this.querySelectorAll("ea-tab")], n = t.target, h = l.indexOf(n), T = this.querySelector(`ea-tab-panel[name="${s}"]`), D = [...this.querySelectorAll("ea-tab")][h - 1 < 0 ? 0 : h - 1].getAttribute("panel");
+      const s = t.detail.panel, l = [...this.querySelectorAll("ea-tab")], n = t.target, c = l.indexOf(n), T = this.querySelector(`ea-tab-panel[name="${s}"]`), D = [...this.querySelectorAll("ea-tab")][c - 1 < 0 ? 0 : c - 1].getAttribute("panel");
       this.setAttribute("active", D), T.remove(), n.remove(), this.emit("tab-remove", {
         detail: {
           name: D
@@ -386,9 +386,9 @@ class tt extends U {
     this.shadowRoot.innerHTML = `
       <div class='ea-tabs' part='container'>
         <nav class='ea-tabs__nav' part='nav'>
-            <ea-icon icon="icon-angle-left" class="ea-tabs__prev ea-tabs__scroll" part='prev'></ea-icon>
+            <ea-icon name="angle-left" class="ea-tabs__prev ea-tabs__scroll" part='prev'></ea-icon>
             <slot name='nav'></slot>
-            <ea-icon icon="icon-angle-right" class="ea-tabs__next ea-tabs__scroll" part='next'></ea-icon>
+            <ea-icon name="angle-right" class="ea-tabs__next ea-tabs__scroll" part='next'></ea-icon>
         </nav>
         <div class="ea-tabs__line" part="line" tabindex="-1">
             <span class="ea-tabs__indicator" part="indicator"></span>
@@ -397,17 +397,17 @@ class tt extends U {
           <slot></slot>
         </main>
       </div>
-    `, c(this, E, this.shadowRoot.querySelector(".ea-tabs")), c(this, u, this.shadowRoot.querySelector(".ea-tabs__prev")), c(this, v, this.shadowRoot.querySelector(".ea-tabs__next")), c(this, r, this.shadowRoot.querySelector(".ea-tabs__nav")), c(this, g, this.shadowRoot.querySelector(
+    `, 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(
       ".ea-tabs__nav > slot[name=nav]"
-    )), c(this, m, this.shadowRoot.querySelector(".ea-tabs__line")), c(this, L, this.shadowRoot.querySelector(".ea-tabs__indicator")), c(this, $, this.shadowRoot.querySelector(".ea-tabs__content")), c(this, y, this.shadowRoot.querySelector(
+    )), 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"
     )), e(this, w).call(this);
   }
   connectedCallback() {
     var t, s;
-    super.connectedCallback(), (t = e(this, b)) == null || t.abort(), c(this, b, new AbortController()), (s = e(this, C)) == null || s.unobserve(), e(this, r).addEventListener("click", e(this, P), {
+    super.connectedCallback(), (t = e(this, b)) == null || t.abort(), h(this, b, new AbortController()), (s = e(this, C)) == null || s.unobserve(), e(this, r).addEventListener("click", e(this, P), {
       signal: e(this, b).signal
-    }), e(this, g).addEventListener("slotchange", e(this, w), {
+    }), e(this, m).addEventListener("slotchange", e(this, w), {
       signal: e(this, b).signal
     }), e(this, y).addEventListener("slotchange", e(this, w), {
       signal: e(this, b).signal
@@ -417,7 +417,7 @@ class tt extends U {
       signal: e(this, b).signal
     }), this.addEventListener("ea-tab-close-icon-click", e(this, O), {
       signal: e(this, b).signal
-    }), c(this, C, new ResizeObserver(() => {
+    }), h(this, C, new ResizeObserver(() => {
       this.updateContainerClasslist();
     }).observe(e(this, r))), G(() => {
       this.updateContainerClasslist();
@@ -428,7 +428,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(), g = new WeakMap(), m = new WeakMap(), L = new WeakMap(), $ = new WeakMap(), y = new WeakMap(), b = new WeakMap(), C = new WeakMap(), k = 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(), 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();
 window.customElements.get("ea-tabs") || window.customElements.define("ea-tabs", tt);
 var z, J, R, M;
 class et extends U {
@@ -477,7 +477,7 @@ class et extends U {
       <div class='ea-tab-panel' part='container'>
         <slot></slot>
       </div>
-    `, c(this, R, this.shadowRoot.querySelector(".ea-tab-panel"));
+    `, h(this, R, this.shadowRoot.querySelector(".ea-tab-panel"));
   }
   connectedCallback() {
     super.connectedCallback();

package/dist/components/ea-tag.js

@@ -1,23 +1,23 @@
-var v = Object.defineProperty;
+var C = Object.defineProperty;
 var f = (t) => {
   throw TypeError(t);
 };
-var y = (t, s, e) => s in t ? v(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
+var y = (t, s, e) => s in t ? C(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
 var b = (t, s, e) => y(t, typeof s != "symbol" ? s + "" : s, e), m = (t, s, e) => s.has(t) || f("Cannot " + e);
-var a = (t, s, e) => (m(t, s, "read from private field"), e ? e.call(t) : s.get(t)), i = (t, s, e) => s.has(t) ? f("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(t) : s.set(t, e), l = (t, s, e, h) => (m(t, s, "write to private field"), h ? h.call(t, e) : s.set(t, e), e);
-import { B as C } from "./Base.js";
-import { c as g, a as w } from "../utils/Variables.js";
-import { s as k } from "../css/ea-check-tag.style.js";
-import { s as E } from "../css/ea-tag.style.js";
-import { E as A } from "../utils/Utils.js";
+var a = (t, s, e) => (m(t, s, "read from private field"), e ? e.call(t) : s.get(t)), o = (t, s, e) => s.has(t) ? f("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(t) : s.set(t, e), l = (t, s, e, h) => (m(t, s, "write to private field"), h ? h.call(t, e) : s.set(t, e), e);
+import { B as g } from "./Base.js";
+import { s as v } from "../css/ea-check-tag.style.js";
+import { s as k } from "../css/ea-tag.style.js";
+import { c as w } from "../utils/Variables.js";
+import { E } from "../utils/Utils.js";
 var c, r, u;
-class T extends C {
+class A extends g {
   constructor() {
     super();
     /** @type {HTMLElement} */
-    i(this, c);
+    o(this, c);
     /** @type {AbortController} */
-    i(this, r);
+    o(this, r);
     b(this, "state", this.properties({
       checked: {
         type: Boolean,
@@ -34,7 +34,7 @@ class T extends C {
         }
       },
       type: {
-        type: g,
+        type: ["primary", "info", "success", "warning", "danger"],
         default: "primary",
         observer: (e) => {
           this.updateContainerClasslist();
@@ -44,10 +44,10 @@ class T extends C {
     /**
      * 点击切换选中状态
      */
-    i(this, u, () => {
+    o(this, u, () => {
       this.disabled || (this.checked = !this.checked, this.emit("change", { detail: { checked: this.checked } }));
     });
-    this.stylesheet = k, this.$render();
+    this.stylesheet = v, this.$render();
   }
   static get observedAttributes() {
     return [...super.observedAttributes, "checked", "disabled", "type"];
@@ -87,8 +87,8 @@ class T extends C {
   }
 }
 c = new WeakMap(), r = new WeakMap(), u = new WeakMap();
-window.customElements.get("ea-check-tag") || window.customElements.define("ea-check-tag", T);
-class $ extends Event {
+window.customElements.get("ea-check-tag") || window.customElements.define("ea-check-tag", A);
+class S extends Event {
   constructor(s) {
     super("ea-remove", {
       bubbles: !0,
@@ -96,19 +96,19 @@ class $ extends Event {
     }), this.detail = s;
   }
 }
-var o, d, n, p;
-class B extends C {
+var i, d, n, p;
+class $ extends g {
   constructor() {
     super();
     /** @type {HTMLElement} */
-    i(this, o);
+    o(this, i);
     /** @type {HTMLElement | null} */
-    i(this, d);
+    o(this, d);
     /** @type {AbortController} */
-    i(this, n);
+    o(this, n);
     b(this, "state", this.properties({
       type: {
-        type: g,
+        type: ["primary", "info", "success", "warning", "danger"],
         default: "primary",
         observer: (e) => {
           this.updateContainerClasslist();
@@ -130,21 +130,14 @@ class B extends C {
         observer: (e) => {
         }
       },
-      hit: {
-        type: Boolean,
-        default: !1,
-        observer: (e) => {
-        }
-      },
       color: {
         type: String,
         default: "",
         observer: (e) => {
-          if (!CSS.supports("background", e))
+          if (e && CSS.supports("background", e) ? a(this, i).style.background = e : a(this, i).style.background = "", !CSS.supports("background", e))
             return console.warn(
               `[EaTag] The color value ${e} is not supported.`
             );
-          a(this, o).style.background = e;
         }
       },
       size: {
@@ -158,25 +151,27 @@ class B extends C {
         type: ["dark", "light", "plain"],
         default: "light",
         observer: (e) => {
+          this.updateContainerClasslist();
         }
       },
       round: {
         type: Boolean,
         default: !1,
         observer: (e) => {
+          this.updateContainerClasslist();
         }
       }
     }));
     /**
      * 标签移除事件
      */
-    i(this, p, async () => {
-      this["disable-transitions"] || (a(this, o).classList.add("before-close"), await A.EaElement.addAsyncEventListener(
-        a(this, o),
+    o(this, p, async () => {
+      this["disable-transitions"] || (a(this, i).classList.add("before-close"), await E.EaElement.addAsyncEventListener(
+        a(this, i),
         "transitionend"
-      )), this.dispatchEvent(new $({ text: this.textContent })), this.remove();
+      )), this.dispatchEvent(new S({ text: this.textContent })), this.remove();
     });
-    this.stylesheet = E, this.$render();
+    this.stylesheet = k, this.$render();
   }
   static get observedAttributes() {
     return [
@@ -184,7 +179,6 @@ class B extends C {
       "type",
       "closable",
       "disable-transitions",
-      "hit",
       "color",
       "size",
       "effect",
@@ -208,15 +202,15 @@ class B extends C {
         round: this.round
       }
     );
-    return a(this, o).className = e, e;
+    return a(this, i).className = e, e;
   }
   $render() {
     this.shadowRoot.innerHTML = `
       <div class='ea-tag' part='container'>
         <slot></slot>
-        <ea-icon class="ea-tag__close" part="close-icon" icon="icon-cancel"></ea-icon>
+        <ea-icon class="ea-tag__close" part="close-icon" name="xmark"></ea-icon>
       </div>
-    `, l(this, o, this.shadowRoot.querySelector(".ea-tag")), l(this, d, this.shadowRoot.querySelector(".ea-tag__close")), this.updateContainerClasslist();
+    `, l(this, i, this.shadowRoot.querySelector(".ea-tag")), l(this, d, this.shadowRoot.querySelector(".ea-tag__close")), this.updateContainerClasslist();
   }
   connectedCallback() {
     super.connectedCallback();
@@ -226,9 +220,9 @@ class B extends C {
     (e = a(this, n)) == null || e.abort();
   }
 }
-o = new WeakMap(), d = new WeakMap(), n = new WeakMap(), p = new WeakMap();
-window.customElements.get("ea-tag") || window.customElements.define("ea-tag", B);
+i = new WeakMap(), d = new WeakMap(), n = new WeakMap(), p = new WeakMap();
+window.customElements.get("ea-tag") || window.customElements.define("ea-tag", $);
 export {
-  T as EaCheckTag,
-  B as EaTag
+  A as EaCheckTag,
+  $ as EaTag
 };

package/dist/components/ea-time-picker.js

@@ -446,7 +446,7 @@ class lt extends st {
           part='input' 
           autocomplete="off" 
           readonly 
-          prefix-icon="icon-clock"
+          prefix-icon="clock"
         ></ea-input>
         <div class="${s.e("dropdown")}" part='dropdown'>
           <div class="${s.e("dropdown-inner-wrap")}" part='dropdown-inner-wrap'>
@@ -476,11 +476,7 @@ class lt extends st {
    */
   updateValidity() {
     const s = this.value !== "" && this.value != null;
-    this.required && !s ? this.internals.setValidity(
-      { valueMissing: !0 },
-      "请选择时间",
-      this
-    ) : this.internals.setValidity({}, "", this);
+    this.required && !s ? this.internals.setValidity({ valueMissing: !0 }, "请选择时间", this) : this.internals.setValidity({}, "", this);
   }
   /**
    * 检查表单字段的有效性

package/dist/components/ea-timeline.js

@@ -3,13 +3,12 @@ var u = (t) => {
   throw TypeError(t);
 };
 var C = (t, s, e) => s in t ? b(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
-var y = (t, s, e) => C(t, typeof s != "symbol" ? s + "" : s, e), w = (t, s, e) => s.has(t) || u("Cannot " + e);
-var a = (t, s, e) => (w(t, s, "read from private field"), e ? e.call(t) : s.get(t)), i = (t, s, e) => s.has(t) ? u("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(t) : s.set(t, e), o = (t, s, e, h) => (w(t, s, "write to private field"), h ? h.call(t, e) : s.set(t, e), e);
+var w = (t, s, e) => C(t, typeof s != "symbol" ? s + "" : s, e), y = (t, s, e) => s.has(t) || u("Cannot " + e);
+var a = (t, s, e) => (y(t, s, "read from private field"), e ? e.call(t) : s.get(t)), i = (t, s, e) => s.has(t) ? u("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(t) : s.set(t, e), o = (t, s, e, h) => (y(t, s, "write to private field"), h ? h.call(t, e) : s.set(t, e), e);
 import { B as f } from "./Base.js";
 import { s as _ } from "../css/ea-timeline.style.js";
 import { s as v } from "../css/ea-timeline-item.style.js";
-import { c as S } from "../utils/Variables.js";
-class g extends f {
+class S extends f {
   static get observedAttributes() {
     return [...super.observedAttributes];
   }
@@ -27,9 +26,9 @@ class g extends f {
     super.connectedCallback();
   }
 }
-window.customElements.get("ea-timeline") || window.customElements.define("ea-timeline", g);
+window.customElements.get("ea-timeline") || window.customElements.define("ea-timeline", S);
 var n, m, r, c, p, d, l;
-class R extends f {
+class g extends f {
   constructor() {
     super();
     /** @type {HTMLElement} */
@@ -46,9 +45,9 @@ class R extends f {
     i(this, d);
     /** @type {HTMLElement} */
     i(this, l);
-    y(this, "state", this.properties({
+    w(this, "state", this.properties({
       type: {
-        type: S,
+        type: ["primary", "info", "success", "warning", "danger"],
         default: "",
         observer: (e) => {
           this.updateContainerClasslist();
@@ -90,7 +89,7 @@ class R extends f {
         type: String,
         default: "",
         observer: (e) => {
-          a(this, r).innerHTML = `<ea-icon class="ea-timeline-item__icon-dot" part='icon-dot' icon="${e}"></ea-icon>`;
+          a(this, r).innerHTML = `<ea-icon class="ea-timeline-item__icon-dot" part='icon-dot' name="${e}"></ea-icon>`;
         }
       },
       size: {
@@ -179,8 +178,8 @@ class R extends f {
   }
 }
 n = new WeakMap(), m = new WeakMap(), r = new WeakMap(), c = new WeakMap(), p = new WeakMap(), d = new WeakMap(), l = new WeakMap();
-window.customElements.get("ea-timeline-item") || window.customElements.define("ea-timeline-item", R);
+window.customElements.get("ea-timeline-item") || window.customElements.define("ea-timeline-item", g);
 export {
-  g as EaTimeline,
-  R as EaTimelineItem
+  S as EaTimeline,
+  g as EaTimelineItem
 };

package/dist/components/ea-tooltip.js

@@ -58,32 +58,60 @@ class L extends k {
     }));
     r(this, u, {
       hover: () => {
-        this.addEventListener("mouseover", (t) => {
-          this.show(), this.addEventListener("mouseout", (i) => {
-            this.hide();
-          }, { once: !0 });
-        }, { signal: o(this, n).signal });
+        this.addEventListener(
+          "mouseover",
+          (t) => {
+            this.show(), this.addEventListener(
+              "mouseout",
+              (i) => {
+                this.hide();
+              },
+              { once: !0 }
+            );
+          },
+          { signal: o(this, n).signal }
+        );
       },
       click: () => {
-        this.addEventListener("click", () => {
-          this.toggle();
-        }, { signal: o(this, n).signal });
+        this.addEventListener(
+          "click",
+          () => {
+            this.toggle();
+          },
+          { signal: o(this, n).signal }
+        );
       },
       focus: () => {
-        this.addEventListener("focus", () => {
-          this.show(), this.addEventListener("blur", (t) => {
-            this.hide();
-          }, { once: !0 });
-        }, { signal: o(this, n).signal });
+        this.addEventListener(
+          "focus",
+          () => {
+            this.show(), this.addEventListener(
+              "blur",
+              (t) => {
+                this.hide();
+              },
+              { once: !0 }
+            );
+          },
+          { signal: o(this, n).signal }
+        );
       },
       contextmenu: () => {
-        this.addEventListener("contextmenu", (t) => {
-          t.preventDefault();
-          const i = new AbortController();
-          this.show(), window.addEventListener("click", (a) => {
-            this.contains(a.target) || (i.abort(), this.hide());
-          }, { signal: i.signal });
-        }, { signal: o(this, n).signal });
+        this.addEventListener(
+          "contextmenu",
+          (t) => {
+            t.preventDefault();
+            const i = new AbortController();
+            this.show(), window.addEventListener(
+              "click",
+              (a) => {
+                this.contains(a.target) || (i.abort(), this.hide());
+              },
+              { signal: i.signal }
+            );
+          },
+          { signal: o(this, n).signal }
+        );
       }
     });
     r(this, g, () => {
@@ -93,13 +121,25 @@ class L extends k {
     r(this, f, () => {
       var i, a;
       if (this.trigger === "customized") return;
-      const t = Object.keys(o(this, u)).find((v) => this.trigger === v);
+      const t = Object.keys(o(this, u)).find(
+        (v) => this.trigger === v
+      );
       (a = (i = o(this, u))[t || "hover"]) == null || a.call(i), t || console.warn(`[EaPopper] trigger event ${this.trigger} is not exist`);
     });
-    l(this, d, this.shadowRoot.querySelector(".ea-popper")), l(this, c, this.shadowRoot.querySelector(".ea-popper__original")), l(this, p, this.shadowRoot.querySelector(".ea-popper__reference"));
+    l(this, d, this.shadowRoot.querySelector(".ea-popper")), l(this, c, this.shadowRoot.querySelector(
+      ".ea-popper__original"
+    )), l(this, p, this.shadowRoot.querySelector(
+      ".ea-popper__reference"
+    ));
   }
   static get observedAttributes() {
-    return [...super.observedAttributes, "trigger", "content", "visible", "effect"];
+    return [
+      ...super.observedAttributes,
+      "trigger",
+      "content",
+      "visible",
+      "effect"
+    ];
   }
   updateContainerClasslist() {
     return `${super.updateContainerClasslist()} ${this.computedClasslist("ea-tooltip", {