easy-component-ui 3.0.14 → 3.0.15

package/dist/components/ea-date-picker.js

@@ -0,0 +1,649 @@
+var pt = Object.defineProperty;
+var ct = (n) => {
+  throw TypeError(n);
+};
+var mt = (n, o, e) => o in n ? pt(n, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[o] = e;
+var x = (n, o, e) => mt(n, typeof o != "symbol" ? o + "" : o, e), ht = (n, o, e) => o.has(n) || ct("Cannot " + e);
+var t = (n, o, e) => (ht(n, o, "read from private field"), e ? e.call(n) : o.get(n)), i = (n, o, e) => o.has(n) ? ct("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(n) : o.set(n, e), u = (n, o, e, a) => (ht(n, o, "write to private field"), a ? a.call(n, e) : o.set(n, e), e), N = (n, o, e) => (ht(n, o, "access private method"), e);
+import { c as yt, g as vt, d as L, n as bt } from "./ea-calendar2.js";
+import { F as ft } from "../core/FormBase.js";
+import { s as wt } from "../css/ea-date-picker.style.js";
+import "./ea-input.js";
+import "./ea-button.js";
+import { E as gt } from "../utils/Variables.js";
+import { E as Dt } from "../utils/Utils.js";
+import { i as G } from "../utils/I18nManager.js";
+var ut = { exports: {} };
+(function(n, o) {
+  (function(e, a) {
+    n.exports = a();
+  })(yt, function() {
+    return function(e, a) {
+      var r = a.prototype, h = r.format;
+      r.format = function(m) {
+        var c = this, C = this.$locale();
+        if (!this.isValid()) return h.bind(this)(m);
+        var y = this.$utils(), ot = (m || "YYYY-MM-DDTHH:mm:ssZ").replace(/\[([^\]]+)]|Q|wo|ww|w|WW|W|zzz|z|gggg|GGGG|Do|X|x|k{1,2}|S/g, function(R) {
+          switch (R) {
+            case "Q":
+              return Math.ceil((c.$M + 1) / 3);
+            case "Do":
+              return C.ordinal(c.$D);
+            case "gggg":
+              return c.weekYear();
+            case "GGGG":
+              return c.isoWeekYear();
+            case "wo":
+              return C.ordinal(c.week(), "W");
+            case "w":
+            case "ww":
+              return y.s(c.week(), R === "w" ? 1 : 2, "0");
+            case "W":
+            case "WW":
+              return y.s(c.isoWeek(), R === "W" ? 1 : 2, "0");
+            case "k":
+            case "kk":
+              return y.s(String(c.$H === 0 ? 24 : c.$H), R === "k" ? 1 : 2, "0");
+            case "X":
+              return Math.floor(c.$d.getTime() / 1e3);
+            case "x":
+              return c.$d.getTime();
+            case "z":
+              return "[" + c.offsetName() + "]";
+            case "zzz":
+              return "[" + c.offsetName("long") + "]";
+            default:
+              return R;
+          }
+        });
+        return h.bind(this)(ot);
+      };
+    };
+  });
+})(ut);
+var $t = ut.exports;
+const Mt = /* @__PURE__ */ vt($t);
+class lt extends Event {
+  constructor(o) {
+    super("ea-panel-change", {
+      bubbles: !0,
+      cancelable: !0,
+      composed: !0
+    }), this.detail = o;
+  }
+}
+class dt extends Event {
+  constructor(o) {
+    super("ea-visible-change", {
+      bubbles: !0,
+      cancelable: !0,
+      composed: !0
+    }), this.detail = o;
+  }
+}
+L.extend(Mt);
+var p, H, d, V, $, j, O, v, b, f, M, Y, w, W, A, l, s, E, I, D, P, S, q, z, B, F, _, Q, U, X, Z, J, K, tt, k, et, T, g, st, at, it, rt, nt;
+class Yt extends ft {
+  constructor() {
+    super();
+    i(this, E);
+    /** @type {HTMLElement} */
+    i(this, p);
+    /** @type {HTMLElement} */
+    i(this, H);
+    /** @type {HTMLElement} */
+    i(this, d);
+    /** @type {HTMLElement} */
+    i(this, V);
+    /** @type {HTMLElement} */
+    i(this, $);
+    /** @type {HTMLElement} */
+    i(this, j);
+    /** @type {HTMLElement} */
+    i(this, O);
+    /** @type {HTMLElement} */
+    i(this, v);
+    /** @type {HTMLElement} */
+    i(this, b);
+    /** @type {HTMLElement} */
+    i(this, f);
+    /** @type {HTMLElement} */
+    i(this, M);
+    /** @type {HTMLElement} */
+    i(this, Y);
+    /** @type {HTMLElement} */
+    i(this, w);
+    /** @type {HTMLElement} */
+    i(this, W);
+    /** @type {HTMLElement} */
+    i(this, A);
+    /** @type {AbortController} */
+    i(this, l, new AbortController());
+    i(this, s, {
+      currentDate: L(),
+      /** @type {'day' | 'month' | 'year'} */
+      viewMode: "day",
+      selectedYear: null,
+      selectedMonth: null
+    });
+    x(this, "state", this.properties({
+      label: {
+        type: String,
+        default: "",
+        observer: async (e) => {
+          await customElements.whenDefined("ea-input"), t(this, d).label = e;
+        }
+      },
+      width: {
+        type: String,
+        default: "auto",
+        observer: (e) => {
+          t(this, p).style.setProperty("--ea-date-picker-width", e);
+        }
+      },
+      value: {
+        type: String,
+        default: "",
+        observer: (e) => {
+          let a = e;
+          if (isNaN(new Date(e)) && e !== "") {
+            const r = new Date(Date.now());
+            a = `${r.getFullYear()}-${r.getMonth() + 1}-${r.getDate()}`;
+          }
+          a ? (t(this, s).currentDate = L(a), t(this, s).selectedYear = t(this, s).currentDate.year(), t(this, s).selectedMonth = t(this, s).currentDate.month() + 1, t(this, d).value = t(this, s).currentDate.format(
+            N(this, E, I).call(this)
+          )) : t(this, d).value = a, this.setValue(e);
+        }
+      },
+      placeholder: {
+        type: String,
+        default: "",
+        observer: (e) => {
+          t(this, d).setAttribute("placeholder", e);
+        }
+      },
+      disabled: {
+        type: Boolean,
+        default: !1,
+        observer: (e) => {
+          t(this, d).toggleAttribute("disabled", e), this.updateContainerClasslist();
+        }
+      },
+      align: {
+        type: ["left", "center", "right"],
+        default: "left",
+        observer: () => {
+          this.updateContainerClasslist();
+        }
+      },
+      "display-format": {
+        type: String,
+        default: "YYYY-MM-DD"
+      },
+      "value-format": {
+        type: String,
+        default: "YYYY-MM-DD"
+      },
+      type: {
+        type: ["date", "month", "year"],
+        default: "date",
+        observer: (e) => {
+          e === "year" ? t(this, P).call(this) : e === "month" ? t(this, S).call(this) : t(this, q).call(this);
+        }
+      },
+      size: {
+        type: gt,
+        default: "default",
+        observer: (e) => {
+          t(this, d).setAttribute("size", e), t(this, v).setAttribute("size", e), t(this, b).setAttribute("size", e), t(this, f).setAttribute("size", e), t(this, M).setAttribute("size", e), t(this, Y).setAttribute("size", e), t(this, w).setAttribute("size", e), this.updateContainerClasslist();
+        }
+      },
+      required: {
+        type: Boolean,
+        default: !1,
+        observer: async (e) => {
+          await customElements.whenDefined("ea-input"), t(this, d).toggleAttribute("required", e);
+        }
+      }
+    }));
+    /**
+     * 更新header显示
+     */
+    i(this, D, () => {
+      const e = t(this, s).currentDate.year(), a = t(this, s).currentDate.month() + 1;
+      if (t(this, s).viewMode === "year") {
+        const r = Math.floor(e / 10) * 10, h = r + 9;
+        t(this, v).textContent = `${r} ~ ${h}`, t(this, b).textContent = "";
+      } else t(this, s).viewMode === "month" ? (t(this, v).textContent = e, t(this, b).textContent = "") : (t(this, v).textContent = e, t(this, b).textContent = a < 10 ? `0${a}` : a);
+    });
+    /**
+     * 切换到年份选择模式
+     */
+    i(this, P, () => {
+      t(this, s).viewMode = "year", t(this, D).call(this), t(this, B).call(this), this.updateContainerClasslist(), t(this, z).call(this, "year"), this.dispatchEvent(
+        new lt({
+          date: t(this, s).currentDate.toDate(),
+          mode: "year",
+          view: "year-panel"
+        })
+      );
+    });
+    /**
+     * 切换到月份选择模式
+     */
+    i(this, S, () => {
+      t(this, s).viewMode = "month", t(this, D).call(this), t(this, F).call(this), this.updateContainerClasslist(), t(this, z).call(this, "month"), this.dispatchEvent(
+        new lt({
+          date: t(this, s).currentDate.toDate(),
+          mode: "month",
+          view: "month-panel"
+        })
+      );
+    });
+    /**
+     * 切换回日期选择模式
+     */
+    i(this, q, () => {
+      t(this, s).viewMode = "day", t(this, D).call(this), this.updateContainerClasslist(), t(this, z).call(this, "day");
+      const e = t(this, s).currentDate.format("YYYY-MM-DD");
+      t(this, $).setAttribute("value", e), this.dispatchEvent(
+        new lt({
+          date: t(this, s).currentDate.toDate(),
+          mode: "month",
+          view: "day-panel"
+        })
+      );
+    });
+    /**
+     * 更新header按钮
+     * @param {'year' | 'month' | 'day'} mode
+     */
+    i(this, z, (e) => {
+      e === "year" ? (t(this, f).ariaLabel = "Previous decade", t(this, w).ariaLabel = "Next decade") : e === "month" ? (t(this, f).ariaLabel = "Previous year", t(this, w).ariaLabel = "Next year") : (t(this, f).ariaLabel = "Previous year", t(this, w).ariaLabel = "Next year", t(this, M).ariaLabel = "Previous month", t(this, Y).ariaLabel = "Next month");
+    });
+    /**
+     * 渲染年份面板
+     */
+    i(this, B, () => {
+      const e = this.ns, a = t(this, s).currentDate.year(), r = Math.floor(a / 10) * 10, h = t(this, W);
+      let m = Array.from({ length: 10 }, (c, C) => {
+        const y = r + C, ot = y === t(this, s).selectedYear;
+        return Dt.EaElement.h(
+          "button",
+          null,
+          {
+            class: `${e.e("year-item")} ${ot ? e.s("selected") : ""}`,
+            "data-year": y,
+            part: "year-item"
+          },
+          y
+        );
+      }).join("");
+      h.innerHTML = this.html(m);
+    });
+    /**
+     * 渲染月份面板
+     */
+    i(this, F, () => {
+      const e = this.ns;
+      t(this, A).querySelectorAll(
+        `.${e.e("month-item")}`
+      ).forEach((r) => {
+        const m = parseInt(r.dataset.month, 10) === t(this, s).selectedMonth && t(this, s).currentDate.year() === t(this, s).selectedYear;
+        r.classList.toggle(e.s("selected"), m);
+      });
+    });
+    /**
+     * 上一年按钮点击
+     */
+    i(this, _, () => {
+      t(this, s).viewMode === "year" ? t(this, s).currentDate = t(this, s).currentDate.subtract(10, "year") : t(this, s).currentDate = t(this, s).currentDate.subtract(1, "year"), t(this, k).call(this);
+    });
+    /**
+     * 下一年按钮点击
+     */
+    i(this, Q, () => {
+      t(this, s).viewMode === "year" ? t(this, s).currentDate = t(this, s).currentDate.add(10, "year") : t(this, s).currentDate = t(this, s).currentDate.add(1, "year"), t(this, k).call(this);
+    });
+    /**
+     * 上个月按钮点击
+     */
+    i(this, U, () => {
+      t(this, s).currentDate = t(this, s).currentDate.subtract(1, "month"), t(this, k).call(this);
+    });
+    /**
+     * 下个月按钮点击
+     */
+    i(this, X, () => {
+      t(this, s).currentDate = t(this, s).currentDate.add(1, "month"), t(this, k).call(this);
+    });
+    /**
+     * 年份点击事件
+     */
+    i(this, Z, (e) => {
+      const a = e.target.closest("[data-year]");
+      if (!a) return;
+      const r = parseInt(a.dataset.year);
+      t(this, s).selectedYear = r, t(this, s).currentDate = t(this, s).currentDate.year(r), this.type === "year" ? t(this, J).call(this, r) : t(this, S).call(this);
+    });
+    /**
+     * 处理年份选择（type=year）
+     */
+    i(this, J, (e) => {
+      const a = t(this, s).currentDate, r = a.format(N(this, E, I).call(this)), h = a.format(this["value-format"]);
+      t(this, d).value = r, this.setAttribute("value", h), this.emit("change", {
+        detail: {
+          fullDate: h,
+          year: e,
+          month: null,
+          date: null,
+          week: null
+        }
+      }), t(this, g).call(this);
+    });
+    /**
+     * 月份点击事件
+     */
+    i(this, K, (e) => {
+      const a = e.target.closest("[data-month]");
+      if (!a) return;
+      const r = parseInt(a.dataset.month);
+      t(this, s).selectedMonth = r, t(this, s).currentDate = t(this, s).currentDate.month(r - 1), this.type === "month" ? t(this, tt).call(this, r) : t(this, q).call(this);
+    });
+    /**
+     * 处理月份选择（type=month）
+     */
+    i(this, tt, (e) => {
+      const a = t(this, s).currentDate, r = a.format(N(this, E, I).call(this)), h = a.format(this["value-format"]);
+      t(this, d).value = r, this.setAttribute("value", h), this.emit("change", {
+        detail: {
+          fullDate: h,
+          year: t(this, s).selectedYear,
+          month: e,
+          date: null,
+          week: null
+        }
+      }), t(this, g).call(this);
+    });
+    /**
+     * 更新视图
+     */
+    i(this, k, () => {
+      t(this, D).call(this), t(this, s).viewMode === "year" ? t(this, B).call(this) : t(this, s).viewMode === "month" && t(this, F).call(this);
+      const e = t(this, s).currentDate.format("YYYY-MM-DD");
+      t(this, $).setAttribute("value", e);
+    });
+    /**
+     * 日历选择事件处理
+     * @param {CustomEvent} e
+     */
+    i(this, et, (e) => {
+      const { year: a, month: r, date: h, day: m } = e.detail, c = L(`${a}-${r}-${h}`);
+      t(this, s).selectedYear = a, t(this, s).selectedMonth = r, t(this, s).currentDate = c;
+      const C = c.format(N(this, E, I).call(this)), y = c.format(this["value-format"]);
+      t(this, d).value = C, this.setAttribute("value", y), this.emit("change", {
+        detail: {
+          fullDate: y,
+          year: a,
+          month: r,
+          date: h,
+          week: m
+        }
+      }), t(this, g).call(this);
+    });
+    /**
+     * 打开下拉框
+     */
+    i(this, T, () => {
+      if (this.disabled) return;
+      const e = t(this, p).classList.contains("is-open");
+      t(this, p).classList.add("is-open"), e || this.dispatchEvent(new dt({ visible: !0 })), this.type === "year" ? t(this, P).call(this) : this.type === "month" ? t(this, S).call(this) : t(this, q).call(this);
+    });
+    /**
+     * 关闭下拉框
+     */
+    i(this, g, () => {
+      const e = t(this, p).classList.contains("is-open");
+      t(this, p).classList.remove("is-open"), e && this.dispatchEvent(
+        new dt({ visible: !1 })
+      );
+    });
+    /**
+     * 切换下拉框显示状态
+     */
+    i(this, st, () => {
+      this.disabled || (t(this, p).classList.contains("is-open") ? t(this, g).call(this) : t(this, T).call(this));
+    });
+    /**
+     * 点击外部关闭下拉
+     * @param {MouseEvent} e
+     */
+    i(this, at, (e) => {
+      const a = e.composedPath();
+      a.includes(this) || a.includes(this.shadowRoot) || t(this, g).call(this);
+    });
+    /**
+     * 输入框焦点事件
+     */
+    i(this, it, () => {
+      this.emit("focus");
+    });
+    /**
+     * 输入框失焦事件
+     */
+    i(this, rt, () => {
+      this.emit("blur");
+    });
+    /**
+     * 绑定事件
+     */
+    i(this, nt, () => {
+      var r;
+      (r = t(this, l)) == null || r.abort(), u(this, l, new AbortController()), t(this, $).addEventListener("select", t(this, et), {
+        signal: t(this, l).signal
+      }), t(this, d).addEventListener("click", t(this, st), {
+        signal: t(this, l).signal
+      }), t(this, d).addEventListener("focus", t(this, it), {
+        signal: t(this, l).signal
+      }), t(this, d).addEventListener("blur", t(this, rt), {
+        signal: t(this, l).signal
+      }), window.addEventListener("click", t(this, at), {
+        signal: t(this, l).signal
+      }), t(this, f).addEventListener("click", t(this, _), {
+        signal: t(this, l).signal
+      }), t(this, w).addEventListener("click", t(this, Q), {
+        signal: t(this, l).signal
+      }), t(this, M).addEventListener("click", t(this, U), {
+        signal: t(this, l).signal
+      }), t(this, Y).addEventListener("click", t(this, X), {
+        signal: t(this, l).signal
+      }), t(this, v).addEventListener("click", t(this, P), {
+        signal: t(this, l).signal
+      }), t(this, b).addEventListener("click", t(this, S), {
+        signal: t(this, l).signal
+      }), this.shadowRoot.querySelector(this.ns.ce("year-panel")).addEventListener("click", t(this, Z), {
+        signal: t(this, l).signal
+      }), this.shadowRoot.querySelector(this.ns.ce("month-panel")).addEventListener("click", t(this, K), {
+        signal: t(this, l).signal
+      });
+    });
+    /**
+     * 使组件获取焦点
+     * @return {void}
+     */
+    x(this, "focus", () => {
+      t(this, d).focus();
+    });
+    /**
+     * 使组件失去焦点
+     * @return {void}
+     */
+    x(this, "blur", () => {
+      t(this, d).blur();
+    });
+    /**
+     * 打开日期选择器弹窗
+     * @return {void}
+     */
+    x(this, "handleOpen", () => {
+      t(this, T).call(this);
+    });
+    /**
+     * 关闭日期选择器弹窗
+     * @return {void}
+     */
+    x(this, "handleClose", () => {
+      t(this, g).call(this);
+    });
+    this.stylesheet = wt, this.$render();
+  }
+  static get observedAttributes() {
+    return [
+      ...super.observedAttributes,
+      "label",
+      "width",
+      "value",
+      "placeholder",
+      "disabled",
+      "align",
+      "display-format",
+      "value-format",
+      "size",
+      "required"
+    ];
+  }
+  /**
+   * 获取 classlist 列表
+   * @return {string} 属性值
+   */
+  updateContainerClasslist() {
+    var r, h;
+    const e = ((r = t(this, s)) == null ? void 0 : r.viewMode) || "day", a = this.computedClasslist(
+      "ea-date-picker",
+      {
+        [`--${this.size}`]: this.size
+      },
+      {
+        disabled: this.disabled,
+        [`align-${this.align}`]: this.align,
+        open: (h = t(this, p)) == null ? void 0 : h.classList.contains("is-open"),
+        [`view-${e}`]: e
+      }
+    );
+    return t(this, p).className = a, a;
+  }
+  /**
+   * 渲染组件
+   */
+  $render() {
+    const e = bt("date-picker");
+    this.ns = e, G.locale = this.locale, L.locale(this.locale.toLowerCase());
+    const a = G.t("calendar.monthsShort");
+    this.shadowRoot.innerHTML = this.html(`
+      <div class='${e.b()}' part='container'>
+        <div class='${e.e("input-wrap")}' part='input-wrap'>
+          <ea-input class="${e.e("input")}" part='input' prefix-icon="calendar-xmark" readonly></ea-input>
+        </div>
+        <div class='${e.e("dropdown-wrap")}' part='dropdown-wrap'>
+          <div class='${e.e("calendar-wrapper")}'>
+            <div class='${e.e("calendar-header")}' part='calendar-header'>
+              <div class='${e.e("header-left")}' part='header-left'>
+                <ea-button class='${e.e("header-btn")} ${e.e("btn-prev-year")}' part='header-btn' aria-label="Previous year" text>«</ea-button>
+                <ea-button class='${e.e("header-btn")} ${e.e("btn-prev-month")}' part='header-btn' aria-label="Previous month" text>‹</ea-button>
+              </div>
+              <div class='${e.e("header-center")}' part='header-center'>
+                <ea-button class='${e.e("header-year")}' part='header-year'  aria-label="Year" text></ea-button>
+                <ea-button class='${e.e("header-month")}' part='header-month' aria-label="Month" text></ea-button>
+              </div>
+              <div class='${e.e("header-right")}' part='header-right'>
+                <ea-button class='${e.e("header-btn")} ${e.e("btn-next-month")}' part='header-btn' aria-label="Next month" text>›</ea-button>
+                <ea-button class='${e.e("header-btn")} ${e.e("btn-next-year")}' part='header-btn' aria-label="Next year" text>»</ea-button>
+              </div>
+            </div>
+            <div class='${e.e("calendar-body")}' part='calendar-body'>
+              <ea-calendar class="${e.e("calendar")}" size="small" part='calendar'></ea-calendar>
+            </div>
+            <div class='${e.e("year-panel")}' part='year-panel'></div>
+            <div class='${e.e("month-panel")}' part='month-panel'>${a.map(
+      (r, h) => `<button class='${e.e("month-item")}' part='month-item' data-month='${h + 1}'>${r}</button>`
+    ).join("")}</div>
+          </div>
+        </div>
+      </div>
+    `), u(this, p, this.shadowRoot.querySelector(e.cb())), u(this, H, this.shadowRoot.querySelector(e.ce("input-wrap"))), u(this, d, this.shadowRoot.querySelector(e.ce("input"))), u(this, V, this.shadowRoot.querySelector(e.ce("dropdown-wrap"))), u(this, $, this.shadowRoot.querySelector(e.ce("calendar"))), u(this, j, this.shadowRoot.querySelector(
+      e.ce("calendar-header")
+    )), u(this, O, this.shadowRoot.querySelector(e.ce("calendar-body"))), u(this, v, this.shadowRoot.querySelector(e.ce("header-year"))), u(this, b, this.shadowRoot.querySelector(e.ce("header-month"))), u(this, f, this.shadowRoot.querySelector(e.ce("btn-prev-year"))), u(this, M, this.shadowRoot.querySelector(e.ce("btn-prev-month"))), u(this, Y, this.shadowRoot.querySelector(e.ce("btn-next-month"))), u(this, w, this.shadowRoot.querySelector(e.ce("btn-next-year"))), u(this, W, this.shadowRoot.querySelector(e.ce("year-panel"))), u(this, A, this.shadowRoot.querySelector(e.ce("month-panel")));
+  }
+  /**
+   * 更新本地化
+   * @param {string} locale
+   */
+  $updateLocalization(e) {
+    G.locale = e, L.locale(e.toLowerCase());
+    const a = this.ns, r = G.t("calendar.monthsShort");
+    t(this, A).querySelectorAll(
+      `.${a.e("month-item")}`
+    ).forEach((m, c) => {
+      r[c] && (m.textContent = r[c]);
+    });
+  }
+  connectedCallback() {
+    var e;
+    super.connectedCallback(), (e = t(this, l)) == null || e.abort(), u(this, l, new AbortController()), t(this, D).call(this), t(this, nt).call(this);
+  }
+  $beforeUnmounted() {
+    var e;
+    (e = t(this, l)) == null || e.abort(), u(this, l, null);
+  }
+  /**
+   * 获取验证目标元素
+   * @returns {HTMLElement}
+   */
+  get validationTarget() {
+    return t(this, d);
+  }
+  /**
+   * 更新表单验证状态
+   */
+  updateValidity() {
+    const e = this.value !== "" && this.value != null;
+    this.required && !e ? this.internals.setValidity({ valueMissing: !0 }, "请选择日期", this) : this.internals.setValidity({}, "", this);
+  }
+  /**
+   * 检查表单字段的有效性
+   * @returns {boolean}
+   */
+  checkValidity() {
+    return this.updateValidity(), this.internals.validity.valid;
+  }
+  /**
+   * 报告表单字段的有效性（显示验证提示）
+   * @returns {boolean}
+   */
+  reportValidity() {
+    return this.updateValidity(), this.internals.reportValidity();
+  }
+}
+p = new WeakMap(), H = new WeakMap(), d = new WeakMap(), V = new WeakMap(), $ = new WeakMap(), j = new WeakMap(), O = new WeakMap(), v = new WeakMap(), b = new WeakMap(), f = new WeakMap(), M = new WeakMap(), Y = new WeakMap(), w = new WeakMap(), W = new WeakMap(), A = new WeakMap(), l = new WeakMap(), s = new WeakMap(), E = new WeakSet(), /**
+ * 获取实际的显示格式
+ * 如果用户设置了自定义格式，则使用自定义格式
+ * 否则根据type使用默认格式
+ * @return {string} 显示格式
+ */
+I = function() {
+  const e = this["display-format"];
+  if (this.hasAttribute("display-format") && this["display-format"] !== "")
+    return e;
+  switch (this.type) {
+    case "year":
+      return "YYYY";
+    case "month":
+      return "YYYY-MM";
+    default:
+      return "YYYY-MM-DD";
+  }
+}, D = new WeakMap(), P = new WeakMap(), S = new WeakMap(), q = new WeakMap(), z = new WeakMap(), B = new WeakMap(), F = new WeakMap(), _ = new WeakMap(), Q = new WeakMap(), U = new WeakMap(), X = new WeakMap(), Z = new WeakMap(), J = new WeakMap(), K = new WeakMap(), tt = new WeakMap(), k = new WeakMap(), et = new WeakMap(), T = new WeakMap(), g = new WeakMap(), st = new WeakMap(), at = new WeakMap(), it = new WeakMap(), rt = new WeakMap(), nt = new WeakMap();
+customElements.get("ea-date-picker") || customElements.define("ea-date-picker", Yt);
+export {
+  Yt as EaDatePicker
+};