easy-component-ui 3.0.13 → 3.0.14

package/dist/components/ea-rate.js

@@ -1,241 +0,0 @@
-var A = Object.defineProperty;
-var _ = (s) => {
-  throw TypeError(s);
-};
-var S = (s, i, t) => i in s ? A(s, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[i] = t;
-var C = (s, i, t) => S(s, typeof i != "symbol" ? i + "" : i, t), x = (s, i, t) => i.has(s) || _("Cannot " + t);
-var e = (s, i, t) => (x(s, i, "read from private field"), t ? t.call(s) : i.get(s)), n = (s, i, t) => i.has(s) ? _("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(s) : i.set(s, t), b = (s, i, t, a) => (x(s, i, "write to private field"), a ? a.call(s, t) : i.set(s, t), t);
-import { F as V } from "../core/FormBase.js";
-import { s as L } from "../css/ea-rate.style.js";
-import { E as M } from "../utils/Variables.js";
-var r, p, d, u, v, c, m, y, f, g;
-class R extends V {
-  constructor() {
-    super();
-    /** @type {HTMLElement} */
-    n(this, r);
-    /** @type {HTMLElement} */
-    n(this, p);
-    /** @type {AbortController} */
-    n(this, d, new AbortController());
-    /** @type {AbortController} */
-    n(this, u, new AbortController());
-    C(this, "state", this.properties({
-      label: {
-        type: String,
-        default: "",
-        observer: async (t) => {
-          e(this, p).textContent = t;
-        }
-      },
-      value: {
-        type: Number,
-        default: 0,
-        observer: (t) => {
-          this.setValue(t), e(this, c).call(this, t - 1);
-        }
-      },
-      max: {
-        type: Number,
-        default: 5,
-        observer: () => {
-        }
-      },
-      size: {
-        type: M,
-        default: "",
-        observer: () => {
-          this.updateContainerClasslist();
-        }
-      },
-      readonly: {
-        type: Boolean,
-        default: !1,
-        observer: () => {
-        }
-      },
-      disabled: {
-        type: Boolean,
-        default: !1,
-        observer: () => {
-          this.updateContainerClasslist();
-        }
-      }
-    }));
-    C(this, "funcStates", this.properties({
-      getSymbol: {
-        props: !0,
-        type: Function,
-        rawFunction: !0,
-        /**
-         * 获取图标
-         * @param {string} [value]
-         * @param {boolean} [isSelected]
-         * @returns {string}
-         */
-        default: () => () => '<ea-icon name="star" part="icon"></ea-icon>',
-        /** @param {Function} cb */
-        observer: (t) => {
-          !t || typeof t != "function" || (e(this, r).innerHTML = e(this, v).call(this, t), e(this, c).call(this, this.value - 1));
-        }
-      }
-    }));
-    /**
-     * 渲染 rate 元素
-     * @param {(value: Number, isSelected: Boolean) => String} renderer
-     * @param {Number} activeValue
-     * @return {String}
-     */
-    n(this, v, (t, a = this.value, h = this.max) => {
-      if (!t) return;
-      const l = Array.from({ length: h }).map(
-        (o, E) => `
-          <span class='ea-rate__symbol' part='symbol-wrap'>
-              ${t(E, a)}
-          </span>`
-      ).join("");
-      return e(this, r).innerHTML = l, l;
-    });
-    /**
-     * 设置 rate 元素选中状态
-     * @param {Number} index
-     */
-    n(this, c, (t = this.value - 1) => {
-      [...e(this, r).children].forEach((h, l) => {
-        h.classList.toggle("is-selected", l <= t);
-      });
-    });
-    /**
-     * 取消 rate 元素选中状态
-     * @param {Number} [currentValue]
-     */
-    n(this, m, (t = this.value - 1) => {
-      [...e(this, r).children].forEach((h, l) => {
-        h.classList.toggle("is-selected", l <= t);
-      });
-    });
-    /**
-     * 触发 hover 事件
-     * @param {Number} [value]
-     * @param {HTMLElement} [target]
-     */
-    n(this, y, (t = this.value, a = null) => {
-      this.emit("hover", {
-        detail: {
-          value: t,
-          target: a
-        }
-      });
-    });
-    /**
-     * 当鼠标移入父元素时，设置子元素的选中状态
-     */
-    n(this, f, () => {
-      var h;
-      if (this.readonly || this.disabled) return;
-      (h = e(this, u)) == null || h.abort(), b(this, u, new AbortController());
-      const t = (l) => {
-        const o = l.target.closest(".ea-rate__symbol"), w = [...e(this, r).children].indexOf(o);
-        e(this, c).call(this, w), o && e(this, y).call(this, w, o);
-      }, a = () => {
-        const l = this.hasAttribute("value") ? this.value - 1 : null, o = this.children[l];
-        e(this, m).call(this), e(this, y).call(this, l, o);
-      };
-      e(this, r).addEventListener("mousemove", t, {
-        signal: e(this, u).signal
-      }), e(this, r).addEventListener("mouseout", a, {
-        signal: e(this, u).signal
-      });
-    });
-    /**
-     * 通过监听父元素的点击事件，设置子元素的选中状态
-     */
-    n(this, g, (t) => {
-      if (this.readonly || this.disabled) return;
-      const a = t.target.closest(".ea-rate__symbol"), o = [...e(this, r).children].indexOf(a) + 1;
-      this.value === o ? (this.value = 0, e(this, m).call(this, 0)) : this.value = o, this.emit("change", { detail: { value: o } });
-    });
-    this.stylesheet = L, this.$render();
-  }
-  static get observedAttributes() {
-    return [
-      ...super.observedAttributes,
-      "label",
-      "value",
-      "max",
-      "size",
-      "readonly",
-      "disabled"
-    ];
-  }
-  /**
-   * 获取 classlist 列表
-   * @return {string} 属性值
-   */
-  updateContainerClasslist() {
-    const t = this.computedClasslist(
-      "ea-rate",
-      {
-        ["--" + this.size]: this.size
-      },
-      {
-        disabled: this.disabled
-      }
-    );
-    return e(this, r).className = t, t;
-  }
-  $render() {
-    this.shadowRoot.innerHTML = `
-      <label class="ea-rate__label" part="label"></label>
-      <div class='ea-rate' part='container'></div>
-    `, b(this, p, this.shadowRoot.querySelector(".ea-rate__label")), b(this, r, this.shadowRoot.querySelector(".ea-rate")), e(this, v).call(this, this.getSymbol), this.updateContainerClasslist();
-  }
-  /**
-   * 获取验证目标元素
-   * @returns {HTMLElement}
-   */
-  get validationTarget() {
-    return this;
-  }
-  /**
-   * 更新表单验证状态
-   */
-  updateValidity() {
-    this.required && !this.value ? this.internals.setValidity(
-      { valueMissing: !0 },
-      "请选择一个评分",
-      this
-    ) : this.internals.setValidity({}, "", this);
-  }
-  /**
-   * 检查表单字段的有效性
-   * @returns {boolean} 如果字段有效返回 true，否则返回 false
-   */
-  checkValidity() {
-    return this.updateValidity(), this.internals.checkValidity();
-  }
-  /**
-   * 报告表单字段的有效性（显示验证提示）
-   * @returns {boolean} 如果字段有效返回 true，否则返回 false
-   */
-  reportValidity() {
-    return this.updateValidity(), this.internals.reportValidity();
-  }
-  connectedCallback() {
-    var t;
-    super.connectedCallback(), (t = e(this, d)) == null || t.abort(), b(this, d, new AbortController()), e(this, r).addEventListener("mouseover", e(this, f), {
-      signal: e(this, d).signal
-    }), e(this, r).addEventListener("click", e(this, g), {
-      signal: e(this, d).signal
-    });
-  }
-  $beforeUnmounted() {
-    var t, a;
-    (t = e(this, d)) == null || t.abort(), (a = e(this, u)) == null || a.abort();
-  }
-}
-r = new WeakMap(), p = new WeakMap(), d = new WeakMap(), u = new WeakMap(), v = new WeakMap(), c = new WeakMap(), m = new WeakMap(), y = new WeakMap(), f = new WeakMap(), g = new WeakMap();
-window.customElements.get("ea-rate") || window.customElements.define("ea-rate", R);
-export {
-  R as EaRate
-};

package/dist/components/ea-result.js

@@ -1,100 +0,0 @@
-var b = Object.defineProperty;
-var h = (e) => {
-  throw TypeError(e);
-};
-var y = (e, s, t) => s in e ? b(e, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[s] = t;
-var p = (e, s, t) => y(e, typeof s != "symbol" ? s + "" : s, t), _ = (e, s, t) => s.has(e) || h("Cannot " + t);
-var i = (e, s, t) => (_(e, s, "read from private field"), t ? t.call(e) : s.get(e)), a = (e, s, t) => s.has(e) ? h("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(e) : s.set(e, t), o = (e, s, t, d) => (_(e, s, "write to private field"), d ? d.call(e, t) : s.set(e, t), t);
-import { B as v } from "./Base.js";
-import { s as f } from "../css/ea-result.style.js";
-import { t as m } from "../utils/Variables.js";
-var l, r, n, u, c;
-class w extends v {
-  constructor() {
-    super();
-    /** @type {HTMLElement} */
-    a(this, l);
-    /** @type {HTMLElement} */
-    a(this, r);
-    /** @type {HTMLElement} */
-    a(this, n);
-    /** @type {HTMLElement} */
-    a(this, u);
-    /** @type {HTMLElement} */
-    a(this, c);
-    p(this, "state", this.properties({
-      type: {
-        type: ["primary", "success", "warning", "info", "error"],
-        default: "",
-        observer: (t) => {
-          i(this, r).setAttribute("name", m[t]), this.updateContainerClasslist();
-        }
-      },
-      title: {
-        type: String,
-        default: "",
-        observer: (t) => {
-          i(this, n).textContent = t;
-        }
-      },
-      "sub-title": {
-        type: String,
-        default: "",
-        observer: (t) => {
-          i(this, u).textContent = t;
-        }
-      },
-      icon: {
-        type: String,
-        default: "",
-        observer: (t) => {
-          t ? i(this, r).setAttribute("name", t) : i(this, r).setAttribute("name", m[this.type]);
-        }
-      }
-    }));
-    this.stylesheet = f, this.$render();
-  }
-  static get observedAttributes() {
-    return [...super.observedAttributes, "type", "title", "sub-title", "icon"];
-  }
-  /**
-   * 获取 classlist 列表
-   * @return {string} 属性值
-   */
-  updateContainerClasslist() {
-    const t = this.computedClasslist("ea-result", {
-      ["--" + this.type]: this.type
-    });
-    return i(this, l).className = t, t;
-  }
-  $render() {
-    this.shadowRoot.innerHTML = `
-      <div class='ea-result' part='container'>
-        <div class="ea-result__icon ea-result__icon-wrap" part="icon-wrap">
-          <slot name="icon">
-            <ea-icon class="ea-result__icon ea-result__default-icon" part="icon"></ea-icon>
-          </slot>
-        </div>
-        <div class="ea-result__title" part="title">
-          <slot name="title"></slot>
-        </div>
-        <div class="ea-result__sub-title" part="sub-title">
-          <slot name="sub-title"></slot>
-        </div>
-        <div class="ea-result__extra" part="extra">
-          <slot name="extra"></slot>
-        </div>
-      </div>
-    `, o(this, l, this.shadowRoot.querySelector(".ea-result")), o(this, r, this.shadowRoot.querySelector(".ea-result__default-icon")), o(this, n, this.shadowRoot.querySelector(".ea-result__title slot")), o(this, u, this.shadowRoot.querySelector(
-      ".ea-result__sub-title slot"
-    )), o(this, c, this.shadowRoot.querySelector(".ea-result__extra slot"));
-  }
-  connectedCallback() {
-    super.connectedCallback();
-  }
-}
-l = new WeakMap(), r = new WeakMap(), n = new WeakMap(), u = new WeakMap(), c = new WeakMap();
-window.customElements.get("ea-result") || window.customElements.define("ea-result", w);
-export {
-  w as EaResult
-};

package/dist/components/ea-scrollbar.js

@@ -1,235 +0,0 @@
-var z = Object.defineProperty;
-var _ = (o) => {
-  throw TypeError(o);
-};
-var R = (o, i, s) => i in o ? z(o, i, { enumerable: !0, configurable: !0, writable: !0, value: s }) : o[i] = s;
-var k = (o, i, s) => R(o, typeof i != "symbol" ? i + "" : i, s), E = (o, i, s) => i.has(o) || _("Cannot " + s);
-var t = (o, i, s) => (E(o, i, "read from private field"), s ? s.call(o) : i.get(o)), r = (o, i, s) => i.has(o) ? _("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(o) : i.set(o, s), h = (o, i, s, l) => (E(o, i, "write to private field"), l ? l.call(o, s) : i.set(o, s), s);
-import { B as C } from "./Base.js";
-import { s as H } from "../css/ea-scrollbar.style.js";
-var n, b, g, c, a, e, L, u, d, p, f, w, m;
-class S extends C {
-  constructor() {
-    super();
-    /** @type {HTMLElement} */
-    r(this, n);
-    /** @type {HTMLElement} */
-    r(this, b);
-    /** @type {HTMLElement} */
-    r(this, g);
-    /** @type {HTMLElement} */
-    r(this, c);
-    /** @type {HTMLElement} */
-    r(this, a);
-    /** @type {HTMLElement} */
-    r(this, e);
-    r(this, L, {
-      verticalScrollDistance: 0,
-      horizontalScrollDistance: 0
-    });
-    /**
-     * @typedef {Object} State
-     */
-    /** @type {State} */
-    k(this, "state", this.properties({
-      height: {
-        type: String,
-        default: "",
-        observer: (s) => {
-        }
-      },
-      native: {
-        type: Boolean,
-        default: !1,
-        observer: (s) => {
-          t(this, n).classList.toggle("ea-scrollbar--native", s);
-        }
-      },
-      noresize: {
-        type: Boolean,
-        default: !1,
-        observer: (s) => {
-          t(this, n).classList.toggle("ea-scrollbar--noresize", s);
-        }
-      },
-      always: {
-        type: Boolean,
-        default: !1,
-        observer: (s) => {
-          t(this, n).classList.toggle("ea-scrollbar--always", s);
-        }
-      }
-    }));
-    /**
-     * 滚动事件 - 修改滚动条样式 和 事件派发
-     */
-    r(this, u, () => {
-      t(this, c).style.setProperty(
-        "--ea-scrollbar-top",
-        `${t(this, e).scrollTop / t(this, e).scrollHeight * 100}%`
-      ), t(this, a).style.setProperty(
-        "--ea-scrollbar-left",
-        `${t(this, e).scrollLeft / t(this, e).scrollWidth * 100}%`
-      ), this.dispatchEvent(
-        new CustomEvent("scroll", {
-          detail: {
-            scrollTop: t(this, e).scrollTop,
-            scrollLeft: t(this, e).scrollLeft
-          }
-        })
-      );
-      const s = {
-        left: t(this, e).scrollTop / t(this, e).scrollHeight <= 0,
-        right: t(this, e).scrollTop / t(this, e).scrollHeight >= 1,
-        top: t(this, e).scrollLeft / t(this, e).scrollWidth <= 0,
-        bottom: t(this, e).scrollLeft / t(this, e).scrollWidth >= 1
-      };
-      Object.keys(s).forEach((l) => {
-        s[l] && this.dispatchEvent(
-          new CustomEvent("end-reached", {
-            detail: {
-              direction: l,
-              scrollTop: t(this, e).scrollTop,
-              scrollLeft: t(this, e).scrollLeft
-            }
-          })
-        );
-      });
-    });
-    /**
-     * 页面尺寸改变后，调整滚动条样式
-     */
-    r(this, d, () => {
-      queueMicrotask(() => {
-        const s = t(this, e).getBoundingClientRect(), l = s.height / t(this, e).scrollHeight, v = s.width / t(this, e).scrollWidth;
-        t(this, c).style.setProperty(
-          "--ea-scrollbar-thumb-vertical-height",
-          `${l * 100}%`
-        ), t(this, a).style.setProperty(
-          "--ea-scrollbar-thumb-horizontal-width",
-          `${v * 100}%`
-        ), t(this, g).classList.toggle(
-          "is-show",
-          l >= 0.999
-        ), t(this, b).classList.toggle(
-          "is-show",
-          v >= 0.999
-        );
-      });
-    });
-    /**
-     * 垂直滚动条拖动事件
-     * @param {MouseEvent} e
-     */
-    r(this, p, (s) => {
-      const l = t(this, g).getBoundingClientRect(), y = (s.clientY - l.top) / l.height * (t(this, e).scrollHeight - t(this, e).clientHeight);
-      t(this, e).scrollTo({
-        top: y,
-        behavior: "instant"
-      }), t(this, c).classList.add("is-active");
-    });
-    /**
-     * 水平滚动条拖动事件
-     * @param {MouseEvent} e
-     */
-    r(this, f, (s) => {
-      const l = t(this, b).getBoundingClientRect(), y = (s.clientX - l.left) / l.width * (t(this, e).scrollWidth - t(this, e).clientWidth);
-      t(this, e).scrollTo({
-        left: y,
-        behavior: "instant"
-      }), t(this, a).classList.add("is-active");
-    });
-    /**
-     * 鼠标按下事件
-     * @param {MouseEvent} e
-     */
-    r(this, w, (s) => {
-      s.preventDefault(), s.stopPropagation();
-      const l = new AbortController(), v = s.target === t(this, a);
-      window.addEventListener(
-        "mousemove",
-        v ? t(this, f) : t(this, p),
-        { signal: l.signal }
-      ), window.addEventListener(
-        "mouseup",
-        () => {
-          l.abort(), t(this, a).classList.remove("is-active"), t(this, c).classList.remove("is-active");
-        },
-        { signal: l.signal }
-      );
-    });
-    /**
-     * 键盘事件
-     * @param {KeyboardEvent} e
-     */
-    r(this, m, (s) => {
-      s.key === "ArrowUp" || s.key === "ArrowDown" ? t(this, e).scrollTo({
-        top: t(this, e).scrollTop + t(this, e).scrollHeight / 8 * (s.key === "ArrowUp" ? -1 : 1),
-        behavior: "smooth"
-      }) : (s.key === "ArrowLeft" || s.key === "ArrowRight") && t(this, e).scrollTo({
-        left: t(this, e).scrollLeft + t(this, e).scrollWidth / 8 * (s.key === "ArrowLeft" ? -1 : 1),
-        behavior: "smooth"
-      });
-    });
-    this.stylesheet = H, this.isMounted = !1;
-  }
-  static get observedAttributes() {
-    return ["native", "noresize", "always"];
-  }
-  $render() {
-    this.shadowRoot.innerHTML = `
-            <div class="ea-scrollbar" part="container">
-                <div class="ea-scrollbar__track ea-scrollbar__track-horizontal" part="track-horizontal">
-                    <div class="ea-scrollbar__thumb-horizontal" part="thumb"></div>
-                </div>
-                <div class="ea-scrollbar__track ea-scrollbar__track-vertical" part="track-vertical">
-                    <div class="ea-scrollbar__thumb-vertical" part="thumb"></div>
-                </div>
-                <div class="ea-scrollbar__view" part="view-container">
-                    <slot></slot>
-                </div>
-            </div>
-        `, h(this, n, this.shadowRoot.querySelector(".ea-scrollbar")), h(this, g, this.shadowRoot.querySelector(
-      ".ea-scrollbar__track-vertical"
-    )), h(this, b, this.shadowRoot.querySelector(
-      ".ea-scrollbar__track-horizontal"
-    )), h(this, c, this.shadowRoot.querySelector(
-      ".ea-scrollbar__thumb-vertical"
-    )), h(this, a, this.shadowRoot.querySelector(
-      ".ea-scrollbar__thumb-horizontal"
-    )), h(this, e, this.shadowRoot.querySelector(".ea-scrollbar__view")), this.isMounted = !0;
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.$render(), this.native = this.native, this.noresize = this.noresize, this.always = this.always, this.eventController = new AbortController();
-    const s = this.eventController;
-    t(this, d).call(this), t(this, e).addEventListener("scroll", t(this, u), {
-      signal: s.signal
-    }), t(this, a).addEventListener("mousedown", t(this, w), {
-      signal: s.signal
-    }), t(this, c).addEventListener("mousedown", t(this, w), {
-      signal: s.signal
-    }), this.addEventListener("keydown", t(this, m)), this.noresize || window.addEventListener("resize", t(this, d), {
-      signal: s.signal
-    }), this.shadowRoot.addEventListener("slotchange", t(this, d), {
-      signal: s.signal
-    }), window.addEventListener("load", t(this, d), {
-      signal: s.signal
-    });
-  }
-  /**
-   * @exports scrollTo
-   * @param {ScrollToOptions} options
-   */
-  scrollTo(s) {
-    t(this, e).scrollTo(s);
-  }
-  $beforeUnmounted() {
-    var s;
-    (s = this.eventController) == null || s.abort();
-  }
-}
-n = new WeakMap(), b = new WeakMap(), g = new WeakMap(), c = new WeakMap(), a = new WeakMap(), e = new WeakMap(), L = new WeakMap(), u = new WeakMap(), d = new WeakMap(), p = new WeakMap(), f = new WeakMap(), w = new WeakMap(), m = new WeakMap();
-window.customElements.get("ea-scrollbar") || window.customElements.define("ea-scrollbar", S);
-export {
-  S as EaScrollbar
-};