easy-component-ui 3.0.12 → 3.0.13

package/dist/components/ea-progress.js

@@ -3,8 +3,8 @@ var k = (t) => {
   throw TypeError(t);
 };
 var P = (t, s, e) => s in t ? S(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
-var C = (t, s, e) => P(t, typeof s != "symbol" ? s + "" : s, e), m = (t, s, e) => s.has(t) || k("Cannot " + e);
-var r = (t, s, e) => (m(t, s, "read from private field"), e ? e.call(t) : s.get(t)), p = (t, s, e) => s.has(t) ? k("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(t) : s.set(t, e), h = (t, s, e, i) => (m(t, s, "write to private field"), i ? i.call(t, e) : s.set(t, e), e), d = (t, s, e) => (m(t, s, "access private method"), e);
+var _ = (t, s, e) => P(t, typeof s != "symbol" ? s + "" : s, e), C = (t, s, e) => s.has(t) || k("Cannot " + e);
+var r = (t, s, e) => (C(t, s, "read from private field"), e ? e.call(t) : s.get(t)), p = (t, s, e) => s.has(t) ? k("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(t) : s.set(t, e), h = (t, s, e, a) => (C(t, s, "write to private field"), a ? a.call(t, e) : s.set(t, e), e), d = (t, s, e) => (C(t, s, "access private method"), e);
 import { B } from "./Base.js";
 import { s as A } from "../css/ea-progress.style.js";
 const $ = `
@@ -30,13 +30,13 @@ const $ = `
     <slot class="ea-progress__percentage"></slot>
 </section>
 `;
-var a, g, o, u, n, y, c, w, b;
+var i, g, o, u, n, y, c, w, b;
 class R extends B {
   constructor() {
     super();
     p(this, c);
     /** @type {HTMLElement} */
-    p(this, a);
+    p(this, i);
     /** @type {HTMLElement} */
     p(this, g);
     /** @type {HTMLElement} */
@@ -45,13 +45,13 @@ class R extends B {
     p(this, u);
     /** @type {HTMLElement} */
     p(this, n);
-    C(this, "propState", this.properties({
+    _(this, "propState", this.properties({
       color: {
         props: !0,
         type: {
           Array: () => {
-            var e, i;
-            return ((i = (e = this.props) == null ? void 0 : e.color) == null ? void 0 : i.length) > 0;
+            var e, a;
+            return ((a = (e = this.props) == null ? void 0 : e.color) == null ? void 0 : a.length) > 0;
           },
           Function: () => {
             var e;
@@ -68,7 +68,7 @@ class R extends B {
         }
       }
     }));
-    C(this, "state", this.properties({
+    _(this, "state", this.properties({
       percentage: {
         type: Number,
         default: 0,
@@ -98,7 +98,7 @@ class R extends B {
             return console.warn(
               `[EaProgress] The width value ${e} is not supported.`
             );
-          r(this, a).style.setProperty("--ea-progress-stroke-width", e);
+          r(this, i).style.setProperty("--ea-progress-stroke-width", e);
         }
       },
       "text-inside": {
@@ -123,7 +123,7 @@ class R extends B {
         type: Number,
         default: 3,
         observer: (e) => {
-          r(this, a).style.setProperty(
+          r(this, i).style.setProperty(
             "--ea-progress-animation-duration",
             `${e}s`
           );
@@ -147,7 +147,7 @@ class R extends B {
         type: String,
         default: "126px",
         observer: (e) => {
-          this.type !== "line" && r(this, a).style.setProperty("--ea-progress-size", e);
+          this.type !== "line" && r(this, i).style.setProperty("--ea-progress-size", e);
         }
       },
       "show-text": {
@@ -163,21 +163,21 @@ class R extends B {
      * @param {string | string[] | function} color 颜色值或函数
      * @param {number} [percentage] 百分比
      */
-    p(this, y, (e, i = this.percentage) => {
+    p(this, y, (e, a = this.percentage) => {
       if (!(!e || typeof e > "u"))
         if (Array.isArray(e)) {
           let l = e[0];
           for (let f = 0; f < e.length; f++) {
-            const _ = e[f];
-            if (i <= _.percentage) {
-              l = _;
+            const x = e[f];
+            if (a <= x.percentage) {
+              l = x;
               break;
             }
           }
           r(this, o).style.setProperty("--ea-progress-path-color", l == null ? void 0 : l.color);
         } else typeof e == "string" ? r(this, o).style.setProperty("--ea-progress-path-color", e) : typeof e == "function" && r(this, o).style.setProperty(
           "--ea-progress-path-color",
-          e(i)
+          e(a)
         );
     });
     this.stylesheet = A, this.$render();
@@ -217,7 +217,7 @@ class R extends B {
         "show-text": this["show-text"]
       }
     );
-    return r(this, a).className = e, e;
+    return r(this, i).className = e, e;
   }
   $render() {
     const e = {
@@ -238,7 +238,7 @@ class R extends B {
       <div class='ea-progress' part='container'>
         ${e[this.type]}
       </div>
-    `, h(this, a, this.shadowRoot.querySelector(".ea-progress")), h(this, g, this.shadowRoot.querySelector(".ea-progress__track")), h(this, o, this.shadowRoot.querySelector(".ea-progress__path")), h(this, u, this.shadowRoot.querySelector(
+    `, h(this, i, this.shadowRoot.querySelector(".ea-progress")), h(this, g, this.shadowRoot.querySelector(".ea-progress__track")), h(this, o, this.shadowRoot.querySelector(".ea-progress__path")), h(this, u, this.shadowRoot.querySelector(
       ".ea-progress__percentage-wrapper"
     )), h(this, n, this.shadowRoot.querySelector(".ea-progress__percentage")), this.updateContainerClasslist();
   }
@@ -246,16 +246,16 @@ class R extends B {
     super.connectedCallback();
   }
 }
-a = new WeakMap(), g = new WeakMap(), o = new WeakMap(), u = new WeakMap(), n = new WeakMap(), y = new WeakMap(), c = new WeakSet(), /**
+i = new WeakMap(), g = new WeakMap(), o = new WeakMap(), u = new WeakMap(), n = new WeakMap(), y = new WeakMap(), c = new WeakSet(), /**
  * 更新状态文本/图标
  */
 w = function() {
   const e = {
-    success: "icon-ok-circled",
-    warning: "icon-attention-circled",
-    exception: "icon-cancel-circled"
+    success: "circle-check",
+    warning: "triangle-exclamation",
+    exception: "circle-xmark"
   };
-  ["success", "exception", "warning"].includes(this.status) && !this["text-inside"] ? r(this, n).innerHTML = `<ea-icon class="ea-progress__status" icon="${e[this.status]}" part="status-icon"></ea-icon>` : r(this, n).textContent = this.percentage + "%";
+  ["success", "exception", "warning"].includes(this.status) && !this["text-inside"] ? r(this, n).innerHTML = `<ea-icon class="ea-progress__status" name="${e[this.status]}" part="status-icon"></ea-icon>` : r(this, n).textContent = this.percentage + "%";
 }, /**
  * 更新进度条百分比
  * @param {number} [newVal] 新的百分比值
@@ -263,18 +263,18 @@ w = function() {
 b = function(e = this.percentage) {
   if (e < 0) return this.percentage = 0;
   if (e > 100) return this.percentage = 100;
-  const i = this.querySelector("[data-percentage]"), l = {
+  const a = this.querySelector("[data-percentage]"), l = {
     line: () => e + "%",
     circle: () => 302 * ((100 - e) / 100) + "px",
     dashboard: () => {
-      const _ = 49 - Number(this["stroke-width"].replace("px", "")) / 2, x = 2 * Math.PI * _, v = (100 - e) / 100;
-      return r(this, o).style.strokeDasharray = x * (270 / 360) + "px", r(this, g).style.strokeDasharray = x * (270 / 360) + "px", x * (270 / 360) * v + "px";
+      const x = 49 - Number(this["stroke-width"].replace("px", "")) / 2, m = 2 * Math.PI * x, v = (100 - e) / 100;
+      return r(this, o).style.strokeDasharray = m * (270 / 360) + "px", r(this, g).style.strokeDasharray = m * (270 / 360) + "px", m * (270 / 360) * v + "px";
     }
   };
-  r(this, a).style.setProperty(
+  r(this, i).style.setProperty(
     "--ea-progress-percentage",
     l[this.type]()
-  ), d(this, c, w).call(this), i && (i.textContent = this.percentage), r(this, y).call(this, this.color, e), this.emit("change", {
+  ), d(this, c, w).call(this), a && (a.textContent = this.percentage), r(this, y).call(this, this.color, e), this.emit("change", {
     detail: {
       percentage: e
     }

package/dist/components/ea-rate.js

@@ -73,7 +73,7 @@ class R extends V {
          * @param {boolean} [isSelected]
          * @returns {string}
          */
-        default: () => () => '<ea-icon icon="icon-star" part="icon"></ea-icon>',
+        default: () => () => '<ea-icon name="star" part="icon"></ea-icon>',
         /** @param {Function} cb */
         observer: (t) => {
           !t || typeof t != "function" || (e(this, r).innerHTML = e(this, v).call(this, t), e(this, c).call(this, this.value - 1));

package/dist/components/ea-result.js

@@ -1,33 +1,33 @@
-var m = Object.defineProperty;
+var b = Object.defineProperty;
 var h = (e) => {
   throw TypeError(e);
 };
-var y = (e, s, t) => s in e ? m(e, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[s] = t;
+var y = (e, s, t) => s in e ? b(e, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[s] = t;
 var p = (e, s, t) => y(e, typeof s != "symbol" ? s + "" : s, t), _ = (e, s, t) => s.has(e) || h("Cannot " + t);
-var i = (e, s, t) => (_(e, s, "read from private field"), t ? t.call(e) : s.get(e)), o = (e, s, t) => s.has(e) ? h("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(e) : s.set(e, t), a = (e, s, t, d) => (_(e, s, "write to private field"), d ? d.call(e, t) : s.set(e, t), t);
+var i = (e, s, t) => (_(e, s, "read from private field"), t ? t.call(e) : s.get(e)), a = (e, s, t) => s.has(e) ? h("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(e) : s.set(e, t), o = (e, s, t, d) => (_(e, s, "write to private field"), d ? d.call(e, t) : s.set(e, t), t);
 import { B as v } from "./Base.js";
 import { s as f } from "../css/ea-result.style.js";
-import { t as b } from "../utils/Variables.js";
+import { t as m } from "../utils/Variables.js";
 var l, r, n, u, c;
 class w extends v {
   constructor() {
     super();
     /** @type {HTMLElement} */
-    o(this, l);
+    a(this, l);
     /** @type {HTMLElement} */
-    o(this, r);
+    a(this, r);
     /** @type {HTMLElement} */
-    o(this, n);
+    a(this, n);
     /** @type {HTMLElement} */
-    o(this, u);
+    a(this, u);
     /** @type {HTMLElement} */
-    o(this, c);
+    a(this, c);
     p(this, "state", this.properties({
       type: {
         type: ["primary", "success", "warning", "info", "error"],
         default: "",
         observer: (t) => {
-          i(this, r).setAttribute("icon", `icon-${b[t]}`), this.updateContainerClasslist();
+          i(this, r).setAttribute("name", m[t]), this.updateContainerClasslist();
         }
       },
       title: {
@@ -48,7 +48,7 @@ class w extends v {
         type: String,
         default: "",
         observer: (t) => {
-          t ? i(this, r).setAttribute("icon", t) : i(this, r).setAttribute("icon", `icon-${b[this.type]}`);
+          t ? i(this, r).setAttribute("name", t) : i(this, r).setAttribute("name", m[this.type]);
         }
       }
     }));
@@ -85,9 +85,9 @@ class w extends v {
           <slot name="extra"></slot>
         </div>
       </div>
-    `, a(this, l, this.shadowRoot.querySelector(".ea-result")), a(this, r, this.shadowRoot.querySelector(".ea-result__default-icon")), a(this, n, this.shadowRoot.querySelector(".ea-result__title slot")), a(this, u, this.shadowRoot.querySelector(
+    `, o(this, l, this.shadowRoot.querySelector(".ea-result")), o(this, r, this.shadowRoot.querySelector(".ea-result__default-icon")), o(this, n, this.shadowRoot.querySelector(".ea-result__title slot")), o(this, u, this.shadowRoot.querySelector(
       ".ea-result__sub-title slot"
-    )), a(this, c, this.shadowRoot.querySelector(".ea-result__extra slot"));
+    )), o(this, c, this.shadowRoot.querySelector(".ea-result__extra slot"));
   }
   connectedCallback() {
     super.connectedCallback();

package/dist/components/ea-select.js

@@ -383,8 +383,8 @@ class Y extends G {
       <div class='ea-select' part='container' tabindex='-1'>
         <ea-input class="ea-select__input" part="input" readonly>
           <section slot="prefix" class="ea-select__tag-wrap" part="tag-wrap"></section>
-          <ea-icon slot="suffix" class="ea-select__clear-icon" part="clear-icon" icon='icon-cancel'></ea-icon>
-          <ea-icon slot="suffix" class="ea-select__dropdown-icon" part="dropdown-icon" icon='icon-angle-down'></ea-icon>
+          <ea-icon slot="suffix" class="ea-select__clear-icon" part="clear-icon" name='xmark'></ea-icon>
+          <ea-icon slot="suffix" class="ea-select__dropdown-icon" part="dropdown-icon" name='angle-down'></ea-icon>
         </ea-input>
         <section class="ea-select__dropdown" part="dropdown">
           <slot></slot>
@@ -463,7 +463,7 @@ class V extends Event {
     super("ea-option-click", { bubbles: !0, composed: !0 }), this.detail = a;
   }
 }
-var _, C, R;
+var _, C, x;
 class tt extends H {
   constructor() {
     super();
@@ -501,7 +501,7 @@ class tt extends H {
      * 选项选择事件
      * @param {MouseEvent | KeyboardEvent} e
      */
-    l(this, R, (t) => {
+    l(this, x, (t) => {
       t.preventDefault(), t.stopImmediatePropagation(), !this.disabled && this.dispatchEvent(
         new V({
           value: this.value,
@@ -540,9 +540,9 @@ class tt extends H {
     var s;
     super.connectedCallback(), this.removeAttribute("tabindex"), (s = e(this, C)) == null || s.abort(), v(this, C, new AbortController());
     const t = (i) => {
-      i.key === "Enter" && e(this, R).call(this, i);
+      i.key === "Enter" && e(this, x).call(this, i);
     };
-    this.addEventListener("click", e(this, R), {
+    this.addEventListener("click", e(this, x), {
       signal: e(this, C).signal
     }), this.addEventListener("keydown", t, {
       signal: e(this, C).signal
@@ -553,16 +553,16 @@ class tt extends H {
     (t = e(this, C)) == null || t.abort();
   }
 }
-_ = new WeakMap(), C = new WeakMap(), R = new WeakMap();
+_ = new WeakMap(), C = new WeakMap(), x = new WeakMap();
 window.customElements.get("ea-option") || window.customElements.define("ea-option", tt);
-var $, x, A;
+var $, R, A;
 class et extends H {
   constructor() {
     super();
     /** @type {HTMLElement} */
     l(this, $);
     /** @type {HTMLSlotElement} */
-    l(this, x);
+    l(this, R);
     /** @type {AbortController} */
     l(this, A, new AbortController());
     y(this, "state", this.properties({
@@ -570,7 +570,7 @@ class et extends H {
         type: String,
         default: "",
         observer: (t) => {
-          e(this, x).textContent = t;
+          e(this, R).textContent = t;
         }
       }
     }));
@@ -589,7 +589,7 @@ class et extends H {
           <slot></slot>
         </section>
       </div>
-    `, v(this, $, this.shadowRoot.querySelector(".ea-option-group")), v(this, x, this.shadowRoot.querySelector("slot[name='header']"));
+    `, v(this, $, this.shadowRoot.querySelector(".ea-option-group")), v(this, R, this.shadowRoot.querySelector("slot[name='header']"));
   }
   connectedCallback() {
     var t;
@@ -600,7 +600,7 @@ class et extends H {
     (t = e(this, A)) == null || t.abort();
   }
 }
-$ = new WeakMap(), x = new WeakMap(), A = new WeakMap();
+$ = new WeakMap(), R = new WeakMap(), A = new WeakMap();
 window.customElements.get("ea-option-group") || window.customElements.define("ea-option-group", et);
 export {
   tt as EaOption,