@das-fed/upf-ui 6.4.0-dev.220 → 6.4.0-dev.222

package/packages/components/calendar/index.js

@@ -1,39 +1,39 @@
 import '@das-fed/upf-ui/packages/components/calendar/style.css';
 import { withInstall as ee } from "@das-fed/upf-utils/with-install/index";
-import { defineComponent as Q, ref as b, computed as g, watch as ae, nextTick as K, openBlock as u, createElementBlock as m, normalizeClass as B, Fragment as j, renderList as P, createElementVNode as S, toDisplayString as L, renderSlot as v, createCommentVNode as M, normalizeStyle as te, onMounted as ne, onBeforeUnmount as re, createVNode as se, createSlots as U, withCtx as V, normalizeProps as F, mergeProps as Z, guardReactiveProps as E, createBlock as oe } from "vue";
-import { t as A, currentLang as q, setI18nRule as le } from "@das-fed/upf-web/packages/i18n/index";
+import { defineComponent as Q, ref as W, computed as g, watch as ae, nextTick as I, openBlock as u, createElementBlock as f, normalizeClass as T, Fragment as Z, renderList as j, createElementVNode as b, toDisplayString as P, renderSlot as D, createCommentVNode as z, normalizeStyle as te, onMounted as ne, onBeforeUnmount as re, createVNode as se, createSlots as K, withCtx as R, normalizeProps as V, mergeProps as F, guardReactiveProps as J, createBlock as oe } from "vue";
+import { t as B, currentLang as U, setI18nRule as de } from "@das-fed/upf-web/packages/i18n/index";
 import N from "dayjs";
-import { SizeWatcher as de } from "@das-fed/upf-utils/size-watcher";
+import { SizeWatcher as le } from "@das-fed/upf-utils/size-watcher";
 import { setThemeRule as he } from "@das-fed/upf-web/packages/theme/index";
-const ce = (o, i) => {
-  const l = o.endOf("month"), h = i.startOf("month"), n = l.isSame(h, "week") ? h.add(1, "week") : h;
+const ce = (a, i) => {
+  const d = a.endOf("month"), h = i.startOf("month"), n = d.isSame(h, "week") ? h.add(1, "week") : h;
   return [
-    [o, l],
+    [a, d],
     [n.startOf("week"), i]
   ];
-}, ie = (o, i) => {
-  const l = o.endOf("month"), h = o.add(1, "month").startOf("month"), s = l.isSame(
+}, ie = (a, i) => {
+  const d = a.endOf("month"), h = a.add(1, "month").startOf("month"), o = d.isSame(
     h,
     "week"
-  ) ? h.add(1, "week") : h, n = s.endOf("month"), f = i.startOf("month"), D = n.isSame(f, "week") ? f.add(1, "week") : f;
+  ) ? h.add(1, "week") : h, n = o.endOf("month"), p = i.startOf("month"), M = n.isSame(p, "week") ? p.add(1, "week") : p;
   return [
-    [o, l],
-    [s.startOf("week"), n],
-    [D.startOf("week"), i]
+    [a, d],
+    [o.startOf("week"), n],
+    [M.startOf("week"), i]
   ];
-}, x = (o, i) => {
-  const l = o.startOf("week"), h = i.endOf("week"), s = l.get("month"), n = h.get("month");
-  return s === n ? [[l, h]] : (s + 1) % 12 === n ? ce(l, h) : s + 2 === n || (s + 1) % 11 === n ? ie(l, h) : [];
-}, _ = (o) => Array.from(Array.from({ length: o }).keys()), ue = (o, i) => {
-  const l = o.subtract(1, "month").endOf("month").date();
-  return _(i).map((h, s) => l - (i - s - 1));
-}, pe = (o) => {
-  const i = o.daysInMonth();
-  return _(i).map((l, h) => h + 1);
-}, me = (o) => _(o.length / 7).map((i) => {
-  const l = i * 7;
-  return o.slice(l, l + 7);
-}), fe = { key: 0 }, ye = { class: "das-calendar-header-box" }, ke = { class: "das-calendar-header-week-line" }, ge = ["onClick"], we = {
+}, q = (a, i) => {
+  const d = a.startOf("week"), h = i.endOf("week"), o = d.get("month"), n = h.get("month");
+  return o === n ? [[d, h]] : (o + 1) % 12 === n ? ce(d, h) : o + 2 === n || (o + 1) % 11 === n ? ie(d, h) : [];
+}, $ = (a) => Array.from(Array.from({ length: a }).keys()), ue = (a, i) => {
+  const d = a.subtract(1, "month").endOf("month").date();
+  return $(i).map((h, o) => d - (i - o - 1));
+}, me = (a) => {
+  const i = a.daysInMonth();
+  return $(i).map((d, h) => h + 1);
+}, fe = (a) => $(a.length / 7).map((i) => {
+  const d = i * 7;
+  return a.slice(d, d + 7);
+}), pe = { key: 0 }, ye = { class: "das-calendar-header-box" }, ke = { class: "das-calendar-header-week-line" }, ge = ["onClick"], we = {
   name: "calendar-table"
 }, G = /* @__PURE__ */ Q({
   ...we,
@@ -51,79 +51,79 @@ const ce = (o, i) => {
     cellHeight: {}
   },
   emits: ["pick"],
-  setup(o, { expose: i, emit: l }) {
-    const h = l, s = N(), n = o, f = b("128px"), D = b(), Y = 60, $ = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"], O = g(() => !!n.range && !!n.range.length), J = g(() => {
+  setup(a, { expose: i, emit: d }) {
+    const h = d, o = N(), n = a, p = W("128px"), M = W(), A = 60, S = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"], O = g(() => !!n.range && !!n.range.length), L = g(() => {
       const e = n.firstDayOfWeek, t = n.showZhou ? "das-calendar-weeks-zhou-" : "das-calendar-weeks-";
-      return e === 0 ? $.map((r) => A(`${t}${r}`)) : $.slice(e).concat($.slice(0, e)).map((r) => A(`${t}${r}`));
-    }), C = g(() => {
+      return e === 0 ? S.map((s) => B(`${t}${s}`)) : S.slice(e).concat(S.slice(0, e)).map((s) => B(`${t}${s}`));
+    }), v = g(() => {
       let e = [];
       if (O.value) {
-        const [t, r] = n.range;
+        const [t, s] = n.range;
         let c = [];
-        t.isSame(r, "month") ? c = _(r.date() - t.date() + 1).map((z) => ({
-          text: t.date() + z,
+        t.isSame(s, "month") ? c = $(s.date() - t.date() + 1).map((C) => ({
+          text: t.date() + C,
           type: "current"
-        })) : c = _(t.endOf("month").date() - t.date() + 1).map((z) => ({
-          text: t.date() + z,
+        })) : c = $(t.endOf("month").date() - t.date() + 1).map((C) => ({
+          text: t.date() + C,
           type: "current"
         }));
         let k = c.length % 7;
         k = k === 0 ? 0 : 7 - k;
-        const w = _(k).map((z, T) => ({
-          text: T + 1,
+        const w = $(k).map((C, x) => ({
+          text: x + 1,
           type: "next"
         }));
         e = c.concat(w);
       } else {
-        const t = n.date.startOf("month").day(), r = ue(
+        const t = n.date.startOf("month").day(), s = ue(
           n.date,
           (t - n.firstDayOfWeek + 7) % 7
-        ).map((z) => ({
-          text: z,
+        ).map((C) => ({
+          text: C,
           type: "prev"
-        })), c = pe(n.date).map((z) => ({
-          text: z,
+        })), c = me(n.date).map((C) => ({
+          text: C,
           type: "current"
         }));
-        e = [...r, ...c];
-        const k = 7 - (e.length % 7 || 7), w = _(k).map((z, T) => ({
-          text: T + 1,
+        e = [...s, ...c];
+        const k = 7 - (e.length % 7 || 7), w = $(k).map((C, x) => ({
+          text: x + 1,
           type: "next"
         }));
         if (e = e.concat(w), n.calendartType == "simple" && e.length / 7 < 6) {
-          const z = w.length ? w[w.length - 1].text : 0, T = _(7).map((We, X) => ({
-            text: z + X + 1,
+          const C = w.length ? w[w.length - 1].text : 0, x = $(7).map((_e, X) => ({
+            text: C + X + 1,
             type: "next"
           }));
-          e = e.concat(T);
+          e = e.concat(x);
         }
       }
-      return me(e);
+      return fe(e);
     }), H = () => {
-      var r;
-      const e = (r = n.parent) == null ? void 0 : r.offsetHeight;
-      let t = Number(e) - Y - 1;
-      f.value = t / C.value.length - 1 + "px";
+      var s;
+      const e = (s = n.parent) == null ? void 0 : s.offsetHeight;
+      let t = Number(e) - A - 1;
+      p.value = t / v.value.length - 1 + "px";
     };
     ae(
-      () => C.value,
+      () => v.value,
       (e) => {
         if (n.cellHeight) {
-          f.value = `${n.cellHeight}px`;
+          p.value = `${n.cellHeight}px`;
           return;
         }
-        e && e.length ? K(() => {
+        e && e.length ? I(() => {
           H();
-        }) : f.value = "128px";
+        }) : p.value = "128px";
       },
       { immediate: !0 }
     );
-    const W = () => {
+    const _ = () => {
       if (n.cellHeight) {
-        f.value = `${n.cellHeight}px`;
+        p.value = `${n.cellHeight}px`;
         return;
       }
-      K(() => {
+      I(() => {
         H();
       });
     }, y = (e, t) => {
@@ -135,28 +135,28 @@ const ce = (o, i) => {
         case "current":
           return n.date.date(e);
       }
-    }, R = ({ text: e, type: t }) => {
-      const r = [t], c = y(e, t);
-      return c.isSame(n.selectedDay, "day") && r.push("is-selected"), c.isSame(s, "day") && r.push("is-today"), r;
-    }, I = ({ text: e, type: t }) => {
-      const r = y(e, t);
-      h("pick", r);
-    }, a = (e) => {
-      const t = C.value[0];
+    }, Y = ({ text: e, type: t }) => {
+      const s = [t], c = y(e, t);
+      return c.isSame(n.selectedDay, "day") && s.push("is-selected"), c.isSame(o, "day") && s.push("is-today"), s;
+    }, E = ({ text: e, type: t }) => {
+      const s = y(e, t);
+      h("pick", s);
+    }, r = (e) => {
+      const t = v.value[0];
       if (t) {
-        const r = t[e];
-        if (r) {
-          const { text: c, type: k } = r;
+        const s = t[e];
+        if (s) {
+          const { text: c, type: k } = s;
           return y(c, k).format("MM/DD");
         }
       }
       return "";
-    }, p = (e) => {
-      const t = C.value[0];
+    }, m = (e) => {
+      const t = v.value[0];
       if (t) {
-        const r = t[e];
-        if (r) {
-          const { text: c, type: k } = r, w = y(c, k);
+        const s = t[e];
+        if (s) {
+          const { text: c, type: k } = s, w = y(c, k);
           return {
             isSelected: w.isSame(n.selectedDay),
             type: `${k}-month`,
@@ -171,72 +171,122 @@ const ce = (o, i) => {
         day: null,
         date: null
       };
-    }, d = ({ text: e, type: t }) => {
-      const r = y(e, t);
+    }, l = ({ text: e, type: t }) => {
+      const s = y(e, t);
       return {
-        isSelected: r.isSame(n.selectedDay),
+        isSelected: s.isSame(n.selectedDay),
         type: `${t}-month`,
-        day: r.format("YYYY-MM-DD"),
-        date: r.toDate()
+        day: s.format("YYYY-MM-DD"),
+        date: s.toDate()
       };
     };
     return i({
-      getHeight: W
-    }), (e, t) => C.value.length ? (u(), m("table", {
-      key: 0,
-      class: B(["das-calendar-table", { "is-range": O.value, "is-week": e.calendartType == "week", simple: e.calendartType == "simple" }]),
-      cellspacing: "0",
-      cellpadding: "0",
-      ref_key: "tableRef",
-      ref: D
-    }, [
-      e.hideHeader ? M("", !0) : (u(), m("thead", fe, [
-        (u(!0), m(j, null, P(J.value, (r, c) => (u(), m("th", {
-          class: "das-calendar-table-header",
-          key: r
-        }, [
-          S("div", ye, [
-            S("div", ke, [
-              S("div", {
-                class: B(["das-calendar-header-week", { highlight: e.highlightWeek }])
-              }, L(r), 3),
-              e.calendartType == "week" ? v(e.$slots, "week-type", {
-                key: 0,
-                data: p(c)
-              }) : M("", !0)
-            ]),
-            e.calendartType == "week" ? (u(), m("div", {
-              key: 0,
-              class: B(["das-calendar-header-day", { highlight: e.highlightDay }])
-            }, L(a(c)), 3)) : M("", !0)
-          ])
-        ]))), 128))
-      ])),
-      S("tbody", null, [
-        (u(!0), m(j, null, P(C.value, (r, c) => (u(), m("tr", {
-          key: c,
-          class: B({
-            "das-calendar-table-row": !0,
-            "hide-border": c === 0 && e.hideHeader
-          })
-        }, [
-          (u(!0), m(j, null, P(r, (k, w) => (u(), m("td", {
-            key: w,
-            class: B(R(k)),
-            onClick: (z) => I(k)
-          }, [
-            S("div", {
-              class: "das-calendar-day",
-              style: te({ height: f.value })
+      getHeight: _
+    }), (e, t) => v.value.length ? (u(), f(
+      "table",
+      {
+        key: 0,
+        class: T(["das-calendar-table", { "is-range": O.value, "is-week": a.calendartType == "week", simple: a.calendartType == "simple" }]),
+        cellspacing: "0",
+        cellpadding: "0",
+        ref_key: "tableRef",
+        ref: M
+      },
+      [
+        a.hideHeader ? z("v-if", !0) : (u(), f("thead", pe, [
+          (u(!0), f(
+            Z,
+            null,
+            j(L.value, (s, c) => (u(), f("th", {
+              class: "das-calendar-table-header",
+              key: s
             }, [
-              v(e.$slots, "date-cell", {
-                data: d(k)
-              })
-            ], 4)
-          ], 10, ge))), 128))
-        ], 2))), 128))
-      ])
-    ], 2)) : M("", !0);
+              b("div", ye, [
+                b("div", ke, [
+                  b(
+                    "div",
+                    {
+                      class: T(["das-calendar-header-week", { highlight: a.highlightWeek }])
+                    },
+                    P(s),
+                    3
+                    /* TEXT, CLASS */
+                  ),
+                  a.calendartType == "week" ? D(e.$slots, "week-type", {
+                    key: 0,
+                    data: m(c)
+                  }) : z("v-if", !0)
+                ]),
+                a.calendartType == "week" ? (u(), f(
+                  "div",
+                  {
+                    key: 0,
+                    class: T(["das-calendar-header-day", { highlight: a.highlightDay }])
+                  },
+                  P(r(c)),
+                  3
+                  /* TEXT, CLASS */
+                )) : z("v-if", !0)
+              ])
+            ]))),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ])),
+        b("tbody", null, [
+          (u(!0), f(
+            Z,
+            null,
+            j(v.value, (s, c) => (u(), f(
+              "tr",
+              {
+                key: c,
+                class: T({
+                  "das-calendar-table-row": !0,
+                  "hide-border": c === 0 && a.hideHeader
+                })
+              },
+              [
+                (u(!0), f(
+                  Z,
+                  null,
+                  j(s, (k, w) => (u(), f("td", {
+                    key: w,
+                    class: T(Y(k)),
+                    onClick: (C) => E(k)
+                  }, [
+                    z(" v-scrollbar "),
+                    z(' :style="{ height: trHeight }" '),
+                    b(
+                      "div",
+                      {
+                        class: "das-calendar-day",
+                        style: te({ height: p.value })
+                      },
+                      [
+                        D(e.$slots, "date-cell", {
+                          data: l(k)
+                        })
+                      ],
+                      4
+                      /* STYLE */
+                    )
+                  ], 10, ge))),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ],
+              2
+              /* CLASS */
+            ))),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ])
+      ],
+      2
+      /* CLASS */
+    )) : z("v-if", !0);
   }
 }), ze = {
   key: 0,
@@ -244,13 +294,13 @@ const ce = (o, i) => {
 }, Ce = {
   key: 1,
   class: "das-calendar-cell-date"
-}, Me = {
+}, ve = {
   key: 2,
   class: "das-calendar-cell-cont"
-}, De = {
+}, Me = {
   key: 1,
   class: "das-calendar-body 2"
-}, ve = {
+}, De = {
   key: 1,
   class: "das-calendar-cell-date"
 }, Oe = {
@@ -258,7 +308,7 @@ const ce = (o, i) => {
   class: "das-calendar-cell-cont"
 }, Ne = {
   name: "test"
-}, _e = /* @__PURE__ */ Q({
+}, $e = /* @__PURE__ */ Q({
   ...Ne,
   props: {
     modelValue: {},
@@ -273,133 +323,169 @@ const ce = (o, i) => {
     cellHeight: { default: 0 }
   },
   emits: ["update:model-value", "itemClick"],
-  setup(o, { expose: i, emit: l }) {
-    const h = g(() => q.value == "zh-CN" ? 1 : (q.value == "en", 0)), s = o, n = l, f = b(), D = b(), Y = b(), $ = g(() => s.firstDayOfWeek || h.value), O = b(), J = N(), C = g({
+  setup(a, { expose: i, emit: d }) {
+    const h = g(() => U.value == "zh-CN" ? 1 : (U.value == "en", 0)), o = a, n = d, p = W(), M = W(), A = W(), S = g(() => o.firstDayOfWeek || h.value), O = W(), L = N(), v = g({
       get() {
-        return s.modelValue ? (O.value = y.value, y.value) : O.value;
+        return o.modelValue ? (O.value = y.value, y.value) : O.value;
       },
-      set(a) {
-        if (!a) return;
-        O.value = a;
-        const p = a.toDate();
-        s.isSwitchMonth && n("update:model-value", p);
+      set(r) {
+        if (!r) return;
+        O.value = r;
+        const m = r.toDate();
+        o.isSwitchMonth && n("update:model-value", m);
       }
     }), H = g(() => {
-      if (s.type == "week") {
-        if (s.range) return s.range;
-        const p = (N(s.modelValue).day() - $.value + 7) % 7, d = 7 - (p + 1), e = [];
-        return e.push(N(s.modelValue).subtract(p, "day").toDate()), e.push(N(s.modelValue).add(d, "day").toDate()), e;
+      if (o.type == "week") {
+        if (o.range) return o.range;
+        const m = (N(o.modelValue).day() - S.value + 7) % 7, l = 7 - (m + 1), e = [];
+        return e.push(N(o.modelValue).subtract(m, "day").toDate()), e.push(N(o.modelValue).add(l, "day").toDate()), e;
       } else
-        return s.range ? s.range : void 0;
-    }), W = g(() => {
+        return o.range ? o.range : void 0;
+    }), _ = g(() => {
       if (!H.value) return [];
-      const a = H.value.map((e) => N(e)), [p, d] = a;
-      return s.type == "week" ? [[p, d]] : p.isAfter(d) ? [] : p.isSame(d, "month") ? x(p, d) : p.add(1, "month").month() !== d.month() ? [] : x(p, d);
-    }), y = g(() => s.modelValue ? N(s.modelValue) : C.value || (W.value.length ? W.value[0][0] : J));
+      const r = H.value.map((e) => N(e)), [m, l] = r;
+      return o.type == "week" ? [[m, l]] : m.isAfter(l) ? [] : m.isSame(l, "month") ? q(m, l) : m.add(1, "month").month() !== l.month() ? [] : q(m, l);
+    }), y = g(() => o.modelValue ? N(o.modelValue) : v.value || (_.value.length ? _.value[0][0] : L));
     g(() => y.value.subtract(1, "month").date(1)), g(() => y.value.add(1, "month").date(1)), g(() => y.value.subtract(1, "year").date(1)), g(() => y.value.add(1, "year").date(1)), g(() => {
-      const a = `das-calendar-month${y.value.format("M")}`;
-      return `${y.value.year()} ${A("das-calendar-year")} ${A(a)}`;
+      const r = `das-calendar-month${y.value.format("M")}`;
+      return `${y.value.year()} ${B("das-calendar-year")} ${B(r)}`;
     }), ne(() => {
-      Y.value = de(() => {
-        var a, p;
-        Array.isArray(D.value) ? (a = D.value[0]) == null || a.getHeight() : (p = D.value) == null || p.getHeight();
-      }, f.value);
+      A.value = le(() => {
+        var r, m;
+        Array.isArray(M.value) ? (r = M.value[0]) == null || r.getHeight() : (m = M.value) == null || m.getHeight();
+      }, p.value);
     }), re(() => {
-      Y.value.disconnect();
+      A.value.disconnect();
     });
-    const R = (a) => {
-      s.isSwitchSelection && (C.value = a), n("itemClick", a.toDate());
+    const Y = (r) => {
+      o.isSwitchSelection && (v.value = r), n("itemClick", r.toDate());
     };
     return i({
-      $calendar: f,
-      setActive: (a) => {
-        C.value = N(a), n("itemClick", a);
+      $calendar: p,
+      setActive: (r) => {
+        v.value = N(r), n("itemClick", r);
       }
-    }), (a, p) => (u(), m("div", {
-      ref_key: "$calendar",
-      ref: f,
-      class: "das-ui-calendar"
-    }, [
-      W.value.length === 0 ? (u(), m("div", ze, [
-        se(G, {
-          ref_key: "$calendarTable",
-          ref: D,
-          date: y.value,
-          firstDayOfWeek: $.value,
-          parent: f.value,
-          calendartType: a.type,
-          highlightWeek: a.highlightWeek,
-          highlightDay: a.highlightDay,
-          showZhou: a.showZhou,
-          cellHeight: a.cellHeight,
-          "selected-day": O.value,
-          onPick: R
-        }, U({
-          "date-cell": V((d) => [
-            a.$slots.custom ? v(a.$slots, "custom", F(Z({ key: 0 }, d))) : M("", !0),
-            a.type != "week" && !a.$slots.custom ? (u(), m("p", Ce, [
-              S("span", null, L(Number(d.data.day.split("-").slice(2)).toString()), 1),
-              v(a.$slots, "date-type", F(E(d)))
-            ])) : M("", !0),
-            a.$slots.custom ? M("", !0) : (u(), m("div", Me, [
-              v(a.$slots, "date-cell", F(E(d)))
-            ]))
-          ]),
-          _: 2
-        }, [
-          a.$slots["week-type"] && a.type == "week" ? {
-            name: "week-type",
-            fn: V((d) => [
-              v(a.$slots, "week-type", F(E(d)))
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["date", "firstDayOfWeek", "parent", "calendartType", "highlightWeek", "highlightDay", "showZhou", "cellHeight", "selected-day"])
-      ])) : (u(), m("div", De, [
-        (u(!0), m(j, null, P(W.value, (d, e) => (u(), oe(G, {
-          ref_for: !0,
-          ref_key: "$calendarTable",
-          ref: D,
-          key: e,
-          firstDayOfWeek: $.value,
-          date: d[0],
-          calendartType: a.type,
-          highlightWeek: a.highlightWeek,
-          highlightDay: a.highlightDay,
-          showZhou: a.showZhou,
-          cellHeight: a.cellHeight,
-          "selected-day": O.value,
-          range: d,
-          parent: f.value,
-          "hide-header": e !== 0,
-          onPick: R
-        }, U({
-          "date-cell": V((t) => [
-            a.$slots.custom ? v(a.$slots, "custom", Z({
-              key: 0,
-              ref_for: !0
-            }, t)) : M("", !0),
-            a.type != "week" && !a.$slots.custom ? (u(), m("p", ve, [
-              S("span", null, L(Number(t.data.day.split("-").slice(2)).toString()), 1)
-            ])) : M("", !0),
-            a.$slots.custom ? M("", !0) : (u(), m("div", Oe, [
-              v(a.$slots, "date-cell", Z({ ref_for: !0 }, t))
-            ]))
-          ]),
-          _: 2
-        }, [
-          a.$slots["week-type"] && a.type == "week" ? {
-            name: "week-type",
-            fn: V((t) => [
-              v(a.$slots, "week-type", Z({ ref_for: !0 }, t))
+    }), (r, m) => (u(), f(
+      "div",
+      {
+        ref_key: "$calendar",
+        ref: p,
+        class: "das-ui-calendar"
+      },
+      [
+        z(` <div class="das-calendar-header" >\r
+      <slot name="header" :date="i18nDate">\r
+        <div class="das-calendar-title" >{{ i18nDate }}</div>\r
+        <div class="das-calendar-button-group" v-if="validatedRange.length === 0" >\r
+          <das-button @click="selectDate('prev-month')" >  {{ t('das-calendar-prevMonth') }}</das-button>\r
+          <das-button @click="selectDate('today')" >  {{ t('das-calendar-today') }}</das-button>\r
+          <das-button @click="selectDate('next-month')" >  {{ t('das-calendar-nextMonth') }}</das-button>\r
+        </div>\r
+      </slot>\r
+    </div> `),
+        _.value.length === 0 ? (u(), f("div", ze, [
+          se(G, {
+            ref_key: "$calendarTable",
+            ref: M,
+            date: y.value,
+            firstDayOfWeek: S.value,
+            parent: p.value,
+            calendartType: a.type,
+            highlightWeek: a.highlightWeek,
+            highlightDay: a.highlightDay,
+            showZhou: a.showZhou,
+            cellHeight: a.cellHeight,
+            "selected-day": O.value,
+            onPick: Y
+          }, K({
+            "date-cell": R((l) => [
+              r.$slots.custom ? D(r.$slots, "custom", V(F({ key: 0 }, l))) : z("v-if", !0),
+              a.type != "week" && !r.$slots.custom ? (u(), f("p", Ce, [
+                b(
+                  "span",
+                  null,
+                  P(Number(l.data.day.split("-").slice(2)).toString()),
+                  1
+                  /* TEXT */
+                ),
+                D(r.$slots, "date-type", V(J(l)))
+              ])) : z("v-if", !0),
+              r.$slots.custom ? z("v-if", !0) : (u(), f("div", ve, [
+                D(r.$slots, "date-cell", V(J(l)))
+              ]))
             ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["firstDayOfWeek", "date", "calendartType", "highlightWeek", "highlightDay", "showZhou", "cellHeight", "selected-day", "range", "parent", "hide-header"]))), 128))
-      ]))
-    ], 512));
+            _: 2
+            /* DYNAMIC */
+          }, [
+            r.$slots["week-type"] && a.type == "week" ? {
+              name: "week-type",
+              fn: R((l) => [
+                D(r.$slots, "week-type", V(J(l)))
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["date", "firstDayOfWeek", "parent", "calendartType", "highlightWeek", "highlightDay", "showZhou", "cellHeight", "selected-day"])
+        ])) : (u(), f("div", Me, [
+          (u(!0), f(
+            Z,
+            null,
+            j(_.value, (l, e) => (u(), oe(G, {
+              ref_for: !0,
+              ref_key: "$calendarTable",
+              ref: M,
+              key: e,
+              firstDayOfWeek: S.value,
+              date: l[0],
+              calendartType: a.type,
+              highlightWeek: a.highlightWeek,
+              highlightDay: a.highlightDay,
+              showZhou: a.showZhou,
+              cellHeight: a.cellHeight,
+              "selected-day": O.value,
+              range: l,
+              parent: p.value,
+              "hide-header": e !== 0,
+              onPick: Y
+            }, K({
+              "date-cell": R((t) => [
+                r.$slots.custom ? D(r.$slots, "custom", F({
+                  key: 0,
+                  ref_for: !0
+                }, t)) : z("v-if", !0),
+                a.type != "week" && !r.$slots.custom ? (u(), f("p", De, [
+                  b(
+                    "span",
+                    null,
+                    P(Number(t.data.day.split("-").slice(2)).toString()),
+                    1
+                    /* TEXT */
+                  )
+                ])) : z("v-if", !0),
+                r.$slots.custom ? z("v-if", !0) : (u(), f("div", Oe, [
+                  D(r.$slots, "date-cell", F({ ref_for: !0 }, t))
+                ]))
+              ]),
+              _: 2
+              /* DYNAMIC */
+            }, [
+              r.$slots["week-type"] && a.type == "week" ? {
+                name: "week-type",
+                fn: R((t) => [
+                  D(r.$slots, "week-type", F({ ref_for: !0 }, t))
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["firstDayOfWeek", "date", "calendartType", "highlightWeek", "highlightDay", "showZhou", "cellHeight", "selected-day", "range", "parent", "hide-header"]))),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ]))
+      ],
+      512
+      /* NEED_PATCH */
+    ));
   }
-}), $e = {
+}), Se = {
   "--das-ui-calendar-color-primary": "#5582F3",
   // 主题色
   "--das-ui-calendar-color-text": "#212121",
@@ -418,7 +504,7 @@ const ce = (o, i) => {
   // 上/下一个月文字颜色
   // '--das-ui-calendar-head-height': '60px', // 日历表头高度
   // '--das-ui-calendar-cell-height': '128px', // 单元格高度
-}, Se = {
+}, be = {
   周: { "zh-CN": "周", en: "Week", "zh-MO": "周", _appCode: "framework" },
   日历: { "zh-CN": "日历", en: "Calendar", "zh-MO": "日曆", _appCode: "framework" },
   "das-calendar-prevMonth": { "zh-CN": "上个月", en: "Last Month", "zh-MO": "上個月", _appCode: "framework" },
@@ -466,10 +552,10 @@ const ce = (o, i) => {
   "das-calendar-months-nov": { "zh-CN": "十一月", en: "Nov", "zh-MO": "十一月", _appCode: "framework" },
   "das-calendar-months-dec": { "zh-CN": "十二月", en: "Dec", "zh-MO": "十二月", _appCode: "framework" }
 };
-le(Se);
-he($e);
-const Re = ee(_e), Ve = { name: `calendar ${A("日历")}` };
+de(be);
+he(Se);
+const Ye = ee($e), Re = { name: `calendar ${B("日历")}` };
 export {
-  Re as DasCalendar,
-  Ve as default
+  Ye as DasCalendar,
+  Re as default
 };