@das-fed/ui 6.4.0-dev.9 → 6.4.0-hot.10

package/packages/components/calendar/index.js

@@ -1,400 +1,43 @@
 import '@das-fed/ui/packages/components/calendar/style.css';
-import { withInstall as Me } from "@das-fed/utils/with-install/index";
-import { defineComponent as ke, ref as X, computed as L, watch as Se, nextTick as ye, openBlock as Y, createElementBlock as j, normalizeClass as ae, Fragment as ue, renderList as ce, createElementVNode as G, toDisplayString as de, renderSlot as I, createCommentVNode as R, normalizeStyle as Ce, onMounted as ze, onBeforeUnmount as be, createVNode as Ne, createSlots as me, withCtx as oe, normalizeProps as ie, mergeProps as le, guardReactiveProps as fe, createBlock as Oe } from "vue";
-import { t as he, setI18nRule as We } from "@das-fed/web/packages/i18n/index";
-import { SizeWatcher as He } from "@das-fed/utils/size-watcher";
-import { setThemeRule as _e } from "@das-fed/web/packages/theme/index";
-var $e = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function De(p) {
-  return p && p.__esModule && Object.prototype.hasOwnProperty.call(p, "default") ? p.default : p;
-}
-var we = { exports: {} };
-(function(p, z) {
-  (function(D, k) {
-    p.exports = k();
-  })($e, function() {
-    var D = 1e3, k = 6e4, u = 36e5, d = "millisecond", w = "second", $ = "minute", N = "hour", O = "day", B = "week", l = "month", y = "quarter", A = "year", b = "date", H = "Invalid Date", V = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, K = /\[([^\]]+)]|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, r = { 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(c) {
-      var a = ["th", "st", "nd", "rd"], e = c % 100;
-      return "[" + c + (a[(e - 20) % 10] || a[e] || a[0]) + "]";
-    } }, M = function(c, a, e) {
-      var s = String(c);
-      return !s || s.length >= a ? c : "" + Array(a + 1 - s.length).join(e) + c;
-    }, t = { s: M, z: function(c) {
-      var a = -c.utcOffset(), e = Math.abs(a), s = Math.floor(e / 60), n = e % 60;
-      return (a <= 0 ? "+" : "-") + M(s, 2, "0") + ":" + M(n, 2, "0");
-    }, m: function c(a, e) {
-      if (a.date() < e.date()) return -c(e, a);
-      var s = 12 * (e.year() - a.year()) + (e.month() - a.month()), n = a.clone().add(s, l), h = e - n < 0, f = a.clone().add(s + (h ? -1 : 1), l);
-      return +(-(s + (e - n) / (h ? n - f : f - n)) || 0);
-    }, a: function(c) {
-      return c < 0 ? Math.ceil(c) || 0 : Math.floor(c);
-    }, p: function(c) {
-      return { M: l, y: A, w: B, d: O, D: b, h: N, m: $, s: w, ms: d, Q: y }[c] || String(c || "").toLowerCase().replace(/s$/, "");
-    }, u: function(c) {
-      return c === void 0;
-    } }, o = "en", i = {};
-    i[o] = r;
-    var S = "$isDayjsObject", W = function(c) {
-      return c instanceof ee || !(!c || !c[S]);
-    }, _ = function c(a, e, s) {
-      var n;
-      if (!a) return o;
-      if (typeof a == "string") {
-        var h = a.toLowerCase();
-        i[h] && (n = h), e && (i[h] = e, n = h);
-        var f = a.split("-");
-        if (!n && f.length > 1) return c(f[0]);
-      } else {
-        var v = a.name;
-        i[v] = a, n = v;
-      }
-      return !s && n && (o = n), n || !s && o;
-    }, g = function(c, a) {
-      if (W(c)) return c.clone();
-      var e = typeof a == "object" ? a : {};
-      return e.date = c, e.args = arguments, new ee(e);
-    }, m = t;
-    m.l = _, m.i = W, m.w = function(c, a) {
-      return g(c, { locale: a.$L, utc: a.$u, x: a.$x, $offset: a.$offset });
-    };
-    var ee = function() {
-      function c(e) {
-        this.$L = _(e.locale, null, !0), this.parse(e), this.$x = this.$x || e.x || {}, this[S] = !0;
-      }
-      var a = c.prototype;
-      return a.parse = function(e) {
-        this.$d = function(s) {
-          var n = s.date, h = s.utc;
-          if (n === null) return /* @__PURE__ */ new Date(NaN);
-          if (m.u(n)) return /* @__PURE__ */ new Date();
-          if (n instanceof Date) return new Date(n);
-          if (typeof n == "string" && !/Z$/i.test(n)) {
-            var f = n.match(V);
-            if (f) {
-              var v = f[2] - 1 || 0, C = (f[7] || "0").substring(0, 3);
-              return h ? new Date(Date.UTC(f[1], v, f[3] || 1, f[4] || 0, f[5] || 0, f[6] || 0, C)) : new Date(f[1], v, f[3] || 1, f[4] || 0, f[5] || 0, f[6] || 0, C);
-            }
-          }
-          return new Date(n);
-        }(e), this.init();
-      }, a.init = function() {
-        var e = this.$d;
-        this.$y = e.getFullYear(), this.$M = e.getMonth(), this.$D = e.getDate(), this.$W = e.getDay(), this.$H = e.getHours(), this.$m = e.getMinutes(), this.$s = e.getSeconds(), this.$ms = e.getMilliseconds();
-      }, a.$utils = function() {
-        return m;
-      }, a.isValid = function() {
-        return this.$d.toString() !== H;
-      }, a.isSame = function(e, s) {
-        var n = g(e);
-        return this.startOf(s) <= n && n <= this.endOf(s);
-      }, a.isAfter = function(e, s) {
-        return g(e) < this.startOf(s);
-      }, a.isBefore = function(e, s) {
-        return this.endOf(s) < g(e);
-      }, a.$g = function(e, s, n) {
-        return m.u(e) ? this[s] : this.set(n, e);
-      }, a.unix = function() {
-        return Math.floor(this.valueOf() / 1e3);
-      }, a.valueOf = function() {
-        return this.$d.getTime();
-      }, a.startOf = function(e, s) {
-        var n = this, h = !!m.u(s) || s, f = m.p(e), v = function(q, F) {
-          var J = m.w(n.$u ? Date.UTC(n.$y, F, q) : new Date(n.$y, F, q), n);
-          return h ? J : J.endOf(O);
-        }, C = function(q, F) {
-          return m.w(n.toDate()[q].apply(n.toDate("s"), (h ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(F)), n);
-        }, T = this.$W, x = this.$M, Z = this.$D, Q = "set" + (this.$u ? "UTC" : "");
-        switch (f) {
-          case A:
-            return h ? v(1, 0) : v(31, 11);
-          case l:
-            return h ? v(1, x) : v(0, x + 1);
-          case B:
-            var U = this.$locale().weekStart || 0, te = (T < U ? T + 7 : T) - U;
-            return v(h ? Z - te : Z + (6 - te), x);
-          case O:
-          case b:
-            return C(Q + "Hours", 0);
-          case N:
-            return C(Q + "Minutes", 1);
-          case $:
-            return C(Q + "Seconds", 2);
-          case w:
-            return C(Q + "Milliseconds", 3);
-          default:
-            return this.clone();
-        }
-      }, a.endOf = function(e) {
-        return this.startOf(e, !1);
-      }, a.$set = function(e, s) {
-        var n, h = m.p(e), f = "set" + (this.$u ? "UTC" : ""), v = (n = {}, n[O] = f + "Date", n[b] = f + "Date", n[l] = f + "Month", n[A] = f + "FullYear", n[N] = f + "Hours", n[$] = f + "Minutes", n[w] = f + "Seconds", n[d] = f + "Milliseconds", n)[h], C = h === O ? this.$D + (s - this.$W) : s;
-        if (h === l || h === A) {
-          var T = this.clone().set(b, 1);
-          T.$d[v](C), T.init(), this.$d = T.set(b, Math.min(this.$D, T.daysInMonth())).$d;
-        } else v && this.$d[v](C);
-        return this.init(), this;
-      }, a.set = function(e, s) {
-        return this.clone().$set(e, s);
-      }, a.get = function(e) {
-        return this[m.p(e)]();
-      }, a.add = function(e, s) {
-        var n, h = this;
-        e = Number(e);
-        var f = m.p(s), v = function(x) {
-          var Z = g(h);
-          return m.w(Z.date(Z.date() + Math.round(x * e)), h);
-        };
-        if (f === l) return this.set(l, this.$M + e);
-        if (f === A) return this.set(A, this.$y + e);
-        if (f === O) return v(1);
-        if (f === B) return v(7);
-        var C = (n = {}, n[$] = k, n[N] = u, n[w] = D, n)[f] || 1, T = this.$d.getTime() + e * C;
-        return m.w(T, this);
-      }, a.subtract = function(e, s) {
-        return this.add(-1 * e, s);
-      }, a.format = function(e) {
-        var s = this, n = this.$locale();
-        if (!this.isValid()) return n.invalidDate || H;
-        var h = e || "YYYY-MM-DDTHH:mm:ssZ", f = m.z(this), v = this.$H, C = this.$m, T = this.$M, x = n.weekdays, Z = n.months, Q = n.meridiem, U = function(F, J, ne, se) {
-          return F && (F[J] || F(s, h)) || ne[J].slice(0, se);
-        }, te = function(F) {
-          return m.s(v % 12 || 12, F, "0");
-        }, q = Q || function(F, J, ne) {
-          var se = F < 12 ? "AM" : "PM";
-          return ne ? se.toLowerCase() : se;
-        };
-        return h.replace(K, function(F, J) {
-          return J || function(ne) {
-            switch (ne) {
-              case "YY":
-                return String(s.$y).slice(-2);
-              case "YYYY":
-                return m.s(s.$y, 4, "0");
-              case "M":
-                return T + 1;
-              case "MM":
-                return m.s(T + 1, 2, "0");
-              case "MMM":
-                return U(n.monthsShort, T, Z, 3);
-              case "MMMM":
-                return U(Z, T);
-              case "D":
-                return s.$D;
-              case "DD":
-                return m.s(s.$D, 2, "0");
-              case "d":
-                return String(s.$W);
-              case "dd":
-                return U(n.weekdaysMin, s.$W, x, 2);
-              case "ddd":
-                return U(n.weekdaysShort, s.$W, x, 3);
-              case "dddd":
-                return x[s.$W];
-              case "H":
-                return String(v);
-              case "HH":
-                return m.s(v, 2, "0");
-              case "h":
-                return te(1);
-              case "hh":
-                return te(2);
-              case "a":
-                return q(v, C, !0);
-              case "A":
-                return q(v, C, !1);
-              case "m":
-                return String(C);
-              case "mm":
-                return m.s(C, 2, "0");
-              case "s":
-                return String(s.$s);
-              case "ss":
-                return m.s(s.$s, 2, "0");
-              case "SSS":
-                return m.s(s.$ms, 3, "0");
-              case "Z":
-                return f;
-            }
-            return null;
-          }(F) || f.replace(":", "");
-        });
-      }, a.utcOffset = function() {
-        return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
-      }, a.diff = function(e, s, n) {
-        var h, f = this, v = m.p(s), C = g(e), T = (C.utcOffset() - this.utcOffset()) * k, x = this - C, Z = function() {
-          return m.m(f, C);
-        };
-        switch (v) {
-          case A:
-            h = Z() / 12;
-            break;
-          case l:
-            h = Z();
-            break;
-          case y:
-            h = Z() / 3;
-            break;
-          case B:
-            h = (x - T) / 6048e5;
-            break;
-          case O:
-            h = (x - T) / 864e5;
-            break;
-          case N:
-            h = x / u;
-            break;
-          case $:
-            h = x / k;
-            break;
-          case w:
-            h = x / D;
-            break;
-          default:
-            h = x;
-        }
-        return n ? h : m.a(h);
-      }, a.daysInMonth = function() {
-        return this.endOf(l).$D;
-      }, a.$locale = function() {
-        return i[this.$L];
-      }, a.locale = function(e, s) {
-        if (!e) return this.$L;
-        var n = this.clone(), h = _(e, s, !0);
-        return h && (n.$L = h), n;
-      }, a.clone = function() {
-        return m.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();
-      }, c;
-    }(), re = ee.prototype;
-    return g.prototype = re, [["$ms", d], ["$s", w], ["$m", $], ["$H", N], ["$W", O], ["$M", l], ["$y", A], ["$D", b]].forEach(function(c) {
-      re[c[1]] = function(a) {
-        return this.$g(a, c[0], c[1]);
-      };
-    }), g.extend = function(c, a) {
-      return c.$i || (c(a, ee, g), c.$i = !0), g;
-    }, g.locale = _, g.isDayjs = W, g.unix = function(c) {
-      return g(1e3 * c);
-    }, g.en = i[o], g.Ls = i, g.p = {}, g;
-  });
-})(we);
-var Te = we.exports;
-const P = /* @__PURE__ */ De(Te), Ye = (p, z) => {
-  const D = p.endOf("month"), k = z.startOf("month"), d = D.isSame(k, "week") ? k.add(1, "week") : k;
+import { withInstall as X } from "@das-fed/utils/with-install/index";
+import { defineComponent as G, ref as H, computed as v, watch as ee, nextTick as x, openBlock as u, createElementBlock as m, normalizeClass as A, Fragment as P, renderList as Z, createElementVNode as W, toDisplayString as j, renderSlot as M, createCommentVNode as D, normalizeStyle as te, onMounted as ae, onBeforeUnmount as ne, createVNode as se, createSlots as K, withCtx as _, normalizeProps as V, mergeProps as F, guardReactiveProps as E, createBlock as re } from "vue";
+import { t as J, setI18nRule as le } from "@das-fed/web/packages/i18n/index";
+import C from "dayjs";
+import oe from "dayjs/plugin/localeData";
+import { SizeWatcher as de } from "@das-fed/utils/size-watcher";
+import { setThemeRule as ce } from "@das-fed/web/packages/theme/index";
+const he = (l, i) => {
+  const o = l.endOf("month"), c = i.startOf("month"), n = o.isSame(c, "week") ? c.add(1, "week") : c;
   return [
-    [p, D],
-    [d.startOf("week"), z]
+    [l, o],
+    [n.startOf("week"), i]
   ];
-}, Ae = (p, z) => {
-  const D = p.endOf("month"), k = p.add(1, "month").startOf("month"), u = D.isSame(
-    k,
+}, ie = (l, i) => {
+  const o = l.endOf("month"), c = l.add(1, "month").startOf("month"), r = o.isSame(
+    c,
     "week"
-  ) ? k.add(1, "week") : k, d = u.endOf("month"), w = z.startOf("month"), $ = d.isSame(w, "week") ? w.add(1, "week") : w;
+  ) ? c.add(1, "week") : c, n = r.endOf("month"), f = i.startOf("month"), N = n.isSame(f, "week") ? f.add(1, "week") : f;
   return [
-    [p, D],
-    [u.startOf("week"), d],
-    [$.startOf("week"), z]
+    [l, o],
+    [r.startOf("week"), n],
+    [N.startOf("week"), i]
   ];
-}, pe = (p, z) => {
-  const D = p.startOf("week"), k = z.endOf("week"), u = D.get("month"), d = k.get("month");
-  return u === d ? [[D, k]] : (u + 1) % 12 === d ? Ye(D, k) : u + 2 === d || (u + 1) % 11 === d ? Ae(D, k) : [];
-}, E = (p) => Array.from(Array.from({ length: p }).keys()), je = (p, z) => {
-  const D = p.subtract(1, "month").endOf("month").date();
-  return E(z).map((k, u) => D - (z - u - 1));
-}, xe = (p) => {
-  const z = p.daysInMonth();
-  return E(z).map((D, k) => k + 1);
-}, Be = (p) => E(p.length / 7).map((z) => {
-  const D = z * 7;
-  return p.slice(D, D + 7);
-});
-var ve = { exports: {} };
-(function(p, z) {
-  (function(D, k) {
-    p.exports = k();
-  })($e, function() {
-    return function(D, k, u) {
-      var d = k.prototype, w = function(l) {
-        return l && (l.indexOf ? l : l.s);
-      }, $ = function(l, y, A, b, H) {
-        var V = l.name ? l : l.$locale(), K = w(V[y]), r = w(V[A]), M = K || r.map(function(o) {
-          return o.slice(0, b);
-        });
-        if (!H) return M;
-        var t = V.weekStart;
-        return M.map(function(o, i) {
-          return M[(i + (t || 0)) % 7];
-        });
-      }, N = function() {
-        return u.Ls[u.locale()];
-      }, O = function(l, y) {
-        return l.formats[y] || function(A) {
-          return A.replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(b, H, V) {
-            return H || V.slice(1);
-          });
-        }(l.formats[y.toUpperCase()]);
-      }, B = function() {
-        var l = this;
-        return { months: function(y) {
-          return y ? y.format("MMMM") : $(l, "months");
-        }, monthsShort: function(y) {
-          return y ? y.format("MMM") : $(l, "monthsShort", "months", 3);
-        }, firstDayOfWeek: function() {
-          return l.$locale().weekStart || 0;
-        }, weekdays: function(y) {
-          return y ? y.format("dddd") : $(l, "weekdays");
-        }, weekdaysMin: function(y) {
-          return y ? y.format("dd") : $(l, "weekdaysMin", "weekdays", 2);
-        }, weekdaysShort: function(y) {
-          return y ? y.format("ddd") : $(l, "weekdaysShort", "weekdays", 3);
-        }, longDateFormat: function(y) {
-          return O(l.$locale(), y);
-        }, meridiem: this.$locale().meridiem, ordinal: this.$locale().ordinal };
-      };
-      d.localeData = function() {
-        return B.bind(this)();
-      }, u.localeData = function() {
-        var l = N();
-        return { firstDayOfWeek: function() {
-          return l.weekStart || 0;
-        }, weekdays: function() {
-          return u.weekdays();
-        }, weekdaysShort: function() {
-          return u.weekdaysShort();
-        }, weekdaysMin: function() {
-          return u.weekdaysMin();
-        }, months: function() {
-          return u.months();
-        }, monthsShort: function() {
-          return u.monthsShort();
-        }, longDateFormat: function(y) {
-          return O(l, y);
-        }, meridiem: l.meridiem, ordinal: l.ordinal };
-      }, u.months = function() {
-        return $(N(), "months");
-      }, u.monthsShort = function() {
-        return $(N(), "monthsShort", "months", 3);
-      }, u.weekdays = function(l) {
-        return $(N(), "weekdays", null, null, l);
-      }, u.weekdaysShort = function(l) {
-        return $(N(), "weekdaysShort", "weekdays", 3, l);
-      }, u.weekdaysMin = function(l) {
-        return $(N(), "weekdaysMin", "weekdays", 2, l);
-      };
-    };
-  });
-})(ve);
-var Fe = ve.exports;
-const Le = /* @__PURE__ */ De(Fe), Ve = { key: 0 }, Ze = { class: "das-calendar-header-box" }, Pe = { class: "das-calendar-header-week-line" }, Re = ["onClick"], Ie = {
+}, U = (l, i) => {
+  const o = l.startOf("week"), c = i.endOf("week"), r = o.get("month"), n = c.get("month");
+  return r === n ? [[o, c]] : (r + 1) % 12 === n ? he(o, c) : r + 2 === n || (r + 1) % 11 === n ? ie(o, c) : [];
+}, $ = (l) => Array.from(Array.from({ length: l }).keys()), ue = (l, i) => {
+  const o = l.subtract(1, "month").endOf("month").date();
+  return $(i).map((c, r) => o - (i - r - 1));
+}, ye = (l) => {
+  const i = l.daysInMonth();
+  return $(i).map((o, c) => c + 1);
+}, me = (l) => $(l.length / 7).map((i) => {
+  const o = i * 7;
+  return l.slice(o, o + 7);
+}), fe = { key: 0 }, pe = { class: "das-calendar-header-box" }, ge = { class: "das-calendar-header-week-line" }, ke = ["onClick"], ve = {
   name: "calendar-table"
-}, ge = /* @__PURE__ */ ke({
-  ...Ie,
+}, q = /* @__PURE__ */ G({
+  ...ve,
   props: {
     selectedDay: {},
     date: {},
@@ -409,118 +52,117 @@ const Le = /* @__PURE__ */ De(Fe), Ve = { key: 0 }, Ze = { class: "das-calendar-
     cellHeight: {}
   },
   emits: ["pick"],
-  setup(p, { expose: z, emit: D }) {
-    const k = D, u = P(), d = p, w = X("128px"), $ = X(), N = 60, O = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"], B = L(() => !!d.range && !!d.range.length), l = L(() => {
-      const t = d.firstDayOfWeek, o = d.showZhou ? "das-calendar-weeks-zhou-" : "das-calendar-weeks-";
-      return t === 0 ? O.map((i) => he(`${o}${i}`)) : O.slice(t).concat(O.slice(0, t)).map((i) => he(`${o}${i}`));
-    }), y = L(() => {
-      let t = [];
-      if (B.value) {
-        const [o, i] = d.range;
-        let S = [];
-        o.isSame(i, "month") ? S = E(i.date() - o.date() + 1).map((g) => ({
-          text: o.date() + g,
+  setup(l, { expose: i, emit: o }) {
+    const c = o, r = C(), n = l, f = H("128px"), N = H(), Y = 60, b = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"], S = v(() => !!n.range && !!n.range.length), L = v(() => {
+      const e = n.firstDayOfWeek, a = n.showZhou ? "das-calendar-weeks-zhou-" : "das-calendar-weeks-";
+      return e === 0 ? b.map((s) => J(`${a}${s}`)) : b.slice(e).concat(b.slice(0, e)).map((s) => J(`${a}${s}`));
+    }), z = v(() => {
+      let e = [];
+      if (S.value) {
+        const [a, s] = n.range;
+        let h = [];
+        a.isSame(s, "month") ? h = $(s.date() - a.date() + 1).map((w) => ({
+          text: a.date() + w,
           type: "current"
-        })) : S = E(o.endOf("month").date() - o.date() + 1).map((g) => ({
-          text: o.date() + g,
+        })) : h = $(a.endOf("month").date() - a.date() + 1).map((w) => ({
+          text: a.date() + w,
           type: "current"
         }));
-        let W = S.length % 7;
-        W = W === 0 ? 0 : 7 - W;
-        const _ = E(W).map((g, m) => ({
-          text: m + 1,
+        let g = h.length % 7;
+        g = g === 0 ? 0 : 7 - g;
+        const k = $(g).map((w, B) => ({
+          text: B + 1,
           type: "next"
         }));
-        t = S.concat(_);
+        e = h.concat(k);
       } else {
-        const o = d.date.startOf("month").day(), i = je(
-          d.date,
-          (o - d.firstDayOfWeek + 7) % 7
-        ).map((g) => ({
-          text: g,
+        const a = n.date.startOf("month").day(), s = ue(
+          n.date,
+          (a - n.firstDayOfWeek + 7) % 7
+        ).map((w) => ({
+          text: w,
           type: "prev"
-        })), S = xe(d.date).map((g) => ({
-          text: g,
+        })), h = ye(n.date).map((w) => ({
+          text: w,
           type: "current"
         }));
-        t = [...i, ...S];
-        const W = 7 - (t.length % 7 || 7), _ = E(W).map((g, m) => ({
-          text: m + 1,
+        e = [...s, ...h];
+        const g = 7 - (e.length % 7 || 7), k = $(g).map((w, B) => ({
+          text: B + 1,
           type: "next"
         }));
-        if (t = t.concat(_), d.calendartType == "simple" && t.length / 7 < 6) {
-          const g = _.length ? _[_.length - 1].text : 0, m = E(7).map((ee, re) => ({
-            text: g + re + 1,
+        if (e = e.concat(k), n.calendartType == "simple" && e.length / 7 < 6) {
+          const w = k.length ? k[k.length - 1].text : 0, B = $(7).map((Oe, Q) => ({
+            text: w + Q + 1,
             type: "next"
           }));
-          t = t.concat(m);
+          e = e.concat(B);
         }
       }
-      return Be(t);
-    });
-    Se(
-      () => y.value,
-      (t) => {
-        if (d.cellHeight) {
-          w.value = `${d.cellHeight}px`;
+      return me(e);
+    }), T = () => {
+      var s;
+      const e = (s = n.parent) == null ? void 0 : s.offsetHeight;
+      let a = Number(e) - Y - 1;
+      f.value = a / z.value.length - 1 + "px";
+    };
+    ee(
+      () => z.value,
+      (e) => {
+        if (n.cellHeight) {
+          f.value = `${n.cellHeight}px`;
           return;
         }
-        t && t.length ? ye(() => {
-          var S;
-          const o = (S = d.parent) == null ? void 0 : S.offsetHeight;
-          let i = Number(o) - N - 1;
-          w.value = i / t.length - 1 + "px";
-        }) : w.value = "128px";
+        e && e.length ? x(() => {
+          T();
+        }) : f.value = "128px";
       },
       { immediate: !0 }
     );
-    const A = () => {
-      if (d.cellHeight) {
-        w.value = `${d.cellHeight}px`;
+    const O = () => {
+      if (n.cellHeight) {
+        f.value = `${n.cellHeight}px`;
         return;
       }
-      ye(() => {
-        var i;
-        const t = (i = d.parent) == null ? void 0 : i.offsetHeight;
-        let o = Number(t) - N;
-        w.value = o / y.value.length - 1 * y.value.length + "px";
+      x(() => {
+        T();
       });
-    }, b = (t, o) => {
-      switch (o) {
+    }, p = (e, a) => {
+      switch (a) {
         case "prev":
-          return d.date.startOf("month").subtract(1, "month").date(t);
+          return n.date.startOf("month").subtract(1, "month").date(e);
         case "next":
-          return d.date.startOf("month").add(1, "month").date(t);
+          return n.date.startOf("month").add(1, "month").date(e);
         case "current":
-          return d.date.date(t);
+          return n.date.date(e);
       }
-    }, H = ({ text: t, type: o }) => {
-      const i = [o], S = b(t, o);
-      return S.isSame(d.selectedDay, "day") && i.push("is-selected"), S.isSame(u, "day") && i.push("is-today"), i;
-    }, V = ({ text: t, type: o }) => {
-      const i = b(t, o);
-      k("pick", i);
-    }, K = (t) => {
-      const o = y.value[0];
-      if (o) {
-        const i = o[t];
-        if (i) {
-          const { text: S, type: W } = i;
-          return b(S, W).format("MM/DD");
+    }, R = ({ text: e, type: a }) => {
+      const s = [a], h = p(e, a);
+      return h.isSame(n.selectedDay, "day") && s.push("is-selected"), h.isSame(r, "day") && s.push("is-today"), s;
+    }, I = ({ text: e, type: a }) => {
+      const s = p(e, a);
+      c("pick", s);
+    }, t = (e) => {
+      const a = z.value[0];
+      if (a) {
+        const s = a[e];
+        if (s) {
+          const { text: h, type: g } = s;
+          return p(h, g).format("MM/DD");
         }
       }
       return "";
-    }, r = (t) => {
-      const o = y.value[0];
-      if (o) {
-        const i = o[t];
-        if (i) {
-          const { text: S, type: W } = i, _ = b(S, W);
+    }, y = (e) => {
+      const a = z.value[0];
+      if (a) {
+        const s = a[e];
+        if (s) {
+          const { text: h, type: g } = s, k = p(h, g);
           return {
-            isSelected: _.isSame(d.selectedDay),
-            type: `${W}-month`,
-            day: _.format("YYYY-MM-DD"),
-            date: _.toDate()
+            isSelected: k.isSame(n.selectedDay),
+            type: `${g}-month`,
+            day: k.format("YYYY-MM-DD"),
+            date: k.toDate()
           };
         }
       }
@@ -530,95 +172,145 @@ const Le = /* @__PURE__ */ De(Fe), Ve = { key: 0 }, Ze = { class: "das-calendar-
         day: null,
         date: null
       };
-    }, M = ({ text: t, type: o }) => {
-      const i = b(t, o);
+    }, d = ({ text: e, type: a }) => {
+      const s = p(e, a);
       return {
-        isSelected: i.isSame(d.selectedDay),
-        type: `${o}-month`,
-        day: i.format("YYYY-MM-DD"),
-        date: i.toDate()
+        isSelected: s.isSame(n.selectedDay),
+        type: `${a}-month`,
+        day: s.format("YYYY-MM-DD"),
+        date: s.toDate()
       };
     };
-    return z({
-      getHeight: A
-    }), (t, o) => y.value.length ? (Y(), j("table", {
-      key: 0,
-      class: ae(["das-calendar-table", { "is-range": B.value, "is-week": t.calendartType == "week", simple: t.calendartType == "simple" }]),
-      cellspacing: "0",
-      cellpadding: "0",
-      ref_key: "tableRef",
-      ref: $
-    }, [
-      t.hideHeader ? R("", !0) : (Y(), j("thead", Ve, [
-        (Y(!0), j(ue, null, ce(l.value, (i, S) => (Y(), j("th", {
-          class: "das-calendar-table-header",
-          key: i
-        }, [
-          G("div", Ze, [
-            G("div", Pe, [
-              G("div", {
-                class: ae(["das-calendar-header-week", { highlight: t.highlightWeek }])
-              }, de(i), 3),
-              t.calendartType == "week" ? I(t.$slots, "week-type", {
-                key: 0,
-                data: r(S)
-              }) : R("", !0)
-            ]),
-            t.calendartType == "week" ? (Y(), j("div", {
-              key: 0,
-              class: ae(["das-calendar-header-day", { highlight: t.highlightDay }])
-            }, de(K(S)), 3)) : R("", !0)
-          ])
-        ]))), 128))
-      ])),
-      G("tbody", null, [
-        (Y(!0), j(ue, null, ce(y.value, (i, S) => (Y(), j("tr", {
-          key: S,
-          class: ae({
-            "das-calendar-table-row": !0,
-            "hide-border": S === 0 && t.hideHeader
-          })
-        }, [
-          (Y(!0), j(ue, null, ce(i, (W, _) => (Y(), j("td", {
-            key: _,
-            class: ae(H(W)),
-            onClick: (g) => V(W)
-          }, [
-            G("div", {
-              class: "das-calendar-day",
-              style: Ce({ height: w.value })
+    return i({
+      getHeight: O
+    }), (e, a) => z.value.length ? (u(), m(
+      "table",
+      {
+        key: 0,
+        class: A(["das-calendar-table", { "is-range": S.value, "is-week": e.calendartType == "week", simple: e.calendartType == "simple" }]),
+        cellspacing: "0",
+        cellpadding: "0",
+        ref_key: "tableRef",
+        ref: N
+      },
+      [
+        e.hideHeader ? D("v-if", !0) : (u(), m("thead", fe, [
+          (u(!0), m(
+            P,
+            null,
+            Z(L.value, (s, h) => (u(), m("th", {
+              class: "das-calendar-table-header",
+              key: s
             }, [
-              I(t.$slots, "date-cell", {
-                data: M(W)
-              })
-            ], 4)
-          ], 10, Re))), 128))
-        ], 2))), 128))
-      ])
-    ], 2)) : R("", !0);
+              W("div", pe, [
+                W("div", ge, [
+                  W(
+                    "div",
+                    {
+                      class: A(["das-calendar-header-week", { highlight: e.highlightWeek }])
+                    },
+                    j(s),
+                    3
+                    /* TEXT, CLASS */
+                  ),
+                  e.calendartType == "week" ? M(e.$slots, "week-type", {
+                    key: 0,
+                    data: y(h)
+                  }) : D("v-if", !0)
+                ]),
+                e.calendartType == "week" ? (u(), m(
+                  "div",
+                  {
+                    key: 0,
+                    class: A(["das-calendar-header-day", { highlight: e.highlightDay }])
+                  },
+                  j(t(h)),
+                  3
+                  /* TEXT, CLASS */
+                )) : D("v-if", !0)
+              ])
+            ]))),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ])),
+        W("tbody", null, [
+          (u(!0), m(
+            P,
+            null,
+            Z(z.value, (s, h) => (u(), m(
+              "tr",
+              {
+                key: h,
+                class: A({
+                  "das-calendar-table-row": !0,
+                  "hide-border": h === 0 && e.hideHeader
+                })
+              },
+              [
+                (u(!0), m(
+                  P,
+                  null,
+                  Z(s, (g, k) => (u(), m("td", {
+                    key: k,
+                    class: A(R(g)),
+                    onClick: (w) => I(g)
+                  }, [
+                    D(" v-scrollbar "),
+                    D(' :style="{ height: trHeight }" '),
+                    W(
+                      "div",
+                      {
+                        class: "das-calendar-day",
+                        style: te({ height: f.value })
+                      },
+                      [
+                        M(e.$slots, "date-cell", {
+                          data: d(g)
+                        })
+                      ],
+                      4
+                      /* STYLE */
+                    )
+                  ], 10, ke))),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ],
+              2
+              /* CLASS */
+            ))),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ])
+      ],
+      2
+      /* CLASS */
+    )) : D("v-if", !0);
   }
-}), Je = {
+}), De = {
   key: 0,
   class: "das-calendar-body 1"
-}, Ee = {
+}, we = {
   key: 1,
   class: "das-calendar-cell-date"
-}, Ue = {
+}, ze = {
   key: 2,
   class: "das-calendar-cell-cont"
-}, qe = {
+}, Ce = {
   key: 1,
   class: "das-calendar-body 2"
-}, Ge = {
+}, Ne = {
   key: 1,
   class: "das-calendar-cell-date"
-}, Ke = {
+}, Me = {
   key: 2,
   class: "das-calendar-cell-cont"
-}, Qe = {
+}, Se = {
   name: "test"
-}, Xe = /* @__PURE__ */ ke({
-  ...Qe,
+}, $e = /* @__PURE__ */ G({
+  ...Se,
   props: {
     modelValue: {},
     range: {},
@@ -632,134 +324,170 @@ const Le = /* @__PURE__ */ De(Fe), Ve = { key: 0 }, Ze = { class: "das-calendar-
     cellHeight: { default: 0 }
   },
   emits: ["update:model-value", "itemClick"],
-  setup(p, { expose: z, emit: D }) {
-    P.extend(Le);
-    const k = P.localeData().firstDayOfWeek(), u = p, d = D, w = X(), $ = X(), N = X(), O = L(() => u.firstDayOfWeek || k), B = X(), l = P(), y = L({
+  setup(l, { expose: i, emit: o }) {
+    C.extend(oe);
+    const c = C.localeData().firstDayOfWeek(), r = l, n = o, f = H(), N = H(), Y = H(), b = v(() => r.firstDayOfWeek || c), S = H(), L = C(), z = v({
       get() {
-        return u.modelValue ? (B.value = H.value, H.value) : B.value;
+        return r.modelValue ? (S.value = p.value, p.value) : S.value;
       },
-      set(r) {
-        if (!r) return;
-        B.value = r;
-        const M = r.toDate();
-        u.isSwitchMonth && d("update:model-value", M);
+      set(t) {
+        if (!t) return;
+        S.value = t;
+        const y = t.toDate();
+        r.isSwitchMonth && n("update:model-value", y);
       }
-    }), A = L(() => {
-      if (u.type == "week") {
-        if (u.range) return u.range;
-        const M = (P(u.modelValue).day() - O.value + 7) % 7, t = 7 - (M + 1), o = [];
-        return o.push(P(u.modelValue).subtract(M, "day").toDate()), o.push(P(u.modelValue).add(t, "day").toDate()), o;
+    }), T = v(() => {
+      if (r.type == "week") {
+        if (r.range) return r.range;
+        const y = (C(r.modelValue).day() - b.value + 7) % 7, d = 7 - (y + 1), e = [];
+        return e.push(C(r.modelValue).subtract(y, "day").toDate()), e.push(C(r.modelValue).add(d, "day").toDate()), e;
       } else
-        return u.range ? u.range : void 0;
-    }), b = L(() => {
-      if (!A.value) return [];
-      const r = A.value.map((o) => P(o)), [M, t] = r;
-      return u.type == "week" ? [[M, t]] : M.isAfter(t) ? [] : M.isSame(t, "month") ? pe(M, t) : M.add(1, "month").month() !== t.month() ? [] : pe(M, t);
-    }), H = L(() => u.modelValue ? P(u.modelValue) : y.value || (b.value.length ? b.value[0][0] : l));
-    L(() => H.value.subtract(1, "month").date(1)), L(() => H.value.add(1, "month").date(1)), L(() => H.value.subtract(1, "year").date(1)), L(() => H.value.add(1, "year").date(1)), L(() => {
-      const r = `das-calendar-month${H.value.format("M")}`;
-      return `${H.value.year()} ${he("das-calendar-year")} ${he(r)}`;
-    }), ze(() => {
-      N.value = He(() => {
-        var r, M;
-        Array.isArray($.value) ? (r = $.value[0]) == null || r.getHeight() : (M = $.value) == null || M.getHeight();
-      }, w.value);
-    }), be(() => {
-      N.value.disconnect();
+        return r.range ? r.range : void 0;
+    }), O = v(() => {
+      if (!T.value) return [];
+      const t = T.value.map((e) => C(e)), [y, d] = t;
+      return r.type == "week" ? [[y, d]] : y.isAfter(d) ? [] : y.isSame(d, "month") ? U(y, d) : y.add(1, "month").month() !== d.month() ? [] : U(y, d);
+    }), p = v(() => r.modelValue ? C(r.modelValue) : z.value || (O.value.length ? O.value[0][0] : L));
+    v(() => p.value.subtract(1, "month").date(1)), v(() => p.value.add(1, "month").date(1)), v(() => p.value.subtract(1, "year").date(1)), v(() => p.value.add(1, "year").date(1)), v(() => {
+      const t = `das-calendar-month${p.value.format("M")}`;
+      return `${p.value.year()} ${J("das-calendar-year")} ${J(t)}`;
+    }), ae(() => {
+      Y.value = de(() => {
+        var t, y;
+        Array.isArray(N.value) ? (t = N.value[0]) == null || t.getHeight() : (y = N.value) == null || y.getHeight();
+      }, f.value);
+    }), ne(() => {
+      Y.value.disconnect();
     });
-    const V = (r) => {
-      u.isSwitchSelection && (y.value = r), d("itemClick", r.toDate());
+    const R = (t) => {
+      r.isSwitchSelection && (z.value = t), n("itemClick", t.toDate());
     };
-    return z({
-      $calendar: w,
-      setActive: (r) => {
-        y.value = P(r), d("itemClick", r);
+    return i({
+      $calendar: f,
+      setActive: (t) => {
+        z.value = C(t), n("itemClick", t);
       }
-    }), (r, M) => (Y(), j("div", {
-      ref_key: "$calendar",
-      ref: w,
-      class: "das-ui-calendar"
-    }, [
-      b.value.length === 0 ? (Y(), j("div", Je, [
-        Ne(ge, {
-          ref_key: "$calendarTable",
-          ref: $,
-          date: H.value,
-          firstDayOfWeek: O.value,
-          parent: w.value,
-          calendartType: r.type,
-          highlightWeek: r.highlightWeek,
-          highlightDay: r.highlightDay,
-          showZhou: r.showZhou,
-          cellHeight: r.cellHeight,
-          "selected-day": B.value,
-          onPick: V
-        }, me({
-          "date-cell": oe((t) => [
-            r.$slots.custom ? I(r.$slots, "custom", ie(le({ key: 0 }, t))) : R("", !0),
-            r.type != "week" && !r.$slots.custom ? (Y(), j("p", Ee, [
-              G("span", null, de(Number(t.data.day.split("-").slice(2)).toString()), 1),
-              I(r.$slots, "date-type", ie(fe(t)))
-            ])) : R("", !0),
-            r.$slots.custom ? R("", !0) : (Y(), j("div", Ue, [
-              I(r.$slots, "date-cell", ie(fe(t)))
-            ]))
-          ]),
-          _: 2
-        }, [
-          r.$slots["week-type"] && r.type == "week" ? {
-            name: "week-type",
-            fn: oe((t) => [
-              I(r.$slots, "week-type", ie(fe(t)))
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["date", "firstDayOfWeek", "parent", "calendartType", "highlightWeek", "highlightDay", "showZhou", "cellHeight", "selected-day"])
-      ])) : (Y(), j("div", qe, [
-        (Y(!0), j(ue, null, ce(b.value, (t, o) => (Y(), Oe(ge, {
-          ref_for: !0,
-          ref_key: "$calendarTable",
-          ref: $,
-          key: o,
-          firstDayOfWeek: O.value,
-          date: t[0],
-          calendartType: r.type,
-          highlightWeek: r.highlightWeek,
-          highlightDay: r.highlightDay,
-          showZhou: r.showZhou,
-          cellHeight: r.cellHeight,
-          "selected-day": B.value,
-          range: t,
-          parent: w.value,
-          "hide-header": o !== 0,
-          onPick: V
-        }, me({
-          "date-cell": oe((i) => [
-            r.$slots.custom ? I(r.$slots, "custom", le({
-              key: 0,
-              ref_for: !0
-            }, i)) : R("", !0),
-            r.type != "week" && !r.$slots.custom ? (Y(), j("p", Ge, [
-              G("span", null, de(Number(i.data.day.split("-").slice(2)).toString()), 1)
-            ])) : R("", !0),
-            r.$slots.custom ? R("", !0) : (Y(), j("div", Ke, [
-              I(r.$slots, "date-cell", le({ ref_for: !0 }, i))
-            ]))
-          ]),
-          _: 2
-        }, [
-          r.$slots["week-type"] && r.type == "week" ? {
-            name: "week-type",
-            fn: oe((i) => [
-              I(r.$slots, "week-type", le({ ref_for: !0 }, i))
+    }), (t, y) => (u(), m(
+      "div",
+      {
+        ref_key: "$calendar",
+        ref: f,
+        class: "das-ui-calendar"
+      },
+      [
+        D(` <div class="das-calendar-header" >
+      <slot name="header" :date="i18nDate">
+        <div class="das-calendar-title" >{{ i18nDate }}</div>
+        <div class="das-calendar-button-group" v-if="validatedRange.length === 0" >
+          <das-button @click="selectDate('prev-month')" >  {{ t('das-calendar-prevMonth') }}</das-button>
+          <das-button @click="selectDate('today')" >  {{ t('das-calendar-today') }}</das-button>
+          <das-button @click="selectDate('next-month')" >  {{ t('das-calendar-nextMonth') }}</das-button>
+        </div>
+      </slot>
+    </div> `),
+        O.value.length === 0 ? (u(), m("div", De, [
+          se(q, {
+            ref_key: "$calendarTable",
+            ref: N,
+            date: p.value,
+            firstDayOfWeek: b.value,
+            parent: f.value,
+            calendartType: t.type,
+            highlightWeek: t.highlightWeek,
+            highlightDay: t.highlightDay,
+            showZhou: t.showZhou,
+            cellHeight: t.cellHeight,
+            "selected-day": S.value,
+            onPick: R
+          }, K({
+            "date-cell": _((d) => [
+              t.$slots.custom ? M(t.$slots, "custom", V(F({ key: 0 }, d))) : D("v-if", !0),
+              t.type != "week" && !t.$slots.custom ? (u(), m("p", we, [
+                W(
+                  "span",
+                  null,
+                  j(Number(d.data.day.split("-").slice(2)).toString()),
+                  1
+                  /* TEXT */
+                ),
+                M(t.$slots, "date-type", V(E(d)))
+              ])) : D("v-if", !0),
+              t.$slots.custom ? D("v-if", !0) : (u(), m("div", ze, [
+                M(t.$slots, "date-cell", V(E(d)))
+              ]))
             ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["firstDayOfWeek", "date", "calendartType", "highlightWeek", "highlightDay", "showZhou", "cellHeight", "selected-day", "range", "parent", "hide-header"]))), 128))
-      ]))
-    ], 512));
+            _: 2
+            /* DYNAMIC */
+          }, [
+            t.$slots["week-type"] && t.type == "week" ? {
+              name: "week-type",
+              fn: _((d) => [
+                M(t.$slots, "week-type", V(E(d)))
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["date", "firstDayOfWeek", "parent", "calendartType", "highlightWeek", "highlightDay", "showZhou", "cellHeight", "selected-day"])
+        ])) : (u(), m("div", Ce, [
+          (u(!0), m(
+            P,
+            null,
+            Z(O.value, (d, e) => (u(), re(q, {
+              ref_for: !0,
+              ref_key: "$calendarTable",
+              ref: N,
+              key: e,
+              firstDayOfWeek: b.value,
+              date: d[0],
+              calendartType: t.type,
+              highlightWeek: t.highlightWeek,
+              highlightDay: t.highlightDay,
+              showZhou: t.showZhou,
+              cellHeight: t.cellHeight,
+              "selected-day": S.value,
+              range: d,
+              parent: f.value,
+              "hide-header": e !== 0,
+              onPick: R
+            }, K({
+              "date-cell": _((a) => [
+                t.$slots.custom ? M(t.$slots, "custom", F({
+                  key: 0,
+                  ref_for: !0
+                }, a)) : D("v-if", !0),
+                t.type != "week" && !t.$slots.custom ? (u(), m("p", Ne, [
+                  W(
+                    "span",
+                    null,
+                    j(Number(a.data.day.split("-").slice(2)).toString()),
+                    1
+                    /* TEXT */
+                  )
+                ])) : D("v-if", !0),
+                t.$slots.custom ? D("v-if", !0) : (u(), m("div", Me, [
+                  M(t.$slots, "date-cell", F({ ref_for: !0 }, a))
+                ]))
+              ]),
+              _: 2
+              /* DYNAMIC */
+            }, [
+              t.$slots["week-type"] && t.type == "week" ? {
+                name: "week-type",
+                fn: _((a) => [
+                  M(t.$slots, "week-type", F({ ref_for: !0 }, a))
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["firstDayOfWeek", "date", "calendartType", "highlightWeek", "highlightDay", "showZhou", "cellHeight", "selected-day", "range", "parent", "hide-header"]))),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ]))
+      ],
+      512
+      /* NEED_PATCH */
+    ));
   }
-}), et = {
+}), be = {
   "--das-ui-calendar-color-primary": "#5582F3",
   // 主题色
   "--das-ui-calendar-color-text": "#212121",
@@ -778,7 +506,7 @@ const Le = /* @__PURE__ */ De(Fe), Ve = { key: 0 }, Ze = { class: "das-calendar-
   // 上/下一个月文字颜色
   // '--das-ui-calendar-head-height': '60px', // 日历表头高度
   // '--das-ui-calendar-cell-height': '128px', // 单元格高度
-}, tt = {
+}, We = {
   "das-calendar-prevMonth": { "zh-CN": "上个月", en: "Previous Month" },
   "das-calendar-nextMonth": { "zh-CN": "下个月", en: "Next Month" },
   "das-calendar-prevYear": { "zh-CN": "前一年", en: "Previous Year" },
@@ -824,10 +552,10 @@ const Le = /* @__PURE__ */ De(Fe), Ve = { key: 0 }, Ze = { class: "das-calendar-
   "das-calendar-months-nov": { "zh-CN": "十一月", en: "Nov" },
   "das-calendar-months-dec": { "zh-CN": "十二月", en: "Dec" }
 };
-We(tt);
-_e(et);
-const it = Me(Xe), lt = { name: "calendar 日历" };
+le(We);
+ce(be);
+const Ve = X($e), Fe = { name: "calendar 日历" };
 export {
-  it as DasCalendar,
-  lt as default
+  Ve as DasCalendar,
+  Fe as default
 };