easy-component-ui 3.0.12 → 3.0.14

package/dist/components/ea-image.js

@@ -1,302 +0,0 @@
-var y = Object.defineProperty;
-var g = (s) => {
-  throw TypeError(s);
-};
-var b = (s, i, e) => i in s ? y(s, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[i] = e;
-var c = (s, i, e) => b(s, typeof i != "symbol" ? i + "" : i, e), f = (s, i, e) => i.has(s) || g("Cannot " + e);
-var t = (s, i, e) => (f(s, i, "read from private field"), e ? e.call(s) : i.get(s)), o = (s, i, e) => i.has(s) ? g("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(s) : i.set(s, e), l = (s, i, e, n) => (f(s, i, "write to private field"), n ? n.call(s, e) : i.set(s, e), e);
-import { B as S } from "./Base.js";
-import { s as E } from "../css/ea-image.style.js";
-var m, a, u, d, r, h, p;
-class C extends S {
-  constructor() {
-    super();
-    /** @type {HTMLElement} */
-    o(this, m);
-    /** @type {HTMLImageElement} */
-    o(this, a);
-    /** @type {HTMLElement} */
-    o(this, u);
-    /** @type {HTMLElement} */
-    o(this, d);
-    /** @type {EaImagePreview} */
-    o(this, r);
-    /** @type {AbortController} */
-    o(this, h);
-    o(this, p, {
-      /** @type {"loading" | "error" | "success"} */
-      imageStatus: "loading",
-      previewQueue: []
-    });
-    c(this, "state", this.properties({
-      src: {
-        type: String,
-        default: "",
-        observer: async (e) => {
-          const n = new Image();
-          if (this.updateContainerClasslist(), this.lazy) {
-            const w = new IntersectionObserver((v) => {
-              v[0].intersectionRatio <= 0 || (w.disconnect(), n.src = this.src);
-            });
-            w.observe(this);
-          } else
-            n.src = e;
-          n.onload = () => {
-            t(this, a).setAttribute("src", e), t(this, p).imageStatus = "success", this.updateContainerClasslist(), this.emit("load");
-          }, n.onerror = () => {
-            t(this, p).imageStatus = "error", this.updateContainerClasslist(), this.emit("error");
-          };
-        }
-      },
-      width: {
-        type: String,
-        default: "",
-        observer: (e) => {
-          if (!CSS.supports("width", e))
-            return console.warn(
-              `[EaImage] The width value ${e} is not supported.`
-            );
-          this.style.setProperty("--ea-image-width", e);
-        }
-      },
-      height: {
-        type: String,
-        default: "",
-        observer: (e) => {
-          if (!CSS.supports("height", e))
-            return console.warn(
-              `[EaImage] The height value ${e} is not supported.`
-            );
-          this.style.setProperty("--ea-image-height", e);
-        }
-      },
-      fit: {
-        type: String,
-        default: "",
-        observer: (e) => {
-          if (!CSS.supports("object-fit", e))
-            return console.warn(
-              `[EaImage] The object-fit value ${e} is not supported.`
-            );
-          this.style.setProperty("--ea-image-fit", e);
-        }
-      },
-      alt: {
-        type: String,
-        default: "",
-        observer: (e) => {
-          t(this, a).alt = e;
-        }
-      },
-      loading: {
-        type: ["lazy", "eager"],
-        default: "eager",
-        observer: (e) => {
-          t(this, a).setAttribute("loading", e);
-        }
-      },
-      referrerpolicy: {
-        type: String,
-        default: "",
-        observer: (e) => {
-          t(this, a).setAttribute("referrerpolicy", e);
-        }
-      },
-      crossorigin: {
-        type: String,
-        default: "",
-        observer: (e) => {
-          t(this, a).setAttribute("sizes", e);
-        }
-      },
-      lazy: {
-        type: Boolean,
-        default: !1,
-        observer: () => {
-        }
-      },
-      preview: {
-        type: Boolean,
-        default: !1,
-        observer: async (e) => {
-          e && await import("./ea-image-preview.js");
-        }
-      },
-      "hide-on-click-modal": {
-        type: Boolean,
-        default: !1,
-        observer: async (e) => {
-          this.preview && (await customElements.whenDefined("ea-image-preview"), t(this, r)["hide-on-click-modal"] = e);
-        }
-      },
-      "z-index": {
-        type: Number,
-        default: 2e3,
-        observer: async (e) => {
-          this.preview && (await customElements.whenDefined("ea-image-preview"), t(this, r)["z-index"] = e);
-        }
-      },
-      "initial-index": {
-        type: Number,
-        default: 0,
-        observer: async (e) => {
-          this.preview && (await customElements.whenDefined("ea-image-preview"), t(this, r)["initial-index"] = e);
-        }
-      },
-      "close-on-press-escape": {
-        type: Boolean,
-        default: !0,
-        observer: async (e) => {
-          this.preview && (await customElements.whenDefined("ea-image-preview"), t(this, r)["close-on-press-escape"] = e);
-        }
-      },
-      infinite: {
-        type: Boolean,
-        default: !0,
-        observer: async (e) => {
-          this.preview && (await customElements.whenDefined("ea-image-preview"), t(this, r).infinite = e);
-        }
-      },
-      "zoom-rate": {
-        type: Number,
-        default: 1.2,
-        observer: async (e) => {
-          this.preview && (await customElements.whenDefined("ea-image-preview"), t(this, r)["zoom-rate"] = e);
-        }
-      },
-      scale: {
-        type: Number,
-        default: 1,
-        observer: async (e) => {
-          this.preview && (await customElements.whenDefined("ea-image-preview"), t(this, r).scale = e);
-        }
-      },
-      "min-scale": {
-        type: Number,
-        default: 0.2,
-        observer: async (e) => {
-          this.preview && (await customElements.whenDefined("ea-image-preview"), t(this, r)["min-scale"] = e);
-        }
-      },
-      "max-scale": {
-        type: Number,
-        default: 7,
-        observer: async (e) => {
-          this.preview && (await customElements.whenDefined("ea-image-preview"), t(this, r)["max-scale"] = e);
-        }
-      },
-      "show-progress": {
-        type: Boolean,
-        default: !1,
-        observer: async (e) => {
-          this.preview && (await customElements.whenDefined("ea-image-preview"), t(this, r)["show-progress"] = e);
-        }
-      }
-    }));
-    c(this, "propState", this.properties({
-      previewSrcList: {
-        props: !0,
-        type: Array,
-        default: () => [],
-        /** @param {String[]} newVal */
-        observer: async (e) => {
-          if (!this.preview)
-            return console.warn("[EaImage] Preview is not enabled.");
-          await customElements.whenDefined("ea-image-preview"), t(this, r).urlList = e;
-        }
-      }
-    }));
-    /**
-     * 设置当前项
-     * @param {Number} index
-     */
-    c(this, "setActiveItem", (e) => {
-      this.preview && t(this, r).setActiveItem(e);
-    });
-    /**
-     * 重置预览器的所有状态
-     */
-    c(this, "reset", () => {
-      this.preview && t(this, r).reset();
-    });
-    /**
-     * 显示预览（ea-image-preview）
-     */
-    c(this, "showPreview", () => {
-      t(this, r).visible = !0;
-    });
-    this.stylesheet = E, this.$render();
-  }
-  static get observedAttributes() {
-    return [
-      ...super.observedAttributes,
-      "width",
-      "height",
-      "src",
-      "fit",
-      "alt",
-      "referrerpolicy",
-      "crossorigin",
-      "loading",
-      "lazy",
-      "preview",
-      "hide-on-click-modal",
-      "z-index",
-      "initial-index",
-      "close-on-press-escape",
-      "infinite",
-      "zoom-rate",
-      "scale",
-      "min-scale",
-      "max-scale",
-      "show-progress"
-    ];
-  }
-  /**
-   * 获取 classlist 列表
-   * @return {string} 属性值
-   */
-  updateContainerClasslist() {
-    const e = this.computedClasslist("ea-image", {
-      [`--${t(this, p).imageStatus}`]: t(this, p).imageStatus
-    });
-    return t(this, m).className = e, e;
-  }
-  $render() {
-    this.shadowRoot.innerHTML = `
-      <div class='ea-image' part='container'>
-        <img class='ea-image__image' part='image' />
-        <section class='ea-image__error' part='error'>
-          <slot name='error'>FAILED</slot>
-        </section>
-        <section class='ea-image__placeholder' part='placeholder'>
-          <slot name='placeholder'></slot>
-        </section>
-      </div>
-      <ea-image-preview class="ea-image-preview" part='preview'>
-        <slot name='progress' slot="progress"></slot>
-        <slot name='toolbar' slot="toolbar"></slot>
-        <slot name='progress' slot="progress"></slot>
-      </ea-image-preview>
-    `, l(this, m, this.shadowRoot.querySelector(".ea-image")), l(this, a, this.shadowRoot.querySelector(".ea-image__image")), l(this, u, this.shadowRoot.querySelector(".ea-image__error")), l(this, d, this.shadowRoot.querySelector(".ea-image__placeholder")), l(this, r, this.shadowRoot.querySelector(".ea-image-preview"));
-  }
-  async connectedCallback() {
-    var e;
-    super.connectedCallback(), (e = t(this, h)) == null || e.abort(), l(this, h, new AbortController()), this.getAttribute("src") || this.setAttribute("src", ""), this.preview && (await customElements.whenDefined("ea-image-preview"), t(this, m).addEventListener(
-      "click",
-      () => {
-        this.showPreview();
-      },
-      { signal: t(this, h).signal }
-    ));
-  }
-  $beforeUnmounted() {
-    var e;
-    (e = t(this, h)) == null || e.abort();
-  }
-}
-m = new WeakMap(), a = new WeakMap(), u = new WeakMap(), d = new WeakMap(), r = new WeakMap(), h = new WeakMap(), p = new WeakMap();
-window.customElements.get("ea-image") || window.customElements.define("ea-image", C);
-export {
-  C as EaImage
-};

package/dist/components/ea-infinite-scroll.js

@@ -1,109 +0,0 @@
-var p = Object.defineProperty;
-var u = (t) => {
-  throw TypeError(t);
-};
-var m = (t, s, e) => s in t ? p(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
-var b = (t, s, e) => m(t, typeof s != "symbol" ? s + "" : s, e), f = (t, s, e) => s.has(t) || u("Cannot " + e);
-var i = (t, s, e) => (f(t, s, "read from private field"), e ? e.call(t) : s.get(t)), n = (t, s, e) => s.has(t) ? u("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(t) : s.set(t, e), d = (t, s, e, c) => (f(t, s, "write to private field"), c ? c.call(t, e) : s.set(t, e), e);
-import { B as v } from "./Base.js";
-import { s as g } from "../css/ea-infinite-scroll.style.js";
-var a, l, r, o;
-class w extends v {
-  constructor() {
-    super();
-    /** @type {HTMLElement} */
-    n(this, a);
-    /** @type {HTMLElement} */
-    n(this, l);
-    /** @type {AbortController} */
-    n(this, r);
-    n(this, o, {
-      /** @type {IntersectionObserver | null} */
-      observer: null
-    });
-    b(this, "state", this.properties({
-      status: {
-        type: ["finished", "loading", "noMore"],
-        default: "finished",
-        /** @param {"loading" | "finished" | "noMore"} newVal */
-        observer: () => {
-          this.updateContainerClasslist();
-        }
-      },
-      distance: {
-        type: Number,
-        default: 0,
-        observer: () => {
-        }
-      }
-    }));
-    this.stylesheet = g, this.$render();
-  }
-  static get observedAttributes() {
-    return [...super.observedAttributes, "distance", "status"];
-  }
-  /**
-   * 获取 classlist 列表
-   * @return {string} 属性值
-   */
-  updateContainerClasslist() {
-    const e = this.computedClasslist(
-      "ea-infinite-scroll",
-      {},
-      {
-        [this.status]: this.status
-      }
-    );
-    return i(this, a).className = e, e;
-  }
-  $render() {
-    this.shadowRoot.innerHTML = `
-      <section class='ea-infinite-scroll' part='container'>
-        <slot></slot>
-        <div class='ea-infinite-scroll__placeholder' part='placeholder'></div>
-        <section class='ea-infinite-scroll__loading' part='loading'>
-          <slot name='loading'></slot>
-        </section>
-        <section class='ea-infinite-scroll__noMore' part='noMore'>
-          <slot name='noMore'></slot>
-        </section>
-      </section>
-    `, d(this, a, this.shadowRoot.querySelector(".ea-infinite-scroll")), d(this, l, this.shadowRoot.querySelector(
-      ".ea-infinite-scroll__placeholder"
-    ));
-  }
-  connectedCallback() {
-    var e;
-    super.connectedCallback(), (e = i(this, r)) == null || e.abort(), d(this, r, new AbortController()), i(this, o).observer = new IntersectionObserver(
-      (c) => {
-        this.status === "finished" && c.forEach(async (h) => {
-          h.isIntersecting && (i(this, o).observer.unobserve(h.target), this.status = "loading", this.emit("loadmore", {
-            detail: {
-              finished: () => {
-                this.status = "finished", i(this, o).observer.observe(h.target);
-              },
-              noMore: () => {
-                this.status = "noMore", i(this, o).observer.observe(h.target);
-              }
-            },
-            bubbles: !0
-          }));
-        });
-      },
-      {
-        rootMargin: this.distance + "px"
-      }
-    ), i(this, o).observer.observe(i(this, l)), this.shadowRoot.addEventListener("slotchange", () => {
-      this.emit("slotchange", { bubbles: !0, composed: !0 });
-    });
-  }
-  $beforeUnmounted() {
-    var e;
-    (e = i(this, r)) == null || e.abort(), i(this, o).observer.disconnect();
-  }
-}
-a = new WeakMap(), l = new WeakMap(), r = new WeakMap(), o = new WeakMap();
-window.customElements.get("ea-infinite-scroll") || window.customElements.define("ea-infinite-scroll", w);
-export {
-  w as EaInfiniteScroll
-};