@element-plus/nightly 0.0.20220525 → 0.0.20220528

package/es/components/date-picker/src/date-picker-com/panel-month-range2.mjs

@@ -1,74 +1,75 @@
-import { defineComponent, ref, computed, inject, toRef, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, Fragment, renderList, toDisplayString, createCommentVNode, createVNode, withCtx } from 'vue';
+import { defineComponent, useAttrs, useSlots, inject, ref, computed, toRef, watch, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, renderSlot, Fragment, renderList, toDisplayString, createCommentVNode, createVNode, withCtx } from 'vue';
 import dayjs from 'dayjs';
 import { ElIcon } from '../../../icon/index2.mjs';
 import '../../../../hooks/index2.mjs';
+import '../../../../utils/index2.mjs';
 import { DArrowLeft, DArrowRight } from '@element-plus/icons-vue';
+import '../../../../tokens/index2.mjs';
+import { panelMonthRangeProps, panelMonthRangeEmits } from '../props/panel-month-range2.mjs';
+import { useMonthRangeHeader } from '../composables/use-month-range-header2.mjs';
 import MonthTable from './basic-month-table2.mjs';
 import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
+import { ROOT_PICKER_INJECTION_KEY } from '../../../../tokens/date-picker2.mjs';
+import { useNamespace } from '../../../../hooks/use-namespace/index2.mjs';
 import { useLocale } from '../../../../hooks/use-locale/index2.mjs';
+import { isFunction, isArray } from '@vue/shared';
 
-const _sfc_main = defineComponent({
-  components: { MonthTable, ElIcon, DArrowLeft, DArrowRight },
-  props: {
-    unlinkPanels: Boolean,
-    parsedValue: {
-      type: Array
-    }
-  },
-  emits: ["pick", "set-picker-option"],
-  setup(props, ctx) {
-    const { t, lang } = useLocale();
+const _hoisted_1 = ["onClick"];
+const _hoisted_2 = ["disabled"];
+const _hoisted_3 = ["disabled"];
+const __default__ = {
+  name: "DatePickerMonthRange"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: panelMonthRangeProps,
+  emits: panelMonthRangeEmits,
+  setup(__props, { emit }) {
+    const props = __props;
+    const attrs = useAttrs();
+    const slots = useSlots();
+    const { pickerNs: ppNs } = inject(ROOT_PICKER_INJECTION_KEY);
+    const drpNs = useNamespace("date-range-picker");
+    const { lang } = useLocale();
     const leftDate = ref(dayjs().locale(lang.value));
     const rightDate = ref(dayjs().locale(lang.value).add(1, "year"));
     const hasShortcuts = computed(() => !!shortcuts.length);
     const handleShortcutClick = (shortcut) => {
-      const shortcutValues = typeof shortcut.value === "function" ? shortcut.value() : shortcut.value;
+      const shortcutValues = isFunction(shortcut.value) ? shortcut.value() : shortcut.value;
       if (shortcutValues) {
-        ctx.emit("pick", [
+        emit("pick", [
           dayjs(shortcutValues[0]).locale(lang.value),
           dayjs(shortcutValues[1]).locale(lang.value)
         ]);
         return;
       }
       if (shortcut.onClick) {
-        shortcut.onClick(ctx);
-      }
-    };
-    const leftPrevYear = () => {
-      leftDate.value = leftDate.value.subtract(1, "year");
-      if (!props.unlinkPanels) {
-        rightDate.value = rightDate.value.subtract(1, "year");
-      }
-    };
-    const rightNextYear = () => {
-      if (!props.unlinkPanels) {
-        leftDate.value = leftDate.value.add(1, "year");
+        shortcut.onClick({
+          attrs,
+          slots,
+          emit
+        });
       }
-      rightDate.value = rightDate.value.add(1, "year");
     };
-    const leftNextYear = () => {
-      leftDate.value = leftDate.value.add(1, "year");
-    };
-    const rightPrevYear = () => {
-      rightDate.value = rightDate.value.subtract(1, "year");
-    };
-    const leftLabel = computed(() => {
-      return `${leftDate.value.year()} ${t("el.datepicker.year")}`;
-    });
-    const rightLabel = computed(() => {
-      return `${rightDate.value.year()} ${t("el.datepicker.year")}`;
-    });
-    const leftYear = computed(() => {
-      return leftDate.value.year();
-    });
-    const rightYear = computed(() => {
-      return rightDate.value.year() === leftDate.value.year() ? leftDate.value.year() + 1 : rightDate.value.year();
+    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 minDate = ref(null);
-    const maxDate = ref(null);
+    const minDate = ref();
+    const maxDate = ref();
     const rangeState = ref({
       endDate: null,
       selecting: false
@@ -89,11 +90,11 @@ const _sfc_main = defineComponent({
       handleConfirm();
     };
     const isValidValue = (value) => {
-      return Array.isArray(value) && value && value[0] && value[1] && value[0].valueOf() <= value[1].valueOf();
+      return isArray(value) && value && value[0] && value[1] && value[0].valueOf() <= value[1].valueOf();
     };
     const handleConfirm = (visible = false) => {
       if (isValidValue([minDate.value, maxDate.value])) {
-        ctx.emit("pick", [minDate.value, maxDate.value], visible);
+        emit("pick", [minDate.value, maxDate.value], visible);
       }
     };
     const onSelect = (selecting) => {
@@ -102,12 +103,12 @@ const _sfc_main = defineComponent({
         rangeState.value.endDate = null;
       }
     };
-    const formatToString = (value) => {
-      return value.map((_) => _.format(format));
+    const formatToString = (days) => {
+      return days.map((day) => day.format(format));
     };
     const getDefaultValue = () => {
       let start;
-      if (Array.isArray(defaultValue.value)) {
+      if (isArray(defaultValue.value)) {
         const left = dayjs(defaultValue.value[0]);
         let right = dayjs(defaultValue.value[1]);
         if (!props.unlinkPanels) {
@@ -122,7 +123,7 @@ const _sfc_main = defineComponent({
       start = start.locale(lang.value);
       return [start, start.add(1, "year")];
     };
-    ctx.emit("set-picker-option", ["formatToString", formatToString]);
+    emit("set-picker-option", ["formatToString", formatToString]);
     const pickerBase = inject("EP_PICKER_BASE");
     const { shortcuts, disabledDate, format } = pickerBase.props;
     const defaultValue = toRef(pickerBase.props, "defaultValue");
@@ -147,163 +148,146 @@ const _sfc_main = defineComponent({
         }
       } else {
         const defaultArr = getDefaultValue();
-        minDate.value = null;
-        maxDate.value = null;
+        minDate.value = void 0;
+        maxDate.value = void 0;
         leftDate.value = defaultArr[0];
         rightDate.value = defaultArr[1];
       }
     }, { immediate: true });
-    return {
-      shortcuts,
-      disabledDate,
-      onSelect,
-      handleRangePick,
-      rangeState,
-      handleChangeRange,
-      minDate,
-      maxDate,
-      enableYearArrow,
-      leftLabel,
-      rightLabel,
-      leftNextYear,
-      leftPrevYear,
-      rightNextYear,
-      rightPrevYear,
-      t,
-      leftDate,
-      rightDate,
-      hasShortcuts,
-      handleShortcutClick
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          unref(ppNs).b(),
+          unref(drpNs).b(),
+          {
+            "has-sidebar": Boolean(_ctx.$slots.sidebar) || unref(hasShortcuts)
+          }
+        ])
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(unref(ppNs).e("body-wrapper"))
+        }, [
+          renderSlot(_ctx.$slots, "sidebar", {
+            class: normalizeClass(unref(ppNs).e("sidebar"))
+          }),
+          unref(hasShortcuts) ? (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) => handleShortcutClick(shortcut)
+              }, toDisplayString(shortcut.text), 11, _hoisted_1);
+            }), 128))
+          ], 2)) : createCommentVNode("v-if", true),
+          createElementVNode("div", {
+            class: normalizeClass(unref(ppNs).e("body"))
+          }, [
+            createElementVNode("div", {
+              class: normalizeClass([[unref(ppNs).e("content"), unref(drpNs).e("content")], "is-left"])
+            }, [
+              createElementVNode("div", {
+                class: normalizeClass(unref(drpNs).e("header"))
+              }, [
+                createElementVNode("button", {
+                  type: "button",
+                  class: normalizeClass([unref(ppNs).e("icon-btn"), "d-arrow-left"]),
+                  onClick: _cache[0] || (_cache[0] = (...args) => unref(leftPrevYear) && unref(leftPrevYear)(...args))
+                }, [
+                  createVNode(unref(ElIcon), null, {
+                    default: withCtx(() => [
+                      createVNode(unref(DArrowLeft))
+                    ]),
+                    _: 1
+                  })
+                ], 2),
+                _ctx.unlinkPanels ? (openBlock(), createElementBlock("button", {
+                  key: 0,
+                  type: "button",
+                  disabled: !unref(enableYearArrow),
+                  class: normalizeClass([[
+                    unref(ppNs).e("icon-btn"),
+                    { [unref(ppNs).is("disabled")]: !unref(enableYearArrow) }
+                  ], "d-arrow-right"]),
+                  onClick: _cache[1] || (_cache[1] = (...args) => unref(leftNextYear) && unref(leftNextYear)(...args))
+                }, [
+                  createVNode(unref(ElIcon), null, {
+                    default: withCtx(() => [
+                      createVNode(unref(DArrowRight))
+                    ]),
+                    _: 1
+                  })
+                ], 10, _hoisted_2)) : createCommentVNode("v-if", true),
+                createElementVNode("div", null, toDisplayString(unref(leftLabel)), 1)
+              ], 2),
+              createVNode(MonthTable, {
+                "selection-mode": "range",
+                date: leftDate.value,
+                "min-date": minDate.value,
+                "max-date": maxDate.value,
+                "range-state": rangeState.value,
+                "disabled-date": unref(disabledDate),
+                onChangerange: handleChangeRange,
+                onPick: handleRangePick,
+                onSelect
+              }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date"])
+            ], 2),
+            createElementVNode("div", {
+              class: normalizeClass([[unref(ppNs).e("content"), unref(drpNs).e("content")], "is-right"])
+            }, [
+              createElementVNode("div", {
+                class: normalizeClass(unref(drpNs).e("header"))
+              }, [
+                _ctx.unlinkPanels ? (openBlock(), createElementBlock("button", {
+                  key: 0,
+                  type: "button",
+                  disabled: !unref(enableYearArrow),
+                  class: normalizeClass([[unref(ppNs).e("icon-btn"), { "is-disabled": !unref(enableYearArrow) }], "d-arrow-left"]),
+                  onClick: _cache[2] || (_cache[2] = (...args) => unref(rightPrevYear) && unref(rightPrevYear)(...args))
+                }, [
+                  createVNode(unref(ElIcon), null, {
+                    default: withCtx(() => [
+                      createVNode(unref(DArrowLeft))
+                    ]),
+                    _: 1
+                  })
+                ], 10, _hoisted_3)) : createCommentVNode("v-if", true),
+                createElementVNode("button", {
+                  type: "button",
+                  class: normalizeClass([unref(ppNs).e("icon-btn"), "d-arrow-right"]),
+                  onClick: _cache[3] || (_cache[3] = (...args) => unref(rightNextYear) && unref(rightNextYear)(...args))
+                }, [
+                  createVNode(unref(ElIcon), null, {
+                    default: withCtx(() => [
+                      createVNode(unref(DArrowRight))
+                    ]),
+                    _: 1
+                  })
+                ], 2),
+                createElementVNode("div", null, toDisplayString(unref(rightLabel)), 1)
+              ], 2),
+              createVNode(MonthTable, {
+                "selection-mode": "range",
+                date: rightDate.value,
+                "min-date": minDate.value,
+                "max-date": maxDate.value,
+                "range-state": rangeState.value,
+                "disabled-date": unref(disabledDate),
+                onChangerange: handleChangeRange,
+                onPick: handleRangePick,
+                onSelect
+              }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date"])
+            ], 2)
+          ], 2)
+        ], 2)
+      ], 2);
     };
   }
 });
-const _hoisted_1 = { class: "el-picker-panel__body-wrapper" };
-const _hoisted_2 = {
-  key: 0,
-  class: "el-picker-panel__sidebar"
-};
-const _hoisted_3 = ["onClick"];
-const _hoisted_4 = { class: "el-picker-panel__body" };
-const _hoisted_5 = { class: "el-picker-panel__content el-date-range-picker__content is-left" };
-const _hoisted_6 = { class: "el-date-range-picker__header" };
-const _hoisted_7 = ["disabled"];
-const _hoisted_8 = { class: "el-picker-panel__content el-date-range-picker__content is-right" };
-const _hoisted_9 = { class: "el-date-range-picker__header" };
-const _hoisted_10 = ["disabled"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_d_arrow_left = resolveComponent("d-arrow-left");
-  const _component_el_icon = resolveComponent("el-icon");
-  const _component_d_arrow_right = resolveComponent("d-arrow-right");
-  const _component_month_table = resolveComponent("month-table");
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass(["el-picker-panel el-date-range-picker", [
-      {
-        "has-sidebar": _ctx.$slots.sidebar || _ctx.hasShortcuts
-      }
-    ]])
-  }, [
-    createElementVNode("div", _hoisted_1, [
-      renderSlot(_ctx.$slots, "sidebar", { class: "el-picker-panel__sidebar" }),
-      _ctx.hasShortcuts ? (openBlock(), createElementBlock("div", _hoisted_2, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.shortcuts, (shortcut, key) => {
-          return openBlock(), createElementBlock("button", {
-            key,
-            type: "button",
-            class: "el-picker-panel__shortcut",
-            onClick: ($event) => _ctx.handleShortcutClick(shortcut)
-          }, toDisplayString(shortcut.text), 9, _hoisted_3);
-        }), 128))
-      ])) : createCommentVNode("v-if", true),
-      createElementVNode("div", _hoisted_4, [
-        createElementVNode("div", _hoisted_5, [
-          createElementVNode("div", _hoisted_6, [
-            createElementVNode("button", {
-              type: "button",
-              class: "el-picker-panel__icon-btn d-arrow-left",
-              onClick: _cache[0] || (_cache[0] = (...args) => _ctx.leftPrevYear && _ctx.leftPrevYear(...args))
-            }, [
-              createVNode(_component_el_icon, null, {
-                default: withCtx(() => [
-                  createVNode(_component_d_arrow_left)
-                ]),
-                _: 1
-              })
-            ]),
-            _ctx.unlinkPanels ? (openBlock(), createElementBlock("button", {
-              key: 0,
-              type: "button",
-              disabled: !_ctx.enableYearArrow,
-              class: normalizeClass([{ "is-disabled": !_ctx.enableYearArrow }, "el-picker-panel__icon-btn d-arrow-right"]),
-              onClick: _cache[1] || (_cache[1] = (...args) => _ctx.leftNextYear && _ctx.leftNextYear(...args))
-            }, [
-              createVNode(_component_el_icon, null, {
-                default: withCtx(() => [
-                  createVNode(_component_d_arrow_right)
-                ]),
-                _: 1
-              })
-            ], 10, _hoisted_7)) : createCommentVNode("v-if", true),
-            createElementVNode("div", null, toDisplayString(_ctx.leftLabel), 1)
-          ]),
-          createVNode(_component_month_table, {
-            "selection-mode": "range",
-            date: _ctx.leftDate,
-            "min-date": _ctx.minDate,
-            "max-date": _ctx.maxDate,
-            "range-state": _ctx.rangeState,
-            "disabled-date": _ctx.disabledDate,
-            onChangerange: _ctx.handleChangeRange,
-            onPick: _ctx.handleRangePick,
-            onSelect: _ctx.onSelect
-          }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date", "onChangerange", "onPick", "onSelect"])
-        ]),
-        createElementVNode("div", _hoisted_8, [
-          createElementVNode("div", _hoisted_9, [
-            _ctx.unlinkPanels ? (openBlock(), createElementBlock("button", {
-              key: 0,
-              type: "button",
-              disabled: !_ctx.enableYearArrow,
-              class: normalizeClass([{ "is-disabled": !_ctx.enableYearArrow }, "el-picker-panel__icon-btn d-arrow-left"]),
-              onClick: _cache[2] || (_cache[2] = (...args) => _ctx.rightPrevYear && _ctx.rightPrevYear(...args))
-            }, [
-              createVNode(_component_el_icon, null, {
-                default: withCtx(() => [
-                  createVNode(_component_d_arrow_left)
-                ]),
-                _: 1
-              })
-            ], 10, _hoisted_10)) : createCommentVNode("v-if", true),
-            createElementVNode("button", {
-              type: "button",
-              class: "el-picker-panel__icon-btn d-arrow-right",
-              onClick: _cache[3] || (_cache[3] = (...args) => _ctx.rightNextYear && _ctx.rightNextYear(...args))
-            }, [
-              createVNode(_component_el_icon, null, {
-                default: withCtx(() => [
-                  createVNode(_component_d_arrow_right)
-                ]),
-                _: 1
-              })
-            ]),
-            createElementVNode("div", null, toDisplayString(_ctx.rightLabel), 1)
-          ]),
-          createVNode(_component_month_table, {
-            "selection-mode": "range",
-            date: _ctx.rightDate,
-            "min-date": _ctx.minDate,
-            "max-date": _ctx.maxDate,
-            "range-state": _ctx.rangeState,
-            "disabled-date": _ctx.disabledDate,
-            onChangerange: _ctx.handleChangeRange,
-            onPick: _ctx.handleRangePick,
-            onSelect: _ctx.onSelect
-          }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date", "onChangerange", "onPick", "onSelect"])
-        ])
-      ])
-    ])
-  ], 2);
-}
-var MonthRangePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/date-picker/src/date-picker-com/panel-month-range.vue"]]);
+var MonthRangePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/date-picker/src/date-picker-com/panel-month-range.vue"]]);
 
 export { MonthRangePickPanel as default };
 //# sourceMappingURL=panel-month-range2.mjs.map

package/es/components/date-picker/src/date-picker-com/panel-month-range2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"panel-month-range2.mjs","sources":["../../../../../../../packages/components/date-picker/src/date-picker-com/panel-month-range.vue"],"sourcesContent":["<template>\n  <div\n    class=\"el-picker-panel el-date-range-picker\"\n    :class=\"[\n      {\n        'has-sidebar': $slots.sidebar || hasShortcuts,\n      },\n    ]\"\n  >\n    <div class=\"el-picker-panel__body-wrapper\">\n      <slot name=\"sidebar\" class=\"el-picker-panel__sidebar\" />\n      <div v-if=\"hasShortcuts\" class=\"el-picker-panel__sidebar\">\n        <button\n          v-for=\"(shortcut, key) in shortcuts\"\n          :key=\"key\"\n          type=\"button\"\n          class=\"el-picker-panel__shortcut\"\n          @click=\"handleShortcutClick(shortcut)\"\n        >\n          {{ shortcut.text }}\n        </button>\n      </div>\n      <div class=\"el-picker-panel__body\">\n        <div\n          class=\"el-picker-panel__content el-date-range-picker__content is-left\"\n        >\n          <div class=\"el-date-range-picker__header\">\n            <button\n              type=\"button\"\n              class=\"el-picker-panel__icon-btn d-arrow-left\"\n              @click=\"leftPrevYear\"\n            >\n              <el-icon><d-arrow-left /></el-icon>\n            </button>\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow\"\n              :class=\"{ 'is-disabled': !enableYearArrow }\"\n              class=\"el-picker-panel__icon-btn d-arrow-right\"\n              @click=\"leftNextYear\"\n            >\n              <el-icon><d-arrow-right /></el-icon>\n            </button>\n            <div>{{ leftLabel }}</div>\n          </div>\n          <month-table\n            selection-mode=\"range\"\n            :date=\"leftDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n        </div>\n        <div\n          class=\"el-picker-panel__content el-date-range-picker__content is-right\"\n        >\n          <div class=\"el-date-range-picker__header\">\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow\"\n              :class=\"{ 'is-disabled': !enableYearArrow }\"\n              class=\"el-picker-panel__icon-btn d-arrow-left\"\n              @click=\"rightPrevYear\"\n            >\n              <el-icon><d-arrow-left /></el-icon>\n            </button>\n            <button\n              type=\"button\"\n              class=\"el-picker-panel__icon-btn d-arrow-right\"\n              @click=\"rightNextYear\"\n            >\n              <el-icon><d-arrow-right /></el-icon>\n            </button>\n            <div>{{ rightLabel }}</div>\n          </div>\n          <month-table\n            selection-mode=\"range\"\n            :date=\"rightDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject, ref, toRef, watch } from 'vue'\nimport dayjs from 'dayjs'\nimport ElIcon from '@element-plus/components/icon'\nimport { useLocale } from '@element-plus/hooks'\nimport { DArrowLeft, DArrowRight } from '@element-plus/icons-vue'\nimport MonthTable from './basic-month-table.vue'\n\nimport type { PropType } from 'vue'\nimport type { Dayjs } from 'dayjs'\n\nexport default defineComponent({\n  components: { MonthTable, ElIcon, DArrowLeft, DArrowRight },\n\n  props: {\n    unlinkPanels: Boolean,\n    parsedValue: {\n      type: Array as PropType<Dayjs[]>,\n    },\n  },\n\n  emits: ['pick', 'set-picker-option'],\n\n  setup(props, ctx) {\n    const { t, lang } = useLocale()\n    const leftDate = ref(dayjs().locale(lang.value))\n    const rightDate = ref(dayjs().locale(lang.value).add(1, 'year'))\n\n    const hasShortcuts = computed(() => !!shortcuts.length)\n\n    const handleShortcutClick = (shortcut) => {\n      const shortcutValues =\n        typeof shortcut.value === 'function' ? shortcut.value() : shortcut.value\n      if (shortcutValues) {\n        ctx.emit('pick', [\n          dayjs(shortcutValues[0]).locale(lang.value),\n          dayjs(shortcutValues[1]).locale(lang.value),\n        ])\n        return\n      }\n      if (shortcut.onClick) {\n        shortcut.onClick(ctx)\n      }\n    }\n\n    const leftPrevYear = () => {\n      leftDate.value = leftDate.value.subtract(1, 'year')\n      if (!props.unlinkPanels) {\n        rightDate.value = rightDate.value.subtract(1, 'year')\n      }\n    }\n\n    const rightNextYear = () => {\n      if (!props.unlinkPanels) {\n        leftDate.value = leftDate.value.add(1, 'year')\n      }\n      rightDate.value = rightDate.value.add(1, 'year')\n    }\n\n    const leftNextYear = () => {\n      leftDate.value = leftDate.value.add(1, 'year')\n    }\n\n    const rightPrevYear = () => {\n      rightDate.value = rightDate.value.subtract(1, 'year')\n    }\n    const leftLabel = computed(() => {\n      return `${leftDate.value.year()} ${t('el.datepicker.year')}`\n    })\n\n    const rightLabel = computed(() => {\n      return `${rightDate.value.year()} ${t('el.datepicker.year')}`\n    })\n\n    const leftYear = computed(() => {\n      return leftDate.value.year()\n    })\n\n    const rightYear = computed(() => {\n      return rightDate.value.year() === leftDate.value.year()\n        ? leftDate.value.year() + 1\n        : rightDate.value.year()\n    })\n\n    const enableYearArrow = computed(() => {\n      return props.unlinkPanels && rightYear.value > leftYear.value + 1\n    })\n\n    const minDate = ref(null)\n    const maxDate = ref(null)\n\n    const rangeState = ref({\n      endDate: null,\n      selecting: false,\n    })\n\n    const handleChangeRange = (val) => {\n      rangeState.value = val\n    }\n\n    const handleRangePick = (val, close = true) => {\n      // const defaultTime = props.defaultTime || []\n      // const minDate_ = modifyWithTimeString(val.minDate, defaultTime[0])\n      // const maxDate_ = modifyWithTimeString(val.maxDate, defaultTime[1])\n      // todo\n      const minDate_ = val.minDate\n      const maxDate_ = val.maxDate\n      if (maxDate.value === maxDate_ && minDate.value === minDate_) {\n        return\n      }\n      maxDate.value = maxDate_\n      minDate.value = minDate_\n\n      if (!close) return\n      handleConfirm()\n    }\n\n    const isValidValue = (value) => {\n      return (\n        Array.isArray(value) &&\n        value &&\n        value[0] &&\n        value[1] &&\n        value[0].valueOf() <= value[1].valueOf()\n      )\n    }\n\n    const handleConfirm = (visible = false) => {\n      if (isValidValue([minDate.value, maxDate.value])) {\n        ctx.emit('pick', [minDate.value, maxDate.value], visible)\n      }\n    }\n\n    const onSelect = (selecting) => {\n      rangeState.value.selecting = selecting\n      if (!selecting) {\n        rangeState.value.endDate = null\n      }\n    }\n\n    const formatToString = (value) => {\n      return value.map((_) => _.format(format))\n    }\n\n    const getDefaultValue = () => {\n      let start: Dayjs\n      if (Array.isArray(defaultValue.value)) {\n        const left = dayjs(defaultValue.value[0])\n        let right = dayjs(defaultValue.value[1])\n        if (!props.unlinkPanels) {\n          right = left.add(1, 'year')\n        }\n        return [left, right]\n      } else if (defaultValue.value) {\n        start = dayjs(defaultValue.value)\n      } else {\n        start = dayjs()\n      }\n      start = start.locale(lang.value)\n      return [start, start.add(1, 'year')]\n    }\n\n    // pickerBase.hub.emit('SetPickerOption', ['isValidValue', isValidValue])\n    ctx.emit('set-picker-option', ['formatToString', formatToString])\n    const pickerBase = inject('EP_PICKER_BASE') as any\n    const { shortcuts, disabledDate, format } = pickerBase.props\n    const defaultValue = toRef(pickerBase.props, 'defaultValue')\n\n    watch(\n      () => defaultValue.value,\n      (val) => {\n        if (val) {\n          const defaultArr = getDefaultValue()\n          leftDate.value = defaultArr[0]\n          rightDate.value = defaultArr[1]\n        }\n      },\n      { immediate: true }\n    )\n\n    watch(\n      () => props.parsedValue,\n      (newVal) => {\n        if (newVal && newVal.length === 2) {\n          minDate.value = newVal[0]\n          maxDate.value = newVal[1]\n          leftDate.value = minDate.value\n          if (props.unlinkPanels && maxDate.value) {\n            const minDateYear = minDate.value.year()\n            const maxDateYear = maxDate.value.year()\n            rightDate.value =\n              minDateYear === maxDateYear\n                ? maxDate.value.add(1, 'year')\n                : maxDate.value\n          } else {\n            rightDate.value = leftDate.value.add(1, 'year')\n          }\n        } else {\n          const defaultArr = getDefaultValue()\n          minDate.value = null\n          maxDate.value = null\n          leftDate.value = defaultArr[0]\n          rightDate.value = defaultArr[1]\n        }\n      },\n      { immediate: true }\n    )\n\n    return {\n      shortcuts,\n      disabledDate,\n      onSelect,\n      handleRangePick,\n      rangeState,\n      handleChangeRange,\n      minDate,\n      maxDate,\n      enableYearArrow,\n      leftLabel,\n      rightLabel,\n      leftNextYear,\n      leftPrevYear,\n      rightNextYear,\n      rightPrevYear,\n      t,\n      leftDate,\n      rightDate,\n      hasShortcuts,\n      handleShortcutClick,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_renderSlot","_openBlock","_Fragment","_renderList","_toDisplayString","_createVNode","_withCtx"],"mappings":"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"}
+{"version":3,"file":"panel-month-range2.mjs","sources":["../../../../../../../packages/components/date-picker/src/date-picker-com/panel-month-range.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      ppNs.b(),\n      drpNs.b(),\n      {\n        'has-sidebar': Boolean($slots.sidebar) || hasShortcuts,\n      },\n    ]\"\n  >\n    <div :class=\"ppNs.e('body-wrapper')\">\n      <slot name=\"sidebar\" :class=\"ppNs.e('sidebar')\" />\n      <div v-if=\"hasShortcuts\" :class=\"ppNs.e('sidebar')\">\n        <button\n          v-for=\"(shortcut, key) in shortcuts\"\n          :key=\"key\"\n          type=\"button\"\n          :class=\"ppNs.e('shortcut')\"\n          @click=\"handleShortcutClick(shortcut)\"\n        >\n          {{ shortcut.text }}\n        </button>\n      </div>\n      <div :class=\"ppNs.e('body')\">\n        <div :class=\"[ppNs.e('content'), drpNs.e('content')]\" class=\"is-left\">\n          <div :class=\"drpNs.e('header')\">\n            <button\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              class=\"d-arrow-left\"\n              @click=\"leftPrevYear\"\n            >\n              <el-icon><d-arrow-left /></el-icon>\n            </button>\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                { [ppNs.is('disabled')]: !enableYearArrow },\n              ]\"\n              class=\"d-arrow-right\"\n              @click=\"leftNextYear\"\n            >\n              <el-icon><d-arrow-right /></el-icon>\n            </button>\n            <div>{{ leftLabel }}</div>\n          </div>\n          <month-table\n            selection-mode=\"range\"\n            :date=\"leftDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n        </div>\n        <div :class=\"[ppNs.e('content'), drpNs.e('content')]\" class=\"is-right\">\n          <div :class=\"drpNs.e('header')\">\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow\"\n              :class=\"[ppNs.e('icon-btn'), { 'is-disabled': !enableYearArrow }]\"\n              class=\"d-arrow-left\"\n              @click=\"rightPrevYear\"\n            >\n              <el-icon><d-arrow-left /></el-icon>\n            </button>\n            <button\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              class=\"d-arrow-right\"\n              @click=\"rightNextYear\"\n            >\n              <el-icon><d-arrow-right /></el-icon>\n            </button>\n            <div>{{ rightLabel }}</div>\n          </div>\n          <month-table\n            selection-mode=\"range\"\n            :date=\"rightDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, ref, toRef, useAttrs, useSlots, watch } from 'vue'\nimport dayjs from 'dayjs'\nimport ElIcon from '@element-plus/components/icon'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { isArray, isFunction } from '@element-plus/utils'\nimport { DArrowLeft, DArrowRight } from '@element-plus/icons-vue'\nimport { ROOT_PICKER_INJECTION_KEY } from '@element-plus/tokens'\nimport {\n  panelMonthRangeEmits,\n  panelMonthRangeProps,\n} from '../props/panel-month-range'\nimport { useMonthRangeHeader } from '../composables/use-month-range-header'\nimport MonthTable from './basic-month-table.vue'\n\nimport type { SetupContext } from 'vue'\nimport type { Dayjs } from 'dayjs'\nimport type { RangeState } from '../props/shared'\n\ndefineOptions({\n  name: 'DatePickerMonthRange',\n})\n\nconst props = defineProps(panelMonthRangeProps)\nconst emit = defineEmits(panelMonthRangeEmits)\nconst attrs = useAttrs()\nconst slots = useSlots()\n\nconst { pickerNs: ppNs } = inject(ROOT_PICKER_INJECTION_KEY)!\nconst drpNs = useNamespace('date-range-picker')\nconst { lang } = useLocale()\nconst leftDate = ref(dayjs().locale(lang.value))\nconst rightDate = ref(dayjs().locale(lang.value).add(1, 'year'))\n\nconst hasShortcuts = computed(() => !!shortcuts.length)\n\n// FIXME: extract this to `date-picker.ts`\ntype Shortcut = {\n  text: string\n  value: [Date, Date] | (() => [Date, Date])\n  onClick?: (\n    ctx: Omit<SetupContext<typeof panelMonthRangeEmits>, 'expose'>\n  ) => void\n}\n\nconst handleShortcutClick = (shortcut: Shortcut) => {\n  const shortcutValues = isFunction(shortcut.value)\n    ? shortcut.value()\n    : shortcut.value\n\n  if (shortcutValues) {\n    emit('pick', [\n      dayjs(shortcutValues[0]).locale(lang.value),\n      dayjs(shortcutValues[1]).locale(lang.value),\n    ])\n    return\n  }\n  if (shortcut.onClick) {\n    shortcut.onClick({\n      attrs,\n      slots,\n      emit,\n    })\n  }\n}\n\nconst {\n  leftPrevYear,\n  rightNextYear,\n  leftNextYear,\n  rightPrevYear,\n  leftLabel,\n  rightLabel,\n  leftYear,\n  rightYear,\n} = useMonthRangeHeader({\n  unlinkPanels: toRef(props, 'unlinkPanels'),\n  leftDate,\n  rightDate,\n})\n\nconst enableYearArrow = computed(() => {\n  return props.unlinkPanels && rightYear.value > leftYear.value + 1\n})\n\nconst minDate = ref<Dayjs>()\nconst maxDate = ref<Dayjs>()\n\nconst rangeState = ref<RangeState>({\n  endDate: null,\n  selecting: false,\n})\n\nconst handleChangeRange = (val: RangeState) => {\n  rangeState.value = val\n}\n\ntype RangePickValue = {\n  minDate: Dayjs\n  maxDate: Dayjs\n}\n\nconst handleRangePick = (val: RangePickValue, close = true) => {\n  // const defaultTime = props.defaultTime || []\n  // const minDate_ = modifyWithTimeString(val.minDate, defaultTime[0])\n  // const maxDate_ = modifyWithTimeString(val.maxDate, defaultTime[1])\n  // todo\n  const minDate_ = val.minDate\n  const maxDate_ = val.maxDate\n  if (maxDate.value === maxDate_ && minDate.value === minDate_) {\n    return\n  }\n  maxDate.value = maxDate_\n  minDate.value = minDate_\n\n  if (!close) return\n  handleConfirm()\n}\n\nconst isValidValue = (value: [Dayjs | undefined, Dayjs | undefined]) => {\n  return (\n    isArray(value) &&\n    value &&\n    value[0] &&\n    value[1] &&\n    value[0].valueOf() <= value[1].valueOf()\n  )\n}\n\nconst handleConfirm = (visible = false) => {\n  if (isValidValue([minDate.value, maxDate.value])) {\n    emit('pick', [minDate.value, maxDate.value], visible)\n  }\n}\n\nconst onSelect = (selecting: boolean) => {\n  rangeState.value.selecting = selecting\n  if (!selecting) {\n    rangeState.value.endDate = null\n  }\n}\n\nconst formatToString = (days: Dayjs[]) => {\n  return days.map((day) => day.format(format))\n}\n\nconst getDefaultValue = () => {\n  let start: Dayjs\n  if (isArray(defaultValue.value)) {\n    const left = dayjs(defaultValue.value[0])\n    let right = dayjs(defaultValue.value[1])\n    if (!props.unlinkPanels) {\n      right = left.add(1, 'year')\n    }\n    return [left, right]\n  } else if (defaultValue.value) {\n    start = dayjs(defaultValue.value)\n  } else {\n    start = dayjs()\n  }\n  start = start.locale(lang.value)\n  return [start, start.add(1, 'year')]\n}\n\n// pickerBase.hub.emit('SetPickerOption', ['isValidValue', isValidValue])\nemit('set-picker-option', ['formatToString', formatToString])\nconst pickerBase = inject('EP_PICKER_BASE') as any\nconst { shortcuts, disabledDate, format } = pickerBase.props\nconst defaultValue = toRef(pickerBase.props, 'defaultValue')\n\nwatch(\n  () => defaultValue.value,\n  (val) => {\n    if (val) {\n      const defaultArr = getDefaultValue()\n      leftDate.value = defaultArr[0]\n      rightDate.value = defaultArr[1]\n    }\n  },\n  { immediate: true }\n)\n\nwatch(\n  () => props.parsedValue,\n  (newVal) => {\n    if (newVal && newVal.length === 2) {\n      minDate.value = newVal[0]\n      maxDate.value = newVal[1]\n      leftDate.value = minDate.value\n      if (props.unlinkPanels && maxDate.value) {\n        const minDateYear = minDate.value.year()\n        const maxDateYear = maxDate.value.year()\n        rightDate.value =\n          minDateYear === maxDateYear\n            ? maxDate.value.add(1, 'year')\n            : maxDate.value\n      } else {\n        rightDate.value = leftDate.value.add(1, 'year')\n      }\n    } else {\n      const defaultArr = getDefaultValue()\n      minDate.value = undefined\n      maxDate.value = undefined\n      leftDate.value = defaultArr[0]\n      rightDate.value = defaultArr[1]\n    }\n  },\n  { immediate: true }\n)\n</script>\n"],"names":[],"mappings":"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"}

package/es/components/date-picker/src/date-picker.mjs

@@ -1,2 +1,79 @@
-export { default } from './date-picker2.mjs';
+import { defineComponent, 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 '../../../hooks/index2.mjs';
+import '../../../tokens/index2.mjs';
+import '../../time-picker/index2.mjs';
+import { datePickerProps } from './props/date-picker2.mjs';
+import { getPanel } from './utils2.mjs';
+import { timePickerDefaultProps } from '../../time-picker/src/common/props2.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index2.mjs';
+import { ROOT_PICKER_INJECTION_KEY } from '../../../tokens/date-picker2.mjs';
+import { DEFAULT_FORMATS_DATEPICKER, DEFAULT_FORMATS_DATE } from '../../time-picker/src/common/constant2.mjs';
+import CommonPicker from '../../time-picker/src/common/picker2.mjs';
+
+dayjs.extend(localeData);
+dayjs.extend(advancedFormat);
+dayjs.extend(customParseFormat);
+dayjs.extend(weekOfYear);
+dayjs.extend(weekYear);
+dayjs.extend(dayOfYear);
+dayjs.extend(isSameOrAfter);
+dayjs.extend(isSameOrBefore);
+var DatePicker = defineComponent({
+  name: "ElDatePicker",
+  install: null,
+  props: {
+    ...timePickerDefaultProps,
+    ...datePickerProps
+  },
+  emits: ["update:modelValue"],
+  setup(props, {
+    expose,
+    emit,
+    slots
+  }) {
+    const ns = useNamespace("picker-panel");
+    provide("ElPopperOptions", reactive(toRef(props, "popperOptions")));
+    provide(ROOT_PICKER_INJECTION_KEY, {
+      slots,
+      pickerNs: ns
+    });
+    const commonPicker = ref();
+    const refProps = {
+      ...props,
+      focus: (focusStartInput = true) => {
+        var _a;
+        (_a = commonPicker.value) == null ? void 0 : _a.focus(focusStartInput);
+      }
+    };
+    expose(refProps);
+    const onModelValueUpdated = (val) => {
+      emit("update:modelValue", val);
+    };
+    return () => {
+      var _a;
+      const format = (_a = props.format) != null ? _a : DEFAULT_FORMATS_DATEPICKER[props.type] || DEFAULT_FORMATS_DATE;
+      const Component = getPanel(props.type);
+      return createVNode(CommonPicker, mergeProps(props, {
+        "format": format,
+        "type": props.type,
+        "ref": commonPicker,
+        "onUpdate:modelValue": onModelValueUpdated
+      }), {
+        default: (scopedProps) => createVNode(Component, scopedProps, null),
+        "range-separator": slots["range-separator"]
+      });
+    };
+  }
+});
+
+export { DatePicker as default };
 //# sourceMappingURL=date-picker.mjs.map

package/es/components/date-picker/src/date-picker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"date-picker.mjs","sources":["../../../../../../packages/components/date-picker/src/date-picker.tsx"],"sourcesContent":["import { defineComponent, provide, reactive, ref, toRef } from 'vue'\nimport dayjs from 'dayjs'\nimport customParseFormat from 'dayjs/plugin/customParseFormat.js'\nimport advancedFormat from 'dayjs/plugin/advancedFormat.js'\nimport localeData from 'dayjs/plugin/localeData.js'\nimport weekOfYear from 'dayjs/plugin/weekOfYear.js'\nimport weekYear from 'dayjs/plugin/weekYear.js'\nimport dayOfYear from 'dayjs/plugin/dayOfYear.js'\nimport isSameOrAfter from 'dayjs/plugin/isSameOrAfter.js'\nimport isSameOrBefore from 'dayjs/plugin/isSameOrBefore.js'\nimport { useNamespace } from '@element-plus/hooks'\nimport { ROOT_PICKER_INJECTION_KEY } from '@element-plus/tokens'\nimport {\n  CommonPicker,\n  DEFAULT_FORMATS_DATE,\n  DEFAULT_FORMATS_DATEPICKER,\n  timePickerDefaultProps,\n} from '@element-plus/components/time-picker'\n\nimport { datePickerProps } from './props/date-picker'\nimport { getPanel } from './utils'\n\ndayjs.extend(localeData)\ndayjs.extend(advancedFormat)\ndayjs.extend(customParseFormat)\ndayjs.extend(weekOfYear)\ndayjs.extend(weekYear)\ndayjs.extend(dayOfYear)\ndayjs.extend(isSameOrAfter)\ndayjs.extend(isSameOrBefore)\n\nexport default defineComponent({\n  name: 'ElDatePicker',\n  install: null,\n  props: {\n    // FIXME: move this to date-picker.ts\n    ...timePickerDefaultProps,\n    ...datePickerProps,\n  },\n  emits: ['update:modelValue'],\n  setup(props, { expose, emit, slots }) {\n    const ns = useNamespace('picker-panel')\n\n    provide('ElPopperOptions', reactive(toRef(props, 'popperOptions')))\n    provide(ROOT_PICKER_INJECTION_KEY, {\n      slots,\n      pickerNs: ns,\n    })\n\n    const commonPicker = ref<InstanceType<typeof CommonPicker>>()\n    const refProps = {\n      ...props,\n      focus: (focusStartInput = true) => {\n        commonPicker.value?.focus(focusStartInput)\n      },\n    }\n\n    expose(refProps)\n\n    const onModelValueUpdated = (val: any) => {\n      emit('update:modelValue', val)\n    }\n\n    return () => {\n      // since props always have all defined keys on it, {format, ...props} will always overwrite format\n      // pick props.format or provide default value here before spreading\n      const format =\n        props.format ??\n        (DEFAULT_FORMATS_DATEPICKER[props.type] || DEFAULT_FORMATS_DATE)\n\n      const Component = getPanel(props.type)\n\n      return (\n        <CommonPicker\n          {...props}\n          format={format}\n          type={props.type}\n          ref={commonPicker}\n          onUpdate:modelValue={onModelValueUpdated}\n        >\n          {{\n            default: (scopedProps: /**FIXME: remove any type */ any) => (\n              <Component {...scopedProps} />\n            ),\n            'range-separator': slots['range-separator'],\n          }}\n        </CommonPicker>\n      )\n    }\n  },\n})\n"],"names":["dayjs","extend","localeData","advancedFormat","customParseFormat","weekOfYear","weekYear","dayOfYear","isSameOrAfter","isSameOrBefore","defineComponent","name","install","props","timePickerDefaultProps","datePickerProps","emits","expose","emit","slots","provide","reactive","pickerNs","commonPicker","focus","focusStartInput","onModelValueUpdated","val","_createVNode","DEFAULT_FORMATS_DATEPICKER","getPanel","default"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAsBAA,KAAK,CAACC,MAAN,CAAaC,UAAb,CAAA,CAAA;AACAF,KAAK,CAACC,MAAN,CAAaE,cAAb,CAAA,CAAA;AACAH,KAAK,CAACC,MAAN,CAAaG,iBAAb,CAAA,CAAA;AACAJ,KAAK,CAACC,MAAN,CAAaI,UAAb,CAAA,CAAA;AACAL,KAAK,CAACC,MAAN,CAAaK,QAAb,CAAA,CAAA;AACAN,KAAK,CAACC,MAAN,CAAaM,SAAb,CAAA,CAAA;AACAP,KAAK,CAACC,MAAN,CAAaO,aAAb,CAAA,CAAA;AACAR,KAAK,CAACC,MAAN,CAAaQ,cAAb,CAAA,CAAA;AAEA,iBAAeC,eAAe,CAAC;AAC7BC,EAAAA,IAAI,EAAE,cADuB;AAE7BC,EAAAA,OAAO,EAAE,IAFoB;AAG7BC,EAAAA,KAAK,EAAE;AAEL,IAAA,GAAGC,sBAFE;IAGL,GAAGC,eAAAA;GANwB;EAQ7BC,KAAK,EAAE,CAAC,mBAAD,CARsB;;IASxB;IAAUC,IAAF;IAAUC,KAAV;AAAgBC,GAAAA,EAAAA;AAAhB,IAAyB,MAAA,EAAA,GAAA,YAAA,CAAA,cAAA,CAAA,CAAA;AACpC,IAAA,OAAQ,CAAA,iCAAR,CAAA,KAAA,EAAA,eAAA,CAAA,CAAA,CAAA,CAAA;AAEAC,IAAAA,OAAO,CAAC,yBAAmBC,EAAQ;MAC5B,KAAA;MACLF,QADiC,EAAA,EAAA;AAEjCG,KAAAA,CAAAA,CAAAA;AAFiC,IAAA,MAAnC,YAAA,GAAA,GAAA,EAAA,CAAA;IAKA,MAAMC,QAAAA,GAAAA;AACN,MAAA,GAAA,KAAc;AAEZC,MAAAA,KAAK,EAAE,CAACC,eAAe,GAAG,IAAnB,KAA4B;AACjCF,QAAAA,IAAAA,EAAAA,CAAAA;AACD,QAAA,CAAA,EAAA,GAAA,YAAA,CAAA,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAA,CAAA,eAAA,CAAA,CAAA;OAJH;KAOM,CAAA;;IAEN,MAAMG,mBAAmB,GAAIC,CAAAA,GAAa,KAAA;AACxCT,MAAAA,IAAI,CAAC,mBAAD,EAAsBS,GAAtB,CAAJ,CAAA;KADF,CAAA;;AAIA,MAAA,IAAA,EAAa,CAAA;AACX,MAAA,MAAA,MAAA,GAAA,CAAA,EAAA,GAAA,KAAA,CAAA,MAAA,KAAA,IAAA,GAAA,EAAA,GAAA,0BAAA,CAAA,KAAA,CAAA,IAAA,CAAA,IAAA,oBAAA,CAAA;AACA,MAAA,MAAA,SAAA,GAAA,QAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA;AACA,MAAA,OAAYC,WACL,CAAA,YACJC,EAAAA,UAAAA,CAAAA,KAAAA,EAAAA;AAEH,QAAA,gBAAkBC;AAElB,QAAA,MAAA,EAAA,KAAA,CAAA,IAAA;AAAA,QAAA,KAAA,EAAA,YAAA;QAAA,qBAAA,EAAA,mBAAA;AAAA,OAAA,CAAA,EAAA;QAAA,OAMyBJ,EAAAA,CAAAA,WAAAA,KAAAA,WAAAA,CAAAA,SAAAA,EAAAA,WAAAA,EAAAA,IAAAA,CAAAA;AANzB,QAAA,iBAAA,EAAA,KAAA,CAAA,iBAAA,CAAA;AASMK,OAAAA,CAAAA,CAAAA;;AATN,GAAA;;;;;"}

package/es/components/date-picker/src/date-picker.type.mjs

@@ -1,2 +1,2 @@
-export { ROOT_PICKER_INJECTION_KEY } from './date-picker.type2.mjs';
+import './date-picker.type2.mjs';
 //# sourceMappingURL=date-picker.type.mjs.map