@das-fed/ui 7.1.0-qatar.13 → 7.1.0-qatar.15

package/packages/components/calendar/index.js

@@ -1,38 +1,38 @@
 import '@das-fed/ui/packages/components/calendar/style.css';
 import { withInstall as ae } from "@das-fed/utils/with-install/index";
-import { defineComponent as X, ref as O, computed as g, watch as te, nextTick as G, createElementBlock as m, createCommentVNode as C, openBlock as u, normalizeClass as A, createElementVNode as b, Fragment as P, renderList as L, renderSlot as N, toDisplayString as J, normalizeStyle as re, onMounted as ne, onBeforeUnmount as se, createVNode as oe, createSlots as K, withCtx as F, normalizeProps as Z, mergeProps as j, guardReactiveProps as E, createBlock as de } from "vue";
-import { t as B, currentLang as U, setI18nRule as le } from "@das-fed/web/packages/i18n/index";
+import { defineComponent as X, ref as O, computed as g, watch as te, nextTick as G, createElementBlock as m, createCommentVNode as D, openBlock as u, normalizeClass as A, createElementVNode as W, Fragment as P, renderList as L, renderSlot as N, toDisplayString as J, normalizeStyle as re, onMounted as ne, onBeforeUnmount as oe, createVNode as se, createSlots as K, withCtx as F, normalizeProps as Z, mergeProps as j, guardReactiveProps as I, createBlock as le } from "vue";
+import { t as B, currentLang as U, setI18nRule as de } from "@das-fed/web/packages/i18n/index";
 import M from "dayjs";
 import { SizeWatcher as ce } from "@das-fed/utils/size-watcher";
 import { getVar as Y, setGlobalThemeRule as he, setThemeRule as ie } from "@das-fed/web/packages/theme/index";
-const ue = (o, i) => {
-  const d = o.endOf("month"), c = i.startOf("month"), r = d.isSame(c, "week") ? c.add(1, "week") : c;
+const ue = (s, i) => {
+  const l = s.endOf("month"), c = i.startOf("month"), r = l.isSame(c, "week") ? c.add(1, "week") : c;
   return [
-    [o, d],
+    [s, l],
     [r.startOf("week"), i]
   ];
-}, pe = (o, i) => {
-  const d = o.endOf("month"), c = o.add(1, "month").startOf("month"), s = d.isSame(
+}, pe = (s, i) => {
+  const l = s.endOf("month"), c = s.add(1, "month").startOf("month"), o = l.isSame(
     c,
     "week"
-  ) ? c.add(1, "week") : c, r = s.endOf("month"), f = i.startOf("month"), z = r.isSame(f, "week") ? f.add(1, "week") : f;
+  ) ? c.add(1, "week") : c, r = o.endOf("month"), f = i.startOf("month"), z = r.isSame(f, "week") ? f.add(1, "week") : f;
   return [
-    [o, d],
-    [s.startOf("week"), r],
+    [s, l],
+    [o.startOf("week"), r],
     [z.startOf("week"), i]
   ];
-}, q = (o, i) => {
-  const d = o.startOf("week"), c = i.endOf("week"), s = d.get("month"), r = c.get("month");
-  return s === r ? [[d, c]] : (s + 1) % 12 === r ? ue(d, c) : s + 2 === r || (s + 1) % 11 === r ? pe(d, c) : [];
-}, $ = (o) => Array.from(Array.from({ length: o }).keys()), me = (o, i) => {
-  const d = o.subtract(1, "month").endOf("month").date();
-  return $(i).map((c, s) => d - (i - s - 1));
-}, fe = (o) => {
-  const i = o.daysInMonth();
-  return $(i).map((d, c) => c + 1);
-}, ye = (o) => $(o.length / 7).map((i) => {
-  const d = i * 7;
-  return o.slice(d, d + 7);
+}, q = (s, i) => {
+  const l = s.startOf("week"), c = i.endOf("week"), o = l.get("month"), r = c.get("month");
+  return o === r ? [[l, c]] : (o + 1) % 12 === r ? ue(l, c) : o + 2 === r || (o + 1) % 11 === r ? pe(l, c) : [];
+}, $ = (s) => Array.from(Array.from({ length: s }).keys()), me = (s, i) => {
+  const l = s.subtract(1, "month").endOf("month").date();
+  return $(i).map((c, o) => l - (i - o - 1));
+}, fe = (s) => {
+  const i = s.daysInMonth();
+  return $(i).map((l, c) => c + 1);
+}, ye = (s) => $(s.length / 7).map((i) => {
+  const l = i * 7;
+  return s.slice(l, l + 7);
 }), ke = { key: 0 }, ge = { class: "das-calendar-header-box" }, we = { class: "das-calendar-header-week-line" }, Ce = ["onClick"], ve = {
   name: "calendar-table"
 }, Q = /* @__PURE__ */ X({
@@ -51,25 +51,25 @@ const ue = (o, i) => {
     cellHeight: {}
   },
   emits: ["pick"],
-  setup(o, { expose: i, emit: d }) {
-    const c = d, s = M(), r = o, f = O("128px"), z = O(), R = 60, S = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"], _ = g(() => !!r.range && !!r.range.length), x = g(() => {
+  setup(s, { expose: i, emit: l }) {
+    const c = l, o = M(), r = s, f = O("128px"), z = O(), R = 60, S = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"], _ = g(() => !!r.range && !!r.range.length), E = g(() => {
       const e = r.firstDayOfWeek, t = r.showZhou ? "das-calendar-weeks-zhou-" : "das-calendar-weeks-";
       return e === 0 ? S.map((n) => B(`${t}${n}`)) : S.slice(e).concat(S.slice(0, e)).map((n) => B(`${t}${n}`));
-    }), D = g(() => {
+    }), v = g(() => {
       let e = [];
       if (_.value) {
         const [t, n] = r.range;
         let h = [];
-        t.isSame(n, "month") ? h = $(n.date() - t.date() + 1).map((v) => ({
-          text: t.date() + v,
+        t.isSame(n, "month") ? h = $(n.date() - t.date() + 1).map((C) => ({
+          text: t.date() + C,
           type: "current"
-        })) : h = $(t.endOf("month").date() - t.date() + 1).map((v) => ({
-          text: t.date() + v,
+        })) : h = $(t.endOf("month").date() - t.date() + 1).map((C) => ({
+          text: t.date() + C,
           type: "current"
         }));
         let k = h.length % 7;
         k = k === 0 ? 0 : 7 - k;
-        const w = $(k).map((v, T) => ({
+        const w = $(k).map((C, T) => ({
           text: T + 1,
           type: "next"
         }));
@@ -78,21 +78,21 @@ const ue = (o, i) => {
         const t = r.date.startOf("month").day(), n = me(
           r.date,
           (t - r.firstDayOfWeek + 7) % 7
-        ).map((v) => ({
-          text: v,
+        ).map((C) => ({
+          text: C,
           type: "prev"
-        })), h = fe(r.date).map((v) => ({
-          text: v,
+        })), h = fe(r.date).map((C) => ({
+          text: C,
           type: "current"
         }));
         e = [...n, ...h];
-        const k = 7 - (e.length % 7 || 7), w = $(k).map((v, T) => ({
+        const k = 7 - (e.length % 7 || 7), w = $(k).map((C, T) => ({
           text: T + 1,
           type: "next"
         }));
         if (e = e.concat(w), r.calendartType == "simple" && e.length / 7 < 6) {
-          const v = w.length ? w[w.length - 1].text : 0, T = $(7).map((He, ee) => ({
-            text: v + ee + 1,
+          const C = w.length ? w[w.length - 1].text : 0, T = $(7).map((He, ee) => ({
+            text: C + ee + 1,
             type: "next"
           }));
           e = e.concat(T);
@@ -103,10 +103,10 @@ const ue = (o, i) => {
       var n;
       const e = (n = r.parent) == null ? void 0 : n.offsetHeight;
       let t = Number(e) - R - 1;
-      f.value = t / D.value.length - 1 + "px";
+      f.value = t / v.value.length - 1 + "px";
     };
     te(
-      () => D.value,
+      () => v.value,
       (e) => {
         if (r.cellHeight) {
           f.value = `${r.cellHeight}px`;
@@ -118,7 +118,7 @@ const ue = (o, i) => {
       },
       { immediate: !0 }
     );
-    const W = () => {
+    const b = () => {
       if (r.cellHeight) {
         f.value = `${r.cellHeight}px`;
         return;
@@ -137,12 +137,12 @@ const ue = (o, i) => {
       }
     }, V = ({ text: e, type: t }) => {
       const n = [t], h = y(e, t);
-      return h.isSame(r.selectedDay, "day") && n.push("is-selected"), h.isSame(s, "day") && n.push("is-today"), n;
-    }, I = ({ text: e, type: t }) => {
+      return h.isSame(r.selectedDay, "day") && n.push("is-selected"), h.isSame(o, "day") && n.push("is-today"), n;
+    }, x = ({ text: e, type: t }) => {
       const n = y(e, t);
       c("pick", n);
     }, a = (e) => {
-      const t = D.value[0];
+      const t = v.value[0];
       if (t) {
         const n = t[e];
         if (n) {
@@ -152,7 +152,7 @@ const ue = (o, i) => {
       }
       return "";
     }, p = (e) => {
-      const t = D.value[0];
+      const t = v.value[0];
       if (t) {
         const n = t[e];
         if (n) {
@@ -171,7 +171,7 @@ const ue = (o, i) => {
         day: null,
         date: null
       };
-    }, l = ({ text: e, type: t }) => {
+    }, d = ({ text: e, type: t }) => {
       const n = y(e, t);
       return {
         isSelected: n.isSame(r.selectedDay),
@@ -181,8 +181,8 @@ const ue = (o, i) => {
       };
     };
     return i({
-      getHeight: W
-    }), (e, t) => D.value.length ? (u(), m(
+      getHeight: b
+    }), (e, t) => v.value.length ? (u(), m(
       "table",
       {
         key: 0,
@@ -193,17 +193,17 @@ const ue = (o, i) => {
         ref: z
       },
       [
-        e.hideHeader ? C("v-if", !0) : (u(), m("thead", ke, [
+        e.hideHeader ? D("v-if", !0) : (u(), m("thead", ke, [
           (u(!0), m(
             P,
             null,
-            L(x.value, (n, h) => (u(), m("th", {
+            L(E.value, (n, h) => (u(), m("th", {
               class: "das-calendar-table-header",
               key: n
             }, [
-              b("div", ge, [
-                b("div", we, [
-                  b(
+              W("div", ge, [
+                W("div", we, [
+                  W(
                     "div",
                     {
                       class: A(["das-calendar-header-week", { highlight: e.highlightWeek }])
@@ -215,7 +215,7 @@ const ue = (o, i) => {
                   e.calendartType == "week" ? N(e.$slots, "week-type", {
                     key: 0,
                     data: p(h)
-                  }) : C("v-if", !0)
+                  }) : D("v-if", !0)
                 ]),
                 e.calendartType == "week" ? (u(), m(
                   "div",
@@ -226,18 +226,18 @@ const ue = (o, i) => {
                   J(a(h)),
                   3
                   /* TEXT, CLASS */
-                )) : C("v-if", !0)
+                )) : D("v-if", !0)
               ])
             ]))),
             128
             /* KEYED_FRAGMENT */
           ))
         ])),
-        b("tbody", null, [
+        W("tbody", null, [
           (u(!0), m(
             P,
             null,
-            L(D.value, (n, h) => (u(), m(
+            L(v.value, (n, h) => (u(), m(
               "tr",
               {
                 key: h,
@@ -253,11 +253,9 @@ const ue = (o, i) => {
                   L(n, (k, w) => (u(), m("td", {
                     key: w,
                     class: A(V(k)),
-                    onClick: (v) => I(k)
+                    onClick: (C) => x(k)
                   }, [
-                    C(" v-scrollbar "),
-                    C(' :style="{ height: trHeight }" '),
-                    b(
+                    W(
                       "div",
                       {
                         class: "das-calendar-day",
@@ -265,7 +263,7 @@ const ue = (o, i) => {
                       },
                       [
                         N(e.$slots, "date-cell", {
-                          data: l(k)
+                          data: d(k)
                         })
                       ],
                       4
@@ -286,7 +284,7 @@ const ue = (o, i) => {
       ],
       2
       /* CLASS */
-    )) : C("v-if", !0);
+    )) : D("v-if", !0);
   }
 }), De = {
   key: 0,
@@ -308,7 +306,7 @@ const ue = (o, i) => {
   class: "das-calendar-cell-cont"
 }, Se = {
   name: "test"
-}, be = /* @__PURE__ */ X({
+}, We = /* @__PURE__ */ X({
   ...Se,
   props: {
     modelValue: {},
@@ -323,29 +321,29 @@ const ue = (o, i) => {
     cellHeight: { default: 0 }
   },
   emits: ["update:model-value", "itemClick"],
-  setup(o, { expose: i, emit: d }) {
-    const c = g(() => U.value == "zh-CN" ? 1 : (U.value == "en", 0)), s = o, r = d, f = O(), z = O(), R = O(), S = g(() => s.firstDayOfWeek || c.value), _ = O(), x = M(), D = g({
+  setup(s, { expose: i, emit: l }) {
+    const c = g(() => U.value == "zh-CN" ? 1 : (U.value == "en", 0)), o = s, r = l, f = O(), z = O(), R = O(), S = g(() => o.firstDayOfWeek || c.value), _ = O(), E = M(), v = g({
       get() {
-        return s.modelValue ? (_.value = y.value, y.value) : _.value;
+        return o.modelValue ? (_.value = y.value, y.value) : _.value;
       },
       set(a) {
         if (!a) return;
         _.value = a;
         const p = a.toDate();
-        s.isSwitchMonth && r("update:model-value", p);
+        o.isSwitchMonth && r("update:model-value", p);
       }
     }), H = g(() => {
-      if (s.type == "week") {
-        if (s.range) return s.range;
-        const p = (M(s.modelValue).day() - S.value + 7) % 7, l = 7 - (p + 1), e = [];
-        return e.push(M(s.modelValue).subtract(p, "day").toDate()), e.push(M(s.modelValue).add(l, "day").toDate()), e;
+      if (o.type == "week") {
+        if (o.range) return o.range;
+        const p = (M(o.modelValue).day() - S.value + 7) % 7, d = 7 - (p + 1), e = [];
+        return e.push(M(o.modelValue).subtract(p, "day").toDate()), e.push(M(o.modelValue).add(d, "day").toDate()), e;
       } else
-        return s.range ? s.range : void 0;
-    }), W = g(() => {
+        return o.range ? o.range : void 0;
+    }), b = g(() => {
       if (!H.value) return [];
-      const a = H.value.map((e) => M(e)), [p, l] = a;
-      return s.type == "week" ? [[p, l]] : p.isAfter(l) ? [] : p.isSame(l, "month") ? q(p, l) : p.add(1, "month").month() !== l.month() ? [] : q(p, l);
-    }), y = g(() => s.modelValue ? M(s.modelValue) : D.value || (W.value.length ? W.value[0][0] : x));
+      const a = H.value.map((e) => M(e)), [p, d] = a;
+      return o.type == "week" ? [[p, d]] : p.isAfter(d) ? [] : p.isSame(d, "month") ? q(p, d) : p.add(1, "month").month() !== d.month() ? [] : q(p, d);
+    }), y = g(() => o.modelValue ? M(o.modelValue) : v.value || (b.value.length ? b.value[0][0] : E));
     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()} ${B("das-calendar-year")} ${B(a)}`;
@@ -354,16 +352,16 @@ const ue = (o, i) => {
         var a, p;
         Array.isArray(z.value) ? (a = z.value[0]) == null || a.getHeight() : (p = z.value) == null || p.getHeight();
       }, f.value);
-    }), se(() => {
+    }), oe(() => {
       R.value.disconnect();
     });
     const V = (a) => {
-      s.isSwitchSelection && (D.value = a), r("itemClick", a.toDate());
+      o.isSwitchSelection && (v.value = a), r("itemClick", a.toDate());
     };
     return i({
       $calendar: f,
       setActive: (a) => {
-        D.value = M(a), r("itemClick", a);
+        v.value = M(a), r("itemClick", a);
       }
     }), (a, p) => (u(), m(
       "div",
@@ -373,18 +371,8 @@ const ue = (o, i) => {
         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", De, [
-          oe(Q, {
+        b.value.length === 0 ? (u(), m("div", De, [
+          se(Q, {
             ref_key: "$calendarTable",
             ref: z,
             date: y.value,
@@ -398,20 +386,20 @@ const ue = (o, i) => {
             "selected-day": _.value,
             onPick: V
           }, K({
-            "date-cell": F((l) => [
-              a.$slots.custom ? N(a.$slots, "custom", Z(j({ key: 0 }, l))) : C("v-if", !0),
+            "date-cell": F((d) => [
+              a.$slots.custom ? N(a.$slots, "custom", Z(j({ key: 0 }, d))) : D("v-if", !0),
               a.type != "week" && !a.$slots.custom ? (u(), m("p", ze, [
-                b(
+                W(
                   "span",
                   null,
-                  J(Number(l.data.day.split("-").slice(2)).toString()),
+                  J(Number(d.data.day.split("-").slice(2)).toString()),
                   1
                   /* TEXT */
                 ),
-                N(a.$slots, "date-type", Z(E(l)))
-              ])) : C("v-if", !0),
-              a.$slots.custom ? C("v-if", !0) : (u(), m("div", Ne, [
-                N(a.$slots, "date-cell", Z(E(l)))
+                N(a.$slots, "date-type", Z(I(d)))
+              ])) : D("v-if", !0),
+              a.$slots.custom ? D("v-if", !0) : (u(), m("div", Ne, [
+                N(a.$slots, "date-cell", Z(I(d)))
               ]))
             ]),
             _: 2
@@ -419,8 +407,8 @@ const ue = (o, i) => {
           }, [
             a.$slots["week-type"] && a.type == "week" ? {
               name: "week-type",
-              fn: F((l) => [
-                N(a.$slots, "week-type", Z(E(l)))
+              fn: F((d) => [
+                N(a.$slots, "week-type", Z(I(d)))
               ]),
               key: "0"
             } : void 0
@@ -429,20 +417,20 @@ const ue = (o, i) => {
           (u(!0), m(
             P,
             null,
-            L(W.value, (l, e) => (u(), de(Q, {
+            L(b.value, (d, e) => (u(), le(Q, {
               ref_for: !0,
               ref_key: "$calendarTable",
               ref: z,
               key: e,
               firstDayOfWeek: S.value,
-              date: l[0],
+              date: d[0],
               calendartType: a.type,
               highlightWeek: a.highlightWeek,
               highlightDay: a.highlightDay,
               showZhou: a.showZhou,
               cellHeight: a.cellHeight,
               "selected-day": _.value,
-              range: l,
+              range: d,
               parent: f.value,
               "hide-header": e !== 0,
               onPick: V
@@ -451,17 +439,17 @@ const ue = (o, i) => {
                 a.$slots.custom ? N(a.$slots, "custom", j({
                   key: 0,
                   ref_for: !0
-                }, t)) : C("v-if", !0),
+                }, t)) : D("v-if", !0),
                 a.type != "week" && !a.$slots.custom ? (u(), m("p", Me, [
-                  b(
+                  W(
                     "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", $e, [
+                ])) : D("v-if", !0),
+                a.$slots.custom ? D("v-if", !0) : (u(), m("div", $e, [
                   N(a.$slots, "date-cell", j({ ref_for: !0 }, t))
                 ]))
               ]),
@@ -485,7 +473,7 @@ const ue = (o, i) => {
       /* NEED_PATCH */
     ));
   }
-}), We = {
+}), be = {
   "--das-ui-calendar-color-primary": Y("--das-color-brand-primary"),
   // 主题色
   "--das-ui-calendar-color-text": Y("--das-color-text-title"),
@@ -552,10 +540,10 @@ const ue = (o, i) => {
   "das-calendar-months-nov": { "zh-CN": "十一月", en: "Nov", ar: "نوفمبر", _appCode: "framework" },
   "das-calendar-months-dec": { "zh-CN": "十二月", en: "Dec", ar: "ديسمبر", _appCode: "framework" }
 };
-le(Oe);
+de(Oe);
 he();
-ie(We);
-const Fe = ae(be), Ze = { name: `calendar ${B("日历")}` };
+ie(be);
+const Fe = ae(We), Ze = { name: `calendar ${B("日历")}` };
 export {
   Fe as DasCalendar,
   Ze as default