easy-component-ui 3.0.11 → 3.0.13

package/dist/components/ea-message-box.js

@@ -1,46 +1,46 @@
-var U = Object.defineProperty;
+var $ = Object.defineProperty;
 var O = (i) => {
   throw TypeError(i);
 };
-var z = (i, s, e) => s in i ? U(i, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[s] = e;
+var z = (i, s, e) => s in i ? $(i, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[s] = e;
 var H = (i, s, e) => z(i, typeof s != "symbol" ? s + "" : s, e), I = (i, s, e) => s.has(i) || O("Cannot " + e);
-var t = (i, s, e) => (I(i, s, "read from private field"), e ? e.call(i) : s.get(i)), o = (i, s, e) => s.has(i) ? O("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(i) : s.set(i, e), l = (i, s, e, n) => (I(i, s, "write to private field"), n ? n.call(i, e) : s.set(i, e), e);
+var t = (i, s, e) => (I(i, s, "read from private field"), e ? e.call(i) : s.get(i)), a = (i, s, e) => s.has(i) ? O("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(i) : s.set(i, e), l = (i, s, e, n) => (I(i, s, "write to private field"), n ? n.call(i, e) : s.set(i, e), e);
 import { EaOverlay as V } from "./ea-overlay.js";
 import "./ea-input.js";
 import { s as N } from "../css/ea-message-box.style.js";
 import { t as K } from "../utils/timeout.js";
-import { E as $ } from "../utils/Utils.js";
-var p, f, v, y, g, B, C, a, _, E, r, h, c, u, b, S, L, T, w, M;
+import { E as U } from "../utils/Utils.js";
+var m, f, v, y, g, B, C, o, _, E, r, h, c, u, b, S, L, T, w, M;
 class D extends V {
   constructor() {
     super(...arguments);
     /** @type {HTMLElement} */
-    o(this, p);
+    a(this, m);
     /** @type {HTMLElement} */
-    o(this, f);
+    a(this, f);
     /** @type {HTMLElement} */
-    o(this, v);
+    a(this, v);
     /** @type {HTMLElement} */
-    o(this, y);
+    a(this, y);
     /** @type {HTMLElement} */
-    o(this, g);
+    a(this, g);
     /** @type {HTMLElement} */
-    o(this, B);
+    a(this, B);
     /** @type {HTMLElement} */
-    o(this, C);
+    a(this, C);
     /** @type {HTMLInputElement} */
-    o(this, a);
+    a(this, o);
     /** @type {HTMLElement} */
-    o(this, _);
+    a(this, _);
     /** @type {HTMLElement} */
-    o(this, E);
+    a(this, E);
     /** @type {HTMLElement} */
-    o(this, r);
+    a(this, r);
     /** @type {HTMLElement} */
-    o(this, h);
+    a(this, h);
     /** @type {AbortController} */
-    o(this, c);
-    o(this, u, {
+    a(this, c);
+    a(this, u, {
       inputPattern: null,
       dangerouslyUseHTMLString: !1,
       confirmButtonLoading: !1
@@ -53,14 +53,14 @@ class D extends V {
           const n = this.shadowRoot.querySelector(
             ".ea-overlay__content"
           );
-          t(this, S).call(this, e, n), t(this, p).className = this.updateContainerClasslist();
+          t(this, S).call(this, e, n), t(this, m).className = this.updateContainerClasslist();
         }
       },
       visible: {
         type: Boolean,
         default: !1,
         observer: async (e) => {
-          this.status = e, t(this, p).className = this.updateContainerClasslist();
+          this.status = e, t(this, m).className = this.updateContainerClasslist();
         }
       },
       title: {
@@ -82,27 +82,27 @@ class D extends V {
         default: "",
         observer: (e) => {
           const n = {
-            primary: "info",
-            success: "ok-circled",
-            info: "info",
-            warning: "attention-alt",
-            error: "cancel-circled"
+            primary: "circle-info",
+            success: "circle-check",
+            info: "circle-info",
+            warning: "triangle-exclamation",
+            error: "circle-xmark"
           };
-          this.icon = `icon-${n[e]}`, t(this, p).className = this.updateContainerClasslist();
+          this.icon = n[e], t(this, m).className = this.updateContainerClasslist();
         }
       },
       icon: {
         type: String,
         default: "",
         observer: (e) => {
-          t(this, y) && (t(this, y).icon = e);
+          t(this, y) && (t(this, y).name = e);
         }
       },
       closeIcon: {
         type: String,
-        default: "icon-cancel",
+        default: "xmark",
         observer: (e) => {
-          t(this, g).icon = e;
+          t(this, g).name = e;
         }
       },
       showClose: {
@@ -143,7 +143,7 @@ class D extends V {
         type: Boolean,
         default: !1,
         observer: (e) => {
-          t(this, p).className = this.updateContainerClasslist();
+          t(this, m).className = this.updateContainerClasslist();
         }
       },
       roundButton: {
@@ -164,42 +164,42 @@ class D extends V {
         type: Boolean,
         default: !1,
         observer: (e) => {
-          t(this, a).style.display = e ? "block" : "none";
+          t(this, o).style.display = e ? "block" : "none";
         }
       },
       inputPlaceholder: {
         type: String,
         default: "",
         observer: (e) => {
-          t(this, a) && (t(this, a).placeholder = e);
+          t(this, o) && (t(this, o).placeholder = e);
         }
       },
       inputType: {
         type: String,
         default: "text",
         observer: (e) => {
-          t(this, a) && (t(this, a).type = e);
+          t(this, o) && (t(this, o).type = e);
         }
       },
       inputValue: {
         type: String,
         default: "",
         observer: (e) => {
-          t(this, a) && (t(this, a).value = e);
+          t(this, o) && (t(this, o).value = e);
         }
       },
       inputErrorMessage: {
         type: String,
         default: "",
         observer: (e) => {
-          t(this, a) && this.inputPattern && (t(this, _).textContent = e);
+          t(this, o) && this.inputPattern && (t(this, _).textContent = e);
         }
       },
       draggable: {
         type: Boolean,
         default: !1,
         observer: (e) => {
-          t(this, p).className = this.updateContainerClasslist();
+          t(this, m).className = this.updateContainerClasslist();
         }
       }
     }));
@@ -208,14 +208,14 @@ class D extends V {
      * @param {string} customEventName 自定义事件名称
      * @param {object} detail 自定义事件详情
      */
-    o(this, b, (e, n) => {
+    a(this, b, (e, n) => {
       this.emit(e, {
         detail: n,
         bubbles: !0,
         composed: !0
       });
     });
-    o(this, S, (e, n) => {
+    a(this, S, (e, n) => {
       n.innerHTML = `
       <div class="ea-message-box-main" part="container">
         <header class="ea-message-box-main__header" part="header">
@@ -223,7 +223,7 @@ class D extends V {
             <ea-icon class="ea-message-box-main__type-icon" part="type-icon"></ea-icon>
             <span class="ea-message-box-main__title" part="title"></span>
           </div>
-          <ea-icon class="ea-message-box-main__icon-close" icon="icon-cancel" part="close-icon"></ea-icon>
+          <ea-icon class="ea-message-box-main__icon-close" name="xmark" part="close-icon"></ea-icon>
         </header>
         <main class="ea-message-box-main__content" part="content">
           <div class="ea-message-box-main__description" part="description"></div>
@@ -235,7 +235,7 @@ class D extends V {
           <ea-button class="ea-message-box-main__confirm-button" type="primary" part="confirm-button">OK</ea-button>
         </footer>
       </div>
-    `, l(this, p, this.shadowRoot.querySelector(".ea-overlay")), l(this, f, this.shadowRoot.querySelector(
+    `, l(this, m, this.shadowRoot.querySelector(".ea-overlay")), l(this, f, this.shadowRoot.querySelector(
         ".ea-message-box-main__header"
       )), l(this, v, this.shadowRoot.querySelector(".ea-message-box-main__title")), l(this, y, this.shadowRoot.querySelector(
         ".ea-message-box-main__type-icon"
@@ -251,20 +251,20 @@ class D extends V {
         ".ea-message-box-main__confirm-button"
       )), l(this, C, this.shadowRoot.querySelector(
         ".ea-message-box-main__description"
-      )), l(this, a, this.shadowRoot.querySelector(".ea-message-box-main__input")), l(this, _, this.shadowRoot.querySelector(
+      )), l(this, o, this.shadowRoot.querySelector(".ea-message-box-main__input")), l(this, _, this.shadowRoot.querySelector(
         ".ea-message-box-main__invalid-message"
-      )), t(this, a) && K(() => {
-        t(this, a).focus();
+      )), t(this, o) && K(() => {
+        t(this, o).focus();
       }, 0);
     });
     /**
      * 处理带有匹配规则的输入框输入
      * @returns {Promise<boolean>} Promise.
      */
-    o(this, L, () => new Promise((e, n) => {
-      if (!t(this, a) || !this.inputPattern) return e(!0);
-      const d = this.inputPattern.test(t(this, a).value);
-      t(this, p).classList.toggle("is-invalid", !d), d ? e(!0) : n(
+    a(this, L, () => new Promise((e, n) => {
+      if (!t(this, o) || !this.inputPattern) return e(!0);
+      const d = this.inputPattern.test(t(this, o).value);
+      t(this, m).classList.toggle("is-invalid", !d), d ? e(!0) : n(
         new Error(
           `[EaMessageBox] ${this["input-error-message"] || "input pattern is not valid."}`
         )
@@ -273,7 +273,7 @@ class D extends V {
     /**
      * 初始化确认事件
      */
-    o(this, T, async () => {
+    a(this, T, async () => {
       var e;
       try {
         await t(this, L).call(this), (e = t(this, c)) == null || e.abort(), t(this, b).call(this, "confirm");
@@ -283,13 +283,13 @@ class D extends V {
     /**
      * 触发取消事件
      */
-    o(this, w, () => {
+    a(this, w, () => {
       this.distinguishCancelAndClose ? t(this, b).call(this, "message-close") : t(this, b).call(this, "cancel");
     });
     /**
      * 初始化拖拽事件
      */
-    o(this, M, (e) => {
+    a(this, M, (e) => {
       if (!t(this, f).contains(e.target) || t(this, f) === e.target)
         return;
       const n = new AbortController(), d = this.shadowRoot.querySelector(
@@ -338,7 +338,7 @@ class D extends V {
     return t(this, u).confirmButtonLoading;
   }
   set confirmButtonLoading(e) {
-    t(this, u).confirmButtonLoading = e, t(this, r) && (t(this, a).disabled = e, t(this, r).loading = e);
+    t(this, u).confirmButtonLoading = e, t(this, r) && (t(this, o).disabled = e, t(this, r).loading = e);
   }
   // #endregion
   // ------- end -------
@@ -353,7 +353,7 @@ class D extends V {
   // #endregion
   // ------- end -------
   static get observedAttributes() {
-    return $.Array.toLowerCamelCase([
+    return U.Array.toLowerCamelCase([
       ...super.observedAttributes,
       "boxType",
       "visible",
@@ -396,7 +396,7 @@ class D extends V {
         "--draggable": this.draggable
       },
       {
-        invalid: t(this, a) && ((e = t(this, a)) == null ? void 0 : e.invalid),
+        invalid: t(this, o) && ((e = t(this, o)) == null ? void 0 : e.invalid),
         [`${this["box-type"]}-box`]: this["box-type"]
       }
     )}`;
@@ -433,9 +433,9 @@ class D extends V {
     (e = t(this, c)) == null || e.abort();
   }
 }
-p = new WeakMap(), f = new WeakMap(), v = new WeakMap(), y = new WeakMap(), g = new WeakMap(), B = new WeakMap(), C = new WeakMap(), a = new WeakMap(), _ = new WeakMap(), E = new WeakMap(), r = new WeakMap(), h = new WeakMap(), c = new WeakMap(), u = new WeakMap(), b = new WeakMap(), S = new WeakMap(), L = new WeakMap(), T = new WeakMap(), w = new WeakMap(), M = new WeakMap();
+m = new WeakMap(), f = new WeakMap(), v = new WeakMap(), y = new WeakMap(), g = new WeakMap(), B = new WeakMap(), C = new WeakMap(), o = new WeakMap(), _ = new WeakMap(), E = new WeakMap(), r = new WeakMap(), h = new WeakMap(), c = new WeakMap(), u = new WeakMap(), b = new WeakMap(), S = new WeakMap(), L = new WeakMap(), T = new WeakMap(), w = new WeakMap(), M = new WeakMap();
 window.customElements.get("ea-message-box") || window.customElements.define("ea-message-box", D);
-var P, A, k, q;
+var P, k, A, q;
 class X {
   /**
    *
@@ -443,7 +443,7 @@ class X {
    */
   constructor(s) {
     /** @type {MessageBoxOptions} */
-    o(this, P, {
+    a(this, P, {
       boxType: "personalized",
       distinguishCancelAndClose: !1,
       title: "",
@@ -475,7 +475,7 @@ class X {
       appendTo: "body",
       beforeClose: null
     });
-    o(this, A, [
+    a(this, k, [
       "inputPattern",
       "inputValidator",
       "beforeClose",
@@ -488,7 +488,7 @@ class X {
      * @param {HTMLElement} el
      * @param {String | HTMLElement} appendTo
      */
-    o(this, k, (s, e) => {
+    a(this, A, (s, e) => {
       if (e instanceof HTMLElement)
         e.appendChild(s);
       else {
@@ -501,13 +501,13 @@ class X {
      * @param {MessageBoxOptions} options
      * @returns
      */
-    o(this, q, (s) => {
+    a(this, q, (s) => {
       const e = document.createElement("ea-message-box");
       for (const n in s)
-        if (t(this, A).includes(n))
+        if (t(this, k).includes(n))
           e[n] = s[n];
         else {
-          const d = $.String.toLowerCamelCase(n);
+          const d = U.String.toLowerCamelCase(n);
           e.setAttribute(d, s[n]);
         }
       return e;
@@ -518,11 +518,11 @@ class X {
       s
     );
     const e = t(this, q).call(this, s);
-    this.instance = e, t(this, k).call(this, e, s.appendTo);
+    this.instance = e, t(this, A).call(this, e, s.appendTo);
   }
 }
-P = new WeakMap(), A = new WeakMap(), k = new WeakMap(), q = new WeakMap();
-const m = (i) => {
+P = new WeakMap(), k = new WeakMap(), A = new WeakMap(), q = new WeakMap();
+const p = (i) => {
   const s = new AbortController(), e = new X(i).instance;
   return e.visible = !0, e.addEventListener(
     "closed",
@@ -587,7 +587,7 @@ const m = (i) => {
     );
   });
 };
-m.alert = (i = "", s = "", e = "") => m({
+p.alert = (i = "", s = "", e = "") => p({
   message: i,
   title: s,
   closeOnClickModal: !1,
@@ -595,7 +595,7 @@ m.alert = (i = "", s = "", e = "") => m({
   boxType: "alert",
   ...e
 });
-m.confirm = (i = "", s = "", e = "") => m({
+p.confirm = (i = "", s = "", e = "") => p({
   message: i,
   title: s,
   showConfirmButton: !0,
@@ -604,7 +604,7 @@ m.confirm = (i = "", s = "", e = "") => m({
   boxType: "confirm",
   ...e
 });
-m.prompt = (i = "", s = "", e = "") => m({
+p.prompt = (i = "", s = "", e = "") => p({
   message: i,
   title: s,
   showConfirmButton: !0,
@@ -614,11 +614,11 @@ m.prompt = (i = "", s = "", e = "") => m({
   boxType: "prompt",
   ...e
 });
-window.$alert = m.alert;
-window.$confirm = m.confirm;
-window.$prompt = m.prompt;
-window.$msgbox = m;
+window.$alert = p.alert;
+window.$confirm = p.confirm;
+window.$prompt = p.prompt;
+window.$msgbox = p;
 export {
-  m as EaMessageBox,
+  p as EaMessageBox,
   D as EaMessageBoxElement
 };