easy-component-ui 3.0.14 → 3.0.15

package/dist/components/ea-container.js

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

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