x-next 1.18.0 → 1.18.1

package/dist/es/components/date-picker/DatePanel.vue.js

@@ -1,9 +1,9 @@
-import C from "./DatePanel.vue2.js";
-import { resolveComponent as u, openBlock as s, createElementBlock as n, withKeys as h, normalizeClass as o, createElementVNode as d, createVNode as b, createCommentVNode as r, toDisplayString as i, Fragment as k, renderList as p, renderSlot as v, createTextVNode as P } from "vue";
+import $ from "./DatePanel.vue2.js";
+import { resolveComponent as u, openBlock as s, createElementBlock as n, withKeys as C, normalizeClass as o, createElementVNode as m, createVNode as b, createCommentVNode as i, toDisplayString as r, Fragment as k, renderList as N, renderSlot as v, createTextVNode as P } from "vue";
 import L from "../../_virtual/_plugin-vue_export-helper.js";
-const I = ["aria-label"], R = ["aria-label"], S = ["aria-label"], E = ["aria-label"], D = { key: 0 }, M = ["title", "aria-label", "role", "tabindex", "disabled", "aria-selected", "onMouseenter", "onFocus", "onKeydown", "onClick"], T = ["onClick"];
-function V(e, t, K, B, W, z) {
-  const w = u("IconDoubleLeft"), g = u("IconLeft"), $ = u("IconRight"), f = u("IconDoubleRight");
+const I = ["aria-label"], R = ["aria-label"], D = ["aria-label"], S = ["aria-label"], E = { key: 0 }, M = ["title", "aria-label", "role", "tabindex", "disabled", "aria-selected", "onMouseenter", "onFocus", "onKeydown", "onClick"], T = ["onClick"], V = ["disabled"], K = ["disabled"];
+function B(e, t, W, F, z, j) {
+  const w = u("IconDoubleLeft"), g = u("IconLeft"), h = u("IconRight"), f = u("IconDoubleRight");
   return s(), n("div", {
     ref: "panelRef",
     class: o([
@@ -11,9 +11,9 @@ function V(e, t, K, B, W, z) {
       e.className.modifier(`mode-${e.mode}`),
       { [e.className.is("show-lunar")]: e.showLunar && e.mode === "date" }
     ]),
-    onKeydown: t[8] || (t[8] = h((l) => e.$emit("cancel"), ["esc"]))
+    onKeydown: t[7] || (t[7] = C((l) => e.$emit("cancel"), ["esc"]))
   }, [
-    d("div", {
+    m("div", {
       class: o([e.className.element("header"), e.className.element(`header-${e.panelPosition}`)])
     }, [
       e.panelPosition !== "right" ? (s(), n("button", {
@@ -24,7 +24,7 @@ function V(e, t, K, B, W, z) {
         onClick: t[0] || (t[0] = (l) => e.movePanel(-1, !0))
       }, [
         b(w)
-      ], 10, I)) : r("", !0),
+      ], 10, I)) : i("", !0),
       e.panelPosition !== "right" ? (s(), n("button", {
         key: 1,
         type: "button",
@@ -33,48 +33,46 @@ function V(e, t, K, B, W, z) {
         onClick: t[1] || (t[1] = (l) => e.movePanel(-1))
       }, [
         b(g)
-      ], 10, R)) : r("", !0),
-      d("button", {
-        type: "button",
-        class: o(e.className.element("header-label")),
-        onClick: t[2] || (t[2] = (...l) => e.zoomHeader && e.zoomHeader(...l))
-      }, i(e.headerLabel), 3),
+      ], 10, R)) : i("", !0),
+      m("div", {
+        class: o(e.className.element("header-label"))
+      }, r(e.headerLabel), 3),
       e.panelPosition !== "left" ? (s(), n("button", {
         key: 2,
         type: "button",
         class: o(e.className.element("header-btn")),
         "aria-label": e.t("datePicker.nextItem"),
-        onClick: t[3] || (t[3] = (l) => e.movePanel(1))
+        onClick: t[2] || (t[2] = (l) => e.movePanel(1))
       }, [
-        b($)
-      ], 10, S)) : r("", !0),
+        b(h)
+      ], 10, D)) : i("", !0),
       e.panelPosition !== "left" ? (s(), n("button", {
         key: 3,
         type: "button",
         class: o(e.className.element("header-btn")),
         "aria-label": e.t("datePicker.nextPage"),
-        onClick: t[4] || (t[4] = (l) => e.movePanel(1, !0))
+        onClick: t[3] || (t[3] = (l) => e.movePanel(1, !0))
       }, [
         b(f)
-      ], 10, E)) : r("", !0)
+      ], 10, S)) : i("", !0)
     ], 2),
     e.mode === "date" || e.mode === "week" ? (s(), n("div", {
       key: 0,
       class: o([e.className.element("weekdays"), { [e.className.is("week-mode")]: e.mode === "week" }])
     }, [
-      e.mode === "week" ? (s(), n("span", D, i(e.t("datePicker.weekColumn")), 1)) : r("", !0),
-      (s(!0), n(k, null, p(e.weekdayLabels, (l) => (s(), n("span", { key: l }, i(l), 1))), 128))
-    ], 2)) : r("", !0),
-    d("div", {
+      e.mode === "week" ? (s(), n("span", E, r(e.t("datePicker.weekColumn")), 1)) : i("", !0),
+      (s(!0), n(k, null, N(e.weekdayLabels, (l) => (s(), n("span", { key: l }, r(l), 1))), 128))
+    ], 2)) : i("", !0),
+    m("div", {
       class: o([e.className.element("body"), e.className.element(`body-${e.mode}`)]),
       role: "grid"
     }, [
-      (s(!0), n(k, null, p(e.cellRows, (l, N) => (s(), n("div", {
-        key: N,
+      (s(!0), n(k, null, N(e.cellRows, (l, p) => (s(), n("div", {
+        key: p,
         role: "row",
         class: o(e.className.element("row"))
       }, [
-        (s(!0), n(k, null, p(l, (a) => {
+        (s(!0), n(k, null, N(l, (a) => {
           var y;
           return s(), n("button", {
             key: a.title,
@@ -85,12 +83,12 @@ function V(e, t, K, B, W, z) {
             tabindex: a.title === ((y = e.activeCell) == null ? void 0 : y.title) ? 0 : -1,
             disabled: a.isWeekLabel || a.disabled || !a.inView,
             "aria-selected": !a.isWeekLabel && (a.selected || a.rangeStart || a.rangeEnd),
-            onMouseenter: (m) => e.handleCellMouseEnter(a),
-            onMouseleave: t[5] || (t[5] = (...m) => e.handleCellMouseLeave && e.handleCellMouseLeave(...m)),
-            onFocus: (m) => {
+            onMouseenter: (d) => e.handleCellMouseEnter(a),
+            onMouseleave: t[4] || (t[4] = (...d) => e.handleCellMouseLeave && e.handleCellMouseLeave(...d)),
+            onFocus: (d) => {
               e.activeTitle = a.title, e.handleCellMouseEnter(a);
             },
-            onKeydown: (m) => e.handleCellKeydown(m, a),
+            onKeydown: (d) => e.handleCellKeydown(d, a),
             class: o([
               e.className.element("cell"),
               {
@@ -110,26 +108,26 @@ function V(e, t, K, B, W, z) {
                 [e.className.is("week-selected")]: a.weekSelected
               }
             ]),
-            onClick: (m) => e.handleSelect(a)
+            onClick: (d) => e.handleSelect(a)
           }, [
-            d("span", {
+            m("span", {
               class: o(e.className.element("cell-date"))
             }, [
-              d("span", {
+              m("span", {
                 class: o(e.className.element("cell-inner"))
               }, [
                 v(e.$slots, "cell", {
                   date: a.value.toDate(),
                   label: a.label
                 }, () => [
-                  P(i(a.label), 1)
+                  P(r(a.label), 1)
                 ])
               ], 2)
             ], 2),
             a.lunar && !e.$slots.cell ? (s(), n("span", {
               key: 0,
               class: o(e.className.element("cell-lunar"))
-            }, i(a.lunar.displayText), 3)) : r("", !0)
+            }, r(a.lunar.displayText), 3)) : i("", !0)
           ], 42, M);
         }), 128))
       ], 2))), 128))
@@ -138,19 +136,19 @@ function V(e, t, K, B, W, z) {
       key: 1,
       class: o(e.className.element("shortcuts"))
     }, [
-      (s(!0), n(k, null, p(e.shortcuts, (l) => (s(), n("button", {
+      (s(!0), n(k, null, N(e.shortcuts, (l) => (s(), n("button", {
         key: String(l.label),
         type: "button",
         class: o(e.className.element("shortcut")),
-        onClick: (N) => e.$emit("shortcut", l)
-      }, i(l.label), 11, T))), 128)),
+        onClick: (p) => e.$emit("shortcut", l)
+      }, r(l.label), 11, T))), 128)),
       e.$slots.extra ? (s(), n("div", {
         key: 0,
         class: o(e.className.element("extra"))
       }, [
         v(e.$slots, "extra")
-      ], 2)) : r("", !0)
-    ], 2)) : r("", !0),
+      ], 2)) : i("", !0)
+    ], 2)) : i("", !0),
     e.showToday || e.showConfirmBtn ? (s(), n("div", {
       key: 2,
       class: o(e.className.element("footer"))
@@ -159,18 +157,20 @@ function V(e, t, K, B, W, z) {
         key: 0,
         type: "button",
         class: o([e.className.element("footer-btn"), e.className.element("today")]),
-        onClick: t[6] || (t[6] = (...l) => e.selectToday && e.selectToday(...l))
-      }, i(e.todayLabel), 3)) : r("", !0),
+        disabled: e.todayDisabled,
+        onClick: t[5] || (t[5] = (...l) => e.selectToday && e.selectToday(...l))
+      }, r(e.todayLabel), 11, V)) : i("", !0),
       e.showConfirmBtn ? (s(), n("button", {
         key: 1,
         type: "button",
         class: o([e.className.element("footer-btn"), e.className.element("confirm")]),
-        onClick: t[7] || (t[7] = (l) => e.$emit("confirm"))
-      }, i(e.t("datePicker.ok")), 3)) : r("", !0)
-    ], 2)) : r("", !0)
+        disabled: e.confirmDisabled,
+        onClick: t[6] || (t[6] = (l) => e.$emit("confirm"))
+      }, r(e.t("datePicker.ok")), 11, K)) : i("", !0)
+    ], 2)) : i("", !0)
   ], 34);
 }
-const q = /* @__PURE__ */ L(C, [["render", V]]);
+const H = /* @__PURE__ */ L($, [["render", B]]);
 export {
-  q as default
+  H as default
 };

package/dist/es/components/date-picker/DatePanel.vue2.js

@@ -1,13 +1,13 @@
-import { defineComponent as K, ref as L, watch as R, computed as i, nextTick as F } from "vue";
+import { defineComponent as K, ref as L, watch as I, computed as i, nextTick as F } from "vue";
 import { getClassNameMixin as Q } from "../../_utils/config.js";
 import { useLocale as Y } from "../../locale/index.js";
-import { getWeekdayLabels as G, getHeaderLabel as J, createDateCells as X, moveViewDate as B, normalizePanelValue as g } from "./utils.js";
-import { dayjs as I } from "../../_utils/date.js";
+import { getWeekdayLabels as G, getHeaderLabel as J, normalizePanelValue as v, createDateCells as X, moveViewDate as M } from "./utils.js";
+import { dayjs as P } from "../../_utils/date.js";
 import Z from "../../icons/default/left.js";
 import $ from "../../icons/default/right.js";
 import p from "../../icons/default/double-left.js";
 import ee from "../../icons/default/double-right.js";
-const se = K({
+const me = K({
   name: "DatePanel",
   components: {
     IconLeft: Z,
@@ -68,6 +68,10 @@ const se = K({
     showConfirmBtn: {
       type: Boolean,
       default: !0
+    },
+    confirmDisabled: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: {
@@ -79,27 +83,33 @@ const se = K({
     confirm: () => !0,
     cancel: () => !0
   },
-  setup(e, { emit: s }) {
-    const M = Q("date-picker"), { t: d, locale: P } = Y(), u = L(e.viewDate || e.value || e.rangeValue[0] || I()), W = L(), v = L("");
-    R(
+  setup(e, { emit: m }) {
+    const x = Q("date-picker"), { t: u, locale: W } = Y(), d = L(e.viewDate || e.value || e.rangeValue[0] || P()), S = L(), y = L("");
+    I(
       () => e.viewDate,
       (t) => {
-        t && (u.value = t);
+        t && (d.value = t);
       }
-    ), R(
+    ), I(
       () => [e.value, e.rangeValue[0], e.rangeValue[1], e.mode],
       () => {
         if (e.viewDate) return;
         const t = e.value || e.rangeValue[0] || e.rangeValue[1];
-        t && (u.value = t);
+        t && (d.value = t);
       }
     );
-    const x = i(
-      () => G(e.dayStartOfWeek, P.value.datePicker)
-    ), H = i(() => J(u.value, e.mode)), _ = i(() => e.mode === "month" ? d("datePicker.thisMonth") : e.mode === "year" ? d("datePicker.thisYear") : e.mode === "quarter" ? d("datePicker.thisQuarter") : e.mode === "week" ? d("datePicker.thisWeek") : d("datePicker.today")), r = i(
+    const _ = i(
+      () => G(e.dayStartOfWeek, W.value.datePicker)
+    ), H = i(() => J(d.value, e.mode)), N = i(() => e.mode === "month" ? u("datePicker.thisMonth") : e.mode === "year" ? u("datePicker.thisYear") : e.mode === "quarter" ? u("datePicker.thisQuarter") : e.mode === "week" ? u("datePicker.thisWeek") : u("datePicker.today")), A = i(() => {
+      var t;
+      return !!((t = e.disabledDate) != null && t.call(
+        e,
+        v(P(), e.mode, e.dayStartOfWeek).toDate()
+      ));
+    }), r = i(
       () => X({
         mode: e.mode,
-        viewDate: u.value,
+        viewDate: d.value,
         selectedValue: e.value,
         rangeValue: e.rangeValue,
         previewRangeValue: e.previewRangeValue,
@@ -107,31 +117,31 @@ const se = K({
         hideNotInViewDates: e.hideNotInViewDates,
         disabledDate: e.disabledDate,
         showLunar: e.showLunar,
-        locale: P.value.datePicker
+        locale: W.value.datePicker
       })
     ), c = i(
       () => e.mode === "date" || e.mode === "week" ? 7 : e.mode === "quarter" ? 2 : 3
-    ), N = i(() => {
+    ), T = i(() => {
       const t = e.mode === "week" ? 8 : c.value;
       return Array.from(
         { length: Math.ceil(r.value.length / t) },
         (a, l) => r.value.slice(l * t, (l + 1) * t)
       );
-    }), k = (t) => !t.isWeekLabel && !t.disabled && t.inView, T = i(() => {
-      const t = r.value.filter(k);
-      return t.find((a) => a.title === v.value) ?? t.find((a) => a.selected || a.rangeStart || a.rangeEnd) ?? t.find((a) => a.today && !a.outView) ?? t.find((a) => !a.outView) ?? t[0];
-    }), U = () => {
+    }), g = (t) => !t.isWeekLabel && !t.disabled && t.inView, U = i(() => {
+      const t = r.value.filter(g);
+      return t.find((a) => a.title === y.value) ?? t.find((a) => a.selected || a.rangeStart || a.rangeEnd) ?? t.find((a) => a.today && !a.outView) ?? t.find((a) => !a.outView) ?? t[0];
+    }), j = () => {
       F(() => {
         var t, a;
-        (a = (t = W.value) == null ? void 0 : t.querySelector('[role="gridcell"][tabindex="0"]')) == null || a.focus();
+        (a = (t = S.value) == null ? void 0 : t.querySelector('[role="gridcell"][tabindex="0"]')) == null || a.focus();
       });
-    }, y = (t) => {
-      u.value = t, s("view-date-change", t);
-    }, j = (t, a = !1) => {
-      y(B(u.value, e.mode, t, a)), v.value = "";
-    }, q = (t, a) => {
-      var C;
-      if (!k(a)) return;
+    }, k = (t) => {
+      d.value = t, m("view-date-change", t);
+    }, q = (t, a = !1) => {
+      k(M(d.value, e.mode, t, a)), y.value = "";
+    }, E = (t, a) => {
+      var B;
+      if (!g(a)) return;
       const l = t.key;
       if (![
         "ArrowLeft",
@@ -145,55 +155,54 @@ const se = K({
       ].includes(l))
         return;
       t.preventDefault();
-      const m = e.mode === "date" || e.mode === "week" ? "day" : e.mode === "year" ? "year" : "month", S = e.mode === "quarter" ? 3 : 1;
+      const s = e.mode === "date" || e.mode === "week" ? "day" : e.mode === "year" ? "year" : "month", C = e.mode === "quarter" ? 3 : 1;
       let f = l === "ArrowLeft" ? -1 : l === "ArrowRight" ? 1 : l === "ArrowUp" ? -c.value : c.value, n = a.value, w;
       if (l === "Home" || l === "End") {
-        const o = r.value.filter((D) => !D.isWeekLabel), b = o.findIndex((D) => D.title === a.title), V = Math.floor(b / c.value) * c.value, O = Math.min(V + c.value - 1, o.length - 1);
-        n = o[l === "Home" ? V : O].value, w = o[l === "Home" ? O : V].value, f = l === "Home" ? 1 : -1;
-      } else l === "PageUp" || l === "PageDown" ? (f = l === "PageUp" ? -1 : 1, n = B(a.value, e.mode, f, t.shiftKey)) : n = n.add(f * S, m);
+        const o = r.value.filter((V) => !V.isWeekLabel), b = o.findIndex((V) => V.title === a.title), D = Math.floor(b / c.value) * c.value, R = Math.min(D + c.value - 1, o.length - 1);
+        n = o[l === "Home" ? D : R].value, w = o[l === "Home" ? R : D].value, f = l === "Home" ? 1 : -1;
+      } else l === "PageUp" || l === "PageDown" ? (f = l === "PageUp" ? -1 : 1, n = M(a.value, e.mode, f, t.shiftKey)) : n = n.add(f * C, s);
       for (let o = 0; o < 366; o++) {
-        const b = g(n, e.mode);
-        if (!((C = e.disabledDate) != null && C.call(e, b.toDate()))) break;
-        if (n = n.add(f * S, m), w && (f > 0 ? n.isAfter(w, m) : n.isBefore(w, m)) || o === 365) return;
+        const b = v(n, e.mode, e.dayStartOfWeek);
+        if (!((B = e.disabledDate) != null && B.call(e, b.toDate()))) break;
+        if (n = n.add(f * C, s), w && (f > 0 ? n.isAfter(w, s) : n.isBefore(w, s)) || o === 365) return;
       }
-      y(n);
+      k(n);
       const h = r.value.find(
-        (o) => !o.isWeekLabel && o.value.isSame(n, m)
+        (o) => !o.isWeekLabel && o.value.isSame(n, s)
       );
-      h && k(h) && (v.value = h.title, A(h), U());
-    }, E = () => {
-      e.mode === "date" && y(u.value.startOf("year"));
+      h && g(h) && (y.value = h.title, O(h), j());
     }, z = (t) => {
-      t.isWeekLabel || t.disabled || !t.inView || s("select", g(t.value, e.mode, e.dayStartOfWeek));
-    }, A = (t) => {
-      t.isWeekLabel || t.disabled || !t.inView || s("cell-mouse-enter", g(t.value, e.mode, e.dayStartOfWeek));
+      t.isWeekLabel || t.disabled || !t.inView || m("select", v(t.value, e.mode, e.dayStartOfWeek));
+    }, O = (t) => {
+      t.isWeekLabel || t.disabled || !t.inView || m("cell-mouse-enter", v(t.value, e.mode, e.dayStartOfWeek));
     };
     return {
-      t: d,
-      className: M,
+      t: u,
+      className: x,
       cells: r,
-      cellRows: N,
-      panelRef: W,
-      activeTitle: v,
-      activeCell: T,
-      handleCellKeydown: q,
+      cellRows: T,
+      panelRef: S,
+      activeTitle: y,
+      activeCell: U,
+      handleCellKeydown: E,
       headerLabel: H,
-      todayLabel: _,
-      weekdayLabels: x,
-      movePanel: j,
-      zoomHeader: E,
+      todayLabel: N,
+      todayDisabled: A,
+      weekdayLabels: _,
+      movePanel: q,
       handleSelect: z,
-      handleCellMouseEnter: A,
+      handleCellMouseEnter: O,
       handleCellMouseLeave: () => {
-        s("cell-mouse-leave");
+        m("cell-mouse-leave");
       },
       selectToday: () => {
-        const t = I();
-        s("select", g(t, e.mode, e.dayStartOfWeek)), y(t);
+        if (A.value) return;
+        const t = P();
+        m("select", v(t, e.mode, e.dayStartOfWeek)), k(t);
       }
     };
   }
 });
 export {
-  se as default
+  me as default
 };