@das-fed/ui 6.4.0-test.1 → 6.4.0-test.11

package/packages/components/calendar/index.js

@@ -1,43 +1,43 @@
 import '@das-fed/ui/packages/components/calendar/style.css';
-import { withInstall as Q } from "@das-fed/utils/with-install/index";
-import { defineComponent as q, ref as O, computed as g, watch as X, nextTick as I, openBlock as i, createElementBlock as y, normalizeClass as B, Fragment as F, renderList as P, createElementVNode as W, toDisplayString as Z, renderSlot as M, createCommentVNode as C, normalizeStyle as ee, onMounted as te, onBeforeUnmount as ae, createVNode as ne, createSlots as x, withCtx as _, normalizeProps as R, mergeProps as V, guardReactiveProps as L, createBlock as se } from "vue";
-import { t as j, setI18nRule as re } from "@das-fed/web/packages/i18n/index";
+import { withInstall as X } from "@das-fed/utils/with-install/index";
+import { defineComponent as G, ref as O, computed as w, watch as ee, nextTick as x, openBlock as u, createElementBlock as m, normalizeClass as B, Fragment as j, renderList as P, createElementVNode as b, toDisplayString as J, renderSlot as N, createCommentVNode as C, normalizeStyle as ae, onMounted as te, onBeforeUnmount as ne, createVNode as re, createSlots as K, withCtx as V, normalizeProps as F, mergeProps as Z, guardReactiveProps as E, createBlock as se } from "vue";
+import { t as A, setI18nRule as oe } from "@das-fed/web/packages/i18n/index";
 import z from "dayjs";
-import le from "dayjs/plugin/localeData";
-import { SizeWatcher as oe } from "@das-fed/utils/size-watcher";
-import { setThemeRule as de } from "@das-fed/web/packages/theme/index";
-const ce = (o, h) => {
-  const d = o.endOf("month"), c = h.startOf("month"), s = d.isSame(c, "week") ? c.add(1, "week") : c;
+import de from "dayjs/plugin/localeData";
+import { SizeWatcher as le } from "@das-fed/utils/size-watcher";
+import { setThemeRule as ce } from "@das-fed/web/packages/theme/index";
+const he = (o, i) => {
+  const d = o.endOf("month"), c = i.startOf("month"), n = d.isSame(c, "week") ? c.add(1, "week") : c;
   return [
     [o, d],
-    [s.startOf("week"), h]
+    [n.startOf("week"), i]
   ];
-}, he = (o, h) => {
-  const d = o.endOf("month"), c = o.add(1, "month").startOf("month"), r = d.isSame(
+}, ie = (o, i) => {
+  const d = o.endOf("month"), c = o.add(1, "month").startOf("month"), s = d.isSame(
     c,
     "week"
-  ) ? c.add(1, "week") : c, s = r.endOf("month"), m = h.startOf("month"), N = s.isSame(m, "week") ? m.add(1, "week") : m;
+  ) ? c.add(1, "week") : c, n = s.endOf("month"), f = i.startOf("month"), _ = n.isSame(f, "week") ? f.add(1, "week") : f;
   return [
     [o, d],
-    [r.startOf("week"), s],
-    [N.startOf("week"), h]
+    [s.startOf("week"), n],
+    [_.startOf("week"), i]
   ];
-}, K = (o, h) => {
-  const d = o.startOf("week"), c = h.endOf("week"), r = d.get("month"), s = c.get("month");
-  return r === s ? [[d, c]] : (r + 1) % 12 === s ? ce(d, c) : r + 2 === s || (r + 1) % 11 === s ? he(d, c) : [];
-}, $ = (o) => Array.from(Array.from({ length: o }).keys()), ie = (o, h) => {
+}, U = (o, i) => {
+  const d = o.startOf("week"), c = i.endOf("week"), s = d.get("month"), n = c.get("month");
+  return s === n ? [[d, c]] : (s + 1) % 12 === n ? he(d, c) : s + 2 === n || (s + 1) % 11 === n ? ie(d, c) : [];
+}, $ = (o) => Array.from(Array.from({ length: o }).keys()), ue = (o, i) => {
   const d = o.subtract(1, "month").endOf("month").date();
-  return $(h).map((c, r) => d - (h - r - 1));
-}, ue = (o) => {
-  const h = o.daysInMonth();
-  return $(h).map((d, c) => c + 1);
-}, ye = (o) => $(o.length / 7).map((h) => {
-  const d = h * 7;
+  return $(i).map((c, s) => d - (i - s - 1));
+}, pe = (o) => {
+  const i = o.daysInMonth();
+  return $(i).map((d, c) => c + 1);
+}, me = (o) => $(o.length / 7).map((i) => {
+  const d = i * 7;
   return o.slice(d, d + 7);
-}), me = { key: 0 }, pe = { class: "das-calendar-header-box" }, fe = { class: "das-calendar-header-week-line" }, ge = ["onClick"], ke = {
+}), fe = { key: 0 }, ye = { class: "das-calendar-header-box" }, ke = { class: "das-calendar-header-week-line" }, ge = ["onClick"], we = {
   name: "calendar-table"
-}, U = /* @__PURE__ */ q({
-  ...ke,
+}, q = /* @__PURE__ */ G({
+  ...we,
   props: {
     selectedDay: {},
     date: {},
@@ -52,118 +52,117 @@ const ce = (o, h) => {
     cellHeight: {}
   },
   emits: ["pick"],
-  setup(o, { expose: h, emit: d }) {
-    const c = d, r = z(), s = o, m = O("128px"), N = O(), H = 60, b = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"], S = g(() => !!s.range && !!s.range.length), J = g(() => {
-      const e = s.firstDayOfWeek, a = s.showZhou ? "das-calendar-weeks-zhou-" : "das-calendar-weeks-";
-      return e === 0 ? b.map((n) => j(`${a}${n}`)) : b.slice(e).concat(b.slice(0, e)).map((n) => j(`${a}${n}`));
-    }), D = g(() => {
+  setup(o, { expose: i, emit: d }) {
+    const c = d, s = z(), n = o, f = O("128px"), _ = O(), Y = 60, S = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"], M = w(() => !!n.range && !!n.range.length), L = w(() => {
+      const e = n.firstDayOfWeek, t = n.showZhou ? "das-calendar-weeks-zhou-" : "das-calendar-weeks-";
+      return e === 0 ? S.map((r) => A(`${t}${r}`)) : S.slice(e).concat(S.slice(0, e)).map((r) => A(`${t}${r}`));
+    }), D = w(() => {
       let e = [];
-      if (S.value) {
-        const [a, n] = s.range;
-        let l = [];
-        a.isSame(n, "month") ? l = $(n.date() - a.date() + 1).map((k) => ({
-          text: a.date() + k,
+      if (M.value) {
+        const [t, r] = n.range;
+        let h = [];
+        t.isSame(r, "month") ? h = $(r.date() - t.date() + 1).map((v) => ({
+          text: t.date() + v,
           type: "current"
-        })) : l = $(a.endOf("month").date() - a.date() + 1).map((k) => ({
-          text: a.date() + k,
+        })) : h = $(t.endOf("month").date() - t.date() + 1).map((v) => ({
+          text: t.date() + v,
           type: "current"
         }));
-        let p = l.length % 7;
-        p = p === 0 ? 0 : 7 - p;
-        const f = $(p).map((k, T) => ({
+        let k = h.length % 7;
+        k = k === 0 ? 0 : 7 - k;
+        const g = $(k).map((v, T) => ({
           text: T + 1,
           type: "next"
         }));
-        e = l.concat(f);
+        e = h.concat(g);
       } else {
-        const a = s.date.startOf("month").day(), n = ie(
-          s.date,
-          (a - s.firstDayOfWeek + 7) % 7
-        ).map((k) => ({
-          text: k,
+        const t = n.date.startOf("month").day(), r = ue(
+          n.date,
+          (t - n.firstDayOfWeek + 7) % 7
+        ).map((v) => ({
+          text: v,
           type: "prev"
-        })), l = ue(s.date).map((k) => ({
-          text: k,
+        })), h = pe(n.date).map((v) => ({
+          text: v,
           type: "current"
         }));
-        e = [...n, ...l];
-        const p = 7 - (e.length % 7 || 7), f = $(p).map((k, T) => ({
+        e = [...r, ...h];
+        const k = 7 - (e.length % 7 || 7), g = $(k).map((v, T) => ({
           text: T + 1,
           type: "next"
         }));
-        if (e = e.concat(f), s.calendartType == "simple" && e.length / 7 < 6) {
-          const k = f.length ? f[f.length - 1].text : 0, T = $(7).map((We, G) => ({
-            text: k + G + 1,
+        if (e = e.concat(g), n.calendartType == "simple" && e.length / 7 < 6) {
+          const v = g.length ? g[g.length - 1].text : 0, T = $(7).map((We, Q) => ({
+            text: v + Q + 1,
             type: "next"
           }));
           e = e.concat(T);
         }
       }
-      return ye(e);
-    });
-    X(
+      return me(e);
+    }), H = () => {
+      var r;
+      const e = (r = n.parent) == null ? void 0 : r.offsetHeight;
+      let t = Number(e) - Y - 1;
+      f.value = t / D.value.length - 1 + "px";
+    };
+    ee(
       () => D.value,
       (e) => {
-        if (s.cellHeight) {
-          m.value = `${s.cellHeight}px`;
+        if (n.cellHeight) {
+          f.value = `${n.cellHeight}px`;
           return;
         }
-        e && e.length ? I(() => {
-          var l;
-          const a = (l = s.parent) == null ? void 0 : l.offsetHeight;
-          let n = Number(a) - H - 1;
-          m.value = n / e.length - 1 + "px";
-        }) : m.value = "128px";
+        e && e.length ? x(() => {
+          H();
+        }) : f.value = "128px";
       },
       { immediate: !0 }
     );
-    const A = () => {
-      if (s.cellHeight) {
-        m.value = `${s.cellHeight}px`;
+    const W = () => {
+      if (n.cellHeight) {
+        f.value = `${n.cellHeight}px`;
         return;
       }
-      I(() => {
-        var n;
-        const e = (n = s.parent) == null ? void 0 : n.offsetHeight;
-        let a = Number(e) - H;
-        m.value = a / D.value.length - 1 * D.value.length + "px";
+      x(() => {
+        H();
       });
-    }, w = (e, a) => {
-      switch (a) {
+    }, y = (e, t) => {
+      switch (t) {
         case "prev":
-          return s.date.startOf("month").subtract(1, "month").date(e);
+          return n.date.startOf("month").subtract(1, "month").date(e);
         case "next":
-          return s.date.startOf("month").add(1, "month").date(e);
+          return n.date.startOf("month").add(1, "month").date(e);
         case "current":
-          return s.date.date(e);
+          return n.date.date(e);
       }
-    }, v = ({ text: e, type: a }) => {
-      const n = [a], l = w(e, a);
-      return l.isSame(s.selectedDay, "day") && n.push("is-selected"), l.isSame(r, "day") && n.push("is-today"), n;
-    }, Y = ({ text: e, type: a }) => {
-      const n = w(e, a);
-      c("pick", n);
-    }, E = (e) => {
-      const a = D.value[0];
-      if (a) {
-        const n = a[e];
-        if (n) {
-          const { text: l, type: p } = n;
-          return w(l, p).format("MM/DD");
+    }, R = ({ text: e, type: t }) => {
+      const r = [t], h = y(e, t);
+      return h.isSame(n.selectedDay, "day") && r.push("is-selected"), h.isSame(s, "day") && r.push("is-today"), r;
+    }, I = ({ text: e, type: t }) => {
+      const r = y(e, t);
+      c("pick", r);
+    }, a = (e) => {
+      const t = D.value[0];
+      if (t) {
+        const r = t[e];
+        if (r) {
+          const { text: h, type: k } = r;
+          return y(h, k).format("MM/DD");
         }
       }
       return "";
-    }, t = (e) => {
-      const a = D.value[0];
-      if (a) {
-        const n = a[e];
-        if (n) {
-          const { text: l, type: p } = n, f = w(l, p);
+    }, p = (e) => {
+      const t = D.value[0];
+      if (t) {
+        const r = t[e];
+        if (r) {
+          const { text: h, type: k } = r, g = y(h, k);
           return {
-            isSelected: f.isSame(s.selectedDay),
-            type: `${p}-month`,
-            day: f.format("YYYY-MM-DD"),
-            date: f.toDate()
+            isSelected: g.isSame(n.selectedDay),
+            type: `${k}-month`,
+            day: g.format("YYYY-MM-DD"),
+            date: g.toDate()
           };
         }
       }
@@ -173,86 +172,136 @@ const ce = (o, h) => {
         day: null,
         date: null
       };
-    }, u = ({ text: e, type: a }) => {
-      const n = w(e, a);
+    }, l = ({ text: e, type: t }) => {
+      const r = y(e, t);
       return {
-        isSelected: n.isSame(s.selectedDay),
-        type: `${a}-month`,
-        day: n.format("YYYY-MM-DD"),
-        date: n.toDate()
+        isSelected: r.isSame(n.selectedDay),
+        type: `${t}-month`,
+        day: r.format("YYYY-MM-DD"),
+        date: r.toDate()
       };
     };
-    return h({
-      getHeight: A
-    }), (e, a) => D.value.length ? (i(), y("table", {
-      key: 0,
-      class: B(["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 ? C("", !0) : (i(), y("thead", me, [
-        (i(!0), y(F, null, P(J.value, (n, l) => (i(), y("th", {
-          class: "das-calendar-table-header",
-          key: n
-        }, [
-          W("div", pe, [
-            W("div", fe, [
-              W("div", {
-                class: B(["das-calendar-header-week", { highlight: e.highlightWeek }])
-              }, Z(n), 3),
-              e.calendartType == "week" ? M(e.$slots, "week-type", {
-                key: 0,
-                data: t(l)
-              }) : C("", !0)
-            ]),
-            e.calendartType == "week" ? (i(), y("div", {
-              key: 0,
-              class: B(["das-calendar-header-day", { highlight: e.highlightDay }])
-            }, Z(E(l)), 3)) : C("", !0)
-          ])
-        ]))), 128))
-      ])),
-      W("tbody", null, [
-        (i(!0), y(F, null, P(D.value, (n, l) => (i(), y("tr", {
-          key: l,
-          class: B({
-            "das-calendar-table-row": !0,
-            "hide-border": l === 0 && e.hideHeader
-          })
-        }, [
-          (i(!0), y(F, null, P(n, (p, f) => (i(), y("td", {
-            key: f,
-            class: B(v(p)),
-            onClick: (k) => Y(p)
-          }, [
-            W("div", {
-              class: "das-calendar-day",
-              style: ee({ height: m.value })
+    return i({
+      getHeight: W
+    }), (e, t) => D.value.length ? (u(), m(
+      "table",
+      {
+        key: 0,
+        class: B(["das-calendar-table", { "is-range": M.value, "is-week": e.calendartType == "week", simple: e.calendartType == "simple" }]),
+        cellspacing: "0",
+        cellpadding: "0",
+        ref_key: "tableRef",
+        ref: _
+      },
+      [
+        e.hideHeader ? C("v-if", !0) : (u(), m("thead", fe, [
+          (u(!0), m(
+            j,
+            null,
+            P(L.value, (r, h) => (u(), m("th", {
+              class: "das-calendar-table-header",
+              key: r
             }, [
-              M(e.$slots, "date-cell", {
-                data: u(p)
-              })
-            ], 4)
-          ], 10, ge))), 128))
-        ], 2))), 128))
-      ])
-    ], 2)) : C("", !0);
+              b("div", ye, [
+                b("div", ke, [
+                  b(
+                    "div",
+                    {
+                      class: B(["das-calendar-header-week", { highlight: e.highlightWeek }])
+                    },
+                    J(r),
+                    3
+                    /* TEXT, CLASS */
+                  ),
+                  e.calendartType == "week" ? N(e.$slots, "week-type", {
+                    key: 0,
+                    data: p(h)
+                  }) : C("v-if", !0)
+                ]),
+                e.calendartType == "week" ? (u(), m(
+                  "div",
+                  {
+                    key: 0,
+                    class: B(["das-calendar-header-day", { highlight: e.highlightDay }])
+                  },
+                  J(a(h)),
+                  3
+                  /* TEXT, CLASS */
+                )) : C("v-if", !0)
+              ])
+            ]))),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ])),
+        b("tbody", null, [
+          (u(!0), m(
+            j,
+            null,
+            P(D.value, (r, h) => (u(), m(
+              "tr",
+              {
+                key: h,
+                class: B({
+                  "das-calendar-table-row": !0,
+                  "hide-border": h === 0 && e.hideHeader
+                })
+              },
+              [
+                (u(!0), m(
+                  j,
+                  null,
+                  P(r, (k, g) => (u(), m("td", {
+                    key: g,
+                    class: B(R(k)),
+                    onClick: (v) => I(k)
+                  }, [
+                    C(" v-scrollbar "),
+                    C(' :style="{ height: trHeight }" '),
+                    b(
+                      "div",
+                      {
+                        class: "das-calendar-day",
+                        style: ae({ height: f.value })
+                      },
+                      [
+                        N(e.$slots, "date-cell", {
+                          data: l(k)
+                        })
+                      ],
+                      4
+                      /* STYLE */
+                    )
+                  ], 10, ge))),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ],
+              2
+              /* CLASS */
+            ))),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ])
+      ],
+      2
+      /* CLASS */
+    )) : C("v-if", !0);
   }
-}), De = {
+}), Ce = {
   key: 0,
   class: "das-calendar-body 1"
 }, ve = {
   key: 1,
   class: "das-calendar-cell-date"
-}, we = {
+}, De = {
   key: 2,
   class: "das-calendar-cell-cont"
 }, ze = {
   key: 1,
   class: "das-calendar-body 2"
-}, Ce = {
+}, _e = {
   key: 1,
   class: "das-calendar-cell-date"
 }, Ne = {
@@ -260,7 +309,7 @@ const ce = (o, h) => {
   class: "das-calendar-cell-cont"
 }, Me = {
   name: "test"
-}, Se = /* @__PURE__ */ q({
+}, $e = /* @__PURE__ */ G({
   ...Me,
   props: {
     modelValue: {},
@@ -275,134 +324,170 @@ const ce = (o, h) => {
     cellHeight: { default: 0 }
   },
   emits: ["update:model-value", "itemClick"],
-  setup(o, { expose: h, emit: d }) {
-    z.extend(le);
-    const c = z.localeData().firstDayOfWeek(), r = o, s = d, m = O(), N = O(), H = O(), b = g(() => r.firstDayOfWeek || c), S = O(), J = z(), D = g({
+  setup(o, { expose: i, emit: d }) {
+    z.extend(de);
+    const c = z.localeData().firstDayOfWeek(), s = o, n = d, f = O(), _ = O(), Y = O(), S = w(() => s.firstDayOfWeek || c), M = O(), L = z(), D = w({
       get() {
-        return r.modelValue ? (S.value = v.value, v.value) : S.value;
+        return s.modelValue ? (M.value = y.value, y.value) : M.value;
       },
-      set(t) {
-        if (!t) return;
-        S.value = t;
-        const u = t.toDate();
-        r.isSwitchMonth && s("update:model-value", u);
+      set(a) {
+        if (!a) return;
+        M.value = a;
+        const p = a.toDate();
+        s.isSwitchMonth && n("update:model-value", p);
       }
-    }), A = g(() => {
-      if (r.type == "week") {
-        if (r.range) return r.range;
-        const u = (z(r.modelValue).day() - b.value + 7) % 7, e = 7 - (u + 1), a = [];
-        return a.push(z(r.modelValue).subtract(u, "day").toDate()), a.push(z(r.modelValue).add(e, "day").toDate()), a;
+    }), H = w(() => {
+      if (s.type == "week") {
+        if (s.range) return s.range;
+        const p = (z(s.modelValue).day() - S.value + 7) % 7, l = 7 - (p + 1), e = [];
+        return e.push(z(s.modelValue).subtract(p, "day").toDate()), e.push(z(s.modelValue).add(l, "day").toDate()), e;
       } else
-        return r.range ? r.range : void 0;
-    }), w = g(() => {
-      if (!A.value) return [];
-      const t = A.value.map((a) => z(a)), [u, e] = t;
-      return r.type == "week" ? [[u, e]] : u.isAfter(e) ? [] : u.isSame(e, "month") ? K(u, e) : u.add(1, "month").month() !== e.month() ? [] : K(u, e);
-    }), v = g(() => r.modelValue ? z(r.modelValue) : D.value || (w.value.length ? w.value[0][0] : J));
-    g(() => v.value.subtract(1, "month").date(1)), g(() => v.value.add(1, "month").date(1)), g(() => v.value.subtract(1, "year").date(1)), g(() => v.value.add(1, "year").date(1)), g(() => {
-      const t = `das-calendar-month${v.value.format("M")}`;
-      return `${v.value.year()} ${j("das-calendar-year")} ${j(t)}`;
+        return s.range ? s.range : void 0;
+    }), W = w(() => {
+      if (!H.value) return [];
+      const a = H.value.map((e) => z(e)), [p, l] = a;
+      return s.type == "week" ? [[p, l]] : p.isAfter(l) ? [] : p.isSame(l, "month") ? U(p, l) : p.add(1, "month").month() !== l.month() ? [] : U(p, l);
+    }), y = w(() => s.modelValue ? z(s.modelValue) : D.value || (W.value.length ? W.value[0][0] : L));
+    w(() => y.value.subtract(1, "month").date(1)), w(() => y.value.add(1, "month").date(1)), w(() => y.value.subtract(1, "year").date(1)), w(() => y.value.add(1, "year").date(1)), w(() => {
+      const a = `das-calendar-month${y.value.format("M")}`;
+      return `${y.value.year()} ${A("das-calendar-year")} ${A(a)}`;
     }), te(() => {
-      H.value = oe(() => {
-        var t, u;
-        Array.isArray(N.value) ? (t = N.value[0]) == null || t.getHeight() : (u = N.value) == null || u.getHeight();
-      }, m.value);
-    }), ae(() => {
-      H.value.disconnect();
+      Y.value = le(() => {
+        var a, p;
+        Array.isArray(_.value) ? (a = _.value[0]) == null || a.getHeight() : (p = _.value) == null || p.getHeight();
+      }, f.value);
+    }), ne(() => {
+      Y.value.disconnect();
     });
-    const Y = (t) => {
-      r.isSwitchSelection && (D.value = t), s("itemClick", t.toDate());
+    const R = (a) => {
+      s.isSwitchSelection && (D.value = a), n("itemClick", a.toDate());
     };
-    return h({
-      $calendar: m,
-      setActive: (t) => {
-        D.value = z(t), s("itemClick", t);
+    return i({
+      $calendar: f,
+      setActive: (a) => {
+        D.value = z(a), n("itemClick", a);
       }
-    }), (t, u) => (i(), y("div", {
-      ref_key: "$calendar",
-      ref: m,
-      class: "das-ui-calendar"
-    }, [
-      w.value.length === 0 ? (i(), y("div", De, [
-        ne(U, {
-          ref_key: "$calendarTable",
-          ref: N,
-          date: v.value,
-          firstDayOfWeek: b.value,
-          parent: m.value,
-          calendartType: t.type,
-          highlightWeek: t.highlightWeek,
-          highlightDay: t.highlightDay,
-          showZhou: t.showZhou,
-          cellHeight: t.cellHeight,
-          "selected-day": S.value,
-          onPick: Y
-        }, x({
-          "date-cell": _((e) => [
-            t.$slots.custom ? M(t.$slots, "custom", R(V({ key: 0 }, e))) : C("", !0),
-            t.type != "week" && !t.$slots.custom ? (i(), y("p", ve, [
-              W("span", null, Z(Number(e.data.day.split("-").slice(2)).toString()), 1),
-              M(t.$slots, "date-type", R(L(e)))
-            ])) : C("", !0),
-            t.$slots.custom ? C("", !0) : (i(), y("div", we, [
-              M(t.$slots, "date-cell", R(L(e)))
-            ]))
-          ]),
-          _: 2
-        }, [
-          t.$slots["week-type"] && t.type == "week" ? {
-            name: "week-type",
-            fn: _((e) => [
-              M(t.$slots, "week-type", R(L(e)))
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["date", "firstDayOfWeek", "parent", "calendartType", "highlightWeek", "highlightDay", "showZhou", "cellHeight", "selected-day"])
-      ])) : (i(), y("div", ze, [
-        (i(!0), y(F, null, P(w.value, (e, a) => (i(), se(U, {
-          ref_for: !0,
-          ref_key: "$calendarTable",
-          ref: N,
-          key: a,
-          firstDayOfWeek: b.value,
-          date: e[0],
-          calendartType: t.type,
-          highlightWeek: t.highlightWeek,
-          highlightDay: t.highlightDay,
-          showZhou: t.showZhou,
-          cellHeight: t.cellHeight,
-          "selected-day": S.value,
-          range: e,
-          parent: m.value,
-          "hide-header": a !== 0,
-          onPick: Y
-        }, x({
-          "date-cell": _((n) => [
-            t.$slots.custom ? M(t.$slots, "custom", V({
-              key: 0,
-              ref_for: !0
-            }, n)) : C("", !0),
-            t.type != "week" && !t.$slots.custom ? (i(), y("p", Ce, [
-              W("span", null, Z(Number(n.data.day.split("-").slice(2)).toString()), 1)
-            ])) : C("", !0),
-            t.$slots.custom ? C("", !0) : (i(), y("div", Ne, [
-              M(t.$slots, "date-cell", V({ ref_for: !0 }, n))
-            ]))
-          ]),
-          _: 2
-        }, [
-          t.$slots["week-type"] && t.type == "week" ? {
-            name: "week-type",
-            fn: _((n) => [
-              M(t.$slots, "week-type", V({ ref_for: !0 }, n))
+    }), (a, p) => (u(), m(
+      "div",
+      {
+        ref_key: "$calendar",
+        ref: f,
+        class: "das-ui-calendar"
+      },
+      [
+        C(` <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> `),
+        W.value.length === 0 ? (u(), m("div", Ce, [
+          re(q, {
+            ref_key: "$calendarTable",
+            ref: _,
+            date: y.value,
+            firstDayOfWeek: S.value,
+            parent: f.value,
+            calendartType: a.type,
+            highlightWeek: a.highlightWeek,
+            highlightDay: a.highlightDay,
+            showZhou: a.showZhou,
+            cellHeight: a.cellHeight,
+            "selected-day": M.value,
+            onPick: R
+          }, K({
+            "date-cell": V((l) => [
+              a.$slots.custom ? N(a.$slots, "custom", F(Z({ key: 0 }, l))) : C("v-if", !0),
+              a.type != "week" && !a.$slots.custom ? (u(), m("p", ve, [
+                b(
+                  "span",
+                  null,
+                  J(Number(l.data.day.split("-").slice(2)).toString()),
+                  1
+                  /* TEXT */
+                ),
+                N(a.$slots, "date-type", F(E(l)))
+              ])) : C("v-if", !0),
+              a.$slots.custom ? C("v-if", !0) : (u(), m("div", De, [
+                N(a.$slots, "date-cell", F(E(l)))
+              ]))
             ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["firstDayOfWeek", "date", "calendartType", "highlightWeek", "highlightDay", "showZhou", "cellHeight", "selected-day", "range", "parent", "hide-header"]))), 128))
-      ]))
-    ], 512));
+            _: 2
+            /* DYNAMIC */
+          }, [
+            a.$slots["week-type"] && a.type == "week" ? {
+              name: "week-type",
+              fn: V((l) => [
+                N(a.$slots, "week-type", F(E(l)))
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["date", "firstDayOfWeek", "parent", "calendartType", "highlightWeek", "highlightDay", "showZhou", "cellHeight", "selected-day"])
+        ])) : (u(), m("div", ze, [
+          (u(!0), m(
+            j,
+            null,
+            P(W.value, (l, e) => (u(), se(q, {
+              ref_for: !0,
+              ref_key: "$calendarTable",
+              ref: _,
+              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": M.value,
+              range: l,
+              parent: f.value,
+              "hide-header": e !== 0,
+              onPick: R
+            }, K({
+              "date-cell": V((t) => [
+                a.$slots.custom ? N(a.$slots, "custom", Z({
+                  key: 0,
+                  ref_for: !0
+                }, t)) : C("v-if", !0),
+                a.type != "week" && !a.$slots.custom ? (u(), m("p", _e, [
+                  b(
+                    "span",
+                    null,
+                    J(Number(t.data.day.split("-").slice(2)).toString()),
+                    1
+                    /* TEXT */
+                  )
+                ])) : C("v-if", !0),
+                a.$slots.custom ? C("v-if", !0) : (u(), m("div", Ne, [
+                  N(a.$slots, "date-cell", Z({ ref_for: !0 }, t))
+                ]))
+              ]),
+              _: 2
+              /* DYNAMIC */
+            }, [
+              a.$slots["week-type"] && a.type == "week" ? {
+                name: "week-type",
+                fn: V((t) => [
+                  N(a.$slots, "week-type", Z({ 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",
@@ -422,55 +507,57 @@ const ce = (o, h) => {
   // '--das-ui-calendar-head-height': '60px', // 日历表头高度
   // '--das-ui-calendar-cell-height': '128px', // 单元格高度
 }, be = {
-  "das-calendar-prevMonth": { "zh-CN": "上个月", en: "Previous Month" },
-  "das-calendar-nextMonth": { "zh-CN": "下个月", en: "Next Month" },
-  "das-calendar-prevYear": { "zh-CN": "前一年", en: "Previous Year" },
-  "das-calendar-nextYear": { "zh-CN": "后一年", en: "Next Year" },
-  "das-calendar-year": { "zh-CN": "年", en: "" },
-  "das-calendar-today": { "zh-CN": "今天", en: "Today" },
-  "das-calendar-month1": { "zh-CN": "1 月", en: "January" },
-  "das-calendar-month2": { "zh-CN": "2 月", en: "February" },
-  "das-calendar-month3": { "zh-CN": "3 月", en: "March" },
-  "das-calendar-month4": { "zh-CN": "4 月", en: "April" },
-  "das-calendar-month5": { "zh-CN": "5 月", en: "May" },
-  "das-calendar-month6": { "zh-CN": "6 月", en: "June" },
-  "das-calendar-month7": { "zh-CN": "7 月", en: "July" },
-  "das-calendar-month8": { "zh-CN": "8 月", en: "August" },
-  "das-calendar-month9": { "zh-CN": "9 月", en: "September" },
-  "das-calendar-month10": { "zh-CN": "10 月", en: "October" },
-  "das-calendar-month11": { "zh-CN": "11 月", en: "November" },
-  "das-calendar-month12": { "zh-CN": "12 月", en: "December" },
-  "das-calendar-weeks-sun": { "zh-CN": "日", en: "Sun" },
-  "das-calendar-weeks-mon": { "zh-CN": "一", en: "Mon" },
-  "das-calendar-weeks-tue": { "zh-CN": "二", en: "Tue" },
-  "das-calendar-weeks-wed": { "zh-CN": "三", en: "Wed" },
-  "das-calendar-weeks-thu": { "zh-CN": "四", en: "Thu" },
-  "das-calendar-weeks-fri": { "zh-CN": "五", en: "Fri" },
-  "das-calendar-weeks-sat": { "zh-CN": "六", en: "Sat" },
-  "das-calendar-weeks-zhou-sun": { "zh-CN": "周日", en: "Sun" },
-  "das-calendar-weeks-zhou-mon": { "zh-CN": "周一", en: "Mon" },
-  "das-calendar-weeks-zhou-tue": { "zh-CN": "周二", en: "Tue" },
-  "das-calendar-weeks-zhou-wed": { "zh-CN": "周三", en: "Wed" },
-  "das-calendar-weeks-zhou-thu": { "zh-CN": "周四", en: "Thu" },
-  "das-calendar-weeks-zhou-fri": { "zh-CN": "周五", en: "Fri" },
-  "das-calendar-weeks-zhou-sat": { "zh-CN": "周六", en: "Sat" },
-  "das-calendar-months-jan": { "zh-CN": "一月", en: "Jan" },
-  "das-calendar-months-feb": { "zh-CN": "二月", en: "Feb" },
-  "das-calendar-months-mar": { "zh-CN": "三月", en: "Mar" },
-  "das-calendar-months-apr": { "zh-CN": "四月", en: "Apr" },
-  "das-calendar-months-may": { "zh-CN": "五月", en: "May" },
-  "das-calendar-months-jun": { "zh-CN": "六月", en: "Jun" },
-  "das-calendar-months-jul": { "zh-CN": "七月", en: "Jul" },
-  "das-calendar-months-aug": { "zh-CN": "八月", en: "Aug" },
-  "das-calendar-months-sep": { "zh-CN": "九月", en: "Sep" },
-  "das-calendar-months-oct": { "zh-CN": "十月", en: "Oct" },
-  "das-calendar-months-nov": { "zh-CN": "十一月", en: "Nov" },
-  "das-calendar-months-dec": { "zh-CN": "十二月", en: "Dec" }
+  周: { "zh-CN": "周", en: "Week", _appCode: "framework" },
+  日历: { "zh-CN": "日历", en: "Calendar", _appCode: "framework" },
+  "das-calendar-prevMonth": { "zh-CN": "上个月", en: "Last Month", _appCode: "framework" },
+  "das-calendar-nextMonth": { "zh-CN": "下个月", en: "Next Month", _appCode: "framework" },
+  "das-calendar-prevYear": { "zh-CN": "前一年", en: "Previous Year", _appCode: "framework" },
+  "das-calendar-nextYear": { "zh-CN": "后一年", en: "Next Year", _appCode: "framework" },
+  "das-calendar-year": { "zh-CN": "年", en: "Year", _appCode: "framework" },
+  "das-calendar-today": { "zh-CN": "今天", en: "Today", _appCode: "framework" },
+  "das-calendar-weeks-sun": { "zh-CN": "日", en: "Sun", _appCode: "framework" },
+  "das-calendar-weeks-mon": { "zh-CN": "一", en: "Mon", _appCode: "framework" },
+  "das-calendar-weeks-tue": { "zh-CN": "二", en: "Tues", _appCode: "framework" },
+  "das-calendar-weeks-wed": { "zh-CN": "三", en: "Wed", _appCode: "framework" },
+  "das-calendar-weeks-thu": { "zh-CN": "四", en: "Thur", _appCode: "framework" },
+  "das-calendar-weeks-fri": { "zh-CN": "五", en: "Fri", _appCode: "framework" },
+  "das-calendar-weeks-sat": { "zh-CN": "六", en: "Sat", _appCode: "framework" },
+  "das-calendar-weeks-zhou-sun": { "zh-CN": "周日", en: "Sun", _appCode: "framework" },
+  "das-calendar-weeks-zhou-mon": { "zh-CN": "周一", en: "Mon", _appCode: "framework" },
+  "das-calendar-weeks-zhou-tue": { "zh-CN": "周二", en: "Tues", _appCode: "framework" },
+  "das-calendar-weeks-zhou-wed": { "zh-CN": "周三", en: "Wed", _appCode: "framework" },
+  "das-calendar-weeks-zhou-thu": { "zh-CN": "周四", en: "Thur", _appCode: "framework" },
+  "das-calendar-weeks-zhou-fri": { "zh-CN": "周五", en: "Fri", _appCode: "framework" },
+  "das-calendar-weeks-zhou-sat": { "zh-CN": "周六", en: "Sat", _appCode: "framework" },
+  "das-calendar-month1": { "zh-CN": "1 月", en: "Jan", _appCode: "framework" },
+  "das-calendar-month2": { "zh-CN": "2 月", en: "Feb", _appCode: "framework" },
+  "das-calendar-month3": { "zh-CN": "3 月", en: "Mar", _appCode: "framework" },
+  "das-calendar-month4": { "zh-CN": "4 月", en: "Apr", _appCode: "framework" },
+  "das-calendar-month5": { "zh-CN": "5 月", en: "May", _appCode: "framework" },
+  "das-calendar-month6": { "zh-CN": "6 月", en: "Jun", _appCode: "framework" },
+  "das-calendar-month7": { "zh-CN": "7 月", en: "Jul", _appCode: "framework" },
+  "das-calendar-month8": { "zh-CN": "8 月", en: "Aug", _appCode: "framework" },
+  "das-calendar-month9": { "zh-CN": "9 月", en: "Sept", _appCode: "framework" },
+  "das-calendar-month10": { "zh-CN": "10 月", en: "Oct", _appCode: "framework" },
+  "das-calendar-month11": { "zh-CN": "11 月", en: "Nov", _appCode: "framework" },
+  "das-calendar-month12": { "zh-CN": "12 月", en: "Dec", _appCode: "framework" },
+  "das-calendar-months-jan": { "zh-CN": "一月", en: "Jan", _appCode: "framework" },
+  "das-calendar-months-feb": { "zh-CN": "二月", en: "Feb", _appCode: "framework" },
+  "das-calendar-months-mar": { "zh-CN": "三月", en: "Mar", _appCode: "framework" },
+  "das-calendar-months-apr": { "zh-CN": "四月", en: "Apr", _appCode: "framework" },
+  "das-calendar-months-may": { "zh-CN": "五月", en: "May", _appCode: "framework" },
+  "das-calendar-months-jun": { "zh-CN": "六月", en: "Jun", _appCode: "framework" },
+  "das-calendar-months-jul": { "zh-CN": "七月", en: "Jul", _appCode: "framework" },
+  "das-calendar-months-aug": { "zh-CN": "八月", en: "Aug", _appCode: "framework" },
+  "das-calendar-months-sep": { "zh-CN": "九月", en: "Sept", _appCode: "framework" },
+  "das-calendar-months-oct": { "zh-CN": "十月", en: "Oct", _appCode: "framework" },
+  "das-calendar-months-nov": { "zh-CN": "十一月", en: "Nov", _appCode: "framework" },
+  "das-calendar-months-dec": { "zh-CN": "十二月", en: "Dec", _appCode: "framework" }
 };
-re(be);
-de($e);
-const Re = Q(Se), Ve = { name: "calendar 日历" };
+oe(be);
+ce(Se);
+const Ve = X($e), Fe = { name: `calendar ${A("日历")}` };
 export {
-  Re as DasCalendar,
-  Ve as default
+  Ve as DasCalendar,
+  Fe as default
 };