easy-component-ui 2.1.1 → 3.0.0

package/dist/components/ea-container.js

@@ -0,0 +1,177 @@
+var u = Object.defineProperty;
+var h = (t) => {
+  throw TypeError(t);
+};
+var p = (t, s, e) => s in t ? u(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
+var r = (t, s, e) => p(t, typeof s != "symbol" ? s + "" : s, e), m = (t, s, e) => s.has(t) || h("Cannot " + e);
+var i = (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), n = (t, s, e, a) => (m(t, s, "write to private field"), a ? a.call(t, e) : s.set(t, e), e);
+import { B as o } from "./Base.js";
+import { s as f } from "../css/ea-container.style.js";
+import { s as w } from "../css/ea-header.style.js";
+import { s as y } from "../css/ea-main.style.js";
+import { s as b } from "../css/ea-footer.style.js";
+import { s as g } from "../css/ea-aside.style.js";
+var c;
+class E extends o {
+  constructor() {
+    super();
+    /** @type {HTMLElement} */
+    i(this, c);
+    /** 
+     * @typedef {Object} State
+     * @property {string} direction 排列方向
+     */
+    /** @type {State} */
+    r(this, "state", this.properties({
+      direction: {
+        type: ["horizontal", "vertical"],
+        default: "horizontal",
+        observer: (e) => {
+          this.style.setProperty("--ea-container-direction", e === "vertical" ? "column" : "row");
+        }
+      }
+    }));
+    this.stylesheet = f, this.$render();
+  }
+  static get observedAttributes() {
+    return ["direction"];
+  }
+  $render() {
+    this.shadowRoot.innerHTML = `
+            <div class="ea-container" part="container">
+                <slot></slot>
+            </div>
+        `, n(this, c, this.shadowRoot.querySelector(".ea-container"));
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    const e = [...this.children].map((a) => a.tagName.toLowerCase());
+    e.includes("ea-header") || e.includes("ea-footer") ? this.direction = "vertical" : this.direction = "horizontal";
+  }
+}
+c = new WeakMap();
+customElements.get("ea-container") || customElements.define("ea-container", E);
+class $ extends o {
+  constructor() {
+    super();
+    /** 
+     * @typedef {Object} State
+     * @property {string} height
+     */
+    /** @type {State} */
+    r(this, "state", this.properties({
+      height: {
+        type: String,
+        default: "60px",
+        observer: (e) => {
+          this.style.setProperty("--ea-header-height", e);
+        }
+      }
+    }));
+    this.stylesheet = w, 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", $);
+class v extends o {
+  constructor() {
+    super(), this.stylesheet = y, 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", v);
+var d;
+class C extends o {
+  constructor() {
+    super();
+    /** @type {HTMLElement} */
+    i(this, d);
+    /** 
+     * @typedef {Object} State
+     */
+    /** @type {State} */
+    r(this, "state", this.properties({
+      height: {
+        type: String,
+        default: "60px",
+        observer: (e) => {
+          this.style.setProperty("--ea-footer-height", e);
+        }
+      }
+    }));
+    this.stylesheet = b, this.$render();
+  }
+  static get observedAttributes() {
+    return ["height"];
+  }
+  $render() {
+    this.shadowRoot.innerHTML = `
+            <footer class="ea-footer" part="container">
+                <slot></slot>
+            </footer>
+        `, n(this, d, this.shadowRoot.querySelector(".ea-footer"));
+  }
+  connectedCallback() {
+    super.connectedCallback();
+  }
+}
+d = new WeakMap();
+window.customElements.get("ea-footer") || window.customElements.define("ea-footer", C);
+var l;
+class k extends o {
+  constructor() {
+    super();
+    /** @type {HTMLElement} */
+    i(this, l);
+    /** 
+     * @typedef {Object} State
+     */
+    /** @type {State} */
+    r(this, "state", this.properties({
+      width: {
+        type: String,
+        default: "300px",
+        observer: (e) => {
+          this.style.setProperty("--ea-aside-width", e);
+        }
+      }
+    }));
+    this.stylesheet = g, this.$render();
+  }
+  static get observedAttributes() {
+    return ["width"];
+  }
+  $render() {
+    this.shadowRoot.innerHTML = `
+            <aside class="ea-aside" part="container">
+                <slot></slot>
+            </aside>
+        `, n(this, l, this.shadowRoot.querySelector(".ea-aside"));
+  }
+  connectedCallback() {
+    super.connectedCallback();
+  }
+}
+l = new WeakMap();
+window.customElements.get("ea-aside") || window.customElements.define("ea-aside", k);

package/dist/components/ea-countdown.js

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