x-next 1.17.0 → 1.18.1

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

@@ -1,10 +1,10 @@
 import L from "./DatePicker.vue2.js";
-import { resolveComponent as g, openBlock as o, createBlock as P, mergeProps as f, withCtx as t, withKeys as v, withModifiers as R, createSlots as h, renderSlot as u, createVNode as p, createElementVNode as i, normalizeClass as l, createElementBlock as s, createCommentVNode as d, Fragment as S, renderList as $, toDisplayString as m } from "vue";
+import { resolveComponent as g, openBlock as o, createBlock as C, mergeProps as f, withCtx as t, withKeys as v, withModifiers as R, createSlots as h, renderSlot as u, createVNode as p, createElementVNode as r, normalizeClass as l, createElementBlock as i, createCommentVNode as d, Fragment as S, renderList as $, toDisplayString as m } from "vue";
 import B from "../../_virtual/_plugin-vue_export-helper.js";
-const K = ["id", "aria-label"], z = ["onClick"];
-function O(e, n, W, A, H, j) {
-  const y = g("IconCalendar"), I = g("DateRangeInput"), M = g("DateInput"), C = g("DatePanel"), b = g("TimePanel"), E = g("Trigger");
-  return o(), P(E, f({
+const K = ["id", "aria-label"], z = ["inert", "aria-disabled"], O = ["disabled"], W = ["disabled"], A = ["onClick"], H = ["disabled"];
+function j(e, n, q, G, J, Q) {
+  const y = g("IconCalendar"), I = g("DateRangeInput"), M = g("DateInput"), b = g("DatePanel"), P = g("TimePanel"), E = g("Trigger");
+  return o(), C(E, f({
     trigger: "click",
     "animation-name": "x-fade-in",
     "auto-fit-transform-origin": "",
@@ -21,7 +21,7 @@ function O(e, n, W, A, H, j) {
     content: t(() => {
       var w, k, D;
       return [
-        i("div", {
+        r("div", {
           ref: "popupRef",
           id: e.panelId,
           role: "dialog",
@@ -37,11 +37,11 @@ function O(e, n, W, A, H, j) {
             }
           ])
         }, [
-          e.isRange && (!e.isDateTime || e.rangePanelMode === "date") ? (o(), s("div", {
+          e.isRange && (!e.isDateTime || e.rangePanelMode === "date") ? (o(), i("div", {
             key: 0,
             class: l(e.className.element("panels"))
           }, [
-            p(C, {
+            p(b, {
               mode: e.mode,
               "range-value": e.rangePanelValue,
               "preview-range-value": e.previewRangeValue,
@@ -62,16 +62,16 @@ function O(e, n, W, A, H, j) {
             }, h({ _: 2 }, [
               e.$slots.cell ? {
                 name: "cell",
-                fn: t(({ date: a, label: r }) => [
+                fn: t(({ date: a, label: s }) => [
                   u(e.$slots, "cell", {
                     date: a,
-                    label: r
+                    label: s
                   })
                 ]),
                 key: "0"
               } : void 0
             ]), 1032, ["mode", "range-value", "preview-range-value", "view-date", "day-start-of-week", "disabled-date", "show-lunar", "onSelect", "onCellMouseEnter", "onCellMouseLeave", "onCancel"]),
-            p(C, {
+            p(b, {
               mode: e.mode,
               "range-value": e.rangePanelValue,
               "preview-range-value": e.previewRangeValue,
@@ -92,50 +92,52 @@ function O(e, n, W, A, H, j) {
             }, h({ _: 2 }, [
               e.$slots.cell ? {
                 name: "cell",
-                fn: t(({ date: a, label: r }) => [
+                fn: t(({ date: a, label: s }) => [
                   u(e.$slots, "cell", {
                     date: a,
-                    label: r
+                    label: s
                   })
                 ]),
                 key: "0"
               } : void 0
             ]), 1032, ["mode", "range-value", "preview-range-value", "view-date", "day-start-of-week", "disabled-date", "show-lunar", "onSelect", "onCellMouseEnter", "onCellMouseLeave", "onCancel"])
           ], 2)) : d("", !0),
-          e.isRange && e.isDateTime && e.rangePanelMode === "time" ? (o(), s("div", {
+          e.isRange && e.isDateTime && e.rangePanelMode === "time" ? (o(), i("div", {
             key: 1,
             class: l(e.className.element("range-time-panel"))
           }, [
-            (o(), s(S, null, $(2, (a, r) => {
+            (o(), i(S, null, $(2, (a, s) => {
               var V, N, T;
-              return i("div", {
-                key: r,
+              return r("div", {
+                key: s,
+                inert: e.rangeDisabled[s] || void 0,
+                "aria-disabled": e.rangeDisabled[s] || void 0,
                 class: l([
                   e.className.element("range-time-column"),
-                  { [e.className.is("active")]: e.focusedIndex === r }
+                  { [e.className.is("active")]: e.focusedIndex === s }
                 ])
               }, [
-                i("div", {
+                r("div", {
                   class: l(e.className.element("time-title"))
                 }, m(e.t("datePicker.selectTime")), 3),
-                p(b, f({
-                  value: e.rangePanelValue[r],
+                p(P, f({
+                  value: e.rangePanelValue[s],
                   format: e.timeFormat,
                   "use12-hours": (V = e.timePickerProps) == null ? void 0 : V.use12Hours,
                   step: (N = e.timePickerProps) == null ? void 0 : N.step
-                }, { ref_for: !0 }, e.getDisabledTimeProps(e.rangePanelValue[r], r === 0 ? "start" : "end"), {
+                }, { ref_for: !0 }, e.getDisabledTimeProps(e.rangePanelValue[s], s === 0 ? "start" : "end"), {
                   "hide-disabled-options": (T = e.timePickerProps) == null ? void 0 : T.hideDisabledOptions,
                   "hide-footer": "",
-                  onSelect: (F) => e.handleTimeSelect(F, r)
+                  onSelect: (F) => e.handleTimeSelect(F, s)
                 }), null, 16, ["value", "format", "use12-hours", "step", "hide-disabled-options", "onSelect"])
-              ], 2);
+              ], 10, z);
             }), 64))
           ], 2)) : d("", !0),
-          e.isRange ? d("", !0) : (o(), s("div", {
+          e.isRange ? d("", !0) : (o(), i("div", {
             key: 2,
             class: l([{ [e.className.element("datetime-body")]: e.isDateTime }])
           }, [
-            p(C, {
+            p(b, {
               mode: e.mode,
               value: e.singlePanelValue,
               "range-value": e.rangePanelValue,
@@ -149,6 +151,7 @@ function O(e, n, W, A, H, j) {
               shortcuts: e.shortcuts,
               "show-today": !e.isDateTime && e.showToday,
               "show-confirm-btn": !e.isDateTime && e.needConfirm,
+              "confirm-disabled": !e.canConfirm,
               onSelect: e.handlePanelSelect,
               onCellMouseEnter: e.handlePanelCellMouseEnter,
               onCellMouseLeave: e.handlePanelCellMouseLeave,
@@ -159,10 +162,10 @@ function O(e, n, W, A, H, j) {
             }, h({ _: 2 }, [
               e.$slots.cell ? {
                 name: "cell",
-                fn: t(({ date: a, label: r }) => [
+                fn: t(({ date: a, label: s }) => [
                   u(e.$slots, "cell", {
                     date: a,
-                    label: r
+                    label: s
                   })
                 ]),
                 key: "0"
@@ -174,15 +177,15 @@ function O(e, n, W, A, H, j) {
                 ]),
                 key: "1"
               } : void 0
-            ]), 1032, ["mode", "value", "range-value", "preview-range-value", "is-range", "view-date", "day-start-of-week", "disabled-date", "show-lunar", "hide-not-in-view-dates", "shortcuts", "show-today", "show-confirm-btn", "onSelect", "onCellMouseEnter", "onCellMouseLeave", "onViewDateChange", "onShortcut", "onConfirm", "onCancel"]),
-            e.isDateTime ? (o(), s("div", {
+            ]), 1032, ["mode", "value", "range-value", "preview-range-value", "is-range", "view-date", "day-start-of-week", "disabled-date", "show-lunar", "hide-not-in-view-dates", "shortcuts", "show-today", "show-confirm-btn", "confirm-disabled", "onSelect", "onCellMouseEnter", "onCellMouseLeave", "onViewDateChange", "onShortcut", "onConfirm", "onCancel"]),
+            e.isDateTime ? (o(), i("div", {
               key: 0,
               class: l(e.className.element("time-side"))
             }, [
-              i("div", {
+              r("div", {
                 class: l(e.className.element("time-title"))
               }, m(e.t("datePicker.selectTime")), 3),
-              p(b, f({
+              p(P, f({
                 value: e.singlePanelValue,
                 format: e.timeFormat,
                 "use12-hours": (w = e.timePickerProps) == null ? void 0 : w.use12Hours,
@@ -194,28 +197,30 @@ function O(e, n, W, A, H, j) {
               }), null, 16, ["value", "format", "use12-hours", "step", "hide-disabled-options"])
             ], 2)) : d("", !0)
           ], 2)),
-          !e.isRange && e.isDateTime && (e.showToday || e.needConfirm) ? (o(), s("div", {
+          !e.isRange && e.isDateTime && (e.showToday || e.needConfirm) ? (o(), i("div", {
             key: 3,
             class: l(e.className.element("datetime-footer"))
           }, [
-            e.showToday ? (o(), s("button", {
+            e.showToday ? (o(), i("button", {
               key: 0,
               type: "button",
               class: l([e.className.element("footer-btn"), e.className.element("today")]),
+              disabled: e.todayDisabled,
               onClick: n[3] || (n[3] = (...a) => e.handleToday && e.handleToday(...a))
-            }, m(e.t("datePicker.today")), 3)) : d("", !0),
-            e.needConfirm ? (o(), s("button", {
+            }, m(e.t("datePicker.today")), 11, O)) : d("", !0),
+            e.needConfirm ? (o(), i("button", {
               key: 1,
               type: "button",
               class: l([e.className.element("footer-btn"), e.className.element("confirm")]),
+              disabled: !e.canConfirm,
               onClick: n[4] || (n[4] = (...a) => e.handleConfirm && e.handleConfirm(...a))
-            }, m(e.t("datePicker.ok")), 3)) : d("", !0)
+            }, m(e.t("datePicker.ok")), 11, W)) : d("", !0)
           ], 2)) : d("", !0),
-          e.isRange && e.isDateTime ? (o(), s("div", {
+          e.isRange && e.isDateTime ? (o(), i("div", {
             key: 4,
             class: l(e.className.element("range-datetime-footer"))
           }, [
-            i("button", {
+            r("button", {
               type: "button",
               class: l([
                 e.className.element("range-datetime-item"),
@@ -223,9 +228,9 @@ function O(e, n, W, A, H, j) {
               ]),
               onClick: n[5] || (n[5] = (a) => e.openRangeDatePanel(0))
             }, [
-              i("span", null, m(e.formatTimeDate(e.rangePanelValue[0])), 1)
+              r("span", null, m(e.formatTimeDate(e.rangePanelValue[0])), 1)
             ], 2),
-            i("button", {
+            r("button", {
               type: "button",
               class: l([
                 e.className.element("range-datetime-item"),
@@ -233,9 +238,9 @@ function O(e, n, W, A, H, j) {
               ]),
               onClick: n[6] || (n[6] = (a) => e.openRangeTimePanel(0))
             }, [
-              i("strong", null, m(e.formatTimeValue(e.rangePanelValue[0])), 1)
+              r("strong", null, m(e.formatTimeValue(e.rangePanelValue[0])), 1)
             ], 2),
-            i("button", {
+            r("button", {
               type: "button",
               class: l([
                 e.className.element("range-datetime-item"),
@@ -243,9 +248,9 @@ function O(e, n, W, A, H, j) {
               ]),
               onClick: n[7] || (n[7] = (a) => e.openRangeDatePanel(1))
             }, [
-              i("span", null, m(e.formatTimeDate(e.rangePanelValue[1])), 1)
+              r("span", null, m(e.formatTimeDate(e.rangePanelValue[1])), 1)
             ], 2),
-            i("button", {
+            r("button", {
               type: "button",
               class: l([
                 e.className.element("range-datetime-item"),
@@ -253,42 +258,43 @@ function O(e, n, W, A, H, j) {
               ]),
               onClick: n[8] || (n[8] = (a) => e.openRangeTimePanel(1))
             }, [
-              i("strong", null, m(e.formatTimeValue(e.rangePanelValue[1])), 1)
+              r("strong", null, m(e.formatTimeValue(e.rangePanelValue[1])), 1)
             ], 2)
           ], 2)) : d("", !0),
-          e.isRange && (e.shortcuts.length || e.$slots.extra || e.needConfirm) ? (o(), s("div", {
+          e.isRange && (e.shortcuts.length || e.$slots.extra || e.needConfirm) ? (o(), i("div", {
             key: 5,
             class: l(e.className.element("range-footer"))
           }, [
-            e.shortcuts.length || e.$slots.extra ? (o(), s("div", {
+            e.shortcuts.length || e.$slots.extra ? (o(), i("div", {
               key: 0,
               class: l(e.className.element("range-shortcuts"))
             }, [
-              (o(!0), s(S, null, $(e.shortcuts, (a) => (o(), s("button", {
+              (o(!0), i(S, null, $(e.shortcuts, (a) => (o(), i("button", {
                 key: String(a.label),
                 type: "button",
                 class: l(e.className.element("shortcut")),
-                onClick: (r) => e.handleShortcut(a)
-              }, m(a.label), 11, z))), 128)),
-              e.$slots.extra ? (o(), s("div", {
+                onClick: (s) => e.handleShortcut(a)
+              }, m(a.label), 11, A))), 128)),
+              e.$slots.extra ? (o(), i("div", {
                 key: 0,
                 class: l(e.className.element("extra"))
               }, [
                 u(e.$slots, "extra")
               ], 2)) : d("", !0)
             ], 2)) : d("", !0),
-            e.needConfirm ? (o(), s("button", {
+            e.needConfirm ? (o(), i("button", {
               key: 1,
               type: "button",
               class: l([e.className.element("footer-btn"), e.className.element("confirm")]),
+              disabled: !e.canConfirm,
               onClick: n[9] || (n[9] = (...a) => e.handleConfirm && e.handleConfirm(...a))
-            }, m(e.t("datePicker.ok")), 3)) : d("", !0)
+            }, m(e.t("datePicker.ok")), 11, H)) : d("", !0)
           ], 2)) : d("", !0)
         ], 42, K)
       ];
     }),
     default: t(() => [
-      e.isRange ? (o(), P(I, f({
+      e.isRange ? (o(), C(I, f({
         key: 0,
         ref: "inputRef"
       }, e.inputAttrs, {
@@ -312,7 +318,7 @@ function O(e, n, W, A, H, j) {
         disabled: e.rangeDisabled,
         readonly: e.mergedInputReadonly,
         error: e.mergedError,
-        "allow-clear": e.allowClear && !e.mergedInputReadonly,
+        "allow-clear": e.allowClear && !e.mergedInputReadonly && !e.hasDisabledRange,
         "clear-target-key": "common.dateRange",
         placeholder: e.rangePlaceholder,
         onFocusedIndexChange: e.handleFocusedIndexChange,
@@ -347,7 +353,7 @@ function O(e, n, W, A, H, j) {
           ]),
           key: "1"
         } : void 0
-      ]), 1040, ["aria-expanded", "aria-controls", "class", "style", "value", "input-value", "focused", "focused-index", "format", "size", "disabled", "readonly", "error", "allow-clear", "placeholder", "onFocusedIndexChange", "onChange", "onPressEnter", "onClear", "onFocus", "onBlur", "onKeydown"])) : (o(), P(M, f({
+      ]), 1040, ["aria-expanded", "aria-controls", "class", "style", "value", "input-value", "focused", "focused-index", "format", "size", "disabled", "readonly", "error", "allow-clear", "placeholder", "onFocusedIndexChange", "onChange", "onPressEnter", "onClear", "onFocus", "onBlur", "onKeydown"])) : (o(), C(M, f({
         key: 1,
         ref: "inputRef"
       }, e.inputAttrs, {
@@ -397,7 +403,7 @@ function O(e, n, W, A, H, j) {
     _: 3
   }, 16, ["position", "disabled", "popup-visible", "unmount-on-close", "popup-container", "content-class", "onPopupVisibleChange"]);
 }
-const Q = /* @__PURE__ */ B(L, [["render", O]]);
+const Z = /* @__PURE__ */ B(L, [["render", j]]);
 export {
-  Q as default
+  Z as default
 };