easy-component-ui 3.0.13 → 3.0.14

package/dist/components/ea-breadcrumb.js

@@ -1,148 +0,0 @@
-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

@@ -1,266 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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
-};