easy-component-ui 3.0.12 → 3.0.13

package/dist/components/ea-slider.js

@@ -3,17 +3,17 @@ var B = (a) => {
   throw TypeError(a);
 };
 var I = (a, r, t) => r in a ? z(a, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[r] = t;
-var E = (a, r, t) => I(a, typeof r != "symbol" ? r + "" : r, t), F = (a, r, t) => r.has(a) || B("Cannot " + t);
-var e = (a, r, t) => (F(a, r, "read from private field"), t ? t.call(a) : r.get(a)), i = (a, r, t) => r.has(a) ? B("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(a) : r.set(a, t), c = (a, r, t, s) => (F(a, r, "write to private field"), s ? s.call(a, t) : r.set(a, t), t);
-import { F as P } from "../core/FormBase.js";
-import { s as H } from "../css/ea-slider.style.js";
-import { E as X } from "../utils/Variables.js";
+var E = (a, r, t) => I(a, typeof r != "symbol" ? r + "" : r, t), P = (a, r, t) => r.has(a) || B("Cannot " + t);
+var e = (a, r, t) => (P(a, r, "read from private field"), t ? t.call(a) : r.get(a)), i = (a, r, t) => r.has(a) ? B("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(a) : r.set(a, t), c = (a, r, t, s) => (P(a, r, "write to private field"), s ? s.call(a, t) : r.set(a, t), t);
+import { F as H } from "../core/FormBase.js";
+import { s as X } from "../css/ea-slider.style.js";
+import { E as Y } from "../utils/Variables.js";
 import "./ea-tooltip.js";
 import "./ea-input-number.js";
-import { n as Y } from "./ea-calendar2.js";
-import { E as O } from "../utils/Utils.js";
-var k, v, l, b, g, y, p, $, h, w, u, C, V, N, x, d, M, S, A, D, L, q, R;
-class U extends P {
+import { n as O } from "./ea-calendar2.js";
+import { E as U } from "../utils/Utils.js";
+var k, v, l, b, g, y, d, x, u, w, p, $, V, S, N, C, m, M, A, D, L, q, F, R;
+class j extends H {
   constructor() {
     super();
     /** @type {HTMLElement} */
@@ -29,16 +29,16 @@ class U extends P {
     /** @type {HTMLElement} */
     i(this, y);
     /** @type {HTMLElement} */
-    i(this, p);
+    i(this, d);
     /** @type {HTMLElement} */
-    i(this, $);
+    i(this, x);
     /** @type {AbortController} */
-    i(this, h, new AbortController());
+    i(this, u, new AbortController());
     i(this, w, {
       /** @type {AbortController} */
       input: null
     });
-    i(this, u, {
+    i(this, p, {
       isInputNumberDefined: !1,
       isDragging: !1,
       startX: 0,
@@ -49,7 +49,7 @@ class U extends P {
         type: String,
         default: "",
         observer: async (t) => {
-          e(this, $).textContent = t;
+          e(this, x).textContent = t;
         }
       },
       value: {
@@ -57,35 +57,35 @@ class U extends P {
         default: 0,
         observer: (t) => {
           const s = Math.max(this.min, Math.min(this.max, t));
-          this.setValue(s), e(this, d).call(this);
+          this.setValue(s), e(this, m).call(this);
         }
       },
       min: {
         type: Number,
         default: 0,
         observer: () => {
-          e(this, d).call(this);
+          e(this, m).call(this);
         }
       },
       max: {
         type: Number,
         default: 100,
         observer: () => {
-          e(this, d).call(this);
+          e(this, m).call(this);
         }
       },
       "show-stops": {
         type: Boolean,
         default: !1,
         observer: (t) => {
-          this.updateContainerClasslist(), t && e(this, C).call(this);
+          this.updateContainerClasslist(), t && e(this, $).call(this);
         }
       },
       step: {
         type: Number,
         default: 1,
         observer: (t) => {
-          e(this, d).call(this);
+          e(this, m).call(this);
         }
       },
       disabled: {
@@ -99,7 +99,7 @@ class U extends P {
         type: Boolean,
         default: !1,
         observer: () => {
-          e(this, d).call(this);
+          e(this, m).call(this);
         }
       },
       "show-tooltip": {
@@ -134,16 +134,16 @@ class U extends P {
         default: !1,
         observer: async (t) => {
           var s;
-          e(this, u).isInputNumberDefined || (await customElements.whenDefined("ea-input-number"), e(this, u).isInputNumberDefined = !0), (s = e(this, w).input) == null || s.abort(), e(this, d).call(this), t && (e(this, w).input = new AbortController(), e(this, p).addEventListener("ea-change", e(this, D), {
+          e(this, p).isInputNumberDefined || (await customElements.whenDefined("ea-input-number"), e(this, p).isInputNumberDefined = !0), (s = e(this, w).input) == null || s.abort(), e(this, m).call(this), t && (e(this, w).input = new AbortController(), e(this, d).addEventListener("ea-change", e(this, L), {
             signal: e(this, w).input.signal
           }));
         }
       },
       size: {
-        type: X,
+        type: Y,
         default: "",
         observer: async (t) => {
-          this.updateContainerClasslist(), this["show-input"] && e(this, p).setAttribute("size", t);
+          this.updateContainerClasslist(), this["show-input"] && e(this, d).setAttribute("size", t);
         }
       },
       required: {
@@ -157,7 +157,7 @@ class U extends P {
         type: Object,
         default: null,
         observer: () => {
-          e(this, N).call(this);
+          e(this, S).call(this);
         }
       }
     }));
@@ -168,20 +168,20 @@ class U extends P {
         type: Function,
         default: (t) => (s) => s,
         observer: () => {
-          e(this, d).call(this);
+          e(this, m).call(this);
         }
       }
     }));
     /**
      * 渲染 stop 元素（包括步长节点和 marks 节点）
      */
-    i(this, C, () => {
-      const t = [], s = this.step, m = (this.max - this.min) / s + 1;
+    i(this, $, () => {
+      const t = [], s = this.step, o = (this.max - this.min) / s + 1;
       if (this["show-stops"])
-        for (let n = 0; n < m; n++) {
-          const o = this.min + s * n, T = (o - this.min) / (this.max - this.min) * 100;
+        for (let n = 0; n < o; n++) {
+          const h = this.min + s * n, T = (h - this.min) / (this.max - this.min) * 100;
           t.push({
-            value: o,
+            value: h,
             percentage: T,
             type: "stop",
             className: this.ns.e("stop"),
@@ -190,11 +190,11 @@ class U extends P {
         }
       if (this.marks)
         for (const n in this.marks) {
-          const o = parseFloat(n);
-          if (isNaN(o) || o < this.min || o > this.max) continue;
-          const T = (o - this.min) / (this.max - this.min) * 100;
+          const h = parseFloat(n);
+          if (isNaN(h) || h < this.min || h > this.max) continue;
+          const T = (h - this.min) / (this.max - this.min) * 100;
           t.push({
-            value: o,
+            value: h,
             percentage: T,
             type: "mark-stop",
             className: `${this.ns.e("stop")} ${this.ns.e("mark-stop")}`,
@@ -202,9 +202,9 @@ class U extends P {
             label: this.marks[n]
           });
         }
-      t.sort((n, o) => n.value - o.value);
+      t.sort((n, h) => n.value - h.value);
       const f = t.map(
-        (n) => O.EaElement.h("div", n.className, {
+        (n) => U.EaElement.h("div", n.className, {
           part: n.part,
           style: [`${this.vertical ? "top" : "left"}: ${n.percentage}%;`]
         })
@@ -221,9 +221,9 @@ class U extends P {
       }
       let t = "";
       for (const s in this.marks) {
-        const m = parseFloat(s);
-        if (isNaN(m) || m < this.min || m > this.max) continue;
-        const f = (m - this.min) / (this.max - this.min) * 100, n = this.marks[s];
+        const o = parseFloat(s);
+        if (isNaN(o) || o < this.min || o > this.max) continue;
+        const f = (o - this.min) / (this.max - this.min) * 100, n = this.marks[s];
         this.vertical ? t += `
           <div class='${this.ns.e("mark")}' style="top: ${f}%;">
             <div class='${this.ns.e("mark-label")}'>${n}</div>
@@ -239,24 +239,33 @@ class U extends P {
     /**
      * 统一渲染 marks 和 stops
      */
-    i(this, N, () => {
-      e(this, C).call(this), e(this, V).call(this);
+    i(this, S, () => {
+      e(this, $).call(this), e(this, V).call(this);
+    });
+    /**
+     * 修复浮点数精度问题
+     * @param {number} value 原始值
+     * @returns {number} 修复精度后的值
+     */
+    i(this, N, (t) => {
+      const s = this.step.toString(), o = s.includes(".") ? s.split(".")[1].length : 0;
+      return parseFloat(t.toFixed(o));
     });
     /**
      * 根据鼠标位置计算滑块值
      * @param {number} position 鼠标位置
      * @returns {number} 滑块值
      */
-    i(this, x, (t) => {
-      const s = e(this, v).getBoundingClientRect(), m = this.vertical ? (t - s.top) / s.height : (t - s.left) / s.width, f = Math.max(0, Math.min(1, m)), n = this.min + f * (this.max - this.min), o = Math.round(n / this.step) * this.step;
-      return Math.max(this.min, Math.min(this.max, o));
+    i(this, C, (t) => {
+      const s = e(this, v).getBoundingClientRect(), o = this.vertical ? (t - s.top) / s.height : (t - s.left) / s.width, f = Math.max(0, Math.min(1, o)), n = this.min + f * (this.max - this.min), h = Math.round(n / this.step) * this.step;
+      return e(this, N).call(this, Math.max(this.min, Math.min(this.max, h)));
     });
     /**
      * 更新滑块位置和 tooltip 内容
      */
-    i(this, d, () => {
+    i(this, m, () => {
       const t = this.value, s = (t - this.min) / (this.max - this.min) * 100;
-      this.vertical ? (e(this, l).style.top = `${s}%`, e(this, l).style.left = "50%") : (e(this, l).style.left = `${s}%`, e(this, l).style.top = "50%"), e(this, g).textContent = this.formatTooltip(t), e(this, g).style.display = this["show-tooltip"] ? "block" : "none", this["show-input"] && (e(this, p).value = t, e(this, p).min = this.min, e(this, p).max = this.max, e(this, p).step = this.step), this.updateContainerClasslist();
+      this.vertical ? (e(this, l).style.top = `${s}%`, e(this, l).style.left = "50%") : (e(this, l).style.left = `${s}%`, e(this, l).style.top = "50%"), e(this, g).textContent = this.formatTooltip(t), e(this, g).style.display = this["show-tooltip"] ? "block" : "none", this["show-input"] && (e(this, d).value = t, e(this, d).min = this.min, e(this, d).max = this.max, e(this, d).step = this.step), this.updateContainerClasslist();
     });
     /**
      * 鼠标按下时，更新滑块值
@@ -264,64 +273,64 @@ class U extends P {
      */
     i(this, M, (t) => {
       if (this.disabled) return;
-      t.preventDefault(), t.stopPropagation(), e(this, u).isDragging = !0, e(this, u).startX = t.clientX, e(this, u).startY = t.clientY, e(this, l).setAttribute("visible", "true");
-      const s = e(this, x).call(this, this.vertical ? t.clientY : t.clientX);
+      t.preventDefault(), t.stopPropagation(), e(this, p).isDragging = !0, e(this, p).startX = t.clientX, e(this, p).startY = t.clientY, e(this, l).setAttribute("visible", "true");
+      const s = e(this, C).call(this, this.vertical ? t.clientY : t.clientX);
       this.value = s, this.emit("input", { detail: { value: this.value } });
     });
     /**
      * 鼠标移动时，更新滑块值
      * @param {MouseEvent} e
      */
-    i(this, S, (t) => {
-      if (!e(this, u).isDragging || this.disabled) return;
+    i(this, A, (t) => {
+      if (!e(this, p).isDragging || this.disabled) return;
       t.preventDefault(), t.stopPropagation();
-      const s = e(this, x).call(this, this.vertical ? t.clientY : t.clientX);
+      const s = e(this, C).call(this, this.vertical ? t.clientY : t.clientX);
       this.value = s, this.emit("input", { detail: { value: this.value } });
     });
     /**
      * 鼠标松开时，更新滑块值
      */
-    i(this, A, () => {
-      e(this, u).isDragging && (e(this, u).isDragging = !1, e(this, l).setAttribute("visible", "false"), this.emit("change", { detail: { value: this.value } }));
+    i(this, D, () => {
+      e(this, p).isDragging && (e(this, p).isDragging = !1, e(this, l).setAttribute("visible", "false"), this.emit("change", { detail: { value: this.value } }));
     });
     /**
      * 输入框值改变时，更新滑块值
      * @param {CustomEvent} e
      */
-    i(this, D, (t) => {
+    i(this, L, (t) => {
       t.preventDefault(), t.stopImmediatePropagation();
-      const s = parseFloat(t.detail.currentValue), m = Math.max(this.min, Math.min(this.max, s));
-      this.value = m, this.emit("change", { detail: { value: this.value } });
+      const s = parseFloat(t.detail.currentValue), o = Math.max(this.min, Math.min(this.max, s));
+      this.value = o, this.emit("change", { detail: { value: this.value } });
     });
     /**
      * 鼠标进入滑块时，显示 tooltip 的 触发 元素
      */
-    i(this, L, () => {
+    i(this, q, () => {
       this.disabled || e(this, l).setAttribute("visible", "true");
     });
     /**
      * 鼠标离开滑块时，隐藏 tooltip 的 触发 元素
      */
-    i(this, q, () => {
-      this.disabled || e(this, u).isDragging || e(this, l).setAttribute("visible", "false");
+    i(this, F, () => {
+      this.disabled || e(this, p).isDragging || e(this, l).setAttribute("visible", "false");
     });
     i(this, R, () => {
       var t;
-      (t = e(this, h)) == null || t.abort(), c(this, h, new AbortController()), e(this, v).addEventListener("mousedown", e(this, M), {
-        signal: e(this, h).signal
+      (t = e(this, u)) == null || t.abort(), c(this, u, new AbortController()), e(this, v).addEventListener("mousedown", e(this, M), {
+        signal: e(this, u).signal
       }), e(this, b).addEventListener("mousedown", e(this, M), {
-        signal: e(this, h).signal
-      }), e(this, b).addEventListener("mouseenter", e(this, L), {
-        signal: e(this, h).signal
-      }), e(this, b).addEventListener("mouseleave", e(this, q), {
-        signal: e(this, h).signal
-      }), document.addEventListener("mousemove", e(this, S), {
-        signal: e(this, h).signal
-      }), document.addEventListener("mouseup", e(this, A), {
-        signal: e(this, h).signal
+        signal: e(this, u).signal
+      }), e(this, b).addEventListener("mouseenter", e(this, q), {
+        signal: e(this, u).signal
+      }), e(this, b).addEventListener("mouseleave", e(this, F), {
+        signal: e(this, u).signal
+      }), document.addEventListener("mousemove", e(this, A), {
+        signal: e(this, u).signal
+      }), document.addEventListener("mouseup", e(this, D), {
+        signal: e(this, u).signal
       });
     });
-    this.stylesheet = H, this.$render();
+    this.stylesheet = X, this.$render();
   }
   static get observedAttributes() {
     return [
@@ -362,7 +371,7 @@ class U extends P {
     return e(this, k).className = t, t;
   }
   $render() {
-    const t = Y("slider");
+    const t = O("slider");
     this.ns = t, this.shadowRoot.innerHTML = `
       <label class='${t.e("form-label")}' part='form-label'></label>
       <div class='${t.b()}' part='container'>
@@ -376,14 +385,14 @@ class U extends P {
         </div>
         <ea-input-number class='${t.e("input")}' part='input'></ea-input-number>
       </div>
-    `, c(this, $, this.shadowRoot.querySelector(t.ce("form-label"))), c(this, k, this.shadowRoot.querySelector(t.cb())), c(this, v, this.shadowRoot.querySelector(t.ce("rail"))), c(this, l, this.shadowRoot.querySelector(t.ce("trigger"))), c(this, b, this.shadowRoot.querySelector(t.ce("thumb"))), c(this, g, this.shadowRoot.querySelector(t.ce("tooltip"))), c(this, y, this.shadowRoot.querySelector(t.ce("marks"))), c(this, p, this.shadowRoot.querySelector(t.ce("input")));
+    `, c(this, x, this.shadowRoot.querySelector(t.ce("form-label"))), c(this, k, this.shadowRoot.querySelector(t.cb())), c(this, v, this.shadowRoot.querySelector(t.ce("rail"))), c(this, l, this.shadowRoot.querySelector(t.ce("trigger"))), c(this, b, this.shadowRoot.querySelector(t.ce("thumb"))), c(this, g, this.shadowRoot.querySelector(t.ce("tooltip"))), c(this, y, this.shadowRoot.querySelector(t.ce("marks"))), c(this, d, this.shadowRoot.querySelector(t.ce("input")));
   }
   /**
    * 获取验证目标元素
    * @returns {HTMLElement}
    */
   get validationTarget() {
-    return e(this, p);
+    return e(this, d);
   }
   /**
    * 更新表单验证状态
@@ -407,15 +416,15 @@ class U extends P {
     return this.updateValidity(), this.internals.reportValidity();
   }
   connectedCallback() {
-    super.connectedCallback(), e(this, R).call(this), e(this, d).call(this);
+    super.connectedCallback(), e(this, R).call(this), e(this, m).call(this);
   }
   $beforeUnmounted() {
     var t;
-    (t = e(this, h)) == null || t.abort();
+    (t = e(this, u)) == null || t.abort();
   }
 }
-k = new WeakMap(), v = new WeakMap(), l = new WeakMap(), b = new WeakMap(), g = new WeakMap(), y = new WeakMap(), p = new WeakMap(), $ = new WeakMap(), h = new WeakMap(), w = new WeakMap(), u = new WeakMap(), C = new WeakMap(), V = new WeakMap(), N = new WeakMap(), x = new WeakMap(), d = new WeakMap(), M = new WeakMap(), S = new WeakMap(), A = new WeakMap(), D = new WeakMap(), L = new WeakMap(), q = new WeakMap(), R = new WeakMap();
-window.customElements.get("ea-slider") || window.customElements.define("ea-slider", U);
+k = new WeakMap(), v = new WeakMap(), l = new WeakMap(), b = new WeakMap(), g = new WeakMap(), y = new WeakMap(), d = new WeakMap(), x = new WeakMap(), u = new WeakMap(), w = new WeakMap(), p = new WeakMap(), $ = new WeakMap(), V = new WeakMap(), S = new WeakMap(), N = new WeakMap(), C = new WeakMap(), m = new WeakMap(), M = new WeakMap(), A = new WeakMap(), D = new WeakMap(), L = new WeakMap(), q = new WeakMap(), F = new WeakMap(), R = new WeakMap();
+window.customElements.get("ea-slider") || window.customElements.define("ea-slider", j);
 export {
-  U as EaSlider
+  j as EaSlider
 };

package/dist/components/ea-splitter.js

@@ -23,7 +23,10 @@ class D extends N {
         type: ["horizontal", "vertical"],
         default: "horizontal",
         observer: (t) => {
-          n(this, a).style.setProperty("--ea-splitter-direction", t === "vertical" ? "column" : "row"), n(this, a).className = this.updateContainerClasslist();
+          n(this, a).style.setProperty(
+            "--ea-splitter-direction",
+            t === "vertical" ? "column" : "row"
+          ), n(this, a).className = this.updateContainerClasslist();
         }
       }
     }));
@@ -32,14 +35,18 @@ class D extends N {
      * @param {string} eventName 事件名称
      */
     c(this, h, (t) => {
-      this.dispatchEvent(new CustomEvent(t, {
-        detail: {
-          size: [...this.children].filter((i) => i.tagName === "EA-SPLITTER-PANEL").map((i) => {
-            var o;
-            return (o = i.getBoundingClientRect()) == null ? void 0 : o[this.layout === "vertical" ? "height" : "width"];
-          })
-        }
-      }));
+      this.dispatchEvent(
+        new CustomEvent(t, {
+          detail: {
+            size: [...this.children].filter((i) => i.tagName === "EA-SPLITTER-PANEL").map(
+              (i) => {
+                var o;
+                return (o = i.getBoundingClientRect()) == null ? void 0 : o[this.layout === "vertical" ? "height" : "width"];
+              }
+            )
+          }
+        })
+      );
     });
     /**
      * `layout="horizontal"` 时的 `resize` 事件监听
@@ -57,7 +64,11 @@ class D extends N {
       }, A = () => {
         i.abort(), n(this, h).call(this, "panel-resize-end");
       };
-      window.addEventListener("mousemove", S, { signal: i.signal }), window.addEventListener("mouseup", A, { signal: i.signal });
+      window.addEventListener("mousemove", S, {
+        signal: i.signal
+      }), window.addEventListener("mouseup", A, {
+        signal: i.signal
+      });
     });
     /**
      * `layout="vertical"` 时的 `resize` 事件监听
@@ -75,7 +86,11 @@ class D extends N {
       }, A = () => {
         i.abort(), n(this, h).call(this, "panel-resize-end");
       };
-      window.addEventListener("mousemove", S, { signal: i.signal }), window.addEventListener("mouseup", A, { signal: i.signal });
+      window.addEventListener("mousemove", S, {
+        signal: i.signal
+      }), window.addEventListener("mouseup", A, {
+        signal: i.signal
+      });
     });
     this.stylesheet = I, this.$render();
   }
@@ -107,7 +122,11 @@ class D extends N {
           this.insertBefore(r, i.nextSibling);
         }
       }), t = [...this.children], t.forEach((i, o) => {
-        i.tagName === "EA-SPLITTER-BAR" && (i.setAttribute("data-index", o), i.layout = this.layout, i.addEventListener("mousedown", this.layout === "horizontal" ? n(this, y) : n(this, v), { signal: n(this, m).signal }));
+        i.tagName === "EA-SPLITTER-BAR" && (i.setAttribute("data-index", o), i.layout = this.layout, i.addEventListener(
+          "mousedown",
+          this.layout === "horizontal" ? n(this, y) : n(this, v),
+          { signal: n(this, m).signal }
+        ));
       });
     });
   }
@@ -156,12 +175,9 @@ class X extends N {
    * @return {string} 属性值
    */
   updateContainerClasslist() {
-    return this.computedClasslist(
-      "ea-splitter-panel",
-      {
-        // ['--' + this.state.type]: this.state.type,
-      }
-    );
+    return this.computedClasslist("ea-splitter-panel", {
+      // ['--' + this.state.type]: this.state.type,
+    });
   }
   $render() {
     this.shadowRoot.innerHTML = `

package/dist/components/ea-steps.js

@@ -4,47 +4,47 @@ var q = (s) => {
 };
 var B = (s, i, t) => i in s ? $(s, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[i] = t;
 var x = (s, i, t) => B(s, typeof i != "symbol" ? i + "" : i, t), E = (s, i, t) => i.has(s) || q("Cannot " + t);
-var e = (s, i, t) => (E(s, i, "read from private field"), t ? t.call(s) : i.get(s)), a = (s, i, t) => i.has(s) ? q("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(s) : i.set(s, t), n = (s, i, t, r) => (E(s, i, "write to private field"), r ? r.call(s, t) : i.set(s, t), t);
+var e = (s, i, t) => (E(s, i, "read from private field"), t ? t.call(s) : i.get(s)), o = (s, i, t) => i.has(s) ? q("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(s) : i.set(s, t), n = (s, i, t, r) => (E(s, i, "write to private field"), r ? r.call(s, t) : i.set(s, t), t);
 import { B as R } from "./Base.js";
 import { s as N } from "../css/ea-step.style.js";
 import { s as k } from "../css/ea-steps.style.js";
-var l, p, u, C, c, b, m, S, A;
+var l, p, u, C, c, m, b, S, A;
 class I extends R {
   constructor() {
     super();
-    a(this, l);
+    o(this, l);
     /** @type {HTMLElement} */
-    a(this, u);
+    o(this, u);
     /** @type {HTMLElement} */
-    a(this, C);
+    o(this, C);
     /** @type {HTMLElement} */
-    a(this, c);
+    o(this, c);
     /** @type {HTMLElement} */
-    a(this, b);
+    o(this, m);
     /** @type {HTMLElement} */
-    a(this, m);
+    o(this, b);
     /** @type {AbortController} */
-    a(this, S, new AbortController());
+    o(this, S, new AbortController());
     x(this, "state", this.properties({
       title: {
         type: String,
         default: "",
         observer: (t) => {
-          e(this, b).textContent = t;
+          e(this, m).textContent = t;
         }
       },
       description: {
         type: String,
         default: "",
         observer: (t) => {
-          e(this, m).textContent = t;
+          e(this, b).textContent = t;
         }
       },
       icon: {
         type: String,
         default: "",
         observer: (t) => {
-          e(this, c).setAttribute("icon", t);
+          e(this, c).setAttribute("name", t);
         }
       },
       status: {
@@ -98,9 +98,9 @@ class I extends R {
      * 更新步骤状态
      * @param {string} status 活动步骤状态
      */
-    a(this, A, (t = this.status) => {
+    o(this, A, (t = this.status) => {
       var r;
-      t === ((r = e(this, l, p)) == null ? void 0 : r.getAttribute("finish-status")) ? (e(this, c).setAttribute("icon", "icon-ok"), e(this, c).textContent = "") : (e(this, c).setAttribute("icon", ""), e(this, c).textContent = this.index + 1);
+      t === ((r = e(this, l, p)) == null ? void 0 : r.getAttribute("finish-status")) ? (e(this, c).setAttribute("name", "check"), e(this, c).textContent = "") : (e(this, c).setAttribute("name", ""), e(this, c).textContent = this.index + 1);
     });
     this.stylesheet = N, this.$render();
   }
@@ -131,8 +131,8 @@ class I extends R {
         icon: this.icon,
         simple: this.simple,
         last: (() => {
-          var o;
-          const r = (o = e(this, l, p)) == null ? void 0 : o.querySelectorAll("ea-step");
+          var a;
+          const r = (a = e(this, l, p)) == null ? void 0 : a.querySelectorAll("ea-step");
           return r ? r.length - 1 === this.index : !1;
         })(),
         first: this.index === 0
@@ -163,7 +163,7 @@ class I extends R {
           <slot name="simple-arrow"></slot>
         </span>
       </div>
-    `, n(this, u, this.shadowRoot.querySelector(".ea-step")), n(this, C, this.shadowRoot.querySelector('slot[name="icon"]')), n(this, c, this.shadowRoot.querySelector(".ea-step__icon")), n(this, b, this.shadowRoot.querySelector('slot[name="title"]')), n(this, m, this.shadowRoot.querySelector(
+    `, n(this, u, this.shadowRoot.querySelector(".ea-step")), n(this, C, this.shadowRoot.querySelector('slot[name="icon"]')), n(this, c, this.shadowRoot.querySelector(".ea-step__icon")), n(this, m, this.shadowRoot.querySelector('slot[name="title"]')), n(this, b, this.shadowRoot.querySelector(
       'slot[name="description"]'
     )), this.updateContainerClasslist();
   }
@@ -180,18 +180,18 @@ l = new WeakSet(), p = function() {
   } catch {
     return null;
   }
-}, u = new WeakMap(), C = new WeakMap(), c = new WeakMap(), b = new WeakMap(), m = new WeakMap(), S = new WeakMap(), A = new WeakMap();
+}, u = new WeakMap(), C = new WeakMap(), c = new WeakMap(), m = new WeakMap(), b = new WeakMap(), S = new WeakMap(), A = new WeakMap();
 window.customElements.get("ea-step") || window.customElements.define("ea-step", I);
 var f, y, h, v, w, _;
 class L extends R {
   constructor() {
     super();
     /** @type {HTMLElement} */
-    a(this, f);
+    o(this, f);
     /** @type {HTMLSlotElement} */
-    a(this, y);
+    o(this, y);
     /** @type {AbortController} */
-    a(this, h, new AbortController());
+    o(this, h, new AbortController());
     x(this, "state", this.properties({
       space: {
         type: String,
@@ -245,32 +245,32 @@ class L extends R {
      * 更新步骤状态
      * @param {number} active
      */
-    a(this, v, (t) => {
-      [...this.querySelectorAll("ea-step")].forEach((o) => {
-        o.index < t ? o.setAttribute("status", this["finish-status"]) : o.index > t ? o.setAttribute("status", "wait") : o.setAttribute("status", this["process-status"]);
+    o(this, v, (t) => {
+      [...this.querySelectorAll("ea-step")].forEach((a) => {
+        a.index < t ? a.setAttribute("status", this["finish-status"]) : a.index > t ? a.setAttribute("status", "wait") : a.setAttribute("status", this["process-status"]);
       });
     });
     /**
      * 更新简单步骤状态
      * @param {boolean} isSimple
      */
-    a(this, w, (t = this.simple) => {
+    o(this, w, (t = this.simple) => {
       const r = [...this.querySelectorAll("ea-step")];
-      t ? r.forEach((o) => {
+      t ? r.forEach((a) => {
         var d;
         try {
-          (d = o.querySelector('[slot="simple-arrow"]')) == null || d.remove();
+          (d = a.querySelector('[slot="simple-arrow"]')) == null || d.remove();
         } catch {
         }
         try {
           const g = document.createElement("ea-icon");
-          g.setAttribute("slot", "simple-arrow"), g.setAttribute("icon", "icon-angle-right"), g.part = "simple-arrow", o.appendChild(g);
+          g.setAttribute("slot", "simple-arrow"), g.setAttribute("name", "angle-right"), g.part = "simple-arrow", a.appendChild(g);
         } catch {
         }
-      }) : r.forEach((o) => {
+      }) : r.forEach((a) => {
         var d;
         try {
-          (d = o.querySelector('[slot="simple-arrow"]')) == null || d.remove();
+          (d = a.querySelector('[slot="simple-arrow"]')) == null || d.remove();
         } catch {
         }
       });
@@ -279,10 +279,10 @@ class L extends R {
      * 处理 slot 变化
      * 更新所有子 ea-step 组件的 index、first、last 状态和 status
      */
-    a(this, _, () => {
+    o(this, _, () => {
       const t = [...this.querySelectorAll("ea-step")];
-      t.forEach((r, o) => {
-        r.index = o, r.toggleAttribute("first", o === 0), r.toggleAttribute("last", o === t.length - 1);
+      t.forEach((r, a) => {
+        r.index = a, r.toggleAttribute("first", a === 0), r.toggleAttribute("last", a === t.length - 1);
       }), e(this, v).call(this, this.active), e(this, w).call(this);
     });
     this.stylesheet = k, this.$render();