vft 0.0.369 → 0.0.370

package/es/components/date-picker/date-picker-com/panel-month-range.vue.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./panel-month-range.vue2.js";
+import f from "./panel-month-range.vue2.js";
 export {
-  _sfc_main as default
+  f as default
 };

package/es/components/date-picker/date-picker-com/panel-month-range.vue2.js

@@ -1,246 +1,194 @@
-import { defineComponent, ref, inject, toRef, computed, watch, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, renderSlot, createCommentVNode, Fragment, renderList, toDisplayString, createVNode } from "vue";
-import dayjs from "dayjs";
-import { VftIcon } from "../../icon/index.js";
-import { isArray } from "@vft/utils";
+import { defineComponent as j, ref as S, inject as K, toRef as V, computed as L, watch as re, createElementBlock as m, openBlock as p, normalizeClass as o, unref as e, createElementVNode as l, renderSlot as le, createCommentVNode as w, Fragment as se, renderList as ie, toDisplayString as E, createVNode as f } from "vue";
+import U from "dayjs";
+import { VftIcon as C } from "../../icon/index.js";
+import { isArray as de } from "@vft/utils";
 import "../../time-picker/index.js";
-import { isValidRange, correctlyParseUserInput, getDefaultValue } from "../utils.js";
-import { panelMonthRangeEmits, panelMonthRangeProps } from "../props/panel-month-range.js";
-import { useMonthRangeHeader } from "../composables/use-month-range-header.js";
-import { useRangePicker } from "../composables/use-range-picker.js";
-import { ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY } from "../constants.js";
-import _sfc_main$1 from "./basic-month-table.vue2.js";
-import { PICKER_BASE_INJECTION_KEY } from "../../time-picker/constants.js";
-const _hoisted_1 = ["onClick"];
-const _hoisted_2 = ["disabled"];
-const _hoisted_3 = ["disabled"];
-const unit = "year";
-const __default__ = defineComponent({
+import { isValidRange as ce, correctlyParseUserInput as ue, getDefaultValue as me } from "../utils.js";
+import { panelMonthRangeEmits as pe, panelMonthRangeProps as fe } from "../props/panel-month-range.js";
+import { useMonthRangeHeader as ge } from "../composables/use-month-range-header.js";
+import { useRangePicker as be } from "../composables/use-range-picker.js";
+import { ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY as ve } from "../constants.js";
+import $ from "./basic-month-table.vue2.js";
+import { PICKER_BASE_INJECTION_KEY as he } from "../../time-picker/constants.js";
+const ke = ["onClick"], Ce = ["disabled"], Pe = ["disabled"], P = "year", ye = j({
   name: "DatePickerMonthRange"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: panelMonthRangeProps,
-  emits: panelMonthRangeEmits,
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const lang = ref("zh-cn");
-    const pickerBase = inject(PICKER_BASE_INJECTION_KEY);
-    const isDefaultFormat = inject(
-      ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY
-    );
-    const { shortcuts, disabledDate } = pickerBase.props;
-    const format = toRef(pickerBase.props, "format");
-    const defaultValue = toRef(pickerBase.props, "defaultValue");
-    const leftDate = ref(dayjs().locale(lang.value));
-    const rightDate = ref(dayjs().locale(lang.value).add(1, unit));
-    const {
-      minDate,
-      maxDate,
-      rangeState,
-      ppNs,
-      drpNs,
-      handleChangeRange,
-      handleRangeConfirm,
-      handleShortcutClick,
-      onSelect,
-      onReset
-    } = useRangePicker(props, {
-      defaultValue,
-      leftDate,
-      rightDate,
-      unit,
-      onParsedValueChanged
-    });
-    const hasShortcuts = computed(() => !!shortcuts.length);
-    const {
-      leftPrevYear,
-      rightNextYear,
-      leftNextYear,
-      rightPrevYear,
-      leftLabel,
-      rightLabel,
-      leftYear,
-      rightYear
-    } = useMonthRangeHeader({
-      unlinkPanels: toRef(props, "unlinkPanels"),
-      leftDate,
-      rightDate
-    });
-    const enableYearArrow = computed(() => {
-      return props.unlinkPanels && rightYear.value > leftYear.value + 1;
-    });
-    const handleRangePick = (val, close = true) => {
-      const minDate_ = val.minDate;
-      const maxDate_ = val.maxDate;
-      if (maxDate.value === maxDate_ && minDate.value === minDate_) {
-        return;
-      }
-      emit("calendar-change", [minDate_.toDate(), maxDate_ && maxDate_.toDate()]);
-      maxDate.value = maxDate_;
-      minDate.value = minDate_;
-      if (!close) return;
-      handleRangeConfirm();
-    };
-    const handleClear = () => {
-      leftDate.value = getDefaultValue(unref(defaultValue), {
-        lang: unref(lang),
+}), Be = /* @__PURE__ */ j({
+  ...ye,
+  props: fe,
+  emits: pe,
+  setup(z, { emit: J }) {
+    const i = z, d = J, b = S("zh-cn"), y = K(he), H = K(
+      ve
+    ), { shortcuts: I, disabledDate: N } = y.props, D = V(y.props, "format"), Y = V(y.props, "defaultValue"), c = S(U().locale(b.value)), u = S(U().locale(b.value).add(1, P)), {
+      minDate: v,
+      maxDate: h,
+      rangeState: R,
+      ppNs: r,
+      drpNs: g,
+      handleChangeRange: T,
+      handleRangeConfirm: q,
+      handleShortcutClick: G,
+      onSelect: _,
+      onReset: Q
+    } = be(i, {
+      defaultValue: Y,
+      leftDate: c,
+      rightDate: u,
+      unit: P,
+      onParsedValueChanged: oe
+    }), x = L(() => !!I.length), {
+      leftPrevYear: A,
+      rightNextYear: B,
+      leftNextYear: M,
+      rightPrevYear: O,
+      leftLabel: W,
+      rightLabel: X,
+      leftYear: Z,
+      rightYear: ee
+    } = ge({
+      unlinkPanels: V(i, "unlinkPanels"),
+      leftDate: c,
+      rightDate: u
+    }), k = L(() => i.unlinkPanels && ee.value > Z.value + 1), F = (t, a = !0) => {
+      const n = t.minDate, s = t.maxDate;
+      h.value === s && v.value === n || (d("calendar-change", [n.toDate(), s && s.toDate()]), h.value = s, v.value = n, a && q());
+    }, te = () => {
+      c.value = me(e(Y), {
+        lang: e(b),
         unit: "year",
-        unlinkPanels: props.unlinkPanels
-      })[0];
-      rightDate.value = leftDate.value.add(1, "year");
-      emit("pick", null);
-    };
-    const formatToString = (value) => {
-      return isArray(value) ? value.map((_) => _.format(format.value)) : value.format(format.value);
-    };
-    const parseUserInput = (value) => {
-      return correctlyParseUserInput(
-        value,
-        format.value,
-        lang.value,
-        isDefaultFormat
-      );
-    };
-    function onParsedValueChanged(minDate2, maxDate2) {
-      if (props.unlinkPanels && maxDate2) {
-        const minDateYear = minDate2?.year() || 0;
-        const maxDateYear = maxDate2.year();
-        rightDate.value = minDateYear === maxDateYear ? maxDate2.add(1, unit) : maxDate2;
-      } else {
-        rightDate.value = leftDate.value.add(1, unit);
-      }
+        unlinkPanels: i.unlinkPanels
+      })[0], u.value = c.value.add(1, "year"), d("pick", null);
+    }, ae = (t) => de(t) ? t.map((a) => a.format(D.value)) : t.format(D.value), ne = (t) => ue(
+      t,
+      D.value,
+      b.value,
+      H
+    );
+    function oe(t, a) {
+      if (i.unlinkPanels && a) {
+        const n = t?.year() || 0, s = a.year();
+        u.value = n === s ? a.add(1, P) : a;
+      } else
+        u.value = c.value.add(1, P);
     }
-    watch(
-      () => props.visible,
-      (visible) => {
-        if (!visible && rangeState.value.selecting) {
-          onReset(props.parsedValue);
-          onSelect(false);
-        }
+    return re(
+      () => i.visible,
+      (t) => {
+        !t && R.value.selecting && (Q(i.parsedValue), _(!1));
       }
-    );
-    emit("set-picker-option", ["isValidValue", isValidRange]);
-    emit("set-picker-option", ["formatToString", formatToString]);
-    emit("set-picker-option", ["parseUserInput", parseUserInput]);
-    emit("set-picker-option", ["handleClear", handleClear]);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([
-          unref(ppNs).b(),
-          unref(drpNs).b(),
-          {
-            "has-sidebar": Boolean(_ctx.$slots.sidebar) || hasShortcuts.value
-          }
-        ])
+    ), d("set-picker-option", ["isValidValue", ce]), d("set-picker-option", ["formatToString", ae]), d("set-picker-option", ["parseUserInput", ne]), d("set-picker-option", ["handleClear", te]), (t, a) => (p(), m("div", {
+      class: o([
+        e(r).b(),
+        e(g).b(),
+        {
+          "has-sidebar": !!t.$slots.sidebar || x.value
+        }
+      ])
+    }, [
+      l("div", {
+        class: o(e(r).e("body-wrapper"))
       }, [
-        createElementVNode("div", {
-          class: normalizeClass(unref(ppNs).e("body-wrapper"))
+        le(t.$slots, "sidebar", {
+          class: o(e(r).e("sidebar"))
+        }),
+        x.value ? (p(), m("div", {
+          key: 0,
+          class: o(e(r).e("sidebar"))
         }, [
-          renderSlot(_ctx.$slots, "sidebar", {
-            class: normalizeClass(unref(ppNs).e("sidebar"))
-          }),
-          hasShortcuts.value ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: normalizeClass(unref(ppNs).e("sidebar"))
-          }, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(shortcuts), (shortcut, key) => {
-              return openBlock(), createElementBlock("button", {
-                key,
-                type: "button",
-                class: normalizeClass(unref(ppNs).e("shortcut")),
-                onClick: ($event) => unref(handleShortcutClick)(shortcut)
-              }, toDisplayString(shortcut.text), 11, _hoisted_1);
-            }), 128))
-          ], 2)) : createCommentVNode("", true),
-          createElementVNode("div", {
-            class: normalizeClass(unref(ppNs).e("body"))
+          (p(!0), m(se, null, ie(e(I), (n, s) => (p(), m("button", {
+            key: s,
+            type: "button",
+            class: o(e(r).e("shortcut")),
+            onClick: (De) => e(G)(n)
+          }, E(n.text), 11, ke))), 128))
+        ], 2)) : w("", !0),
+        l("div", {
+          class: o(e(r).e("body"))
+        }, [
+          l("div", {
+            class: o([[e(r).e("content"), e(g).e("content")], "is-left"])
           }, [
-            createElementVNode("div", {
-              class: normalizeClass([[unref(ppNs).e("content"), unref(drpNs).e("content")], "is-left"])
+            l("div", {
+              class: o(e(g).e("header"))
             }, [
-              createElementVNode("div", {
-                class: normalizeClass(unref(drpNs).e("header"))
+              l("button", {
+                type: "button",
+                class: o([e(r).e("icon-btn"), "d-arrow-left"]),
+                onClick: a[0] || (a[0] = //@ts-ignore
+                (...n) => e(A) && e(A)(...n))
               }, [
-                createElementVNode("button", {
-                  type: "button",
-                  class: normalizeClass([unref(ppNs).e("icon-btn"), "d-arrow-left"]),
-                  onClick: _cache[0] || (_cache[0] = //@ts-ignore
-                  (...args) => unref(leftPrevYear) && unref(leftPrevYear)(...args))
-                }, [
-                  createVNode(unref(VftIcon), { icon: "icon-d-arrow-left" })
-                ], 2),
-                _ctx.unlinkPanels ? (openBlock(), createElementBlock("button", {
-                  key: 0,
-                  type: "button",
-                  disabled: !enableYearArrow.value,
-                  class: normalizeClass([[
-                    unref(ppNs).e("icon-btn"),
-                    { [unref(ppNs).is("disabled")]: !enableYearArrow.value }
-                  ], "d-arrow-right"]),
-                  onClick: _cache[1] || (_cache[1] = //@ts-ignore
-                  (...args) => unref(leftNextYear) && unref(leftNextYear)(...args))
-                }, [
-                  createVNode(unref(VftIcon), { icon: "icon-d-arrow-right" })
-                ], 10, _hoisted_2)) : createCommentVNode("", true),
-                createElementVNode("div", null, toDisplayString(unref(leftLabel)), 1)
+                f(e(C), { icon: "icon-d-arrow-left" })
               ], 2),
-              createVNode(_sfc_main$1, {
-                "selection-mode": "range",
-                date: leftDate.value,
-                "min-date": unref(minDate),
-                "max-date": unref(maxDate),
-                "range-state": unref(rangeState),
-                "disabled-date": unref(disabledDate),
-                onChangerange: unref(handleChangeRange),
-                onPick: handleRangePick,
-                onSelect: unref(onSelect)
-              }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date", "onChangerange", "onSelect"])
+              t.unlinkPanels ? (p(), m("button", {
+                key: 0,
+                type: "button",
+                disabled: !k.value,
+                class: o([[
+                  e(r).e("icon-btn"),
+                  { [e(r).is("disabled")]: !k.value }
+                ], "d-arrow-right"]),
+                onClick: a[1] || (a[1] = //@ts-ignore
+                (...n) => e(M) && e(M)(...n))
+              }, [
+                f(e(C), { icon: "icon-d-arrow-right" })
+              ], 10, Ce)) : w("", !0),
+              l("div", null, E(e(W)), 1)
             ], 2),
-            createElementVNode("div", {
-              class: normalizeClass([[unref(ppNs).e("content"), unref(drpNs).e("content")], "is-right"])
+            f($, {
+              "selection-mode": "range",
+              date: c.value,
+              "min-date": e(v),
+              "max-date": e(h),
+              "range-state": e(R),
+              "disabled-date": e(N),
+              onChangerange: e(T),
+              onPick: F,
+              onSelect: e(_)
+            }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date", "onChangerange", "onSelect"])
+          ], 2),
+          l("div", {
+            class: o([[e(r).e("content"), e(g).e("content")], "is-right"])
+          }, [
+            l("div", {
+              class: o(e(g).e("header"))
             }, [
-              createElementVNode("div", {
-                class: normalizeClass(unref(drpNs).e("header"))
+              t.unlinkPanels ? (p(), m("button", {
+                key: 0,
+                type: "button",
+                disabled: !k.value,
+                class: o([[e(r).e("icon-btn"), { "is-disabled": !k.value }], "d-arrow-left"]),
+                onClick: a[2] || (a[2] = //@ts-ignore
+                (...n) => e(O) && e(O)(...n))
+              }, [
+                f(e(C), { icon: "icon-d-arrow-left" })
+              ], 10, Pe)) : w("", !0),
+              l("button", {
+                type: "button",
+                class: o([e(r).e("icon-btn"), "d-arrow-right"]),
+                onClick: a[3] || (a[3] = //@ts-ignore
+                (...n) => e(B) && e(B)(...n))
               }, [
-                _ctx.unlinkPanels ? (openBlock(), createElementBlock("button", {
-                  key: 0,
-                  type: "button",
-                  disabled: !enableYearArrow.value,
-                  class: normalizeClass([[unref(ppNs).e("icon-btn"), { "is-disabled": !enableYearArrow.value }], "d-arrow-left"]),
-                  onClick: _cache[2] || (_cache[2] = //@ts-ignore
-                  (...args) => unref(rightPrevYear) && unref(rightPrevYear)(...args))
-                }, [
-                  createVNode(unref(VftIcon), { icon: "icon-d-arrow-left" })
-                ], 10, _hoisted_3)) : createCommentVNode("", true),
-                createElementVNode("button", {
-                  type: "button",
-                  class: normalizeClass([unref(ppNs).e("icon-btn"), "d-arrow-right"]),
-                  onClick: _cache[3] || (_cache[3] = //@ts-ignore
-                  (...args) => unref(rightNextYear) && unref(rightNextYear)(...args))
-                }, [
-                  createVNode(unref(VftIcon), { icon: "icon-d-arrow-right" })
-                ], 2),
-                createElementVNode("div", null, toDisplayString(unref(rightLabel)), 1)
+                f(e(C), { icon: "icon-d-arrow-right" })
               ], 2),
-              createVNode(_sfc_main$1, {
-                "selection-mode": "range",
-                date: rightDate.value,
-                "min-date": unref(minDate),
-                "max-date": unref(maxDate),
-                "range-state": unref(rangeState),
-                "disabled-date": unref(disabledDate),
-                onChangerange: unref(handleChangeRange),
-                onPick: handleRangePick,
-                onSelect: unref(onSelect)
-              }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date", "onChangerange", "onSelect"])
-            ], 2)
+              l("div", null, E(e(X)), 1)
+            ], 2),
+            f($, {
+              "selection-mode": "range",
+              date: u.value,
+              "min-date": e(v),
+              "max-date": e(h),
+              "range-state": e(R),
+              "disabled-date": e(N),
+              onChangerange: e(T),
+              onPick: F,
+              onSelect: e(_)
+            }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date", "onChangerange", "onSelect"])
           ], 2)
         ], 2)
-      ], 2);
-    };
+      ], 2)
+    ], 2));
   }
 });
 export {
-  _sfc_main as default
+  Be as default
 };

package/es/components/date-picker/date-picker-com/panel-year-range.vue.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./panel-year-range.vue2.js";
+import f from "./panel-year-range.vue2.js";
 export {
-  _sfc_main as default
+  f as default
 };