easy-component-ui 2.1.0 → 3.0.0

package/dist/components/ea-calendar2.js

@@ -0,0 +1,673 @@
+var Ot = Object.defineProperty;
+var _t = (f) => {
+  throw TypeError(f);
+};
+var At = (f, y, t) => y in f ? Ot(f, y, { enumerable: !0, configurable: !0, writable: !0, value: t }) : f[y] = t;
+var St = (f, y, t) => At(f, typeof y != "symbol" ? y + "" : y, t), Mt = (f, y, t) => y.has(f) || _t("Cannot " + t);
+var o = (f, y, t) => (Mt(f, y, "read from private field"), t ? t.call(f) : y.get(f)), C = (f, y, t) => y.has(f) ? _t("Cannot add the same private member more than once") : y instanceof WeakSet ? y.add(f) : y.set(f, t), z = (f, y, t, e) => (Mt(f, y, "write to private field"), e ? e.call(f, t) : y.set(f, t), t), Dt = (f, y, t) => (Mt(f, y, "access private method"), t);
+import { B as Tt } from "./Base.js";
+import { s as Rt } from "../css/ea-calendar.style.js";
+import "./ea-button.js";
+import "./ea-select.js";
+import { i as _ } from "../utils/I18nManager.js";
+import { E as Ct } from "../utils/Utils.js";
+const Ht = (f) => {
+  const y = `ea-${f}`;
+  return {
+    b: () => y,
+    cb: () => `.${y}`,
+    e: (t) => `${y}__${t}`,
+    ce: (t) => `.${y}__${t}`,
+    m: (...t) => t.map((e) => `${y}--${e}`).join(" "),
+    cm: (...t) => t.map((e) => `.${y}--${e}`).join(" "),
+    s: (...t) => t.map((e) => `is-${e}`).join(" "),
+    cs: (...t) => t.map((e) => `.is-${e}`).join(" ")
+  };
+};
+var Lt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function jt(f) {
+  return f && f.__esModule && Object.prototype.hasOwnProperty.call(f, "default") ? f.default : f;
+}
+var vt = { exports: {} }, Yt;
+function xt() {
+  return Yt || (Yt = 1, function(f, y) {
+    (function(t, e) {
+      f.exports = e();
+    })(Lt, function() {
+      var t = 1e3, e = 6e4, h = 36e5, p = "millisecond", d = "second", D = "minute", b = "hour", $ = "day", Y = "week", g = "month", F = "quarter", k = "year", m = "date", I = "Invalid Date", B = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, U = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, P = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(i) {
+        var a = ["th", "st", "nd", "rd"], n = i % 100;
+        return "[" + i + (a[(n - 20) % 10] || a[n] || a[0]) + "]";
+      } }, H = function(i, a, n) {
+        var s = String(i);
+        return !s || s.length >= a ? i : "" + Array(a + 1 - s.length).join(n) + i;
+      }, bt = { s: H, z: function(i) {
+        var a = -i.utcOffset(), n = Math.abs(a), s = Math.floor(n / 60), r = n % 60;
+        return (a <= 0 ? "+" : "-") + H(s, 2, "0") + ":" + H(r, 2, "0");
+      }, m: function i(a, n) {
+        if (a.date() < n.date()) return -i(n, a);
+        var s = 12 * (n.year() - a.year()) + (n.month() - a.month()), r = a.clone().add(s, g), l = n - r < 0, c = a.clone().add(s + (l ? -1 : 1), g);
+        return +(-(s + (n - r) / (l ? r - c : c - r)) || 0);
+      }, a: function(i) {
+        return i < 0 ? Math.ceil(i) || 0 : Math.floor(i);
+      }, p: function(i) {
+        return { M: g, y: k, w: Y, d: $, D: m, h: b, m: D, s: d, ms: p, Q: F }[i] || String(i || "").toLowerCase().replace(/s$/, "");
+      }, u: function(i) {
+        return i === void 0;
+      } }, v = "en", T = {};
+      T[v] = P;
+      var K = "$isDayjsObject", X = function(i) {
+        return i instanceof q || !(!i || !i[K]);
+      }, W = function i(a, n, s) {
+        var r;
+        if (!a) return v;
+        if (typeof a == "string") {
+          var l = a.toLowerCase();
+          T[l] && (r = l), n && (T[l] = n, r = l);
+          var c = a.split("-");
+          if (!r && c.length > 1) return i(c[0]);
+        } else {
+          var M = a.name;
+          T[M] = a, r = M;
+        }
+        return !s && r && (v = r), r || !s && v;
+      }, w = function(i, a) {
+        if (X(i)) return i.clone();
+        var n = typeof a == "object" ? a : {};
+        return n.date = i, n.args = arguments, new q(n);
+      }, u = bt;
+      u.l = W, u.i = X, u.w = function(i, a) {
+        return w(i, { locale: a.$L, utc: a.$u, x: a.$x, $offset: a.$offset });
+      };
+      var q = function() {
+        function i(n) {
+          this.$L = W(n.locale, null, !0), this.parse(n), this.$x = this.$x || n.x || {}, this[K] = !0;
+        }
+        var a = i.prototype;
+        return a.parse = function(n) {
+          this.$d = function(s) {
+            var r = s.date, l = s.utc;
+            if (r === null) return /* @__PURE__ */ new Date(NaN);
+            if (u.u(r)) return /* @__PURE__ */ new Date();
+            if (r instanceof Date) return new Date(r);
+            if (typeof r == "string" && !/Z$/i.test(r)) {
+              var c = r.match(B);
+              if (c) {
+                var M = c[2] - 1 || 0, S = (c[7] || "0").substring(0, 3);
+                return l ? new Date(Date.UTC(c[1], M, c[3] || 1, c[4] || 0, c[5] || 0, c[6] || 0, S)) : new Date(c[1], M, c[3] || 1, c[4] || 0, c[5] || 0, c[6] || 0, S);
+              }
+            }
+            return new Date(r);
+          }(n), this.init();
+        }, a.init = function() {
+          var n = this.$d;
+          this.$y = n.getFullYear(), this.$M = n.getMonth(), this.$D = n.getDate(), this.$W = n.getDay(), this.$H = n.getHours(), this.$m = n.getMinutes(), this.$s = n.getSeconds(), this.$ms = n.getMilliseconds();
+        }, a.$utils = function() {
+          return u;
+        }, a.isValid = function() {
+          return this.$d.toString() !== I;
+        }, a.isSame = function(n, s) {
+          var r = w(n);
+          return this.startOf(s) <= r && r <= this.endOf(s);
+        }, a.isAfter = function(n, s) {
+          return w(n) < this.startOf(s);
+        }, a.isBefore = function(n, s) {
+          return this.endOf(s) < w(n);
+        }, a.$g = function(n, s, r) {
+          return u.u(n) ? this[s] : this.set(r, n);
+        }, a.unix = function() {
+          return Math.floor(this.valueOf() / 1e3);
+        }, a.valueOf = function() {
+          return this.$d.getTime();
+        }, a.startOf = function(n, s) {
+          var r = this, l = !!u.u(s) || s, c = u.p(n), M = function(V, A) {
+            var J = u.w(r.$u ? Date.UTC(r.$y, A, V) : new Date(r.$y, A, V), r);
+            return l ? J : J.endOf($);
+          }, S = function(V, A) {
+            return u.w(r.toDate()[V].apply(r.toDate("s"), (l ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(A)), r);
+          }, x = this.$W, E = this.$M, j = this.$D, tt = "set" + (this.$u ? "UTC" : "");
+          switch (c) {
+            case k:
+              return l ? M(1, 0) : M(31, 11);
+            case g:
+              return l ? M(1, E) : M(0, E + 1);
+            case Y:
+              var Z = this.$locale().weekStart || 0, nt = (x < Z ? x + 7 : x) - Z;
+              return M(l ? j - nt : j + (6 - nt), E);
+            case $:
+            case m:
+              return S(tt + "Hours", 0);
+            case b:
+              return S(tt + "Minutes", 1);
+            case D:
+              return S(tt + "Seconds", 2);
+            case d:
+              return S(tt + "Milliseconds", 3);
+            default:
+              return this.clone();
+          }
+        }, a.endOf = function(n) {
+          return this.startOf(n, !1);
+        }, a.$set = function(n, s) {
+          var r, l = u.p(n), c = "set" + (this.$u ? "UTC" : ""), M = (r = {}, r[$] = c + "Date", r[m] = c + "Date", r[g] = c + "Month", r[k] = c + "FullYear", r[b] = c + "Hours", r[D] = c + "Minutes", r[d] = c + "Seconds", r[p] = c + "Milliseconds", r)[l], S = l === $ ? this.$D + (s - this.$W) : s;
+          if (l === g || l === k) {
+            var x = this.clone().set(m, 1);
+            x.$d[M](S), x.init(), this.$d = x.set(m, Math.min(this.$D, x.daysInMonth())).$d;
+          } else M && this.$d[M](S);
+          return this.init(), this;
+        }, a.set = function(n, s) {
+          return this.clone().$set(n, s);
+        }, a.get = function(n) {
+          return this[u.p(n)]();
+        }, a.add = function(n, s) {
+          var r, l = this;
+          n = Number(n);
+          var c = u.p(s), M = function(E) {
+            var j = w(l);
+            return u.w(j.date(j.date() + Math.round(E * n)), l);
+          };
+          if (c === g) return this.set(g, this.$M + n);
+          if (c === k) return this.set(k, this.$y + n);
+          if (c === $) return M(1);
+          if (c === Y) return M(7);
+          var S = (r = {}, r[D] = e, r[b] = h, r[d] = t, r)[c] || 1, x = this.$d.getTime() + n * S;
+          return u.w(x, this);
+        }, a.subtract = function(n, s) {
+          return this.add(-1 * n, s);
+        }, a.format = function(n) {
+          var s = this, r = this.$locale();
+          if (!this.isValid()) return r.invalidDate || I;
+          var l = n || "YYYY-MM-DDTHH:mm:ssZ", c = u.z(this), M = this.$H, S = this.$m, x = this.$M, E = r.weekdays, j = r.months, tt = r.meridiem, Z = function(A, J, rt, ut) {
+            return A && (A[J] || A(s, l)) || rt[J].slice(0, ut);
+          }, nt = function(A) {
+            return u.s(M % 12 || 12, A, "0");
+          }, V = tt || function(A, J, rt) {
+            var ut = A < 12 ? "AM" : "PM";
+            return rt ? ut.toLowerCase() : ut;
+          };
+          return l.replace(U, function(A, J) {
+            return J || function(rt) {
+              switch (rt) {
+                case "YY":
+                  return String(s.$y).slice(-2);
+                case "YYYY":
+                  return u.s(s.$y, 4, "0");
+                case "M":
+                  return x + 1;
+                case "MM":
+                  return u.s(x + 1, 2, "0");
+                case "MMM":
+                  return Z(r.monthsShort, x, j, 3);
+                case "MMMM":
+                  return Z(j, x);
+                case "D":
+                  return s.$D;
+                case "DD":
+                  return u.s(s.$D, 2, "0");
+                case "d":
+                  return String(s.$W);
+                case "dd":
+                  return Z(r.weekdaysMin, s.$W, E, 2);
+                case "ddd":
+                  return Z(r.weekdaysShort, s.$W, E, 3);
+                case "dddd":
+                  return E[s.$W];
+                case "H":
+                  return String(M);
+                case "HH":
+                  return u.s(M, 2, "0");
+                case "h":
+                  return nt(1);
+                case "hh":
+                  return nt(2);
+                case "a":
+                  return V(M, S, !0);
+                case "A":
+                  return V(M, S, !1);
+                case "m":
+                  return String(S);
+                case "mm":
+                  return u.s(S, 2, "0");
+                case "s":
+                  return String(s.$s);
+                case "ss":
+                  return u.s(s.$s, 2, "0");
+                case "SSS":
+                  return u.s(s.$ms, 3, "0");
+                case "Z":
+                  return c;
+              }
+              return null;
+            }(A) || c.replace(":", "");
+          });
+        }, a.utcOffset = function() {
+          return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
+        }, a.diff = function(n, s, r) {
+          var l, c = this, M = u.p(s), S = w(n), x = (S.utcOffset() - this.utcOffset()) * e, E = this - S, j = function() {
+            return u.m(c, S);
+          };
+          switch (M) {
+            case k:
+              l = j() / 12;
+              break;
+            case g:
+              l = j();
+              break;
+            case F:
+              l = j() / 3;
+              break;
+            case Y:
+              l = (E - x) / 6048e5;
+              break;
+            case $:
+              l = (E - x) / 864e5;
+              break;
+            case b:
+              l = E / h;
+              break;
+            case D:
+              l = E / e;
+              break;
+            case d:
+              l = E / t;
+              break;
+            default:
+              l = E;
+          }
+          return r ? l : u.a(l);
+        }, a.daysInMonth = function() {
+          return this.endOf(g).$D;
+        }, a.$locale = function() {
+          return T[this.$L];
+        }, a.locale = function(n, s) {
+          if (!n) return this.$L;
+          var r = this.clone(), l = W(n, s, !0);
+          return l && (r.$L = l), r;
+        }, a.clone = function() {
+          return u.w(this.$d, this);
+        }, a.toDate = function() {
+          return new Date(this.valueOf());
+        }, a.toJSON = function() {
+          return this.isValid() ? this.toISOString() : null;
+        }, a.toISOString = function() {
+          return this.$d.toISOString();
+        }, a.toString = function() {
+          return this.$d.toUTCString();
+        }, i;
+      }(), wt = q.prototype;
+      return w.prototype = wt, [["$ms", p], ["$s", d], ["$m", D], ["$H", b], ["$W", $], ["$M", g], ["$y", k], ["$D", m]].forEach(function(i) {
+        wt[i[1]] = function(a) {
+          return this.$g(a, i[0], i[1]);
+        };
+      }), w.extend = function(i, a) {
+        return i.$i || (i(a, q, w), i.$i = !0), w;
+      }, w.locale = W, w.isDayjs = X, w.unix = function(i) {
+        return w(1e3 * i);
+      }, w.en = T[v], w.Ls = T, w.p = {}, w;
+    });
+  }(vt)), vt.exports;
+}
+var qt = xt();
+const O = /* @__PURE__ */ jt(qt);
+var It = { exports: {} };
+(function(f, y) {
+  (function(t, e) {
+    f.exports = e(xt());
+  })(Lt, function(t) {
+    function e(d) {
+      return d && typeof d == "object" && "default" in d ? d : { default: d };
+    }
+    var h = e(t), p = { name: "zh-cn", weekdays: "星期日_星期一_星期二_星期三_星期四_星期五_星期六".split("_"), weekdaysShort: "周日_周一_周二_周三_周四_周五_周六".split("_"), weekdaysMin: "日_一_二_三_四_五_六".split("_"), months: "一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月".split("_"), monthsShort: "1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split("_"), ordinal: function(d, D) {
+      return D === "W" ? d + "周" : d + "日";
+    }, weekStart: 1, yearStart: 4, formats: { LT: "HH:mm", LTS: "HH:mm:ss", L: "YYYY/MM/DD", LL: "YYYY年M月D日", LLL: "YYYY年M月D日Ah点mm分", LLLL: "YYYY年M月D日ddddAh点mm分", l: "YYYY/M/D", ll: "YYYY年M月D日", lll: "YYYY年M月D日 HH:mm", llll: "YYYY年M月D日dddd HH:mm" }, relativeTime: { future: "%s内", past: "%s前", s: "几秒", m: "1 分钟", mm: "%d 分钟", h: "1 小时", hh: "%d 小时", d: "1 天", dd: "%d 天", M: "1 个月", MM: "%d 个月", y: "1 年", yy: "%d 年" }, meridiem: function(d, D) {
+      var b = 100 * d + D;
+      return b < 600 ? "凌晨" : b < 900 ? "早上" : b < 1100 ? "上午" : b < 1300 ? "中午" : b < 1800 ? "下午" : "晚上";
+    } };
+    return h.default.locale(p, null, !0), p;
+  });
+})(It);
+var at, ht, G, st, dt, ot, N, Q, R, L, ft, it, mt, yt, pt, et, kt, $t, lt, gt, Et, ct;
+class Bt extends Tt {
+  constructor() {
+    super();
+    C(this, et);
+    /** @type {HTMLElement} */
+    C(this, at);
+    /** @type {HTMLElement} */
+    C(this, ht);
+    /** @type {HTMLElement} */
+    C(this, G);
+    /** @type {HTMLElement} */
+    C(this, st);
+    /** @type {HTMLTableElement} */
+    C(this, dt);
+    /** @type {HTMLTableSectionElement} */
+    C(this, ot);
+    /** @type {HTMLTableSectionElement} */
+    C(this, N);
+    /** @type {AbortController} */
+    C(this, Q, new AbortController());
+    C(this, R, {
+      /** @type {AbortController | null} */
+      dateChangeAbortController: null
+    });
+    C(this, L, {
+      isEaSelectImported: !1,
+      isEaButtonImported: !1,
+      displayDate: O()
+    });
+    St(this, "state", this.properties({
+      "controller-type": {
+        type: ["button", "select"],
+        default: "button",
+        observer: (t) => {
+          o(this, it).call(this, t);
+        }
+      }
+    }));
+    /**
+     * 今天按钮点击时的事件
+     */
+    C(this, ft, () => {
+      _.locale = this.locale, O.locale(this.locale.toLowerCase());
+      const t = O();
+      o(this, L).displayDate = t, o(this, G).textContent = `${t.get("year")} ${_.t("calendar.months")[t.get("month")]}`, this.value = t;
+    });
+    /**
+     * controller-type 的渲染器
+     * @param {'button' | 'select'} [controllerType] 控制器类型
+     * @return {string} 属性值
+     */
+    C(this, it, async (t = this["controller-type"]) => {
+      var D;
+      _.locale = this.locale, O.locale(this.locale.toLowerCase());
+      const e = this.ns, h = o(this, L).displayDate.get("year"), p = {
+        button: () => this.html(`
+        <ea-button-group class='${e.e("controller-group")}' part='controller-group' size="small">
+          <ea-button class='${e.e("controller")} ${e.e("controller-prev")}' part='controller prev'>
+            ${_.t("calendar.prevMonth")}
+          </ea-button>
+          <ea-button class='${e.e("controller")} ${e.e("controller-today")}' part='controller current'>
+            ${_.t("calendar.today")}
+          </ea-button>
+          <ea-button class='${e.e("controller")} ${e.e("controller-next")}' part='controller next'>
+            ${_.t("calendar.nextMonth")}
+          </ea-button>
+        </ea-button-group>
+      `),
+        select: () => {
+          const b = Array.from(
+            { length: 20 },
+            (Y, g) => `<ea-option value="${h - 10 + g}">${h - 10 + g}</ea-option>`
+          ).join(""), $ = Array.from(
+            { length: 12 },
+            (Y, g) => `<ea-option value="${g + 1}">${g + 1}</ea-option>`
+          ).join("");
+          return this.html(`
+          <section class='${e.e("controller-group")}' part='controller-group'>
+            <ea-select class='${e.e("controller")} ${e.e("controller-year")}' part='controller year' placeholder='${_.t("calendar.selectYear")}' size="small">
+              ${b}
+            </ea-select>
+            <ea-select class='${e.e("controller")} ${e.e("controller-month")}' part='controller month' placeholder='${_.t("calendar.selectMonth")}' size="small">
+              ${$}
+            </ea-select>
+            <ea-button class='${e.e("controller")} ${e.e("controller-today")}' part='controller current' size="small">
+              ${_.t("calendar.today")}
+            </ea-button>
+          </section>
+        `);
+        }
+      };
+      (D = o(this, R).dateChangeAbortController) == null || D.abort(), o(this, R).dateChangeAbortController = new AbortController(), o(this, st).innerHTML = p[t](), t === "select" ? o(this, yt).call(this) : o(this, mt).call(this);
+      const d = this.shadowRoot.querySelector(e.ce("controller-today"));
+      d && d.addEventListener("click", o(this, ft), {
+        signal: o(this, R).dateChangeAbortController.signal
+      });
+    });
+    /**
+     * 初始化控制器为 button 的事件
+     */
+    C(this, mt, async () => {
+      o(this, L).isEaButtonImported || (await customElements.whenDefined("ea-button"), o(this, L).isEaButtonImported = !0);
+      const t = this.ns, e = this.shadowRoot.querySelector(t.ce("controller-prev")), h = this.shadowRoot.querySelector(t.ce("controller-next")), p = () => {
+        this.value = o(this, L).displayDate.subtract(1, "month").set("date", 1);
+      }, d = () => {
+        this.value = o(this, L).displayDate.add(1, "month").set("date", 1);
+      };
+      e && e.addEventListener("click", p, {
+        signal: o(this, R).dateChangeAbortController.signal
+      }), h && h.addEventListener("click", d, {
+        signal: o(this, R).dateChangeAbortController.signal
+      });
+    });
+    /**
+     * 初始化控制器为 select 的事件
+     */
+    C(this, yt, async () => {
+      o(this, L).isEaSelectImported || (await customElements.whenDefined("ea-select"), o(this, L).isEaSelectImported = !0);
+      const t = this.ns, e = o(this, L).displayDate.get("year"), h = o(this, L).displayDate.get("month") + 1, p = this.shadowRoot.querySelector(t.ce("controller-year")), d = this.shadowRoot.querySelector(t.ce("controller-month")), D = ($) => {
+        $.stopImmediatePropagation();
+        const Y = parseInt($.target.value), g = o(this, L).displayDate.get("month") + 1;
+        this.value = O(`${Y}-${g}-01`);
+      }, b = ($) => {
+        $.stopImmediatePropagation();
+        const Y = o(this, L).displayDate.get("year"), g = parseInt($.target.value).toString().padStart(2, "0");
+        this.value = O(`${Y}-${g}-01`);
+      };
+      p && (p.value = e), d && (d.value = h), await Ct.sleep(0), p.addEventListener("change", D, {
+        signal: o(this, R).dateChangeAbortController.signal
+      }), d.addEventListener("change", b, {
+        signal: o(this, R).dateChangeAbortController.signal
+      });
+    });
+    /**
+     * 处理周渲染
+     * @param {Array} weekList
+     * @return {String}
+     */
+    C(this, pt, (t) => t.map((e) => `<th class='${this.ns.e("th")}' part='th'>${e}</th>`).join(""));
+    /**
+     * 处理tbody点击事件
+     * @param {MouseEvent} e
+     */
+    C(this, $t, (t) => {
+      let e = t.target.closest(this.ns.ce("day"));
+      if (!e || e === o(this, N)) return;
+      const h = parseInt(e.dataset.year), p = parseInt(e.dataset.month), d = parseInt(e.dataset.date), D = O(`${h}-${p}-${d}`);
+      this.value = D, this.emit("select", {
+        detail: {
+          year: h,
+          month: p,
+          date: d,
+          day: D.day(),
+          fullDate: `${h}-${p}-${d}`
+        },
+        bubbles: !0,
+        composed: !0
+      });
+    });
+    /**
+     * 获取日期数组
+     * @param {dayjs.Dayjs} [refDate] 参考日期，默认为当前日期
+     * @return {DayOption}
+     */
+    C(this, lt, (t = O()) => {
+      const e = t, p = e.subtract(1, "month").daysInMonth(), d = e.startOf("month").day(), D = e.endOf("month").day(), b = e.daysInMonth(), $ = e.startOf("week").get("day"), Y = Array.from(
+        { length: d - $ },
+        (k, m) => p - m
+      ).reverse(), g = Array.from(
+        { length: b },
+        (k, m) => m + 1
+      ), F = Array.from(
+        { length: 6 - D + $ },
+        (k, m) => m + 1
+      );
+      return { lastMonRemainingDays: Y, currentMonDays: g, nextMonRemainingDays: F };
+    });
+    /**
+     * 查找指定日期的单元格
+     * @param {Number} year
+     * @param {Number} month
+     * @param {Number} date
+     */
+    C(this, gt, (t, e, h) => o(this, N).querySelector(
+      `td[data-year="${t}"][data-month="${e}"][data-date="${h}"]`
+    ));
+    /**
+     * 处理天渲染
+     * @returns {String}
+     */
+    C(this, ct, () => {
+      const t = this.ns, e = o(this, L).displayDate, h = e.get("year"), p = e.get("month") + 1, { lastMonRemainingDays: d, currentMonDays: D, nextMonRemainingDays: b } = o(this, lt).call(this, e), $ = (m, I, B = { isSelected: !1, isToday: !1, isCurrent: !1 }) => {
+        let U, P;
+        if (m === "last-mon") {
+          const H = e.subtract(1, "month");
+          U = H.get("year"), P = H.get("month") + 1;
+        } else if (m === "current-mon")
+          U = h, P = p;
+        else {
+          const H = e.add(1, "month");
+          U = H.get("year"), P = H.get("month") + 1;
+        }
+        return Ct.EaElement.h(
+          "td",
+          null,
+          {
+            class: [
+              t.e("day"),
+              t.s(m),
+              B.isSelected ? t.s("selected") : "",
+              B.isToday ? t.s("today") : "",
+              B.isCurrent ? t.s("current") : ""
+            ],
+            part: ["day", m],
+            "data-year": U,
+            "data-month": P,
+            "data-date": I
+          },
+          I
+        );
+      }, Y = d.map(
+        (m) => $("last-mon", m)
+      ), g = D.map(
+        (m) => $("current-mon", m, {
+          isToday: m === e.get("date"),
+          isCurrent: m === e.get("date")
+        })
+      ), F = b.map(
+        (m) => $("next-mon", m)
+      );
+      return Y.concat(g).concat(F).reduce((m, I, B) => (B % 7 === 0 && m.push([]), m[m.length - 1].push(I), m), []).map((m) => `<tr class="${t.e("row")}">${m.join("")}</tr>`).join("");
+    });
+    this.stylesheet = Rt, this.$render();
+  }
+  static get observedAttributes() {
+    return [...super.observedAttributes, "value", "controller-type"];
+  }
+  // ------- value -------
+  // #region
+  get value() {
+    return o(this, L).displayDate;
+  }
+  set value(t) {
+    this.setAttribute("value", O(t));
+  }
+  // #endregion
+  // ------- end -------
+  attributeChangedCallback(t, e, h) {
+    super.attributeChangedCallback(t, e, h), h !== e && t === "value" && (o(this, L).displayDate = O(h), Dt(this, et, kt).call(this, o(this, L).displayDate));
+  }
+  /**
+   * 获取 classlist 列表
+   * @return {string} 属性值
+   */
+  updateContainerClasslist() {
+    const t = this.computedClasslist("ea-calendar", {
+      // ['--' + this.type]: this.type,
+    });
+    return o(this, at).className = t, t;
+  }
+  $render() {
+    const t = Ht("calendar"), e = /* @__PURE__ */ new Date(), h = e.getFullYear(), p = e.getMonth();
+    _.locale = this.locale, O.locale(this.locale), this.ns = t, this.shadowRoot.innerHTML = this.html(`
+      <div class='${t.b()}' part='container'>
+        <header class='${t.e("header")}' part='header'>
+          <slot name="header">
+            <span class='${t.e("title")}' part='title'>
+              ${h} ${_.t("calendar.months")[p]}
+            </span>
+            <section class='${t.e("controller-wrapper")}' part='controller-wrapper'>
+            </section>
+          </slot>
+        </header>
+        <table class='${t.e("body")}' part='body'>
+          <thead class='${t.e("thead")}' part='thead'>
+            <tr class='${t.e("week")}' part='thead-tr tr'>
+              ${o(this, pt).call(this, _.t("calendar.weekDays"))}
+            </tr>
+          </thead>
+          <tbody class='${t.e("tbody")}' part='tbody'>${o(this, ct).call(this)}</tbody>
+        </table>
+      </div>
+    `), z(this, at, this.shadowRoot.querySelector(t.cb())), z(this, ht, this.shadowRoot.querySelector(t.ce("header"))), z(this, G, this.shadowRoot.querySelector(t.ce("title"))), z(this, st, this.shadowRoot.querySelector(
+      t.ce("controller-wrapper")
+    )), z(this, dt, this.shadowRoot.querySelector(t.ce("body"))), z(this, ot, this.shadowRoot.querySelector(t.ce("thead"))), z(this, N, this.shadowRoot.querySelector(t.ce("tbody")));
+  }
+  $updateLocalization(t) {
+    _.locale = t, O.locale(this.locale.toLowerCase());
+    const e = this.ns, h = this.shadowRoot.querySelector(e.ce("controller-prev")), p = this.shadowRoot.querySelector(e.ce("controller-today")), d = this.shadowRoot.querySelector(e.ce("controller-next")), D = this.shadowRoot.querySelector(e.ce("controller-year")), b = this.shadowRoot.querySelector(e.ce("controller-month")), $ = O(), Y = $.get("year"), g = $.get("month"), F = $.get("date"), { lastMonRemainingDays: k, currentMonDays: m, nextMonRemainingDays: I } = o(this, lt).call(this, $), B = k.concat(m).concat(I), U = _.t("calendar.weekDays"), P = o(this, ot).querySelectorAll(".ea-calendar__th"), H = [...o(this, N).querySelectorAll(".ea-calendar__day")];
+    if (h && (h.textContent = _.t("calendar.prevMonth")), p && (p.textContent = _.t("calendar.today")), d && (d.textContent = _.t("calendar.nextMonth")), D && (D.placeholder = _.t("calendar.selectYear")), b && (b.placeholder = _.t("calendar.selectMonth")), o(this, G).textContent = `${Y} ${_.t("calendar.months")[g]}`, P.forEach((v, T) => {
+      v.textContent = U[T];
+    }), H.forEach((v, T) => {
+      const K = B[T], X = Dt(this, et, Et).call(this, Y, g, K);
+      let W, w, u;
+      if (T < k.length) {
+        const q = $.subtract(1, "month");
+        W = q.get("year"), w = q.get("month") + 1, u = "last";
+      } else if (T < k.length + m.length)
+        W = Y, w = g + 1, u = "current";
+      else {
+        const q = $.add(1, "month");
+        W = q.get("year"), w = q.get("month") + 1, u = "next";
+      }
+      v.dataset.year = W, v.dataset.month = w, v.dataset.date = K, v.textContent = K, v.classList.toggle("is-today", X), v.classList.toggle("is-current", X), v.classList.toggle("is-last-mon", u === "last"), v.classList.toggle("is-current-mon", u === "current"), v.classList.toggle("is-next-mon", u === "next"), v.part.toggle("last-mon", u === "last"), v.part.toggle("current-mon", u === "current"), v.part.toggle("next-mon", u === "next");
+    }), !H.some((v) => v.classList.contains("is-current"))) {
+      const v = o(this, gt).call(this, Y, g + 1, F);
+      v && v.classList.add("is-current");
+    }
+  }
+  connectedCallback() {
+    var t;
+    super.connectedCallback(), (t = o(this, Q)) == null || t.abort(), z(this, Q, new AbortController()), o(this, it).call(this), o(this, N).addEventListener("click", o(this, $t), {
+      signal: o(this, Q).signal
+    });
+  }
+  $beforeUnmounted() {
+    var t, e;
+    (t = o(this, Q)) == null || t.abort();
+    for (const h in o(this, R))
+      (e = o(this, R)[h]) == null || e.abort(), o(this, R)[h] = null;
+  }
+}
+at = new WeakMap(), ht = new WeakMap(), G = new WeakMap(), st = new WeakMap(), dt = new WeakMap(), ot = new WeakMap(), N = new WeakMap(), Q = new WeakMap(), R = new WeakMap(), L = new WeakMap(), ft = new WeakMap(), it = new WeakMap(), mt = new WeakMap(), yt = new WeakMap(), pt = new WeakMap(), et = new WeakSet(), /**
+ * 渲染日历天数
+ * @param {dayjs.Dayjs} date
+ */
+kt = function(t) {
+  _.locale = this.locale, O.locale(this.locale.toLowerCase());
+  const e = t.get("year"), h = t.get("month");
+  o(this, G).textContent = `${e} ${_.t("calendar.months")[h]}`, o(this, N).innerHTML = o(this, ct).call(this);
+}, $t = new WeakMap(), lt = new WeakMap(), gt = new WeakMap(), /**
+ * 判断是否是今天
+ */
+Et = function(t, e, h) {
+  const p = O();
+  return t === p.get("year") && e === p.get("month") && h === p.get("date");
+}, ct = new WeakMap();
+window.customElements.get("ea-calendar") || window.customElements.define("ea-calendar", Bt);
+export {
+  Bt as E,
+  Lt as c,
+  O as d,
+  jt as g,
+  Ht as n
+};