easy-component-ui 3.0.13 → 3.0.14

package/dist/components/ea-message.js

@@ -1,314 +0,0 @@
-var U = Object.defineProperty;
-var $ = (i) => {
-  throw TypeError(i);
-};
-var k = (i, t, e) => t in i ? U(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
-var T = (i, t, e) => k(i, typeof t != "symbol" ? t + "" : t, e), R = (i, t, e) => t.has(i) || $("Cannot " + e);
-var s = (i, t, e) => (R(i, t, "read from private field"), e ? e.call(i) : t.get(i)), o = (i, t, e) => t.has(i) ? $("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(i) : t.set(i, e), h = (i, t, e, n) => (R(i, t, "write to private field"), n ? n.call(i, e) : t.set(i, e), e);
-import { n as A } from "./ea-calendar2.js";
-import { B, h as P } from "./Base.js";
-import { s as I } from "../css/ea-message.style.js";
-import { t as N } from "../utils/timeout.js";
-var r, u, m, f, d, a, b, l, C, w, v;
-class j extends B {
-  constructor() {
-    super();
-    /** @type {HTMLElement} */
-    o(this, r);
-    /** @type {HTMLElement} */
-    o(this, u);
-    /** @type {HTMLElement} */
-    o(this, m);
-    /** @type {HTMLElement} */
-    o(this, f);
-    /** @type {AbortController} */
-    o(this, d);
-    /** @type {AbortController} */
-    o(this, a);
-    o(this, b, {
-      dangerouslyUseHTMLString: !1
-    });
-    T(this, "state", this.properties({
-      type: {
-        props: !0,
-        type: ["primary", "success", "warning", "info", "error"],
-        default: "info",
-        observer: (e) => {
-          const n = {
-            success: "circle-check",
-            error: "circle-xmark",
-            warning: "triangle-exclamation",
-            info: "circle-info",
-            primary: "circle-info"
-          };
-          s(this, u).name = n[e], this.updateContainerClasslist();
-        }
-      },
-      visible: {
-        props: !0,
-        type: Boolean,
-        default: !1,
-        observer: async (e) => {
-          var n;
-          (n = s(this, a)) == null || n.abort(), h(this, a, new AbortController()), e ? (s(this, w).call(this), this.updateContainerClasslist(), s(this, l).call(this, "show"), s(this, r).offsetWidth, s(this, r).classList.add(this.ns.m("is-show")), s(this, r).addEventListener(
-            "transitionend",
-            () => {
-              s(this, l).call(this, "shown");
-            },
-            { once: !0, signal: s(this, a).signal }
-          )) : (s(this, v).call(this), s(this, r).classList.add(this.ns.m("before-hide")), s(this, l).call(this, "hide"), s(this, r).addEventListener(
-            "transitionend",
-            () => {
-              this.updateContainerClasslist(), s(this, l).call(this, "hidden");
-            },
-            { once: !0, signal: s(this, a).signal }
-          ));
-        }
-      },
-      message: {
-        props: !0,
-        type: String,
-        default: "",
-        observer: (e) => {
-          this.dangerouslyUseHTMLString ? s(this, m).innerHTML = e : s(this, m).innerText = e;
-        }
-      },
-      showClose: {
-        props: !0,
-        type: Boolean,
-        default: !1,
-        observer: (e) => {
-          var n;
-          this.updateContainerClasslist(), (n = s(this, d)) == null || n.abort(), e && (h(this, d, new AbortController()), s(this, f).addEventListener("click", s(this, C), {
-            signal: s(this, d).signal
-          }));
-        }
-      },
-      placement: {
-        props: !0,
-        type: [
-          "top",
-          "top-left",
-          "top-right",
-          "bottom",
-          "bottom-left",
-          "bottom-right",
-          "middle"
-        ],
-        default: "top",
-        observer: () => {
-          this.updateContainerClasslist();
-        }
-      },
-      icon: {
-        props: !0,
-        type: String,
-        default: "",
-        observer: (e) => {
-          s(this, u).name = e, this.updateContainerClasslist();
-        }
-      }
-    }));
-    /**
-     * 触发冒泡事件
-     * @param {string} customEventName - 自定义事件名称
-     * @param {string} detail - 事件详情
-     */
-    o(this, l, (e, n) => {
-      this.emit(e, {
-        detail: n,
-        bubbles: !0,
-        composed: !0
-      });
-    });
-    /**
-     * 关闭消息（公共方法）
-     */
-    T(this, "close", () => {
-      this.visible = !1, s(this, l).call(this, "close");
-    });
-    /**
-     * 关闭按钮点击事件处理
-     */
-    o(this, C, () => {
-      this.close();
-    });
-    /**
-     * 初始化消息位置
-     */
-    o(this, w, () => {
-      const e = document.querySelectorAll(
-        `ea-message[placement="${this.placement}"]`
-      );
-      if (e.length <= 1) return;
-      const n = e[e.length - 2], c = n.style.getPropertyValue("--ea-message-y"), p = n.shadowRoot.querySelector(this.ns.cb()).getBoundingClientRect();
-      this.style.setProperty(
-        "--ea-message-y",
-        `${Number(c.replace("px", "")) + p.height + 8}px`
-      );
-    });
-    /**
-     * 隐藏消息
-     */
-    o(this, v, () => {
-      const e = [
-        ...document.querySelectorAll(`ea-message[placement="${this.placement}"]`)
-      ], n = e.findIndex((p) => p === this), c = e.slice(n + 1), x = s(this, r).getBoundingClientRect().height;
-      c.forEach((p) => {
-        const q = Number(
-          p.style.getPropertyValue("--ea-message-y").replace("px", "")
-        );
-        p.style.setProperty("--ea-message-y", `${q - x - 8}px`);
-      });
-    });
-    this.stylesheet = I, this.$render();
-  }
-  // ------- dangerouslyUseHTMLString -------
-  // #region
-  get dangerouslyUseHTMLString() {
-    return s(this, b).dangerouslyUseHTMLString;
-  }
-  set dangerouslyUseHTMLString(e) {
-    s(this, b).dangerouslyUseHTMLString = e;
-  }
-  // #endregion
-  // ------- end -------
-  static get observedAttributes() {
-    return [...super.observedAttributes, "placement"];
-  }
-  /**
-   * 获取 classlist 列表
-   * @return {string} 属性值
-   */
-  updateContainerClasslist() {
-    const e = this.computedClasslist(
-      this.ns.b(),
-      {
-        ["--" + this.type]: this.type,
-        ["--" + this.placement]: this.placement,
-        "--visible": this.visible,
-        "--show-close": this.showClose
-      },
-      {}
-    );
-    return s(this, r) && (s(this, r).className = e), e;
-  }
-  $render() {
-    const e = A("message");
-    this.ns = e, this.shadowRoot.innerHTML = P(`
-      <div class="${e.b()}" part="container">
-        <ea-icon class="${e.e("icon")}" part="icon"></ea-icon>
-        <div class="${e.e("content")}" part="content-wrap"></div>
-        <ea-icon class="${e.e("icon-close")}" name="xmark" part="close-icon"></ea-icon>
-      </div>
-    `), h(this, r, this.shadowRoot.querySelector(e.cb())), h(this, u, this.shadowRoot.querySelector(e.ce("icon"))), h(this, m, this.shadowRoot.querySelector(e.ce("content"))), h(this, f, this.shadowRoot.querySelector(e.ce("icon-close")));
-  }
-  connectedCallback() {
-    super.connectedCallback();
-  }
-  $beforeUnmounted() {
-    var e, n;
-    (e = s(this, d)) == null || e.abort(), (n = s(this, a)) == null || n.abort();
-  }
-}
-r = new WeakMap(), u = new WeakMap(), m = new WeakMap(), f = new WeakMap(), d = new WeakMap(), a = new WeakMap(), b = new WeakMap(), l = new WeakMap(), C = new WeakMap(), w = new WeakMap(), v = new WeakMap();
-window.customElements.get("ea-message") || window.customElements.define("ea-message", j);
-var E, M, L, S, H;
-class g {
-  /**
-   * @param {EaMessageOptions} options
-   */
-  constructor(t) {
-    o(this, E, [
-      "dangerouslyUseHTMLString",
-      "message",
-      "placement",
-      "type",
-      "showClose",
-      "duration",
-      "offset",
-      "icon"
-    ]);
-    /**
-     * 渲染消息实例
-     * @param {EaMessageOptions} options
-     * @return {HTMLElement}
-     */
-    o(this, M, (t) => {
-      const e = document.createElement("ea-message");
-      if (t instanceof String)
-        e.message = t;
-      else if (t instanceof Object)
-        for (const n in t)
-          e[n] = t[n];
-      else
-        console.warn(
-          "[EaMessage] TypeError: options must be a string or an object."
-        );
-      return e;
-    });
-    /**
-     * 处理 duration 属性
-     */
-    o(this, L, (t, e = 3e3) => {
-      e <= 0 || N(() => {
-        t.visible = !1;
-      }, e);
-    });
-    /**
-     * 处理 appendTo 属性
-     */
-    o(this, S, (t, e) => {
-      if (e instanceof HTMLElement)
-        e.appendChild(t);
-      else {
-        const n = document.querySelector(e);
-        n ? n.appendChild(t) : document.body.appendChild(t);
-      }
-    });
-    /**
-     * 处理 hide 属性
-     */
-    o(this, H, (t, e) => {
-      t.addEventListener(
-        "hidden",
-        (n) => {
-          e == null || e(n), t.remove();
-        },
-        { once: !0 }
-      );
-    });
-    this.options = s(this, E).reduce((n, c) => (t[c] && (n[c] = t[c]), n), {}), this.options.placement = this.options.placement || "top";
-    const e = s(this, M).call(this, this.options);
-    s(this, S).call(this, e, t.appendTo), s(this, L).call(this, e, t.duration), s(this, H).call(this, e, t.onClose), e.visible = !0;
-  }
-}
-E = new WeakMap(), M = new WeakMap(), L = new WeakMap(), S = new WeakMap(), H = new WeakMap();
-const y = (i) => {
-  new g(i);
-};
-y.primary = (i) => new g({
-  message: i,
-  type: "primary"
-});
-y.success = (i) => new g({
-  message: i,
-  type: "success"
-});
-y.warning = (i) => new g({
-  message: i,
-  type: "warning"
-});
-y.info = (i) => new g({
-  message: i,
-  type: "info"
-});
-y.error = (i) => new g({
-  message: i,
-  type: "error"
-});
-window.$message = y;
-export {
-  y as EaMessage,
-  j as EaMessageElement
-};

package/dist/components/ea-notification.js

@@ -1,331 +0,0 @@
-var k = Object.defineProperty;
-var I = (s) => {
-  throw TypeError(s);
-};
-var $ = (s, i, e) => i in s ? k(s, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[i] = e;
-var C = (s, i, e) => $(s, typeof i != "symbol" ? i + "" : i, e), R = (s, i, e) => i.has(s) || I("Cannot " + e);
-var t = (s, i, e) => (R(s, i, "read from private field"), e ? e.call(s) : i.get(s)), n = (s, i, e) => i.has(s) ? I("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(s) : i.set(s, e), l = (s, i, e, o) => (R(s, i, "write to private field"), o ? o.call(s, e) : i.set(s, e), e);
-import { t as A } from "../utils/timeout.js";
-import { E as q } from "../utils/Utils.js";
-import { B } from "./Base.js";
-import { s as P } from "../css/ea-notification.style.js";
-var v, E, _, L, S, x;
-class z {
-  /**
-   * @param {EaNotificationOptions} options
-   */
-  constructor(i) {
-    n(this, v, ["dangerouslyUseHTMLString", "message"]);
-    n(this, E, ["appendTo"]);
-    n(this, _, {
-      title: "",
-      dangerouslyUseHTMLString: !1,
-      message: "",
-      icon: "",
-      type: "info",
-      duration: 3e3,
-      placement: "top-right",
-      zIndex: 0,
-      showClose: !0,
-      closeIcon: "xmark",
-      appendTo: "body"
-    });
-    /**
-     *
-     * @param {HTMLElement} el
-     * @param {EaNotificationOptions} options
-     * @returns
-     */
-    n(this, L, (i) => {
-      const e = document.createElement("ea-notification");
-      for (const o in i) {
-        if (t(this, E).includes(o)) continue;
-        const p = i[o];
-        if (t(this, v).includes(o))
-          e[o] = p;
-        else {
-          const w = q.String.toLowerCamelCase(o);
-          e.setAttribute(w, p);
-        }
-      }
-      return e;
-    });
-    /**
-     *
-     * @param {HTMLElement} el
-     * @param {HTMLElement | String} appendTo
-     * @returns
-     */
-    n(this, S, (i, e) => {
-      if (!e) return document.body.appendChild(i);
-      if (e instanceof HTMLElement)
-        e.appendChild(i);
-      else if (typeof e == "string") {
-        const o = document.querySelector(e);
-        o ? o.appendChild(i) : document.body.appendChild(i);
-      } else
-        console.warn(
-          `[EaNotification] TypeError: ${e} is not a valid element or selector.`
-        );
-    });
-    /**
-     *
-     * @param {HTMLElement} el
-     * @param {number} duration
-     * @returns
-     */
-    n(this, x, (i, e = 3e3) => {
-      i.visible = !0, i.addEventListener("hidden", () => i.remove()), e > 0 && A(() => {
-        i.visible = !1;
-      }, e);
-    });
-    C(this, "close", () => {
-      this.instance.close();
-    });
-    i = Object.assign({}, t(this, _), i);
-    const e = t(this, L).call(this, i);
-    this.instance = e, t(this, S).call(this, e, i.appendTo), t(this, x).call(this, e, i.duration);
-  }
-}
-v = new WeakMap(), E = new WeakMap(), _ = new WeakMap(), L = new WeakMap(), S = new WeakMap(), x = new WeakMap();
-const r = (s) => new z(s);
-r.primary = (s) => r({
-  ...s,
-  type: "primary"
-});
-r.success = (s) => r({
-  ...s,
-  type: "success"
-});
-r.warning = (s) => r({
-  ...s,
-  type: "warning"
-});
-r.info = (s) => r({
-  ...s,
-  type: "info"
-});
-r.error = (s) => r({
-  ...s,
-  type: "error"
-});
-var a, M, y, g, d, m, c, b, f, h, N, T, H;
-class V extends B {
-  constructor() {
-    super();
-    /** @type {HTMLElement} */
-    n(this, a);
-    /** @type {HTMLElement} */
-    n(this, M);
-    /** @type {HTMLElement} */
-    n(this, y);
-    /** @type {HTMLElement} */
-    n(this, g);
-    /** @type {HTMLElement} */
-    n(this, d);
-    /** @type {HTMLElement} */
-    n(this, m);
-    /** @type {AbortController} */
-    n(this, c);
-    /** @type {AbortController} */
-    n(this, b);
-    n(this, f, {
-      dangerouslyUseHTMLString: !1,
-      message: ""
-    });
-    C(this, "state", this.properties({
-      type: {
-        type: ["primary", "success", "warning", "info", "error"],
-        default: "info",
-        observer: (e) => {
-          const o = {
-            success: "circle-check",
-            error: "circle-xmark",
-            warning: "triangle-exclamation",
-            info: "circle-info",
-            primary: "circle-info"
-          };
-          t(this, y).name = o[e], t(this, a).className = this.updateContainerClasslist();
-        }
-      },
-      title: {
-        type: String,
-        default: "",
-        observer: (e) => {
-          t(this, g).textContent = e;
-        }
-      },
-      visible: {
-        type: Boolean,
-        default: !1,
-        observer: async (e) => {
-          var o;
-          (o = t(this, c)) == null || o.abort(), l(this, c, new AbortController()), e ? (t(this, N).call(this), t(this, a).className = this.updateContainerClasslist(), t(this, h).call(this, "show"), t(this, a).offsetWidth, t(this, a).classList.add("is-show"), t(this, a).addEventListener(
-            "transitionend",
-            () => {
-              t(this, h).call(this, "shown");
-            },
-            { once: !0, signal: t(this, c).signal }
-          )) : (t(this, T).call(this), t(this, a).classList.add("is-before-hide"), t(this, h).call(this, "hide"), t(this, a).addEventListener(
-            "transitionend",
-            () => {
-              t(this, a).className = this.updateContainerClasslist(), t(this, h).call(this, "hidden");
-            },
-            { once: !0, signal: t(this, c).signal }
-          ));
-        }
-      },
-      showClose: {
-        type: Boolean,
-        default: !1,
-        observer: (e) => {
-          t(this, a).className = this.updateContainerClasslist(), t(this, d).name = this["close-icon"];
-        }
-      },
-      closeIcon: {
-        type: String,
-        default: "xmark",
-        observer: (e) => {
-          this["show-close"] && (t(this, d).name = e);
-        }
-      },
-      placement: {
-        type: ["top-right", "top-left", "bottom-right", "bottom-left"],
-        default: "top-right",
-        observer: (e) => {
-          t(this, a).className = this.updateContainerClasslist();
-        }
-      },
-      zIndex: {
-        type: Number,
-        default: 0,
-        observer: (e) => {
-          t(this, a).style.setProperty("--z-index", e);
-        }
-      }
-    }));
-    n(this, h, (e, o) => {
-      this.emit(e, {
-        detail: o,
-        bubbles: !0,
-        composed: !0
-      });
-    });
-    C(this, "close", () => {
-      this.visible = !1, t(this, h).call(this, "close");
-    });
-    n(this, N, () => {
-      const e = document.querySelectorAll(
-        `ea-notification[placement="${this.placement}"]`
-      );
-      if (e.length <= 1) return;
-      const o = e[e.length - 2], p = o.style.getPropertyValue("--ea-notification-y"), u = o.shadowRoot.querySelector(".ea-notification").getBoundingClientRect();
-      this.style.setProperty(
-        "--ea-notification-y",
-        `${Number(p.replace("px", "")) + u.height + 8}px`
-      );
-    });
-    n(this, T, () => {
-      const e = [
-        ...document.querySelectorAll(
-          `ea-notification[placement="${this.placement}"]`
-        )
-      ], o = e.findIndex((u) => u === this), p = e.slice(o + 1), w = t(this, a).getBoundingClientRect().height;
-      p.forEach((u, O) => {
-        const U = Number(
-          u.style.getPropertyValue("--ea-notification-y").replace("px", "")
-        );
-        u.style.setProperty(
-          "--ea-notification-y",
-          `${U - w - 8}px`
-        );
-      });
-    });
-    n(this, H, () => {
-      this.visible = !1;
-    });
-    this.stylesheet = P, this.$render();
-  }
-  // ------- dangerouslyUseHTMLString -------
-  // #region
-  get dangerouslyUseHTMLString() {
-    return t(this, f).dangerouslyUseHTMLString;
-  }
-  set dangerouslyUseHTMLString(e) {
-    t(this, f).dangerouslyUseHTMLString = e;
-  }
-  // #endregion
-  // ------- end -------
-  // ------- message -------
-  // #region
-  get message() {
-    return t(this, f).message;
-  }
-  set message(e) {
-    t(this, f).message = e, this.dangerouslyUseHTMLString ? t(this, m).innerHTML = e : t(this, m).innerText = e;
-  }
-  // #endregion
-  // ------- end -------
-  static get observedAttributes() {
-    return q.Array.toLowerCamelCase([
-      "visible",
-      "title",
-      "message",
-      "type",
-      "icon",
-      "duration",
-      "placement",
-      "showClose",
-      "zIndex",
-      "closeIcon"
-    ]);
-  }
-  /**
-   * 获取 classlist 列表
-   * @return {string} 属性值
-   */
-  updateContainerClasslist() {
-    return this.computedClasslist("ea-notification", {
-      "--visible": this.visible,
-      ["--" + this.type]: this.type,
-      "--show-close": this["show-close"],
-      ["--" + this.placement]: this.placement
-    });
-  }
-  $render() {
-    this.shadowRoot.innerHTML = `
-      <div class="ea-notification" part='container'>
-        <ea-icon class="ea-notification__icon" part="icon"></ea-icon>
-        <div class="ea-notification__content">
-          <header class="ea-notification__header" part='header'>
-            <h2 class="ea-notification__title" part="title"> </h2>
-            <ea-icon class="ea-notification__close-icon" name="xmark" part='close-icon'></ea-icon>
-          </header>
-          <main class="ea-notification__main" part='main'> </main>
-        </div>
-      </div>
-        `, l(this, a, this.shadowRoot.querySelector(".ea-notification")), l(this, M, this.shadowRoot.querySelector(".ea-notification__header")), l(this, y, this.shadowRoot.querySelector(
-      ".ea-notification__icon"
-    )), l(this, g, this.shadowRoot.querySelector(".ea-notification__title")), l(this, d, this.shadowRoot.querySelector(
-      ".ea-notification__close-icon"
-    )), l(this, m, this.shadowRoot.querySelector(".ea-notification__main"));
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    const e = new AbortController();
-    l(this, b, e), this["show-close"] && t(this, d).addEventListener("click", t(this, H), {
-      signal: e.signal
-    });
-  }
-  $beforeUnmounted() {
-    var e, o;
-    (e = t(this, c)) == null || e.abort(), (o = t(this, b)) == null || o.abort();
-  }
-}
-a = new WeakMap(), M = new WeakMap(), y = new WeakMap(), g = new WeakMap(), d = new WeakMap(), m = new WeakMap(), c = new WeakMap(), b = new WeakMap(), f = new WeakMap(), h = new WeakMap(), N = new WeakMap(), T = new WeakMap(), H = new WeakMap();
-window.customElements.get("ea-notification") || window.customElements.define("ea-notification", V);
-window.$notify = r;
-export {
-  r as EaNotification,
-  V as EaNotificationElement
-};