easy-component-ui 3.0.13 → 3.0.14

package/dist/components/ea-popconfirm.js

@@ -1,275 +0,0 @@
-var F = Object.defineProperty;
-var z = (n) => {
-  throw TypeError(n);
-};
-var j = (n, i, t) => i in n ? F(n, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[i] = t;
-var H = (n, i, t) => j(n, typeof i != "symbol" ? i + "" : i, t), x = (n, i, t) => i.has(n) || z("Cannot " + t);
-var e = (n, i, t) => (x(n, i, "read from private field"), t ? t.call(n) : i.get(n)), s = (n, i, t) => i.has(n) ? z("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(n) : i.set(n, t), a = (n, i, t, o) => (x(n, i, "write to private field"), o ? o.call(n, t) : i.set(n, t), t), M = (n, i, t) => (x(n, i, "access private method"), t);
-import { EaPopper as D } from "./ea-popper.js";
-import { s as G } from "../css/ea-popconfirm.style.js";
-var v, p, f, B, L, d, u, m, $, C, b, y, h, c, S, _, U, g, w, q;
-class J extends D {
-  constructor() {
-    super();
-    s(this, _);
-    /** @type {HTMLElement} */
-    s(this, v);
-    /** @type {HTMLElement} */
-    s(this, p);
-    /** @type {HTMLElement} */
-    s(this, f);
-    /** @type {HTMLElement} */
-    s(this, B);
-    /** @type {HTMLElement} */
-    s(this, L);
-    /** @type {HTMLElement} */
-    s(this, d);
-    /** @type {HTMLElement} */
-    s(this, u);
-    /** @type {HTMLElement} */
-    s(this, m);
-    /** @type {HTMLElement} */
-    s(this, $);
-    /** @type {HTMLElement} */
-    s(this, C);
-    /** @type {HTMLElement} */
-    s(this, b);
-    /** @type {HTMLElement} */
-    s(this, y);
-    /** @type {AbortController} */
-    s(this, h);
-    s(this, c, {
-      /** @type {AbortController | null} */
-      globalClose: null,
-      /** @type {AbortController | null} */
-      customActions: null
-    });
-    H(this, "state", this.properties({
-      title: {
-        type: String,
-        default: "",
-        observer: (t) => {
-          e(this, y).innerText = t;
-        }
-      },
-      visible: {
-        type: Boolean,
-        default: !1,
-        observer: (t) => {
-          this.status = t;
-        }
-      },
-      icon: {
-        type: String,
-        default: "circle-question",
-        observer: (t) => {
-          e(this, b).name = t;
-        }
-      },
-      "icon-color": {
-        type: String,
-        default: "rgb(255, 153, 0)",
-        observer: (t) => {
-          if (!CSS.supports("color", t))
-            return console.warn(
-              `[EaPopconfirm] The color value ${t} is not supported.`
-            );
-          this.style.setProperty("--ea-popconfirm-title-icon-color", t);
-        }
-      },
-      "hide-icon": {
-        type: Boolean,
-        default: !1,
-        observer: (t) => {
-          this.style.setProperty(
-            "--ea-popconfirm-title-icon-display",
-            t ? "none" : "block"
-          );
-        }
-      },
-      "confirm-button-text": {
-        type: String,
-        default: "确定",
-        observer: (t) => {
-          e(this, m).textContent = t;
-        }
-      },
-      "cancel-button-text": {
-        type: String,
-        default: "取消",
-        observer: (t) => {
-          e(this, u).textContent = t;
-        }
-      },
-      "confirm-button-type": {
-        type: ["normal", "primary", "success", "warning", "danger"],
-        default: "primary",
-        observer: (t) => {
-          e(this, m).type = t;
-        }
-      },
-      "cancel-button-type": {
-        type: ["normal", "primary", "success", "warning", "danger"],
-        default: "normal",
-        observer: (t) => {
-          e(this, u).type = t;
-        }
-      }
-    }));
-    /**
-     * 渲染title
-     * @returns {{
-     * titleContainer: HTMLElement,
-     * titleIcon: HTMLElement,
-     * titleContent: HTMLElement,
-     * }}
-     */
-    s(this, S, () => {
-      const t = document.createElement("section");
-      return t.classList.add("ea-popconfirm__title"), t.part = "title", t.innerHTML = `
-      ${this.icon ? `<ea-icon name="${this.icon}" part="icon"></ea-icon>` : ""}
-      <span class="ea-popconfirm__title-content" part="title-content">${this.title}</span>
-    `, e(this, p).appendChild(t), {
-        titleContainer: t,
-        titleIcon: t.querySelector("ea-icon"),
-        titleContent: t.querySelector(".ea-popconfirm__title-content")
-      };
-    });
-    /**
-     * 初始化关闭事件
-     * @param {HTMLElement} el
-     * @param {'cancel' | 'confirm'} closeEventName 关闭事件名称
-     */
-    s(this, g, (t, o) => {
-      t && t.addEventListener(
-        "click",
-        () => {
-          this.dispatchEvent(new CustomEvent(o)), this.hide();
-        },
-        { signal: e(this, h).signal }
-      );
-    });
-    /**
-     * 初始化触发事件
-     */
-    s(this, w, () => {
-      const t = e(this, f).querySelector(
-        'slot[name="reference"]'
-      ), o = e(this, d).querySelector('slot[name="actions"]');
-      t.addEventListener(
-        "click",
-        () => {
-          this.open();
-        },
-        { signal: e(this, h).signal }
-      ), o.assignedElements().length ? e(this, q).call(this) : (e(this, g).call(this, e(this, u), "cancel"), e(this, g).call(this, e(this, m), "confirm"));
-    });
-    /**
-     * 初始化自定义 actions slot 的事件监听
-     */
-    s(this, q, () => {
-      var l;
-      const t = e(this, d).querySelector('slot[name="actions"]');
-      if (!t) return;
-      (l = e(this, c).customActions) == null || l.abort(), e(this, c).customActions = new AbortController();
-      const o = () => {
-        t.assignedElements().forEach((r) => {
-          var T, P, I, R;
-          const E = ((T = r.querySelector) == null ? void 0 : T.call(r, "[data-cancel]")) || ((P = r.matches) != null && P.call(r, "[data-cancel]") ? r : null), k = ((I = r.querySelector) == null ? void 0 : I.call(r, "[data-confirm]")) || ((R = r.matches) != null && R.call(r, "[data-confirm]") ? r : null);
-          E && E.addEventListener(
-            "click",
-            () => {
-              this.close(), this.dispatchEvent(new CustomEvent("cancel"));
-            },
-            { signal: e(this, c).customActions.signal }
-          ), k && k.addEventListener(
-            "click",
-            () => {
-              this.close(), this.dispatchEvent(new CustomEvent("confirm"));
-            },
-            { signal: e(this, c).customActions.signal }
-          );
-        });
-      };
-      t.addEventListener("slotchange", o, {
-        signal: e(this, c).customActions.signal
-      });
-    });
-    a(this, v, this.shadowRoot.querySelector(".ea-popper")), a(this, p, this.shadowRoot.querySelector(
-      ".ea-popper__original"
-    )), a(this, f, this.shadowRoot.querySelector(
-      ".ea-popper__reference"
-    ));
-    const { titleContainer: t, titleIcon: o, titleContent: l } = e(this, S).call(this), { footer: A, cancelButton: r, confirmButton: E } = M(this, _, U).call(this);
-    a(this, d, A), a(this, u, r), a(this, m, E), a(this, C, t), a(this, b, o), a(this, y, l);
-  }
-  static get observedAttributes() {
-    return [
-      ...super.observedAttributes,
-      "title",
-      "visible",
-      "icon",
-      "icon-color",
-      "hide-icon",
-      "confirm-button-text",
-      "cancel-button-text",
-      "confirm-button-type",
-      "cancel-button-type"
-    ];
-  }
-  /**
-   * 打开 popconfirm
-   * @public
-   */
-  open() {
-    var o;
-    const t = (l) => {
-      var r;
-      this.contains(l.target) || ((r = e(this, c).globalClose) == null || r.abort(), this.hide());
-    };
-    this.show(), (o = e(this, c).globalClose) == null || o.abort(), e(this, c).globalClose = new AbortController(), window.addEventListener("click", t, {
-      signal: e(this, c).globalClose.signal
-    });
-  }
-  /**
-   * 关闭 popconfirm
-   * @public
-   */
-  close() {
-    var t;
-    this.hide(), (t = e(this, c).globalClose) == null || t.abort();
-  }
-  connectedCallback() {
-    var t, o;
-    super.connectedCallback(), (t = e(this, h)) == null || t.abort(), a(this, h, new AbortController()), (o = e(this, p).querySelector("slot")) == null || o.remove(), this.assignedStyle(G), e(this, w).call(this);
-  }
-  $beforeUnmounted() {
-    var t, o;
-    super.$beforeUnmounted(), (t = e(this, h)) == null || t.abort();
-    for (const l in e(this, c))
-      (o = e(this, c)[l]) == null || o.abort();
-  }
-}
-v = new WeakMap(), p = new WeakMap(), f = new WeakMap(), B = new WeakMap(), L = new WeakMap(), d = new WeakMap(), u = new WeakMap(), m = new WeakMap(), $ = new WeakMap(), C = new WeakMap(), b = new WeakMap(), y = new WeakMap(), h = new WeakMap(), c = new WeakMap(), S = new WeakMap(), _ = new WeakSet(), /**
- * 渲染footer
- * @return {{
- *  footer: HTMLElement,
- *  cancelButton: HTMLElement,
- *  confirmButton: HTMLElement,
- * }}
- */
-U = function() {
-  const t = `<slot name="actions">
-      <ea-button type="${this["cancel-button-type"]}" class="ea-popconfirm__cancel" size="small" part="cancel-button" text>${this["cancel-button-text"]}</ea-button>
-      <ea-button type="${this["confirm-button-type"]}" class="ea-popconfirm__confirm" part="confirm-button" size="small">${this["confirm-button-text"]}</ea-button>
-    </slot>`, o = document.createElement("footer");
-  return o.classList.add("ea-popconfirm__footer"), o.part = "footer", o.innerHTML = t, e(this, p).appendChild(o), {
-    footer: o,
-    cancelButton: o.querySelector(".ea-popconfirm__cancel"),
-    confirmButton: o.querySelector(".ea-popconfirm__confirm")
-  };
-}, g = new WeakMap(), w = new WeakMap(), q = new WeakMap();
-window.customElements.get("ea-popconfirm") || window.customElements.define("ea-popconfirm", J);
-export {
-  J as EaPopconfirm
-};

package/dist/components/ea-popover.js

@@ -1,147 +0,0 @@
-var x = Object.defineProperty;
-var E = (t) => {
-  throw TypeError(t);
-};
-var S = (t, s, e) => s in t ? x(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
-var w = (t, s, e) => S(t, typeof s != "symbol" ? s + "" : s, e), y = (t, s, e) => s.has(t) || E("Cannot " + e);
-var o = (t, s, e) => (y(t, s, "read from private field"), e ? e.call(t) : s.get(t)), r = (t, s, e) => s.has(t) ? E("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(t) : s.set(t, e), c = (t, s, e, i) => (y(t, s, "write to private field"), i ? i.call(t, e) : s.set(t, e), e);
-import { EaPopper as L } from "./ea-popper.js";
-import { s as _ } from "../css/ea-popover.style.js";
-var u, l, v, a, h, d, f, p, g, m;
-class k extends L {
-  constructor() {
-    super();
-    /** @type {HTMLElement} */
-    r(this, u);
-    /** @type {HTMLElement} */
-    r(this, l);
-    /** @type {HTMLElement} */
-    r(this, v);
-    /** @type {HTMLElement} */
-    r(this, a);
-    /** @type {HTMLElement} */
-    r(this, h);
-    /** @type {AbortController} */
-    r(this, d);
-    r(this, f);
-    w(this, "state", this.properties({
-      trigger: {
-        type: ["click", "focus", "hover", "contextmenu", "customized"],
-        default: "hover",
-        observer: (e) => {
-        }
-      },
-      visible: {
-        type: Boolean,
-        default: !1,
-        observer: (e) => {
-          this.status = e;
-        }
-      },
-      title: {
-        type: String,
-        default: "",
-        observer: (e) => {
-          if (o(this, a))
-            o(this, a).innerText = e;
-          else {
-            const i = document.createElement("div"), n = o(this, l).querySelector("slot");
-            i.classList.add("ea-popover__title"), i.part = "title", i.innerText = e, o(this, l).insertBefore(i, n), c(this, a, i);
-          }
-        }
-      },
-      content: {
-        type: String,
-        default: "",
-        observer: (e) => {
-          if (o(this, h))
-            o(this, h).innerText = e;
-          else {
-            const i = document.createElement("div"), n = o(this, l).querySelector("slot");
-            i.classList.add("ea-popover__content"), i.part = "content", i.innerText = e, o(this, l).appendChild(i), c(this, h, i), n.remove();
-          }
-        }
-      }
-    }));
-    r(this, p, {
-      hover: () => {
-        this.addEventListener(
-          "mouseover",
-          (e) => {
-            this.show(), this.addEventListener(
-              "mouseout",
-              (i) => {
-                this.hide();
-              },
-              { once: !0 }
-            );
-          },
-          { signal: o(this, d).signal }
-        );
-      },
-      click: () => {
-        this.addEventListener("click", () => {
-          this.toggle();
-        });
-      },
-      focus: () => {
-        this.addEventListener("focus", () => {
-          this.show(), this.addEventListener("blur", (e) => {
-            this.hide();
-          });
-        });
-      },
-      contextmenu: () => {
-        this.addEventListener("contextmenu", (e) => {
-          e.preventDefault();
-          const i = new AbortController();
-          this.show(), window.addEventListener(
-            "click",
-            (n) => {
-              this.contains(n.target) || (this.hide(), i.abort());
-            },
-            { signal: i.signal }
-          );
-        });
-      }
-    });
-    r(this, g, () => {
-      const e = new AbortController();
-      c(this, d, e), this.assignedStyle(_);
-    });
-    r(this, m, () => {
-      var i, n;
-      if (this.trigger === "customized") return;
-      const e = Object.keys(o(this, p)).find(
-        (b) => this.trigger === b
-      );
-      (n = (i = o(this, p))[e || "hover"]) == null || n.call(i), e || console.warn(`[EaPopper] trigger event ${this.trigger} is not exist`);
-    });
-    c(this, u, this.shadowRoot.querySelector(".ea-popper")), c(this, l, this.shadowRoot.querySelector(
-      ".ea-popper__original"
-    )), c(this, v, this.shadowRoot.querySelector(
-      ".ea-popper__reference"
-    ));
-  }
-  static get observedAttributes() {
-    return [
-      ...super.observedAttributes,
-      "trigger",
-      "title",
-      "content",
-      "visible"
-    ];
-  }
-  connectedCallback() {
-    super.connectedCallback(), o(this, g).call(this), o(this, m).call(this);
-  }
-  $beforeUnmounted() {
-    var e;
-    super.$beforeUnmounted(), (e = o(this, d)) == null || e.abort();
-  }
-}
-u = new WeakMap(), l = new WeakMap(), v = new WeakMap(), a = new WeakMap(), h = new WeakMap(), d = new WeakMap(), f = new WeakMap(), p = new WeakMap(), g = new WeakMap(), m = new WeakMap();
-window.customElements.get("ea-popover") || window.customElements.define("ea-popover", k);
-export {
-  k as EaPopover
-};

package/dist/components/ea-popper.js

@@ -1,203 +0,0 @@
-var y = Object.defineProperty;
-var m = (s) => {
-  throw TypeError(s);
-};
-var v = (s, t, e) => t in s ? y(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
-var w = (s, t, e) => v(s, typeof t != "symbol" ? t + "" : t, e), g = (s, t, e) => t.has(s) || m("Cannot " + e);
-var i = (s, t, e) => (g(s, t, "read from private field"), e ? e.call(s) : t.get(s)), l = (s, t, e) => t.has(s) ? m("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(s) : t.set(s, e), c = (s, t, e, r) => (g(s, t, "write to private field"), r ? r.call(s, e) : t.set(s, e), e);
-import { B as C } from "./Base.js";
-import { s as x } from "../css/ea-popper.style.js";
-const b = (s, t = 0) => {
-  const e = s.getBoundingClientRect();
-  return e.top >= t && e.left >= t && e.bottom <= window.innerHeight - t && e.right <= window.innerWidth - t;
-}, B = (s, t) => {
-  const e = {
-    left: "right",
-    right: "left",
-    top: "bottom",
-    bottom: "top"
-  }, r = s.getBoundingClientRect(), n = {
-    top: r.top < 0 && t.includes("top"),
-    bottom: r.bottom > window.innerHeight && t.includes("bottom"),
-    left: r.left < 0 && t.includes("left"),
-    right: r.right > window.innerWidth && t.includes("right")
-  };
-  if (b(s)) return t;
-  for (const p in n)
-    if (n[p])
-      return t.replace(p, e[p]);
-  return t;
-};
-var o, a, f, h, u, d;
-class R extends C {
-  constructor() {
-    super();
-    /** @type {HTMLElement} */
-    l(this, o);
-    /** @type {HTMLElement} */
-    l(this, a);
-    /** @type {HTMLElement} */
-    l(this, f);
-    /** @type {AbortController} */
-    l(this, h);
-    /** @type {Boolean} */
-    l(this, u);
-    w(this, "state", this.properties({
-      width: {
-        type: Number,
-        default: "150",
-        observer: (e) => {
-          i(this, a).style.setProperty(
-            "--ea-popper-width",
-            `${e}px`
-          );
-        }
-      },
-      placement: {
-        type: [
-          "top",
-          "top-start",
-          "top-end",
-          "bottom",
-          "bottom-start",
-          "bottom-end",
-          "left",
-          "left-start",
-          "left-end",
-          "right",
-          "right-start",
-          "right-end"
-        ],
-        default: "top",
-        observer: (e) => {
-          i(this, o).className = this.updateContainerClasslist();
-        }
-      },
-      "show-arrow": {
-        type: Boolean,
-        default: !0,
-        observer: (e) => {
-          i(this, o).className = this.updateContainerClasslist();
-        }
-      },
-      status: {
-        type: Boolean,
-        default: !1,
-        observer: async (e) => {
-          var r;
-          if ((r = i(this, h)) == null || r.abort(), c(this, h, new AbortController()), e) {
-            if (i(this, o).className = this.updateContainerClasslist(), i(this, d).call(this, "show"), this.flip) {
-              const n = i(this, a).getBoundingClientRect(), p = b(
-                this,
-                Math.max(n.width, n.height)
-              );
-              i(this, u) === this.placement ? this.placement = B(
-                i(this, a),
-                this.placement
-              ) : p && (this.placement = i(this, u));
-            }
-            i(this, o).offsetWidth, i(this, o).classList.add("ea-popper--is-show"), i(this, o).addEventListener(
-              "transitionend",
-              () => {
-                i(this, d).call(this, "shown");
-              },
-              { once: !0, signal: i(this, h).signal }
-            );
-          } else
-            i(this, o).classList.add("ea-popper--before-hide"), i(this, d).call(this, "hide"), i(this, o).addEventListener(
-              "transitionend",
-              () => {
-                i(this, o).className = this.updateContainerClasslist(), i(this, d).call(this, "hidden");
-              },
-              { once: !0, signal: i(this, h).signal }
-            );
-        }
-      },
-      offset: {
-        type: String,
-        default: "0 0",
-        observer: (e) => {
-          try {
-            let [r, n] = e.split(" ").map((p) => Number(p.trim()));
-            if (r && typeof n > "u")
-              n = r;
-            else if (!(r && n || `${r} ${n}` == "0 0"))
-              throw new RangeError(
-                `[ea-popper] Invalid offset value: ${e}, expected format: "x(Number) y(Number)"`
-              );
-            i(this, a).style.setProperty(
-              "--ea-popper-transform-x",
-              `${r}px`
-            ), i(this, a).style.setProperty(
-              "--ea-popper-transform-y",
-              `${n}px`
-            );
-          } catch (r) {
-            console.error(r);
-          }
-        }
-      },
-      flip: {
-        type: Boolean,
-        default: !0,
-        observer: (e) => {
-        }
-      }
-    }));
-    l(this, d, (e, r) => {
-      this.emit(e, {
-        detail: r,
-        bubbles: !0,
-        composed: !0
-      });
-    });
-    this.stylesheet = x, this.$render();
-  }
-  static get observedAttributes() {
-    return ["width", "placement", "show-arrow", "status", "offset", "filp"];
-  }
-  /**
-   * 获取 classlist 列表
-   * @return {string} 属性值
-   */
-  updateContainerClasslist() {
-    return this.computedClasslist("ea-popper", {
-      ["--" + this.placement]: this.placement,
-      "--show-arrow": this["show-arrow"],
-      "--show": this.status
-    });
-  }
-  $render() {
-    this.shadowRoot.innerHTML = `
-      <div class='ea-popper' part='container' tabindex='-1'>
-        <div class='ea-popper__reference' part='reference' tabindex='-1'>
-          <div class='ea-popper__original' part='original' tabindex='0'>
-            <slot></slot>
-          </div>
-          <slot name='reference'></slot>
-        </div>
-      </div>
-    `, c(this, o, this.shadowRoot.querySelector(".ea-popper")), c(this, a, this.shadowRoot.querySelector(
-      ".ea-popper__original"
-    )), c(this, f, this.shadowRoot.querySelector(
-      ".ea-popper__reference"
-    ));
-  }
-  show() {
-    this.status = !0;
-  }
-  hide() {
-    this.status = !1;
-  }
-  toggle() {
-    this.status = !this.status;
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.placement = this.placement, c(this, u, this.placement);
-  }
-}
-o = new WeakMap(), a = new WeakMap(), f = new WeakMap(), h = new WeakMap(), u = new WeakMap(), d = new WeakMap();
-window.customElements.get("ea-popper") || window.customElements.define("ea-popper", R);
-export {
-  R as EaPopper
-};