x-next 1.0.0 → 1.1.0

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

@@ -0,0 +1,390 @@
+import L from "./DatePicker.vue2.js";
+import { resolveComponent as g, openBlock as o, createBlock as y, mergeProps as f, withCtx as t, withKeys as v, withModifiers as S, createSlots as h, renderSlot as u, createVNode as p, createElementVNode as i, normalizeClass as n, createElementBlock as s, createCommentVNode as d, Fragment as $, renderList as R, toDisplayString as m } from "vue";
+import B from "../../_virtual/_plugin-vue_export-helper.js";
+const z = ["onClick"];
+function O(e, l, K, W, A, H) {
+  const w = g("IconCalendar"), M = g("DateRangeInput"), I = g("DateInput"), C = g("DatePanel"), P = g("TimePanel"), E = g("Trigger");
+  return o(), y(E, f({
+    trigger: "click",
+    "animation-name": "x-fade-in",
+    "auto-fit-transform-origin": "",
+    "click-to-close": !1,
+    "click-outside-to-close": !0,
+    position: e.position,
+    disabled: e.allDisabled || e.readonly,
+    "popup-offset": 4,
+    "popup-visible": e.mergedPopupVisible,
+    "unmount-on-close": e.unmountOnClose,
+    "popup-container": e.popupContainer,
+    "content-class": e.className.element("popup")
+  }, e.triggerProps, { onPopupVisibleChange: e.handlePopupVisibleChange }), {
+    content: t(() => {
+      var k, b, D;
+      return [
+        i("div", {
+          class: n([
+            e.className.element("popup-inner"),
+            {
+              [e.className.modifier("popup-range")]: e.isRange,
+              [e.className.modifier("popup-datetime")]: e.isDateTime && !e.isRange
+            }
+          ])
+        }, [
+          e.isRange && (!e.isDateTime || e.rangePanelMode === "date") ? (o(), s("div", {
+            key: 0,
+            class: n(e.className.element("panels"))
+          }, [
+            p(C, {
+              mode: e.mode,
+              "range-value": e.rangePanelValue,
+              "preview-range-value": e.previewRangeValue,
+              "is-range": "",
+              "view-date": e.rangeViewDates[0],
+              "day-start-of-week": e.dayStartOfWeek,
+              "disabled-date": e.mergedDisabledDate,
+              "show-lunar": e.showLunar,
+              "hide-not-in-view-dates": !0,
+              "show-today": !1,
+              "show-confirm-btn": !1,
+              "panel-position": "left",
+              onSelect: e.handlePanelSelect,
+              onCellMouseEnter: e.handlePanelCellMouseEnter,
+              onCellMouseLeave: e.handlePanelCellMouseLeave,
+              onViewDateChange: l[0] || (l[0] = (a) => e.handleRangeViewDateChange(a, 0)),
+              onCancel: e.handleEsc
+            }, h({ _: 2 }, [
+              e.$slots.cell ? {
+                name: "cell",
+                fn: t(({ date: a, label: r }) => [
+                  u(e.$slots, "cell", {
+                    date: a,
+                    label: r
+                  })
+                ]),
+                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, {
+              mode: e.mode,
+              "range-value": e.rangePanelValue,
+              "preview-range-value": e.previewRangeValue,
+              "is-range": "",
+              "view-date": e.rangeViewDates[1],
+              "day-start-of-week": e.dayStartOfWeek,
+              "disabled-date": e.mergedDisabledDate,
+              "show-lunar": e.showLunar,
+              "hide-not-in-view-dates": !0,
+              "show-today": !1,
+              "show-confirm-btn": !1,
+              "panel-position": "right",
+              onSelect: e.handlePanelSelect,
+              onCellMouseEnter: e.handlePanelCellMouseEnter,
+              onCellMouseLeave: e.handlePanelCellMouseLeave,
+              onViewDateChange: l[1] || (l[1] = (a) => e.handleRangeViewDateChange(a, 1)),
+              onCancel: e.handleEsc
+            }, h({ _: 2 }, [
+              e.$slots.cell ? {
+                name: "cell",
+                fn: t(({ date: a, label: r }) => [
+                  u(e.$slots, "cell", {
+                    date: a,
+                    label: r
+                  })
+                ]),
+                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", {
+            key: 1,
+            class: n(e.className.element("range-time-panel"))
+          }, [
+            (o(), s($, null, R(2, (a, r) => {
+              var N, V, T;
+              return i("div", {
+                key: r,
+                class: n([
+                  e.className.element("range-time-column"),
+                  { [e.className.is("active")]: e.focusedIndex === r }
+                ])
+              }, [
+                i("div", {
+                  class: n(e.className.element("time-title"))
+                }, m(e.t("datePicker.selectTime")), 3),
+                p(P, f({
+                  value: e.rangePanelValue[r],
+                  format: e.timeFormat,
+                  "use12-hours": (N = e.timePickerProps) == null ? void 0 : N.use12Hours,
+                  step: (V = e.timePickerProps) == null ? void 0 : V.step
+                }, { ref_for: !0 }, e.getDisabledTimeProps(e.rangePanelValue[r], r === 0 ? "start" : "end"), {
+                  "hide-disabled-options": (T = e.timePickerProps) == null ? void 0 : T.hideDisabledOptions,
+                  "hide-footer": "",
+                  onSelect: (F) => e.handleTimeSelect(F, r)
+                }), null, 16, ["value", "format", "use12-hours", "step", "hide-disabled-options", "onSelect"])
+              ], 2);
+            }), 64))
+          ], 2)) : d("", !0),
+          e.isRange ? d("", !0) : (o(), s("div", {
+            key: 2,
+            class: n([
+              { [e.className.element("datetime-body")]: e.isDateTime }
+            ])
+          }, [
+            p(C, {
+              mode: e.mode,
+              value: e.singlePanelValue,
+              "range-value": e.rangePanelValue,
+              "preview-range-value": e.previewRangeValue,
+              "is-range": e.isRange,
+              "view-date": e.viewDate,
+              "day-start-of-week": e.dayStartOfWeek,
+              "disabled-date": e.mergedDisabledDate,
+              "show-lunar": e.showLunar,
+              "hide-not-in-view-dates": e.hideNotInViewDates,
+              shortcuts: e.shortcuts,
+              "show-today": !e.isDateTime && e.showToday,
+              "show-confirm-btn": !e.isDateTime && e.needConfirm,
+              onSelect: e.handlePanelSelect,
+              onCellMouseEnter: e.handlePanelCellMouseEnter,
+              onCellMouseLeave: e.handlePanelCellMouseLeave,
+              onViewDateChange: e.handleViewDateChange,
+              onShortcut: e.handleShortcut,
+              onConfirm: e.handleConfirm,
+              onCancel: e.handleEsc
+            }, h({ _: 2 }, [
+              e.$slots.cell ? {
+                name: "cell",
+                fn: t(({ date: a, label: r }) => [
+                  u(e.$slots, "cell", {
+                    date: a,
+                    label: r
+                  })
+                ]),
+                key: "0"
+              } : void 0,
+              e.$slots.extra ? {
+                name: "extra",
+                fn: t(() => [
+                  u(e.$slots, "extra")
+                ]),
+                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", {
+              key: 0,
+              class: n(e.className.element("time-side"))
+            }, [
+              i("div", {
+                class: n(e.className.element("time-title"))
+              }, m(e.t("datePicker.selectTime")), 3),
+              p(P, f({
+                value: e.singlePanelValue,
+                format: e.timeFormat,
+                "use12-hours": (k = e.timePickerProps) == null ? void 0 : k.use12Hours,
+                step: (b = e.timePickerProps) == null ? void 0 : b.step
+              }, e.getDisabledTimeProps(e.singlePanelValue), {
+                "hide-disabled-options": (D = e.timePickerProps) == null ? void 0 : D.hideDisabledOptions,
+                "hide-footer": "",
+                onSelect: l[2] || (l[2] = (a) => e.handleTimeSelect(a))
+              }), 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", {
+            key: 3,
+            class: n(e.className.element("datetime-footer"))
+          }, [
+            e.showToday ? (o(), s("button", {
+              key: 0,
+              type: "button",
+              class: n([e.className.element("footer-btn"), e.className.element("today")]),
+              onClick: l[3] || (l[3] = (...a) => e.handleToday && e.handleToday(...a))
+            }, m(e.t("datePicker.today")), 3)) : d("", !0),
+            e.needConfirm ? (o(), s("button", {
+              key: 1,
+              type: "button",
+              class: n([e.className.element("footer-btn"), e.className.element("confirm")]),
+              onClick: l[4] || (l[4] = (...a) => e.handleConfirm && e.handleConfirm(...a))
+            }, m(e.t("datePicker.ok")), 3)) : d("", !0)
+          ], 2)) : d("", !0),
+          e.isRange && e.isDateTime ? (o(), s("div", {
+            key: 4,
+            class: n(e.className.element("range-datetime-footer"))
+          }, [
+            i("button", {
+              type: "button",
+              class: n([
+                e.className.element("range-datetime-item"),
+                { [e.className.is("active")]: e.rangePanelMode === "date" }
+              ]),
+              onClick: l[5] || (l[5] = (a) => e.openRangeDatePanel(0))
+            }, [
+              i("span", null, m(e.formatTimeDate(e.rangePanelValue[0])), 1)
+            ], 2),
+            i("button", {
+              type: "button",
+              class: n([
+                e.className.element("range-datetime-item"),
+                { [e.className.is("active")]: e.rangePanelMode === "time" }
+              ]),
+              onClick: l[6] || (l[6] = (a) => e.openRangeTimePanel(0))
+            }, [
+              i("strong", null, m(e.formatTimeValue(e.rangePanelValue[0])), 1)
+            ], 2),
+            i("button", {
+              type: "button",
+              class: n([
+                e.className.element("range-datetime-item"),
+                { [e.className.is("active")]: e.rangePanelMode === "date" }
+              ]),
+              onClick: l[7] || (l[7] = (a) => e.openRangeDatePanel(1))
+            }, [
+              i("span", null, m(e.formatTimeDate(e.rangePanelValue[1])), 1)
+            ], 2),
+            i("button", {
+              type: "button",
+              class: n([
+                e.className.element("range-datetime-item"),
+                { [e.className.is("active")]: e.rangePanelMode === "time" }
+              ]),
+              onClick: l[8] || (l[8] = (a) => e.openRangeTimePanel(1))
+            }, [
+              i("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", {
+            key: 5,
+            class: n(e.className.element("range-footer"))
+          }, [
+            e.shortcuts.length || e.$slots.extra ? (o(), s("div", {
+              key: 0,
+              class: n(e.className.element("range-shortcuts"))
+            }, [
+              (o(!0), s($, null, R(e.shortcuts, (a) => (o(), s("button", {
+                key: String(a.label),
+                type: "button",
+                class: n(e.className.element("shortcut")),
+                onClick: (r) => e.handleShortcut(a)
+              }, m(a.label), 11, z))), 128)),
+              e.$slots.extra ? (o(), s("div", {
+                key: 0,
+                class: n(e.className.element("extra"))
+              }, [
+                u(e.$slots, "extra")
+              ], 2)) : d("", !0)
+            ], 2)) : d("", !0),
+            e.needConfirm ? (o(), s("button", {
+              key: 1,
+              type: "button",
+              class: n([e.className.element("footer-btn"), e.className.element("confirm")]),
+              onClick: l[9] || (l[9] = (...a) => e.handleConfirm && e.handleConfirm(...a))
+            }, m(e.t("datePicker.ok")), 3)) : d("", !0)
+          ], 2)) : d("", !0)
+        ], 2)
+      ];
+    }),
+    default: t(() => [
+      e.isRange ? (o(), y(M, f({
+        key: 0,
+        ref: "inputRef"
+      }, e.inputAttrs, {
+        class: [
+          e.className.block,
+          e.className.modifier("range"),
+          { [e.className.modifier("datetime")]: e.isDateTime },
+          e.attrs.class
+        ],
+        style: e.attrs.style,
+        value: e.rangeInputValue,
+        "input-value": e.rangeInputText,
+        focused: e.mergedPopupVisible || e.focused,
+        "focused-index": e.focusedIndex,
+        format: e.computedFormat,
+        size: e.mergedSize,
+        disabled: e.rangeDisabled,
+        readonly: e.mergedInputReadonly,
+        error: e.mergedError,
+        "allow-clear": e.allowClear && !e.mergedInputReadonly,
+        "clear-target-key": "common.dateRange",
+        placeholder: e.rangePlaceholder,
+        onFocusedIndexChange: e.handleFocusedIndexChange,
+        onChange: e.handleInputChange,
+        onPressEnter: e.handleInputSubmit,
+        onClear: e.handleClear,
+        onFocus: e.handleFocus,
+        onBlur: e.handleBlur,
+        onKeydown: [
+          v(e.handleEsc, ["esc"]),
+          v(S(e.openPanel, ["prevent"]), ["down"])
+        ]
+      }), h({
+        "suffix-icon": t(() => [
+          u(e.$slots, "suffix-icon", {}, () => [
+            p(w)
+          ])
+        ]),
+        _: 2
+      }, [
+        e.$slots.prefix ? {
+          name: "prefix",
+          fn: t(() => [
+            u(e.$slots, "prefix")
+          ]),
+          key: "0"
+        } : void 0,
+        e.$slots.separator ? {
+          name: "separator",
+          fn: t(() => [
+            u(e.$slots, "separator")
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1040, ["class", "style", "value", "input-value", "focused", "focused-index", "format", "size", "disabled", "readonly", "error", "allow-clear", "placeholder", "onFocusedIndexChange", "onChange", "onPressEnter", "onClear", "onFocus", "onBlur", "onKeydown"])) : (o(), y(I, f({
+        key: 1,
+        ref: "inputRef"
+      }, e.inputAttrs, {
+        class: [e.className.block, e.attrs.class],
+        style: e.attrs.style,
+        value: e.singleInputValue,
+        "input-value": e.singleInputText,
+        focused: e.mergedPopupVisible || e.focused,
+        format: e.computedFormat,
+        size: e.mergedSize,
+        disabled: e.allDisabled,
+        readonly: e.mergedInputReadonly,
+        error: e.mergedError,
+        "allow-clear": e.allowClear && !e.mergedInputReadonly,
+        "clear-target-key": "common.date",
+        placeholder: e.singlePlaceholder,
+        onChange: e.handleInputChange,
+        onPressEnter: e.handleInputSubmit,
+        onClear: e.handleClear,
+        onFocus: e.handleFocus,
+        onBlur: e.handleBlur,
+        onKeydown: [
+          v(e.handleEsc, ["esc"]),
+          v(S(e.openPanel, ["prevent"]), ["down"])
+        ]
+      }), h({
+        "suffix-icon": t(() => [
+          u(e.$slots, "suffix-icon", {}, () => [
+            p(w)
+          ])
+        ]),
+        _: 2
+      }, [
+        e.$slots.prefix ? {
+          name: "prefix",
+          fn: t(() => [
+            u(e.$slots, "prefix")
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["class", "style", "value", "input-value", "focused", "format", "size", "disabled", "readonly", "error", "allow-clear", "placeholder", "onChange", "onPressEnter", "onClear", "onFocus", "onBlur", "onKeydown"]))
+    ]),
+    _: 3
+  }, 16, ["position", "disabled", "popup-visible", "unmount-on-close", "popup-container", "content-class", "onPopupVisibleChange"]);
+}
+const J = /* @__PURE__ */ B(L, [["render", O]]);
+export {
+  J as default
+};