easy-component-ui 3.0.13 → 3.0.14

package/dist/components/ea-container.js

@@ -1,206 +0,0 @@
-var b = Object.defineProperty;
-var f = (t) => {
-  throw TypeError(t);
-};
-var g = (t, s, e) => s in t ? b(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
-var n = (t, s, e) => g(t, typeof s != "symbol" ? s + "" : s, e), y = (t, s, e) => s.has(t) || f("Cannot " + e);
-var r = (t, s, e) => (y(t, s, "read from private field"), e ? e.call(t) : s.get(t)), o = (t, s, e) => s.has(t) ? f("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(t) : s.set(t, e), a = (t, s, e, d) => (y(t, s, "write to private field"), d ? d.call(t, e) : s.set(t, e), e);
-import { B as c } from "./Base.js";
-import { s as w } from "../css/ea-container.style.js";
-import { s as C } from "../css/ea-header.style.js";
-import { s as E } from "../css/ea-main.style.js";
-import { s as $ } from "../css/ea-footer.style.js";
-import { s as v } from "../css/ea-aside.style.js";
-var h, l, i, u;
-class S extends c {
-  constructor() {
-    super();
-    /** @type {HTMLElement} */
-    o(this, h);
-    /** @type {SlotElement} */
-    o(this, l);
-    /** @type {AbortController} */
-    o(this, i);
-    /**
-     * @typedef {Object} State
-     * @property {string} direction 排列方向
-     */
-    /** @type {State} */
-    n(this, "state", this.properties({
-      direction: {
-        type: ["horizontal", "vertical"],
-        default: "horizontal",
-        observer: () => {
-          this.updateContainerClasslist();
-        }
-      }
-    }));
-    /**
-     * 处理槽位变化事件
-     */
-    o(this, u, () => {
-      const e = [...this.querySelectorAll("& > *")].map(
-        (d) => d.tagName.toLowerCase()
-      );
-      this.hasAttribute("direction") || (e.includes("ea-header") || e.includes("ea-footer") ? this.direction = "vertical" : this.direction = "horizontal");
-    });
-    this.stylesheet = w, this.$render();
-  }
-  static get observedAttributes() {
-    return [...super.observedAttributes, "direction"];
-  }
-  /**
-   * 获取 classlist 列表
-   * @return {string} 属性值
-   */
-  updateContainerClasslist() {
-    const e = this.computedClasslist("ea-container", {
-      [`--${this.direction}`]: this.direction
-    });
-    return r(this, h).className = e, e;
-  }
-  $render() {
-    this.shadowRoot.innerHTML = `
-        <div class="ea-container" part="container">
-            <slot></slot>
-        </div>
-    `, a(this, h, this.shadowRoot.querySelector(".ea-container")), a(this, l, this.shadowRoot.querySelector("slot"));
-  }
-  connectedCallback() {
-    var e;
-    super.connectedCallback(), (e = r(this, i)) == null || e.abort(), a(this, i, new AbortController()), r(this, l).addEventListener("slotchange", r(this, u), {
-      signal: r(this, i).signal
-    });
-  }
-  $beforeUnmounted() {
-    var e;
-    (e = r(this, i)) == null || e.abort();
-  }
-}
-h = new WeakMap(), l = new WeakMap(), i = new WeakMap(), u = new WeakMap();
-customElements.get("ea-container") || customElements.define("ea-container", S);
-class k extends c {
-  constructor() {
-    super();
-    /**
-     * @typedef {Object} State
-     * @property {string} height
-     */
-    /** @type {State} */
-    n(this, "state", this.properties({
-      height: {
-        type: String,
-        default: "60px",
-        observer: (e) => {
-          e && CSS.supports("height", e) ? this.style.setProperty("--ea-header-height", e) : e ? this.style.setProperty("--ea-header-height", "60px") : this.style.setProperty("--ea-header-height", "auto");
-        }
-      }
-    }));
-    this.stylesheet = C, this.$render();
-  }
-  static get observedAttributes() {
-    return ["height"];
-  }
-  $render() {
-    this.shadowRoot.innerHTML = `
-      <header class="ea-header" part="container">
-        <slot></slot>
-      </header>
-    `;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-  }
-}
-window.customElements.get("ea-header") || window.customElements.define("ea-header", k);
-class x extends c {
-  constructor() {
-    super(), this.stylesheet = E, this.$render();
-  }
-  $render() {
-    this.shadowRoot.innerHTML = `
-            <main class="ea-main" part="container">
-                <slot></slot>
-            </main>
-        `;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-  }
-}
-window.customElements.get("ea-main") || window.customElements.define("ea-main", x);
-var p;
-class A extends c {
-  constructor() {
-    super();
-    /** @type {HTMLElement} */
-    o(this, p);
-    /**
-     * @typedef {Object} State
-     * @property {string} height
-     */
-    /** @type {State} */
-    n(this, "state", this.properties({
-      height: {
-        type: String,
-        default: "60px",
-        observer: (e) => {
-          e && CSS.supports("height", e) ? this.style.setProperty("--ea-footer-height", e) : e ? this.style.setProperty("--ea-footer-height", "60px") : this.style.setProperty("--ea-footer-height", "auto");
-        }
-      }
-    }));
-    this.stylesheet = $, this.$render();
-  }
-  static get observedAttributes() {
-    return ["height"];
-  }
-  $render() {
-    this.shadowRoot.innerHTML = `
-            <footer class="ea-footer" part="container">
-                <slot></slot>
-            </footer>
-        `, a(this, p, this.shadowRoot.querySelector(".ea-footer"));
-  }
-  connectedCallback() {
-    super.connectedCallback();
-  }
-}
-p = new WeakMap();
-window.customElements.get("ea-footer") || window.customElements.define("ea-footer", A);
-var m;
-class R extends c {
-  constructor() {
-    super();
-    /** @type {HTMLElement} */
-    o(this, m);
-    /**
-     * @typedef {Object} State
-     */
-    /** @type {State} */
-    n(this, "state", this.properties({
-      width: {
-        type: String,
-        default: "300px",
-        observer: (e) => {
-          this.style.setProperty("--ea-aside-width", e);
-        }
-      }
-    }));
-    this.stylesheet = v, this.$render();
-  }
-  static get observedAttributes() {
-    return ["width"];
-  }
-  $render() {
-    this.shadowRoot.innerHTML = `
-            <aside class="ea-aside" part="container">
-                <slot></slot>
-            </aside>
-        `, a(this, m, this.shadowRoot.querySelector(".ea-aside"));
-  }
-  connectedCallback() {
-    super.connectedCallback();
-  }
-}
-m = new WeakMap();
-window.customElements.get("ea-aside") || window.customElements.define("ea-aside", R);

package/dist/components/ea-countdown.js

@@ -1,142 +0,0 @@
-var I = Object.defineProperty;
-var H = (t) => {
-  throw TypeError(t);
-};
-var N = (t, s, e) => s in t ? I(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
-var T = (t, s, e) => N(t, typeof s != "symbol" ? s + "" : s, e), _ = (t, s, e) => s.has(t) || H("Cannot " + e);
-var n = (t, s, e) => (_(t, s, "read from private field"), e ? e.call(t) : s.get(t)), f = (t, s, e) => s.has(t) ? H("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(t) : s.set(t, e), o = (t, s, e, a) => (_(t, s, "write to private field"), a ? a.call(t, e) : s.set(t, e), e);
-import { EaStatistic as O } from "./ea-statistic.js";
-import { d as Y } from "./ea-calendar2.js";
-import { t as A } from "../utils/timeout.js";
-import { p as k } from "../utils/parseTime.js";
-class U extends Event {
-  constructor(s) {
-    super("ea-finish", {
-      bubbles: !0,
-      composed: !0
-    }), this.detail = s;
-  }
-}
-var y, b, v, S, M, d, c, w, g;
-class $ extends O {
-  constructor() {
-    super();
-    /** @type {HTMLElement} */
-    f(this, y);
-    /** @type {HTMLElement} */
-    f(this, b);
-    /** @type {HTMLElement} */
-    f(this, v);
-    /** @type {HTMLElement} */
-    f(this, S);
-    /** @type {HTMLElement} */
-    f(this, M);
-    f(this, d, null);
-    f(this, c, null);
-    f(this, w, {
-      displayValue: ""
-    });
-    T(this, "state", this.properties({
-      value: {
-        type: String,
-        default: "",
-        observer: (e) => {
-          n(this, d) && (clearInterval(n(this, d)), o(this, d, null)), n(this, c) && (clearTimeout(n(this, c)), o(this, c, null));
-          const a = k(e) || e, r = () => {
-            const { diff: h, currentTime: l, displayValue: m } = n(this, g).call(this, a, this.format);
-            n(this, v).textContent = m, this.emit("change", { detail: { value: l, displayValue: m } }), (h <= 0 || !h) && (n(this, c) && (clearTimeout(n(this, c)), o(this, c, null)), n(this, d) && (clearInterval(n(this, d)), o(this, d, null)), this.dispatchEvent(
-              new U({ value: l, displayValue: m })
-            ));
-          };
-          r();
-          const i = Number(this["refresh-interval"]) || 1e3, p = Date.now();
-          let u = i - p % i;
-          u === 0 && (u = i), o(this, c, A(() => {
-            o(this, c, null), r(), o(this, d, setInterval(r, i));
-          }, u));
-        }
-      },
-      format: {
-        type: String,
-        default: "HH:mm:ss",
-        observer: (e) => {
-        }
-      },
-      "refresh-interval": {
-        type: Number,
-        default: 1e3,
-        /**  @param {Number} newVal */
-        observer: (e) => {
-        }
-      }
-    }));
-    /**
-     * 获取时间差
-     * @param {dayjs} date
-     * @param {string} format
-     * @return {{currentTime: number, diff: number, displayValue: string}}
-     */
-    f(this, g, (e, a) => {
-      const r = Y(), i = Y(e), p = i.valueOf() - r.valueOf(), u = (q, R = 2) => `${q}`.padStart(R, "0");
-      if (p <= 0 || i.isBefore(r) || !p)
-        return {
-          currentTime: r.valueOf(),
-          diff: p,
-          displayValue: "00:00:00"
-        };
-      let h = i.diff(r, "year"), l = r.add(h, "year");
-      l.isAfter(i) && (h -= 1, l = r.add(h, "year"));
-      let m = i.diff(l, "month");
-      l = l.add(m, "month");
-      let D = i.diff(l, "day");
-      l = l.add(D, "day");
-      let V = i.diff(l, "hour");
-      l = l.add(V, "hour");
-      let x = i.diff(l, "minute");
-      l = l.add(x, "minute");
-      let C = i.diff(l, "second");
-      l = l.add(C, "second");
-      let E = i.diff(l, "millisecond");
-      return !a.includes("YY") && a.includes("MM") && (m = Math.floor(i.diff(r, "month", !0))), !a.includes("MM") && a.includes("DD") && (D = Math.floor(i.diff(r, "day", !0))), !a.includes("DD") && a.includes("HH") && (V = Math.floor(i.diff(r, "hour", !0))), !a.includes("HH") && a.includes("mm") && (x = Math.floor(i.diff(r, "minute", !0))), !a.includes("mm") && a.includes("ss") && (C = Math.floor(i.diff(r, "second", !0))), !a.includes("ss") && a.includes("SSS") && (E = Math.floor(i.diff(r, "millisecond", !0))), {
-        currentTime: r.valueOf(),
-        diff: p,
-        displayValue: a.replace("YYYY", u(h)).replace("MM", u(m)).replace("DD", u(D)).replace("HH", u(V)).replace("mm", u(x)).replace("ss", u(C)).replace("SSS", u(E, 3)).replace(/\[|\]/g, "")
-      };
-    });
-    o(this, y, this.shadowRoot.querySelector(".ea-statistic")), o(this, b, this.shadowRoot.querySelector(".ea-statistic__number slot")), o(this, v, this.shadowRoot.querySelector(".ea-statistic__number")), o(this, S, this.shadowRoot.querySelector(".ea-statistic__prefix slot")), o(this, M, this.shadowRoot.querySelector(".ea-statistic__suffix slot"));
-  }
-  // ------- displayValue -------
-  // #region
-  get displayValue() {
-    return n(this, w).displayValue;
-  }
-  set displayValue(e) {
-    n(this, w).displayValue = e;
-  }
-  // #endregion
-  // ------- end -------
-  static get observedAttributes() {
-    return [...super.observedAttributes, "value", "format", "refresh-interval"];
-  }
-  /**
-   * 获取 classlist 列表
-   * @return {string} 属性值
-   */
-  updateContainerClasslist() {
-    const e = this.computedClasslist("ea-countdown", {
-      // ['--' + this.type]: this.type,
-    });
-    return n(this, y).className = e, e;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-  }
-  $beforeUnmounted() {
-    clearInterval(n(this, d));
-  }
-}
-y = new WeakMap(), b = new WeakMap(), v = new WeakMap(), S = new WeakMap(), M = new WeakMap(), d = new WeakMap(), c = new WeakMap(), w = new WeakMap(), g = new WeakMap();
-window.customElements.get("ea-countdown") || window.customElements.define("ea-countdown", $);
-export {
-  $ as EaCountdown
-};