vft 0.0.375 → 0.0.376

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

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

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

@@ -1,95 +1,88 @@
-import { defineComponent, computed, provide, reactive, toRef, ref, createVNode, mergeProps } from "vue";
-import dayjs from "dayjs";
-import customParseFormat from "dayjs/plugin/customParseFormat.js";
-import advancedFormat from "dayjs/plugin/advancedFormat.js";
-import localeData from "dayjs/plugin/localeData.js";
-import weekOfYear from "dayjs/plugin/weekOfYear.js";
-import weekYear from "dayjs/plugin/weekYear.js";
-import dayOfYear from "dayjs/plugin/dayOfYear.js";
-import isSameOrAfter from "dayjs/plugin/isSameOrAfter.js";
-import isSameOrBefore from "dayjs/plugin/isSameOrBefore.js";
+import { defineComponent as O, computed as _, provide as a, reactive as s, toRef as P, ref as T, createVNode as n, mergeProps as x } from "vue";
+import e from "dayjs";
+import I from "dayjs/plugin/customParseFormat.js";
+import v from "dayjs/plugin/advancedFormat.js";
+import C from "dayjs/plugin/localeData.js";
+import D from "dayjs/plugin/weekOfYear.js";
+import N from "dayjs/plugin/weekYear.js";
+import R from "dayjs/plugin/dayOfYear.js";
+import y from "dayjs/plugin/isSameOrAfter.js";
+import A from "dayjs/plugin/isSameOrBefore.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
-import { UPDATE_MODEL_EVENT } from "../../constants/event.js";
+import { UPDATE_MODEL_EVENT as p } from "../../constants/event.js";
 import "lodash-es";
-import { useNamespace } from "../../hooks/use-namespace/index.js";
+import { useNamespace as F } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import "../time-picker/index.js";
-import { ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY, ROOT_PICKER_INJECTION_KEY } from "./constants.js";
-import { datePickerProps } from "./props/date-picker.js";
-import { getPanel } from "./panel-utils.js";
-import { PICKER_POPPER_OPTIONS_INJECTION_KEY, DEFAULT_FORMATS_DATEPICKER, DEFAULT_FORMATS_DATE } from "../time-picker/constants.js";
-import _sfc_main from "../time-picker/common/picker.vue2.js";
-dayjs.extend(localeData);
-dayjs.extend(advancedFormat);
-dayjs.extend(customParseFormat);
-dayjs.extend(weekOfYear);
-dayjs.extend(weekYear);
-dayjs.extend(dayOfYear);
-dayjs.extend(isSameOrAfter);
-dayjs.extend(isSameOrBefore);
-const DatePicker = /* @__PURE__ */ defineComponent({
+import { ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY as h, ROOT_PICKER_INJECTION_KEY as k } from "./constants.js";
+import { datePickerProps as K } from "./props/date-picker.js";
+import { getPanel as S } from "./panel-utils.js";
+import { PICKER_POPPER_OPTIONS_INJECTION_KEY as U, DEFAULT_FORMATS_DATEPICKER as Y, DEFAULT_FORMATS_DATE as M } from "../time-picker/constants.js";
+import g from "../time-picker/common/picker.vue2.js";
+e.extend(C);
+e.extend(v);
+e.extend(I);
+e.extend(D);
+e.extend(N);
+e.extend(R);
+e.extend(y);
+e.extend(A);
+const de = /* @__PURE__ */ O({
   name: "ElDatePicker",
   install: null,
-  props: datePickerProps,
-  emits: [UPDATE_MODEL_EVENT],
-  setup(props, {
-    expose,
-    emit,
-    slots
+  props: K,
+  emits: [p],
+  setup(r, {
+    expose: i,
+    emit: f,
+    slots: t
   }) {
-    const ns = useNamespace("picker-panel");
-    const isDefaultFormat = computed(() => {
-      return !props.format;
+    const d = F("picker-panel"), c = _(() => !r.format);
+    a(h, c), a(U, s(P(r, "popperOptions"))), a(k, {
+      slots: t,
+      pickerNs: d
     });
-    provide(ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY, isDefaultFormat);
-    provide(PICKER_POPPER_OPTIONS_INJECTION_KEY, reactive(toRef(props, "popperOptions")));
-    provide(ROOT_PICKER_INJECTION_KEY, {
-      slots,
-      pickerNs: ns
-    });
-    const commonPicker = ref();
-    const refProps = {
+    const o = T();
+    i({
       focus: () => {
-        commonPicker.value?.focus();
+        o.value?.focus();
       },
       blur: () => {
-        commonPicker.value?.blur();
+        o.value?.blur();
       },
       handleOpen: () => {
-        commonPicker.value?.handleOpen();
+        o.value?.handleOpen();
       },
       handleClose: () => {
-        commonPicker.value?.handleClose();
+        o.value?.handleClose();
       }
-    };
-    expose(refProps);
-    const onModelValueUpdated = (val) => {
-      emit(UPDATE_MODEL_EVENT, val);
+    });
+    const l = (m) => {
+      f(p, m);
     };
     return () => {
-      const format = props.format ?? (DEFAULT_FORMATS_DATEPICKER[props.type] || DEFAULT_FORMATS_DATE);
-      const Component = getPanel(props.type);
-      return createVNode(_sfc_main, mergeProps(props, {
-        "format": format,
-        "type": props.type,
-        "ref": commonPicker,
-        "onUpdate:modelValue": onModelValueUpdated
+      const m = r.format ?? (Y[r.type] || M), u = S(r.type);
+      return n(g, x(r, {
+        format: m,
+        type: r.type,
+        ref: o,
+        "onUpdate:modelValue": l
       }), {
-        default: (scopedProps) => createVNode(Component, scopedProps, {
-          "prev-month": slots["prev-month"],
-          "next-month": slots["next-month"],
-          "prev-year": slots["prev-year"],
-          "next-year": slots["next-year"]
+        default: (E) => n(u, E, {
+          "prev-month": t["prev-month"],
+          "next-month": t["next-month"],
+          "prev-year": t["prev-year"],
+          "next-year": t["next-year"]
         }),
-        "range-separator": slots["range-separator"]
+        "range-separator": t["range-separator"]
       });
     };
   }
 });
 export {
-  DatePicker as default
+  de as default
 };

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

@@ -1,15 +1,15 @@
-import DatePicker from "./date-picker.js";
-import { ROOT_PICKER_INJECTION_KEY, ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY } from "./constants.js";
-import { datePickerProps } from "./props/date-picker.js";
-const _DatePicker = DatePicker;
-_DatePicker.install = (app) => {
-  app.component(_DatePicker.name, _DatePicker);
+import o from "./date-picker.js";
+import { ROOT_PICKER_INJECTION_KEY as E, ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY as I } from "./constants.js";
+import { datePickerProps as P } from "./props/date-picker.js";
+const e = o;
+e.install = (t) => {
+  t.component(e.name, e);
 };
-const VftDatePicker = _DatePicker;
+const _ = e;
 export {
-  ROOT_PICKER_INJECTION_KEY,
-  ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY,
-  VftDatePicker,
-  datePickerProps,
-  _DatePicker as default
+  E as ROOT_PICKER_INJECTION_KEY,
+  I as ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY,
+  _ as VftDatePicker,
+  P as datePickerProps,
+  e as default
 };