x-next 1.0.0 → 1.1.0

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

@@ -0,0 +1,450 @@
+import { dayjs as J } from "../../_utils/date.js";
+import { defineComponent as Ze, useAttrs as $e, toRefs as ea, computed as n, ref as V, watch as M, nextTick as aa } from "vue";
+import { Trigger as ta } from "../trigger/index.js";
+import la from "../_components/picker/input.vue.js";
+import ua from "../_components/picker/input-range.vue.js";
+import na from "../time-picker/TimePanel.vue.js";
+import oa from "../../icons/_ui/calendar.js";
+import { getClassNameMixin as ra } from "../../_utils/config.js";
+import { omit as ia } from "../../_utils/omit.js";
+import { isArray as i } from "../../_utils/is.js";
+import { useFormItem as da } from "../../_hooks/use-form-item.js";
+import { useSize as ca } from "../../_hooks/use-size.js";
+import { useLocale as sa } from "../../locale/index.js";
+import va from "./DatePanel.vue.js";
+import { isRangeType as fa, getDatePickerMode as ma, getDefaultFormat as ga, parseDateModelValue as T, getSortedRange as N, getRangeViewDate as ne, formatPanelValue as D, normalizePanelValue as I, getShortcutValue as Va, parseInputValue as oe, getDateValueFromPanel as K, isSameDateValue as ha } from "./utils.js";
+const xa = Ze({
+  name: "DatePicker",
+  components: {
+    Trigger: ta,
+    DateInput: la,
+    DateRangeInput: ua,
+    DatePanel: va,
+    TimePanel: na,
+    IconCalendar: oa
+  },
+  inheritAttrs: !1,
+  props: {
+    type: {
+      type: String,
+      default: "date",
+      validator: (t) => [
+        "date",
+        "month",
+        "year",
+        "quarter",
+        "week",
+        "date-range",
+        "month-range",
+        "year-range",
+        "quarter-range",
+        "week-range"
+      ].includes(t)
+    },
+    modelValue: {
+      type: [String, Number, Date, Array]
+    },
+    defaultValue: {
+      type: [String, Number, Date, Array]
+    },
+    pickerValue: {
+      type: [String, Number, Date, Array]
+    },
+    defaultPickerValue: {
+      type: [String, Number, Date, Array]
+    },
+    placeholder: {
+      type: [String, Array]
+    },
+    disabled: {
+      type: [Boolean, Array],
+      default: !1
+    },
+    readonly: {
+      type: Boolean,
+      default: !1
+    },
+    disabledInput: {
+      type: Boolean,
+      default: !1
+    },
+    inputReadOnly: {
+      type: Boolean,
+      default: !1
+    },
+    error: {
+      type: Boolean,
+      default: !1
+    },
+    allowClear: {
+      type: Boolean,
+      default: !0
+    },
+    format: {
+      type: String
+    },
+    valueFormat: {
+      type: String
+    },
+    size: {
+      type: String
+    },
+    dayStartOfWeek: {
+      type: Number,
+      default: 0
+    },
+    disabledDate: {
+      type: Function
+    },
+    hideNotInViewDates: {
+      type: Boolean,
+      default: !1
+    },
+    popupVisible: {
+      type: Boolean,
+      default: void 0
+    },
+    defaultPopupVisible: {
+      type: Boolean,
+      default: !1
+    },
+    position: {
+      type: String,
+      default: "bl"
+    },
+    popupContainer: {
+      type: [String, Object]
+    },
+    triggerProps: {
+      type: Object
+    },
+    unmountOnClose: {
+      type: Boolean,
+      default: !1
+    },
+    shortcuts: {
+      type: Array,
+      default: () => []
+    },
+    showToday: {
+      type: Boolean,
+      default: !0
+    },
+    showConfirmBtn: {
+      type: Boolean,
+      default: !1
+    },
+    showTime: {
+      type: Boolean,
+      default: !1
+    },
+    timePickerProps: {
+      type: Object
+    },
+    disabledTime: {
+      type: Function
+    },
+    showLunar: {
+      type: [Boolean, Object],
+      default: !1
+    }
+  },
+  emits: {
+    "update:modelValue": (t) => !0,
+    "update:popupVisible": (t) => !0,
+    "update:pickerValue": (t) => !0,
+    change: (t, d, S) => !0,
+    select: (t, d, S) => !0,
+    "calendar-change": (t, d, S, O) => !0,
+    clear: (t) => !0,
+    ok: (t, d, S) => !0,
+    "popup-visible-change": (t) => !0,
+    "picker-value-change": (t, d, S) => !0,
+    "select-shortcut": (t) => !0,
+    focus: (t) => !0,
+    blur: (t) => !0
+  },
+  setup(t, { emit: d }) {
+    const S = $e(), O = ea(t), re = ra("date-picker"), { t: h } = sa(), c = n(() => fa(t.type)), g = n(() => ma(t.type)), b = n(() => g.value === "date" && t.showTime), j = n(() => t.timePickerProps || {}), Y = n(() => j.value.format || "HH:mm:ss"), E = n(() => t.showConfirmBtn || b.value), f = n(() => t.format || ga(g.value, b.value)), R = n(
+      () => t.valueFormat && t.valueFormat !== "timestamp" && t.valueFormat !== "Date" ? t.valueFormat : f.value
+    ), ie = n(() => i(t.disabled) ? t.disabled.every(Boolean) : t.disabled), {
+      mergedSize: de,
+      mergedDisabled: ce,
+      mergedError: se,
+      eventHandlers: B
+    } = da({
+      size: O.size,
+      disabled: ie,
+      error: O.error
+    }), { mergedSize: ve } = ca(de), X = V(
+      T(t.defaultValue, R.value, c.value)
+    ), m = n(() => {
+      const e = t.modelValue !== void 0 ? T(t.modelValue, R.value, c.value) : X.value;
+      return c.value && !i(e) ? [void 0, void 0] : e;
+    }), Z = V(
+      T(t.defaultPickerValue, R.value, c.value)
+    ), L = n(() => t.pickerValue !== void 0 ? T(t.pickerValue, R.value, c.value) : Z.value), q = V(), H = V(!1), v = V(0), $ = V(t.defaultPopupVisible), o = V(m.value), y = V(), s = V(), p = V(), F = V("date"), U = n(() => t.popupVisible ?? $.value), x = n(() => !!ce.value), fe = n(() => t.readonly || t.disabledInput || t.inputReadOnly), me = n(() => x.value ? [!0, !0] : i(t.disabled) ? t.disabled : [!!t.disabled, !!t.disabled]), W = n(() => i(o.value) ? void 0 : o.value), k = n(
+      () => i(o.value) ? o.value : [void 0, void 0]
+    ), ge = n(() => {
+      if (!c.value || !y.value) return [];
+      const [e, a] = k.value;
+      return e && !a ? N([e, y.value]) : [];
+    }), Ve = n(() => {
+      if (!c.value) return [p.value, void 0];
+      const e = p.value || k.value[0] || k.value[1], a = ne(e, g.value);
+      return [e, a];
+    }), he = n(
+      () => i(m.value) ? void 0 : m.value
+    ), ye = n(
+      () => i(m.value) ? m.value : []
+    ), Pe = n(
+      () => typeof s.value == "string" ? s.value : void 0
+    ), be = n(
+      () => i(s.value) ? s.value : void 0
+    ), pe = (e) => h(e === "month" ? "datePicker.placeholderMonth" : e === "year" ? "datePicker.placeholderYear" : e === "quarter" ? "datePicker.placeholderQuarter" : e === "week" ? "datePicker.placeholderWeek" : "datePicker.placeholderDate"), ke = n(() => i(t.placeholder) ? t.placeholder[0] : t.placeholder ?? pe(g.value)), De = n(() => {
+      if (i(t.placeholder)) return t.placeholder;
+      const e = t.placeholder ?? h("datePicker.dateLabel");
+      return [
+        h("datePicker.rangeStart", { type: e }),
+        h("datePicker.rangeEnd", { type: e })
+      ];
+    }), Se = n(
+      () => ia(S, ["class", "style"])
+    ), Fe = n(() => {
+      if (t.disabledDate)
+        return (e) => {
+          var l;
+          const a = c.value ? v.value === 0 ? "start" : "end" : void 0;
+          return ((l = t.disabledDate) == null ? void 0 : l.call(
+            t,
+            e,
+            a,
+            {
+              value: D(o.value, f.value, t.valueFormat),
+              selecting: a
+            }
+          )) ?? !1;
+        };
+    }), _e = (e = 0) => {
+      const a = j.value.defaultValue, l = i(a) ? a[e] : a, u = T(l, Y.value, !1);
+      return i(u) ? void 0 : u;
+    }, A = (e, a, l = 0) => {
+      const u = i(o.value) ? o.value[l] : o.value, r = a || u || _e(l);
+      return r ? e.hour(r.hour()).minute(r.minute()).second(r.second()).millisecond(0) : e.millisecond(0);
+    }, Be = (e, a) => {
+      var l;
+      return ((l = t.disabledTime) == null ? void 0 : l.call(t, e == null ? void 0 : e.toDate(), a)) ?? {};
+    }, Ce = (e) => (e == null ? void 0 : e.format("YYYY-MM-DD")) ?? h("datePicker.placeholderDate"), we = (e) => (e == null ? void 0 : e.format(Y.value)) ?? "--:--:--", ee = (e) => {
+      t.modelValue === void 0 && (X.value = i(e) ? [...e] : e);
+    }, Q = (e) => {
+      t.pickerValue === void 0 && (Z.value = i(e) ? [...e] : e);
+    }, C = (e) => {
+      (x.value || t.readonly) && (e = !1), $.value = e, d("update:popupVisible", e), d("popup-visible-change", e);
+    }, z = (e) => i(e) ? e[0] || e[1] : e, ae = () => {
+      o.value = i(m.value) ? [...m.value] : m.value, p.value = z(L.value) || z(o.value);
+    }, P = (e, a) => {
+      const l = D(a, f.value, t.valueFormat), u = K(a), r = D(a, f.value);
+      d(e === "change" ? "change" : e === "select" ? "select" : e === "ok" ? "ok" : "picker-value-change", l, u, r);
+    }, G = (e, a) => {
+      const l = D(e, f.value, t.valueFormat), u = K(e), r = D(e, f.value);
+      d("calendar-change", l, u, r, { range: a });
+    }, te = (e) => {
+      const a = D(e, f.value, t.valueFormat), l = K(e), u = D(e, f.value);
+      d("update:pickerValue", a), d("picker-value-change", a, l, u);
+    }, le = (e) => {
+      if (!c.value) return e;
+      const a = L.value, l = i(a) ? [...a] : [void 0, void 0];
+      return l[v.value] = e, l;
+    }, _ = (e, a = !0) => {
+      var u, r;
+      const l = i(e) ? N(e) : e;
+      ha(l, m.value, g.value, b.value) || (ee(l), d(
+        "update:modelValue",
+        D(
+          l,
+          f.value,
+          t.valueFormat
+        )
+      ), P("change", l), (r = (u = B.value) == null ? void 0 : u.onChange) == null || r.call(u)), a && C(!1);
+    }, Te = (e) => {
+      const a = b.value ? A(I(e, g.value), void 0, v.value) : I(e, g.value);
+      if (c.value) {
+        const l = [...k.value];
+        if (!l[0] || l[1] || v.value === 0) {
+          l[0] = a, l[1] = void 0, v.value = 1, y.value = void 0, o.value = l, F.value = "date", P("select", l), G(l, "start");
+          return;
+        } else {
+          l[1] = a;
+          const u = N(l);
+          y.value = void 0, o.value = u, F.value = "date", P("select", u), G(u, "end"), E.value || _(u);
+          return;
+        }
+      }
+      o.value = a, P("select", a), E.value || _(a);
+    }, Ie = (e, a) => {
+      if (c.value) {
+        const r = a ?? v.value, w = [...k.value], Xe = w[r] || J();
+        w[r] = A(Xe, e, r), o.value = w, v.value = r, P("select", w), G(w, r === 0 ? "start" : "end");
+        return;
+      }
+      const l = W.value || J(), u = A(l, e);
+      o.value = u, P("select", u);
+    }, Re = () => {
+      const e = I(J(), g.value), a = b.value ? A(e, W.value) : e;
+      o.value = a, p.value = e, Q(e), P("select", a), b.value || _(a);
+    }, xe = (e) => {
+      v.value = e, F.value = "time";
+    }, Ae = (e) => {
+      v.value = e, F.value = "date";
+    }, ze = (e) => {
+      if (!c.value) return;
+      const [a, l] = k.value;
+      a && !l && (y.value = e);
+    }, Me = () => {
+      y.value = void 0;
+    }, Ne = (e) => {
+      const a = Va(e, f.value, c.value);
+      o.value = a, d("select-shortcut", e), P("select", a), !b.value && _(a);
+    }, Oe = () => {
+      _(o.value), P("ok", o.value);
+    }, je = (e) => {
+      p.value = e;
+      const a = le(e);
+      Q(a), te(a);
+    }, Ye = (e, a) => {
+      const l = a === 0 ? e : ne(e, g.value, -1);
+      p.value = l;
+      const u = le(l);
+      Q(u), te(u);
+    }, Ee = (e) => {
+      C(e);
+    }, Le = () => {
+      !x.value && !t.readonly && C(!0);
+    }, qe = (e) => {
+      var a, l, u;
+      (a = e == null ? void 0 : e.stopPropagation) == null || a.call(e), s.value = void 0, o.value = c.value ? [void 0, void 0] : void 0, ee(o.value), y.value = void 0, d("update:modelValue", void 0), d("change", void 0, void 0, void 0), d("clear", e), (u = (l = B.value) == null ? void 0 : l.onChange) == null || u.call(l), C(!1);
+    }, He = (e) => {
+      var l, u;
+      const a = e.target;
+      if (c.value) {
+        const r = i(s.value) ? [...s.value] : ["", ""];
+        r[v.value] = a.value, s.value = r;
+      } else
+        s.value = a.value;
+      (u = (l = B.value) == null ? void 0 : l.onInput) == null || u.call(l);
+    }, ue = () => {
+      if (c.value) {
+        const e = i(s.value) ? s.value : [], a = [...k.value], l = oe(e[v.value], f.value);
+        l && (a[v.value] = I(l, g.value), o.value = a, a[0] && a[1] && _(N(a)));
+      } else if (typeof s.value == "string") {
+        const e = oe(s.value, f.value);
+        if (e) {
+          const a = I(e, g.value);
+          o.value = a, _(a);
+        }
+      }
+      s.value = void 0, y.value = void 0;
+    }, Ue = (e) => {
+      var a, l;
+      H.value = !0, d("focus", e), (l = (a = B.value) == null ? void 0 : a.onFocus) == null || l.call(a, e);
+    }, We = (e) => {
+      var a, l;
+      H.value = !1, ue(), d("blur", e), (l = (a = B.value) == null ? void 0 : a.onBlur) == null || l.call(a, e);
+    }, Qe = () => {
+      s.value = void 0, C(!1);
+    }, Ge = (e) => {
+      v.value = e;
+    }, Je = () => {
+      aa(() => {
+        var e, a;
+        (a = (e = q.value) == null ? void 0 : e.focus) == null || a.call(e, c.value ? v.value : void 0);
+      });
+    }, Ke = () => {
+      var e, a;
+      (a = (e = q.value) == null ? void 0 : e.blur) == null || a.call(e);
+    };
+    return M(
+      () => U.value,
+      (e) => {
+        e && (ae(), s.value = void 0, y.value = void 0, F.value = "date");
+      }
+    ), M(
+      () => [t.modelValue, t.type, t.format, t.valueFormat],
+      () => {
+        o.value = i(m.value) ? [...m.value] : m.value, s.value = void 0, y.value = void 0, F.value = "date";
+      }
+    ), M(
+      () => [t.pickerValue, t.defaultPickerValue, t.type, t.format, t.valueFormat],
+      () => {
+        p.value = z(L.value) || z(o.value);
+      }
+    ), M(
+      () => m.value,
+      () => {
+        U.value || ae();
+      }
+    ), {
+      t: h,
+      attrs: S,
+      className: re,
+      inputRef: q,
+      inputAttrs: Se,
+      isRange: c,
+      mode: g,
+      isDateTime: b,
+      needConfirm: E,
+      timeFormat: Y,
+      timePickerProps: j,
+      focused: H,
+      focusedIndex: v,
+      mergedSize: ve,
+      mergedError: se,
+      allDisabled: x,
+      rangeDisabled: me,
+      mergedInputReadonly: fe,
+      mergedPopupVisible: U,
+      computedFormat: f,
+      singleInputValue: he,
+      rangeInputValue: ye,
+      singleInputText: Pe,
+      rangeInputText: be,
+      singlePlaceholder: ke,
+      rangePlaceholder: De,
+      singlePanelValue: W,
+      rangePanelValue: k,
+      previewRangeValue: ge,
+      rangeViewDates: Ve,
+      rangePanelMode: F,
+      viewDate: p,
+      mergedDisabledDate: Fe,
+      getDisabledTimeProps: Be,
+      formatTimeDate: Ce,
+      formatTimeValue: we,
+      handlePanelSelect: Te,
+      handleTimeSelect: Ie,
+      openRangeTimePanel: xe,
+      openRangeDatePanel: Ae,
+      handlePanelCellMouseEnter: ze,
+      handlePanelCellMouseLeave: Me,
+      handleShortcut: Ne,
+      handleToday: Re,
+      handleConfirm: Oe,
+      handleViewDateChange: je,
+      handleRangeViewDateChange: Ye,
+      handlePopupVisibleChange: Ee,
+      handleClear: qe,
+      handleInputChange: He,
+      handleInputSubmit: ue,
+      handleFocus: Ue,
+      handleBlur: We,
+      handleEsc: Qe,
+      handleFocusedIndexChange: Ge,
+      openPanel: Le,
+      focus: Je,
+      blur: Ke
+    };
+  }
+});
+export {
+  xa as default
+};

package/dist/es/components/date-picker/index.js

@@ -0,0 +1,56 @@
+import n from "./DatePicker.vue.js";
+import { defineComponent as c, h as k } from "vue";
+import { generateComponent as e } from "../../_utils/vue-eco.js";
+import { getComponentPrefix as r } from "../../_utils/config.js";
+import { getRangePickerType as s } from "./utils.js";
+const l = e(r("DatePicker"), n), i = (t, o) => c({
+  name: t,
+  inheritAttrs: !1,
+  setup(a, { attrs: P, slots: m }) {
+    return () => k(n, { ...P, type: o }, m);
+  }
+}), y = e(
+  r("MonthPicker"),
+  i("MonthPicker", "month")
+), R = e(
+  r("YearPicker"),
+  i("YearPicker", "year")
+), C = e(
+  r("QuarterPicker"),
+  i("QuarterPicker", "quarter")
+), D = e(
+  r("WeekPicker"),
+  i("WeekPicker", "week")
+), p = c({
+  name: "RangePicker",
+  inheritAttrs: !1,
+  props: {
+    mode: {
+      type: String,
+      default: "date",
+      validator: (t) => ["date", "month", "year", "quarter", "week"].includes(t)
+    }
+  },
+  setup(t, { attrs: o, slots: a }) {
+    return () => k(
+      n,
+      {
+        ...o,
+        type: s(t.mode)
+      },
+      a
+    );
+  }
+}), M = e(
+  r("RangePicker"),
+  p
+);
+export {
+  l as DatePicker,
+  y as MonthPicker,
+  C as QuarterPicker,
+  M as RangePicker,
+  D as WeekPicker,
+  R as YearPicker,
+  l as default
+};