easy-component-ui 3.0.15 → 4.0.3

package/dist/components/index.js

@@ -26,6 +26,7 @@ import "./ea-input.js";
 import "./ea-input-number.js";
 import "./ea-layout.js";
 import "./ea-link.js";
+import "./ea-loading.js";
 import "./ea-menu.js";
 import "./ea-message.js";
 import "./ea-message-box.js";
@@ -52,9 +53,12 @@ import "./ea-table.js";
 import "./ea-tabs.js";
 import "./ea-tag.js";
 import "./ea-text.js";
+import "./ea-theme-toggle.js";
 import "./ea-time-picker.js";
 import "./ea-timeline.js";
 import "./ea-tooltip.js";
 import "./ea-tour.js";
 import "./ea-transfer.js";
 import "./ea-tree.js";
+import { initTheme as i } from "../themes/controller.js";
+i();

package/dist/core/EaBase.ts.js

@@ -0,0 +1,133 @@
+import { v as u } from "../css/ea-ui-component.style.js";
+import { C as d, a as h } from "./decorator.js";
+var c = Object.defineProperty, m = Object.getOwnPropertyDescriptor, l = (e, t, s, a) => {
+  for (var i = a > 1 ? void 0 : a ? m(t, s) : t, n = e.length - 1, o; n >= 0; n--)
+    (o = e[n]) && (i = (a ? o(t, s, i) : o(i)) || i);
+  return a && i && c(t, s, i), i;
+};
+let r = class extends HTMLElement {
+  // ==================== 构造函数 ====================
+  constructor() {
+    super(), this._isRendered = null, this._isInitialized = !1, this.locale = "en-US", this.attachShadow({ mode: "open" }), this._isInitialized = !1, this._isRendered = new Promise((e) => {
+      this._rendered = e;
+    });
+  }
+  // ==================== 生命周期钩子 ====================
+  connectedCallback() {
+    if (this._isInitialized) return;
+    const e = this.getAttribute("tabindex");
+    e !== null && (this.tabIndex = Number(e)), requestAnimationFrame(() => {
+      var t;
+      this.$mount(), (t = this._rendered) == null || t.call(this), this.$mounted(), this._isInitialized = !0;
+    });
+  }
+  disconnectedCallback() {
+    var e, t;
+    (e = this.$beforeUnmount) == null || e.call(this), this.emit("beforeUnmount", { detail: this }), (t = this.$unmounted) == null || t.call(this), this.emit("unmounted", { detail: this }), this._isInitialized = !1, this._isRendered = null;
+  }
+  async attributeChangedCallback(e, t, s) {
+    await this._isRendered, this.$updated({ key: e, newVal: s, oldVal: t });
+  }
+  // ==================== 子类可覆盖方法 ====================
+  /**
+   * 更新组件语言
+   * @param locale 语言代码
+   */
+  $updateLocalization(e) {
+  }
+  /**
+   * 组件模板渲染
+   * @returns HTML 模板字符串
+   */
+  html() {
+    return "";
+  }
+  /**
+   * 组件挂载时调用
+   */
+  $mount() {
+  }
+  /**
+   * 组件挂载完成后调用
+   */
+  $mounted() {
+  }
+  /** 组件销毁前调用 */
+  $beforeUnmount() {
+  }
+  /** 组件销毁后调用 */
+  $unmounted() {
+  }
+  /**
+   * 组件更新回调
+   * @param data 更新数据
+   */
+  $updated(e) {
+    this.emit("updated", { detail: e });
+  }
+  // ==================== 事件系统 ====================
+  /**
+   * 触发自定义事件
+   * @param eventName 事件名
+   * @param options 事件选项
+   */
+  emit(e, t) {
+    return this.dispatchEvent(
+      new CustomEvent(e, {
+        bubbles: !0,
+        composed: !0,
+        cancelable: !1,
+        ...t
+      })
+    );
+  }
+  // ==================== 焦点管理 ====================
+  /**
+   * 获取可聚焦元素列表
+   * @param scope 查询范围：'shadow' 仅 Shadow DOM，'light' 仅 Light DOM，'all' 两者
+   * @returns 可聚焦的 HTMLElement 数组
+   */
+  $getFocusableElements(e = "shadow") {
+    var i;
+    const t = 'a[href], button, input, select, textarea, [tabindex]:not([tabindex="-1"])', s = Array.from(
+      ((i = this.shadowRoot) == null ? void 0 : i.querySelectorAll(t)) ?? []
+    );
+    if (e === "shadow") return s;
+    const a = Array.from(
+      this.querySelectorAll(t)
+    );
+    return e === "light" ? a : [...s, ...a];
+  }
+  /**
+   * 聚焦到第一个可聚焦元素
+   * @param scope 查询范围
+   */
+  $focusFirst(e = "shadow") {
+    var t;
+    (t = this.$getFocusableElements(e)[0]) == null || t.focus();
+  }
+  /**
+   * 聚焦到最后一个可聚焦元素
+   * @param scope 查询范围
+   */
+  $focusLast(e = "shadow") {
+    var s;
+    const t = this.$getFocusableElements(e);
+    (s = t[t.length - 1]) == null || s.focus();
+  }
+};
+l([
+  h({
+    type: String,
+    default: "en-US",
+    observer(e) {
+      this.$updateLocalization(e);
+    }
+  })
+], r.prototype, "locale", 2);
+r = l([
+  d("ea-base", { styles: [u], autoDefine: !1 })
+], r);
+export {
+  r as E
+};

package/dist/core/EaFormAssociatedBase.ts.js

@@ -0,0 +1,294 @@
+import { E as d } from "./EaBase.ts.js";
+import { a as l, C as f } from "./decorator.js";
+var h = Object.defineProperty, y = Object.getOwnPropertyDescriptor, r = (t, e, s, a) => {
+  for (var o = a > 1 ? void 0 : a ? y(e, s) : e, u = t.length - 1, n; u >= 0; u--)
+    (n = t[u]) && (o = (a ? n(e, s, o) : n(o)) || o);
+  return a && o && h(e, s, o), o;
+};
+let i = class extends d {
+  // ==================== 构造函数 ====================
+  constructor() {
+    super(), this.form = null, this.name = "", this.type = "", this.validity = null, this.validationMessage = "", this.willValidate = !1, this.disabled = !1, this.value = "", this.required = !1, this.minlength = null, this.maxlength = null, this.min = null, this.max = null, this.pattern = null, this.internals = this.attachInternals();
+  }
+  // ==================== 抽象属性 ====================
+  /**
+   * 获取验证目标元素，需子组件实现
+   * @returns 验证目标元素
+   */
+  get validationTarget() {
+  }
+  get labels() {
+    return this.internals.labels;
+  }
+  // ==================== 方法 ====================
+  /**
+   * 获取关联的表单元素
+   * @returns 表单元素或 null
+   */
+  getForm() {
+    var t;
+    return ((t = this.internals) == null ? void 0 : t.form) ?? null;
+  }
+  /**
+   * 设置表单值
+   * @param value - 表单值
+   */
+  setValue(t) {
+    this.internals && typeof this.internals.setFormValue == "function" && this.internals.setFormValue(t);
+  }
+  /**
+   * 移除表单值
+   */
+  removeValue() {
+    this.internals && typeof this.internals.setFormValue == "function" && this.internals.setFormValue(null);
+  }
+  /**
+   * 更新表单验证状态
+   * 使用内部 input 元素的 validity 状态
+   */
+  updateValidity() {
+    if (this.tagName === "EA-BUTTON") return;
+    const t = this.validationTarget;
+    if (t && "validity" in t) {
+      const e = t.validity;
+      if (!e) return;
+      if (e.valid)
+        this.resetCustomValidity();
+      else {
+        const s = {};
+        for (const a in e)
+          e[a] && a !== "valid" && (s[a] = !0);
+        this.setValidity(
+          s,
+          this.validationMessage || t.validationMessage
+        );
+      }
+    }
+  }
+  /**
+   * 检查表单字段是否有效
+   * @returns 如果字段有效返回 true，否则返回 false
+   */
+  checkValidity() {
+    return this.tagName === "EA-BUTTON" ? !0 : (this.updateValidity(), this.internals && typeof this.internals.checkValidity == "function" ? this.internals.checkValidity() : !0);
+  }
+  /**
+   * 报告表单字段的验证状态
+   * @returns 如果字段有效返回 true，否则返回 false
+   */
+  reportValidity() {
+    return this.tagName === "EA-BUTTON" ? !0 : (this.updateValidity(), this.internals && typeof this.internals.reportValidity == "function" ? this.internals.reportValidity() : !0);
+  }
+  /**
+   * 设置自定义验证错误消息
+   * @param flags - 验证状态标志
+   * @param message - 自定义错误消息
+   */
+  setValidity(t = {}, e = "") {
+    const s = Object.values(t).some((a) => a === !0);
+    if (e)
+      t.customError = !0;
+    else if (s) {
+      const a = this.validationTarget;
+      e = (a == null ? void 0 : a.validationMessage) || "";
+    }
+    this.internals && typeof this.internals.setValidity == "function" && this.internals.setValidity(
+      t,
+      e,
+      this.validationTarget ?? void 0
+    );
+  }
+  /**
+   * 设置自定义验证错误消息
+   * @param message - 自定义错误消息，空字符串表示清除错误
+   */
+  setCustomValidity(t) {
+    if (this.tagName === "EA-BUTTON") return;
+    const e = this.validationTarget;
+    e && e !== this && typeof e.setCustomValidity == "function" && e.setCustomValidity(t), this.internals && typeof this.internals.setValidity == "function" && (t ? this.internals.setValidity(
+      { customError: !0 },
+      t,
+      this.validationTarget ?? void 0
+    ) : this.internals.setValidity({}, "", this.validationTarget ?? void 0));
+  }
+  /**
+   * 重置自定义验证错误消息
+   */
+  resetCustomValidity() {
+    this.internals && typeof this.internals.setValidity == "function" && this.internals.setValidity({}, "", this.validationTarget ?? void 0);
+    const t = this.validationTarget;
+    t && t !== this && typeof t.setCustomValidity == "function" && t.setCustomValidity("");
+  }
+  /**
+   * 表单关联回调，处理表单提交事件
+   * @param form - 关联的表单元素
+   */
+  formAssociatedCallback(t) {
+    if (!t) return;
+    t.noValidate = !0;
+    let e = i._formSubmitControllers.get(t);
+    e || (e = { controller: new AbortController(), registered: !1 }, i._formSubmitControllers.set(t, e)), e.registered || (e.registered = !0, t.addEventListener(
+      "submit",
+      (s) => {
+        const o = Array.from(
+          t.querySelectorAll("*")
+        ).filter(
+          (n) => n instanceof i && n.tagName !== "EA-BUTTON"
+        );
+        let u = null;
+        for (const n of o)
+          n.setCustomValidity(""), n.updateValidity(), !n.checkValidity() && !u && (u = n);
+        u && (s.preventDefault(), s.stopImmediatePropagation(), u.reportValidity());
+      },
+      { signal: e.controller.signal }
+    ));
+  }
+  /**
+   * 表单禁用回调，处理表单禁用状态变化
+   * @param disabled - 表单是否禁用
+   */
+  formDisabledCallback(t) {
+    this.disabled = t, this.updateValidity();
+  }
+  /**
+   * 表单重置回调，处理表单重置事件
+   */
+  formResetCallback() {
+    this.value = "", this.setValidity({});
+  }
+};
+i.formAssociated = !0;
+i._formSubmitControllers = /* @__PURE__ */ new WeakMap();
+r([
+  l({
+    type: HTMLFormElement,
+    default: function() {
+      return this.internals.form;
+    }
+  })
+], i.prototype, "form", 2);
+r([
+  l({
+    type: String,
+    default: ""
+  })
+], i.prototype, "name", 2);
+r([
+  l({
+    type: String,
+    default: function() {
+      return this.localName;
+    }
+  })
+], i.prototype, "type", 2);
+r([
+  l({
+    type: ValidityState,
+    default: function() {
+      var t;
+      return ((t = this.internals) == null ? void 0 : t.validity) ?? null;
+    }
+  })
+], i.prototype, "validity", 2);
+r([
+  l({
+    type: String,
+    default: function() {
+      var t;
+      return ((t = this.internals) == null ? void 0 : t.validationMessage) ?? "";
+    }
+  })
+], i.prototype, "validationMessage", 2);
+r([
+  l({
+    type: Boolean,
+    default: function() {
+      var t;
+      return ((t = this.internals) == null ? void 0 : t.willValidate) ?? !1;
+    }
+  })
+], i.prototype, "willValidate", 2);
+r([
+  l({
+    type: Boolean,
+    default: !1
+  })
+], i.prototype, "disabled", 2);
+r([
+  l({
+    type: String,
+    default: "",
+    observer(t) {
+      var e;
+      (e = this.internals) == null || e.setFormValue(t);
+    }
+  })
+], i.prototype, "value", 2);
+r([
+  l({
+    type: Boolean,
+    default: !1,
+    observer(t) {
+      var e;
+      (e = this.validationTarget) == null || e.toggleAttribute("required", t);
+    }
+  })
+], i.prototype, "required", 2);
+r([
+  l({
+    type: Number,
+    default: 0,
+    observer(t) {
+      var e;
+      (e = this.validationTarget) == null || e.setAttribute("minlength", String(t));
+    }
+  })
+], i.prototype, "minlength", 2);
+r([
+  l({
+    type: Number,
+    default: 0,
+    observer(t) {
+      var e;
+      (e = this.validationTarget) == null || e.setAttribute("maxlength", String(t));
+    }
+  })
+], i.prototype, "maxlength", 2);
+r([
+  l({
+    type: Number,
+    default: 0,
+    observer(t) {
+      var e;
+      (e = this.validationTarget) == null || e.setAttribute("min", String(t));
+    }
+  })
+], i.prototype, "min", 2);
+r([
+  l({
+    type: Number,
+    default: 0,
+    observer(t) {
+      var e;
+      (e = this.validationTarget) == null || e.setAttribute("max", String(t));
+    }
+  })
+], i.prototype, "max", 2);
+r([
+  l({
+    type: String,
+    default: "",
+    observer(t) {
+      var e, s;
+      t ? (e = this.validationTarget) == null || e.setAttribute("pattern", t) : (s = this.validationTarget) == null || s.removeAttribute("pattern");
+    }
+  })
+], i.prototype, "pattern", 2);
+i = r([
+  f("ea-form-associated-base", { autoDefine: !1 })
+], i);
+const v = i;
+export {
+  i as E,
+  v as a
+};

package/dist/core/constants.js

@@ -0,0 +1,20 @@
+const c = [
+  "primary",
+  "success",
+  "warning",
+  "danger",
+  "info"
+], r = "info", i = {
+  primary: "circle-info",
+  success: "circle-check",
+  info: "circle-info",
+  warning: "triangle-exclamation",
+  danger: "circle-xmark",
+  error: "circle-xmark"
+  // 兼容处理
+};
+export {
+  c as V,
+  r as a,
+  i as b
+};