easy-component-ui 3.0.14 → 3.0.15

package/dist/components/ea-breadcrumb.js

@@ -0,0 +1,148 @@
+var E = Object.defineProperty;
+var S = (t) => {
+  throw TypeError(t);
+};
+var y = (t, r, e) => r in t ? E(t, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[r] = e;
+var f = (t, r, e) => y(t, typeof r != "symbol" ? r + "" : r, e), w = (t, r, e) => r.has(t) || S("Cannot " + e);
+var s = (t, r, e) => (w(t, r, "read from private field"), e ? e.call(t) : r.get(t)), a = (t, r, e) => r.has(t) ? S("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(t) : r.set(t, e), i = (t, r, e, n) => (w(t, r, "write to private field"), n ? n.call(t, e) : r.set(t, e), e);
+import { B as C } from "./Base.js";
+import { s as v } from "../css/ea-breadcrumb.style.js";
+import { s as R } from "../css/ea-breadcrumb-item.style.js";
+import { E as _ } from "../utils/Utils.js";
+var l, c, d, b, p;
+class $ extends C {
+  constructor() {
+    super();
+    /** @type {HTMLElement} */
+    a(this, l);
+    /** @type {HTMLSlotElement} */
+    a(this, c);
+    /** @type {AbortController} */
+    a(this, d, new AbortController());
+    f(this, "state", this.properties({
+      separator: {
+        type: String,
+        default: "/",
+        observer: () => {
+        }
+      }
+    }));
+    /**
+     * 获取分隔符
+     * @param {string} defaultSeparator
+     * @returns {HTMLElement}
+     */
+    a(this, b, (e = this.separator) => {
+      let o = this.shadowRoot.querySelector("#separatorSlot").assignedElements()[0];
+      return o || (o = document.createElement("span"), o.setAttribute("slot", "separator"), o.innerText = e), o;
+    });
+    /**
+     * 渲染分隔符
+     */
+    a(this, p, () => {
+      const n = [...this.shadowRoot.querySelector("#defaultSlot").assignedElements()].filter(
+        (m) => m.tagName.toLowerCase() === "ea-breadcrumb-item"
+      ), o = s(this, b).call(this, this.separator);
+      n.forEach((m, g) => {
+        g < n.length - 1 && !m.querySelector("[slot='separator']") && m.appendChild(o.cloneNode(!0));
+      });
+    });
+    this.stylesheet = v, this.$render();
+  }
+  static get observedAttributes() {
+    return [...super.observedAttributes, "separator"];
+  }
+  /**
+   * 获取 classlist 列表
+   * @return {string} 属性值
+   */
+  updateContainerClasslist() {
+    const e = this.computedClasslist("ea-breadcrumb", {
+      // ['--' + this.type]: this.type,
+    });
+    return s(this, l).className = e, e;
+  }
+  $render() {
+    this.shadowRoot.innerHTML = `
+        <nav class='ea-breadcrumb' part='container'>
+            <slot id="defaultSlot"></slot>
+        </nav>
+        <slot id="separatorSlot" name="separator"></slot>
+    `, i(this, l, this.shadowRoot.querySelector(".ea-breadcrumb")), i(this, c, this.shadowRoot.querySelector("#defaultSlot"));
+  }
+  connectedCallback() {
+    super.connectedCallback(), s(this, c).addEventListener("slotchange", s(this, p), {
+      signal: s(this, d).signal
+    });
+  }
+  $beforeUnmounted() {
+    var e;
+    (e = s(this, d)) == null || e.abort();
+  }
+}
+l = new WeakMap(), c = new WeakMap(), d = new WeakMap(), b = new WeakMap(), p = new WeakMap();
+window.customElements.get("ea-breadcrumb") || window.customElements.define("ea-breadcrumb", $);
+var u, h;
+class q extends C {
+  constructor() {
+    super();
+    /** @type {HTMLElement} */
+    a(this, u);
+    /** @type {HTMLElement} */
+    a(this, h);
+    f(this, "state", this.properties({
+      href: {
+        type: String,
+        default: "",
+        observer: (e) => {
+          this.$render(), s(this, h).href = this.getAttribute("href");
+        }
+      }
+    }));
+    this.stylesheet = R, this.$render();
+  }
+  static get observedAttributes() {
+    return [...super.observedAttributes, "href"];
+  }
+  /**
+   * 获取 classlist 列表
+   * @return {string} 属性值
+   */
+  updateContainerClasslist() {
+    const e = this.computedClasslist("ea-breadcrumb-item", {
+      // ['--' + this.type]: this.type,
+    });
+    return s(this, u).className = e, e;
+  }
+  $render() {
+    const e = _.EaElement.h(
+      this.href ? "a" : "span",
+      "ea-breadcrumb-item__content",
+      {
+        part: "content",
+        [this.href ? "href" : ""]: this.href,
+        class: ["ea-breadcrumb-item__content", this.href ? "is-link" : ""]
+      },
+      "<slot></slot>"
+    );
+    this.shadowRoot.innerHTML = `
+      <div class='ea-breadcrumb-item' part='container'>
+        ${e}
+        <span class="ea-breadcrumb-item__separator" part='separator'>
+            <slot name="separator"></slot>
+        </span>
+      </div>
+    `, i(this, u, this.shadowRoot.querySelector(".ea-breadcrumb-item")), i(this, h, this.shadowRoot.querySelector(
+      ".ea-breadcrumb-item__content"
+    )), this.updateContainerClasslist();
+  }
+  connectedCallback() {
+    super.connectedCallback();
+  }
+}
+u = new WeakMap(), h = new WeakMap();
+window.customElements.get("ea-breadcrumb-item") || window.customElements.define("ea-breadcrumb-item", q);
+export {
+  $ as EaBreadcrumb,
+  q as EaBreadcrumbItem
+};

package/dist/components/ea-button.js

@@ -0,0 +1,266 @@
+var m = Object.defineProperty;
+var b = (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 c = (e, s, t) => y(e, typeof s != "symbol" ? s + "" : s, t), p = (e, s, t) => s.has(e) || b("Cannot " + t);
+var a = (e, s, t) => (p(e, s, "read from private field"), t ? t.call(e) : s.get(e)), u = (e, s, t) => s.has(e) ? b("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(e) : s.set(e, t), d = (e, s, t, r) => (p(e, s, "write to private field"), r ? r.call(e, t) : s.set(e, t), t);
+import { F as C } from "../core/FormBase.js";
+import { s as g } from "../css/ea-button.style.js";
+import { B as v } from "./Base.js";
+import { s as A } from "../css/ea-button-group.style.js";
+var o, l, n, h;
+class w extends C {
+  constructor() {
+    super();
+    /** @type {HTMLButtonElement | HTMLLinkElement} */
+    u(this, o);
+    /** @type {HTMLIconElement} */
+    u(this, l);
+    /** @type {AbortController} */
+    u(this, n);
+    /**
+     * @typedef {Object} state
+     * @property {boolean} disabled
+     * @property {string} type
+     * @property {string} text
+     * @property {boolean} plain
+     * @property {boolean} round
+     * @property {boolean} circle
+     * @property {boolean} link
+     * @property {string} href
+     * @property {string} size
+     * @property {boolean} loading
+     * @property {string} icon
+     */
+    /** @type {state} */
+    c(this, "state", this.properties({
+      disabled: {
+        type: Boolean,
+        default: !1,
+        observer: (t) => {
+          this.updateContainerClasslist();
+        }
+      },
+      type: {
+        type: ["normal", "primary", "success", "warning", "danger"],
+        default: "normal",
+        observer: (t) => {
+          this.updateContainerClasslist();
+        }
+      },
+      text: {
+        type: Boolean,
+        default: !1,
+        observer: (t) => {
+          this.updateContainerClasslist();
+        }
+      },
+      plain: {
+        type: Boolean,
+        default: !1,
+        observer: (t) => {
+          this.updateContainerClasslist();
+        }
+      },
+      round: {
+        type: Boolean,
+        default: !1,
+        observer: (t) => {
+          this.updateContainerClasslist();
+        }
+      },
+      circle: {
+        type: Boolean,
+        default: !1,
+        observer: (t) => {
+          this.updateContainerClasslist();
+        }
+      },
+      link: {
+        type: Boolean,
+        default: !1,
+        observer: (t) => {
+          this.$render(), a(this, o).href = this.getAttribute("href"), this.updateContainerClasslist();
+        }
+      },
+      href: {
+        type: String,
+        default: "",
+        observer: (t) => {
+          this.updateContainerClasslist(), a(this, o).setAttribute("href", t);
+        }
+      },
+      size: {
+        type: ["small", "medium", "large"],
+        default: "medium",
+        observer: (t) => {
+          this.updateContainerClasslist();
+        }
+      },
+      loading: {
+        type: Boolean,
+        default: !1,
+        observer: (t) => {
+          var r;
+          if (t = t === "true" || t === !0, this.toggleAttribute("disabled", t), t) {
+            const i = document.createElement("ea-icon");
+            i.id = "ea-loading-icon", i.setAttribute("name", "spinner"), i.toggleAttribute("spin", !0), i.setAttribute("size", this.size), i.setAttribute("part", "loading-icon"), a(this, o).insertBefore(i, a(this, o).firstChild);
+          } else {
+            const i = (r = a(this, o)) == null ? void 0 : r.querySelectorAll("#ea-loading-icon");
+            (i == null ? void 0 : i.length) > 0 && (i == null || i.forEach((f) => f.remove()));
+          }
+          this.updateContainerClasslist();
+        }
+      },
+      icon: {
+        type: String,
+        default: "",
+        observer: (t) => {
+          a(this, l).setAttribute("name", t), a(this, l).setAttribute("size", this.size), this.updateContainerClasslist();
+        }
+      },
+      "button-type": {
+        type: ["button", "submit", "reset"],
+        default: "button",
+        observer: (t) => {
+          a(this, o).type = t;
+        }
+      }
+    }));
+    /**
+     * @param {KeyboardEvent} e
+     */
+    u(this, h, (t) => {
+      t.key === "Enter" && this.click();
+    });
+    this.stylesheet = g, this.$render();
+  }
+  static get observedAttributes() {
+    return [
+      "disabled",
+      "type",
+      "button-type",
+      // 暂定为原生 type 属性
+      "text",
+      "plain",
+      "round",
+      "circle",
+      "link",
+      "href",
+      "size",
+      "loading",
+      "icon"
+    ];
+  }
+  /**
+   * 获取 classlist 列表
+   * @return {string} 属性值
+   */
+  updateContainerClasslist() {
+    var r;
+    const t = this.computedClasslist(
+      "ea-button",
+      {
+        ["--" + this.type]: this.type,
+        "--disabled": this.disabled || this.loading,
+        "--text": this.text || this.link,
+        "--plain": this.plain,
+        "--round": this.round,
+        "--circle": this.circle,
+        ["--" + this.size]: this.size
+      },
+      { icon: (r = this.icon) == null ? void 0 : r.length }
+    );
+    return a(this, o).className = t, t;
+  }
+  $render() {
+    const t = this.getAttrBoolean("link") ? "a" : "button";
+    this.shadowRoot.innerHTML = `
+      <${t} class="ea-button" part="container" tabindex="-1">
+        <ea-icon class="ea-button__icon" part="icon"></ea-icon>
+        <slot></slot>
+      </${t}>
+    `, d(this, o, this.shadowRoot.querySelector(".ea-button")), d(this, l, this.shadowRoot.querySelector(".ea-button__icon")), this.updateContainerClasslist();
+  }
+  connectedCallback() {
+    var t;
+    super.connectedCallback(), (t = a(this, n)) == null || t.abort(), d(this, n, new AbortController()), this.addEventListener("keypress", a(this, h), {
+      signal: a(this, n).signal
+    }), this.addEventListener("click", (r) => {
+      if (this["button-type"] === "submit") {
+        const i = this.getForm();
+        i && (r.preventDefault(), i.dispatchEvent(new Event("submit")));
+      } else if (this["button-type"] === "reset") {
+        const i = this.getForm();
+        i && (r.preventDefault(), i.reset());
+      }
+    });
+  }
+  $beforeUnmounted() {
+    var t;
+    (t = a(this, n)) == null || t.abort();
+  }
+}
+o = new WeakMap(), l = new WeakMap(), n = new WeakMap(), h = new WeakMap();
+window.customElements.get("ea-button") || window.customElements.define("ea-button", w);
+class E extends v {
+  constructor() {
+    super();
+    /**
+     * @typedef {object} Properties
+     * @property {boolean} disabled
+     * @property {string} size
+     * @property {string} type
+     */
+    /** @type {Properties}   */
+    c(this, "state", this.properties({
+      disabled: {
+        type: Boolean,
+        default: !1,
+        observer: (t) => {
+          this.querySelectorAll("ea-button").forEach((r) => {
+            r.setAttribute("disabled", t);
+          });
+        }
+      },
+      size: {
+        type: ["small", "normal", "large"],
+        default: "normal",
+        observer: (t) => {
+          this.querySelectorAll("ea-button").forEach((r) => {
+            r.setAttribute("size", t);
+          });
+        }
+      },
+      type: {
+        type: ["primary", "success", "warning", "danger", "normal"],
+        default: "normal",
+        observer: (t) => {
+          this.querySelectorAll("ea-button").forEach((r) => {
+            r.setAttribute("type", t);
+          });
+        }
+      }
+    }));
+    this.stylesheet = A, this.$render();
+  }
+  static get observedAttributes() {
+    return [...super.observedAttributes, "disabled", "size", "type"];
+  }
+  $render() {
+    this.shadowRoot.innerHTML = this.html(`
+      <div class="ea-button-group">
+        <slot></slot>
+      </div>
+    `);
+  }
+  async connectedCallback() {
+    super.connectedCallback();
+  }
+}
+window.customElements.get("ea-button-group") || window.customElements.define("ea-button-group", E);
+export {
+  w as EaButton,
+  E as EaButtonGroup
+};

package/dist/components/ea-calendar.js

@@ -0,0 +1,10 @@
+import { E } from "./ea-calendar2.js";
+import "./Base.js";
+import "../css/ea-calendar.style.js";
+import "./ea-button.js";
+import "./ea-select.js";
+import "../utils/I18nManager.js";
+import "../utils/Utils.js";
+export {
+  E as EaCalendar
+};