@element-plus/nightly 0.0.20250609 → 0.0.20250611

package/lib/components/date-picker/src/date-picker-com/panel-year-range.js

@@ -5,16 +5,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var dayjs = require('dayjs');
 var iconsVue = require('@element-plus/icons-vue');
-var index$2 = require('../../../icon/index.js');
+var index$1 = require('../../../icon/index.js');
 var panelYearRange = require('../props/panel-year-range.js');
-var useShortcut = require('../composables/use-shortcut.js');
 var useYearRangeHeader = require('../composables/use-year-range-header.js');
+var useRangePicker = require('../composables/use-range-picker.js');
 var utils = require('../utils.js');
 var constants = require('../constants.js');
 var basicYearTable = require('./basic-year-table.js');
 var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
 var index = require('../../../../hooks/use-locale/index.js');
-var index$1 = require('../../../../hooks/use-namespace/index.js');
 var constants$1 = require('../../../time-picker/src/constants.js');
 var shared = require('@vue/shared');
 
@@ -22,6 +21,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
 
+const step = 10;
 const unit = "year";
 const __default__ = vue.defineComponent({
   name: "DatePickerYearRange"
@@ -34,10 +34,45 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const props = __props;
     const { lang } = index.useLocale();
     const leftDate = vue.ref(dayjs__default["default"]().locale(lang.value));
-    const rightDate = vue.ref(leftDate.value.add(10, "year"));
-    const { pickerNs: ppNs } = vue.inject(constants.ROOT_PICKER_INJECTION_KEY);
-    const drpNs = index$1.useNamespace("date-range-picker");
+    const rightDate = vue.ref(dayjs__default["default"]().locale(lang.value).add(step, unit));
     const isDefaultFormat = vue.inject(constants.ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY);
+    const pickerBase = vue.inject(constants$1.PICKER_BASE_INJECTION_KEY);
+    const { shortcuts, disabledDate } = pickerBase.props;
+    const format = vue.toRef(pickerBase.props, "format");
+    const defaultValue = vue.toRef(pickerBase.props, "defaultValue");
+    const {
+      minDate,
+      maxDate,
+      rangeState,
+      ppNs,
+      drpNs,
+      handleChangeRange,
+      handleRangeConfirm,
+      handleShortcutClick,
+      onSelect,
+      onReset
+    } = useRangePicker.useRangePicker(props, {
+      defaultValue,
+      leftDate,
+      rightDate,
+      step,
+      unit,
+      onParsedValueChanged
+    });
+    const {
+      leftPrevYear,
+      rightNextYear,
+      leftNextYear,
+      rightPrevYear,
+      leftLabel,
+      rightLabel,
+      leftYear,
+      rightYear
+    } = useYearRangeHeader.useYearRangeHeader({
+      unlinkPanels: vue.toRef(props, "unlinkPanels"),
+      leftDate,
+      rightDate
+    });
     const hasShortcuts = vue.computed(() => !!shortcuts.length);
     const panelKls = vue.computed(() => [
       ppNs.b(),
@@ -68,33 +103,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         arrowRightBtn: [ppNs.e("icon-btn"), "d-arrow-right"]
       };
     });
-    const handleShortcutClick = useShortcut.useShortcut(lang);
-    const {
-      leftPrevYear,
-      rightNextYear,
-      leftNextYear,
-      rightPrevYear,
-      leftLabel,
-      rightLabel,
-      leftYear,
-      rightYear
-    } = useYearRangeHeader.useYearRangeHeader({
-      unlinkPanels: vue.toRef(props, "unlinkPanels"),
-      leftDate,
-      rightDate
-    });
     const enableYearArrow = vue.computed(() => {
       return props.unlinkPanels && rightYear.value > leftYear.value + 1;
     });
-    const minDate = vue.ref();
-    const maxDate = vue.ref();
-    const rangeState = vue.ref({
-      endDate: null,
-      selecting: false
-    });
-    const handleChangeRange = (val) => {
-      rangeState.value = val;
-    };
     const handleRangePick = (val, close = true) => {
       const minDate_ = val.minDate;
       const maxDate_ = val.maxDate;
@@ -106,67 +117,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       minDate.value = minDate_;
       if (!close)
         return;
-      handleConfirm();
-    };
-    const handleConfirm = (visible = false) => {
-      if (utils.isValidRange([minDate.value, maxDate.value])) {
-        emit("pick", [minDate.value, maxDate.value], visible);
-      }
+      handleRangeConfirm();
     };
-    const onSelect = (selecting) => {
-      rangeState.value.selecting = selecting;
-      if (!selecting) {
-        rangeState.value.endDate = null;
-      }
-    };
-    const pickerBase = vue.inject(constants$1.PICKER_BASE_INJECTION_KEY);
-    const { shortcuts, disabledDate } = pickerBase.props;
-    const format = vue.toRef(pickerBase.props, "format");
-    const defaultValue = vue.toRef(pickerBase.props, "defaultValue");
-    const getDefaultValue = () => {
-      let start;
-      if (shared.isArray(defaultValue.value)) {
-        const left = dayjs__default["default"](defaultValue.value[0]);
-        let right = dayjs__default["default"](defaultValue.value[1]);
-        if (!props.unlinkPanels) {
-          right = left.add(10, unit);
-        }
-        return [left, right];
-      } else if (defaultValue.value) {
-        start = dayjs__default["default"](defaultValue.value);
-      } else {
-        start = dayjs__default["default"]();
-      }
-      start = start.locale(lang.value);
-      return [start, start.add(10, unit)];
-    };
-    vue.watch(() => defaultValue.value, (val) => {
-      if (val) {
-        const defaultArr = getDefaultValue();
-        leftDate.value = defaultArr[0];
-        rightDate.value = defaultArr[1];
-      }
-    }, { immediate: true });
-    vue.watch(() => props.parsedValue, (newVal) => {
-      if (newVal && newVal.length === 2) {
-        minDate.value = newVal[0];
-        maxDate.value = newVal[1];
-        leftDate.value = minDate.value;
-        if (props.unlinkPanels && maxDate.value) {
-          const minDateYear = minDate.value.year();
-          const maxDateYear = maxDate.value.year();
-          rightDate.value = minDateYear === maxDateYear ? maxDate.value.add(10, "year") : maxDate.value;
-        } else {
-          rightDate.value = leftDate.value.add(10, "year");
-        }
-      } else {
-        const defaultArr = getDefaultValue();
-        minDate.value = void 0;
-        maxDate.value = void 0;
-        leftDate.value = defaultArr[0];
-        rightDate.value = defaultArr[1];
-      }
-    }, { immediate: true });
     const parseUserInput = (value) => {
       return utils.correctlyParseUserInput(value, format.value, lang.value, isDefaultFormat);
     };
@@ -177,13 +129,31 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return utils.isValidRange(date) && (disabledDate ? !disabledDate(date[0].toDate()) && !disabledDate(date[1].toDate()) : true);
     };
     const handleClear = () => {
-      const defaultArr = getDefaultValue();
+      const defaultArr = utils.getDefaultValue(vue.unref(defaultValue), {
+        lang: vue.unref(lang),
+        step,
+        unit,
+        unlinkPanels: props.unlinkPanels
+      });
       leftDate.value = defaultArr[0];
       rightDate.value = defaultArr[1];
-      maxDate.value = void 0;
-      minDate.value = void 0;
       emit("pick", null);
     };
+    function onParsedValueChanged(minDate2, maxDate2) {
+      if (props.unlinkPanels && maxDate2) {
+        const minDateYear = (minDate2 == null ? void 0 : 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);
+      }
+    }
+    vue.watch(() => props.visible, (visible) => {
+      if (!visible && rangeState.value.selecting) {
+        onReset(props.parsedValue);
+        onSelect(false);
+      }
+    });
     emit("set-picker-option", ["isValidValue", isValidValue]);
     emit("set-picker-option", ["parseUserInput", parseUserInput]);
     emit("set-picker-option", ["formatToString", formatToString]);
@@ -226,7 +196,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   onClick: vue.unref(leftPrevYear)
                 }, [
                   vue.renderSlot(_ctx.$slots, "prev-year", {}, () => [
-                    vue.createVNode(vue.unref(index$2.ElIcon), null, {
+                    vue.createVNode(vue.unref(index$1.ElIcon), null, {
                       default: vue.withCtx(() => [
                         vue.createVNode(vue.unref(iconsVue.DArrowLeft))
                       ]),
@@ -242,7 +212,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   onClick: vue.unref(leftNextYear)
                 }, [
                   vue.renderSlot(_ctx.$slots, "next-year", {}, () => [
-                    vue.createVNode(vue.unref(index$2.ElIcon), null, {
+                    vue.createVNode(vue.unref(index$1.ElIcon), null, {
                       default: vue.withCtx(() => [
                         vue.createVNode(vue.unref(iconsVue.DArrowRight))
                       ]),
@@ -255,14 +225,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               vue.createVNode(basicYearTable["default"], {
                 "selection-mode": "range",
                 date: leftDate.value,
-                "min-date": minDate.value,
-                "max-date": maxDate.value,
-                "range-state": rangeState.value,
+                "min-date": vue.unref(minDate),
+                "max-date": vue.unref(maxDate),
+                "range-state": vue.unref(rangeState),
                 "disabled-date": vue.unref(disabledDate),
-                onChangerange: handleChangeRange,
+                onChangerange: vue.unref(handleChangeRange),
                 onPick: handleRangePick,
-                onSelect
-              }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date"])
+                onSelect: vue.unref(onSelect)
+              }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date", "onChangerange", "onSelect"])
             ], 2),
             vue.createElementVNode("div", {
               class: vue.normalizeClass(vue.unref(rightPanelKls).content)
@@ -278,7 +248,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   onClick: vue.unref(rightPrevYear)
                 }, [
                   vue.renderSlot(_ctx.$slots, "prev-year", {}, () => [
-                    vue.createVNode(vue.unref(index$2.ElIcon), null, {
+                    vue.createVNode(vue.unref(index$1.ElIcon), null, {
                       default: vue.withCtx(() => [
                         vue.createVNode(vue.unref(iconsVue.DArrowLeft))
                       ]),
@@ -292,7 +262,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   onClick: vue.unref(rightNextYear)
                 }, [
                   vue.renderSlot(_ctx.$slots, "next-year", {}, () => [
-                    vue.createVNode(vue.unref(index$2.ElIcon), null, {
+                    vue.createVNode(vue.unref(index$1.ElIcon), null, {
                       default: vue.withCtx(() => [
                         vue.createVNode(vue.unref(iconsVue.DArrowRight))
                       ]),
@@ -305,14 +275,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               vue.createVNode(basicYearTable["default"], {
                 "selection-mode": "range",
                 date: rightDate.value,
-                "min-date": minDate.value,
-                "max-date": maxDate.value,
-                "range-state": rangeState.value,
+                "min-date": vue.unref(minDate),
+                "max-date": vue.unref(maxDate),
+                "range-state": vue.unref(rangeState),
                 "disabled-date": vue.unref(disabledDate),
-                onChangerange: handleChangeRange,
+                onChangerange: vue.unref(handleChangeRange),
                 onPick: handleRangePick,
-                onSelect
-              }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date"])
+                onSelect: vue.unref(onSelect)
+              }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date", "onChangerange", "onSelect"])
             ], 2)
           ], 2)
         ], 2)

package/lib/components/date-picker/src/date-picker-com/panel-year-range.js.map

@@ -1 +1 @@
-{"version":3,"file":"panel-year-range.js","sources":["../../../../../../../packages/components/date-picker/src/date-picker-com/panel-year-range.vue"],"sourcesContent":["<template>\n  <div :class=\"panelKls\">\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=\"leftPanelKls.content\">\n          <div :class=\"drpNs.e('header')\">\n            <button\n              type=\"button\"\n              :class=\"leftPanelKls.arrowLeftBtn\"\n              @click=\"leftPrevYear\"\n            >\n              <slot name=\"prev-year\">\n                <el-icon><d-arrow-left /></el-icon>\n              </slot>\n            </button>\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow\"\n              :class=\"leftPanelKls.arrowRightBtn\"\n              @click=\"leftNextYear\"\n            >\n              <slot name=\"next-year\">\n                <el-icon><d-arrow-right /></el-icon>\n              </slot>\n            </button>\n            <div>{{ leftLabel }}</div>\n          </div>\n          <year-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=\"rightPanelKls.content\">\n          <div :class=\"drpNs.e('header')\">\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow\"\n              :class=\"rightPanelKls.arrowLeftBtn\"\n              @click=\"rightPrevYear\"\n            >\n              <slot name=\"prev-year\">\n                <el-icon><d-arrow-left /></el-icon>\n              </slot>\n            </button>\n            <button\n              type=\"button\"\n              :class=\"rightPanelKls.arrowRightBtn\"\n              @click=\"rightNextYear\"\n            >\n              <slot name=\"next-year\">\n                <el-icon><d-arrow-right /></el-icon>\n              </slot>\n            </button>\n            <div>{{ rightLabel }}</div>\n          </div>\n          <year-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, useSlots, watch } from 'vue'\nimport dayjs from 'dayjs'\nimport { isArray } from '@element-plus/utils'\nimport { DArrowLeft, DArrowRight } from '@element-plus/icons-vue'\nimport ElIcon from '@element-plus/components/icon'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { PICKER_BASE_INJECTION_KEY } from '@element-plus/components/time-picker'\nimport {\n  panelYearRangeEmits,\n  panelYearRangeProps,\n} from '../props/panel-year-range'\nimport { useShortcut } from '../composables/use-shortcut'\nimport { useYearRangeHeader } from '../composables/use-year-range-header'\nimport { correctlyParseUserInput, isValidRange } from '../utils'\nimport {\n  ROOT_PICKER_INJECTION_KEY,\n  ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY,\n} from '../constants'\nimport YearTable from './basic-year-table.vue'\n\nimport type { Dayjs } from 'dayjs'\nimport type { RangeState } from '../props/shared'\n\ndefineOptions({\n  name: 'DatePickerYearRange',\n})\n\nconst props = defineProps(panelYearRangeProps)\nconst emit = defineEmits(panelYearRangeEmits)\n\nconst { lang } = useLocale()\nconst leftDate = ref(dayjs().locale(lang.value))\nconst rightDate = ref(leftDate.value.add(10, 'year'))\nconst { pickerNs: ppNs } = inject(ROOT_PICKER_INJECTION_KEY)!\nconst drpNs = useNamespace('date-range-picker')\nconst isDefaultFormat = inject(\n  ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY\n) as any\n\nconst hasShortcuts = computed(() => !!shortcuts.length)\n\nconst panelKls = computed(() => [\n  ppNs.b(),\n  drpNs.b(),\n  {\n    'has-sidebar': Boolean(useSlots().sidebar) || hasShortcuts.value,\n  },\n])\n\nconst leftPanelKls = computed(() => {\n  return {\n    content: [ppNs.e('content'), drpNs.e('content'), 'is-left'],\n    arrowLeftBtn: [ppNs.e('icon-btn'), 'd-arrow-left'],\n    arrowRightBtn: [\n      ppNs.e('icon-btn'),\n      { [ppNs.is('disabled')]: !enableYearArrow.value },\n      'd-arrow-right',\n    ],\n  }\n})\n\nconst rightPanelKls = computed(() => {\n  return {\n    content: [ppNs.e('content'), drpNs.e('content'), 'is-right'],\n    arrowLeftBtn: [\n      ppNs.e('icon-btn'),\n      { 'is-disabled': !enableYearArrow.value },\n      'd-arrow-left',\n    ],\n    arrowRightBtn: [ppNs.e('icon-btn'), 'd-arrow-right'],\n  }\n})\n\nconst handleShortcutClick = useShortcut(lang)\n\nconst {\n  leftPrevYear,\n  rightNextYear,\n  leftNextYear,\n  rightPrevYear,\n  leftLabel,\n  rightLabel,\n  leftYear,\n  rightYear,\n} = useYearRangeHeader({\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}\nconst handleRangePick = (val: RangePickValue, close = true) => {\n  const minDate_ = val.minDate\n  const maxDate_ = val.maxDate\n  if (maxDate.value === maxDate_ && minDate.value === minDate_) {\n    return\n  }\n  emit('calendar-change', [minDate_.toDate(), maxDate_ && maxDate_.toDate()])\n  maxDate.value = maxDate_\n  minDate.value = minDate_\n\n  if (!close) return\n  handleConfirm()\n}\n\nconst handleConfirm = (visible = false) => {\n  if (isValidRange([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 pickerBase = inject(PICKER_BASE_INJECTION_KEY) as any\nconst { shortcuts, disabledDate } = pickerBase.props\nconst format = toRef(pickerBase.props, 'format')\nconst defaultValue = toRef(pickerBase.props, 'defaultValue')\nconst unit = 'year'\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(10, unit)\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(10, unit)]\n}\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(10, 'year')\n            : maxDate.value\n      } else {\n        rightDate.value = leftDate.value.add(10, '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\nconst parseUserInput = (value: Dayjs | Dayjs[]) => {\n  return correctlyParseUserInput(\n    value,\n    format.value,\n    lang.value,\n    isDefaultFormat\n  )\n}\n\nconst formatToString = (value: Dayjs[] | Dayjs) => {\n  return isArray(value)\n    ? value.map((day) => day.format(format.value))\n    : value.format(format.value)\n}\n\nconst isValidValue = (date: [Dayjs, Dayjs]) => {\n  return (\n    isValidRange(date) &&\n    (disabledDate\n      ? !disabledDate(date[0].toDate()) && !disabledDate(date[1].toDate())\n      : true)\n  )\n}\n\nconst handleClear = () => {\n  const defaultArr = getDefaultValue()\n  leftDate.value = defaultArr[0]\n  rightDate.value = defaultArr[1]\n  maxDate.value = undefined\n  minDate.value = undefined\n  emit('pick', null)\n}\n\nemit('set-picker-option', ['isValidValue', isValidValue])\nemit('set-picker-option', ['parseUserInput', parseUserInput])\nemit('set-picker-option', ['formatToString', formatToString])\nemit('set-picker-option', ['handleClear', handleClear])\n</script>\n"],"names":["useLocale","ref","dayjs","inject","ROOT_PICKER_INJECTION_KEY","useNamespace","ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY","computed","useSlots","useShortcut","useYearRangeHeader","toRef","isValidRange","PICKER_BASE_INJECTION_KEY","isArray","watch","correctlyParseUserInput","_openBlock","_createElementBlock","_unref","_createElementVNode","_normalizeClass","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"panel-year-range.js","sources":["../../../../../../../packages/components/date-picker/src/date-picker-com/panel-year-range.vue"],"sourcesContent":["<template>\n  <div :class=\"panelKls\">\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=\"leftPanelKls.content\">\n          <div :class=\"drpNs.e('header')\">\n            <button\n              type=\"button\"\n              :class=\"leftPanelKls.arrowLeftBtn\"\n              @click=\"leftPrevYear\"\n            >\n              <slot name=\"prev-year\">\n                <el-icon><d-arrow-left /></el-icon>\n              </slot>\n            </button>\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow\"\n              :class=\"leftPanelKls.arrowRightBtn\"\n              @click=\"leftNextYear\"\n            >\n              <slot name=\"next-year\">\n                <el-icon><d-arrow-right /></el-icon>\n              </slot>\n            </button>\n            <div>{{ leftLabel }}</div>\n          </div>\n          <year-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=\"rightPanelKls.content\">\n          <div :class=\"drpNs.e('header')\">\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow\"\n              :class=\"rightPanelKls.arrowLeftBtn\"\n              @click=\"rightPrevYear\"\n            >\n              <slot name=\"prev-year\">\n                <el-icon><d-arrow-left /></el-icon>\n              </slot>\n            </button>\n            <button\n              type=\"button\"\n              :class=\"rightPanelKls.arrowRightBtn\"\n              @click=\"rightNextYear\"\n            >\n              <slot name=\"next-year\">\n                <el-icon><d-arrow-right /></el-icon>\n              </slot>\n            </button>\n            <div>{{ rightLabel }}</div>\n          </div>\n          <year-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, unref, useSlots, watch } from 'vue'\nimport dayjs from 'dayjs'\nimport { isArray } from '@element-plus/utils'\nimport { DArrowLeft, DArrowRight } from '@element-plus/icons-vue'\nimport ElIcon from '@element-plus/components/icon'\nimport { useLocale } from '@element-plus/hooks'\nimport { PICKER_BASE_INJECTION_KEY } from '@element-plus/components/time-picker'\nimport {\n  panelYearRangeEmits,\n  panelYearRangeProps,\n} from '../props/panel-year-range'\nimport { useYearRangeHeader } from '../composables/use-year-range-header'\nimport { useRangePicker } from '../composables/use-range-picker'\nimport {\n  correctlyParseUserInput,\n  getDefaultValue,\n  isValidRange,\n} from '../utils'\nimport { ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY } from '../constants'\nimport YearTable from './basic-year-table.vue'\n\nimport type { Dayjs } from 'dayjs'\n\ndefineOptions({\n  name: 'DatePickerYearRange',\n})\n\nconst props = defineProps(panelYearRangeProps)\nconst emit = defineEmits(panelYearRangeEmits)\nconst step = 10\nconst unit = 'year'\n\nconst { lang } = useLocale()\nconst leftDate = ref(dayjs().locale(lang.value))\nconst rightDate = ref(dayjs().locale(lang.value).add(step, unit))\nconst isDefaultFormat = inject(\n  ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY\n) as any\nconst pickerBase = inject(PICKER_BASE_INJECTION_KEY) as any\nconst { shortcuts, disabledDate } = pickerBase.props\nconst format = toRef(pickerBase.props, 'format')\nconst defaultValue = toRef(pickerBase.props, 'defaultValue')\n\nconst {\n  minDate,\n  maxDate,\n  rangeState,\n  ppNs,\n  drpNs,\n\n  handleChangeRange,\n  handleRangeConfirm,\n  handleShortcutClick,\n  onSelect,\n  onReset,\n} = useRangePicker(props, {\n  defaultValue,\n  leftDate,\n  rightDate,\n  step,\n  unit,\n  onParsedValueChanged,\n})\n\nconst {\n  leftPrevYear,\n  rightNextYear,\n  leftNextYear,\n  rightPrevYear,\n  leftLabel,\n  rightLabel,\n  leftYear,\n  rightYear,\n} = useYearRangeHeader({\n  unlinkPanels: toRef(props, 'unlinkPanels'),\n  leftDate,\n  rightDate,\n})\n\nconst hasShortcuts = computed(() => !!shortcuts.length)\n\nconst panelKls = computed(() => [\n  ppNs.b(),\n  drpNs.b(),\n  {\n    'has-sidebar': Boolean(useSlots().sidebar) || hasShortcuts.value,\n  },\n])\n\nconst leftPanelKls = computed(() => {\n  return {\n    content: [ppNs.e('content'), drpNs.e('content'), 'is-left'],\n    arrowLeftBtn: [ppNs.e('icon-btn'), 'd-arrow-left'],\n    arrowRightBtn: [\n      ppNs.e('icon-btn'),\n      { [ppNs.is('disabled')]: !enableYearArrow.value },\n      'd-arrow-right',\n    ],\n  }\n})\n\nconst rightPanelKls = computed(() => {\n  return {\n    content: [ppNs.e('content'), drpNs.e('content'), 'is-right'],\n    arrowLeftBtn: [\n      ppNs.e('icon-btn'),\n      { 'is-disabled': !enableYearArrow.value },\n      'd-arrow-left',\n    ],\n    arrowRightBtn: [ppNs.e('icon-btn'), 'd-arrow-right'],\n  }\n})\n\nconst enableYearArrow = computed(() => {\n  return props.unlinkPanels && rightYear.value > leftYear.value + 1\n})\n\ntype RangePickValue = {\n  minDate: Dayjs\n  maxDate: Dayjs\n}\nconst handleRangePick = (val: RangePickValue, close = true) => {\n  const minDate_ = val.minDate\n  const maxDate_ = val.maxDate\n  if (maxDate.value === maxDate_ && minDate.value === minDate_) {\n    return\n  }\n  emit('calendar-change', [minDate_.toDate(), maxDate_ && maxDate_.toDate()])\n  maxDate.value = maxDate_\n  minDate.value = minDate_\n\n  if (!close) return\n  handleRangeConfirm()\n}\n\nconst parseUserInput = (value: Dayjs | Dayjs[]) => {\n  return correctlyParseUserInput(\n    value,\n    format.value,\n    lang.value,\n    isDefaultFormat\n  )\n}\n\nconst formatToString = (value: Dayjs[] | Dayjs) => {\n  return isArray(value)\n    ? value.map((day) => day.format(format.value))\n    : value.format(format.value)\n}\n\nconst isValidValue = (date: [Dayjs, Dayjs]) => {\n  return (\n    isValidRange(date) &&\n    (disabledDate\n      ? !disabledDate(date[0].toDate()) && !disabledDate(date[1].toDate())\n      : true)\n  )\n}\n\nconst handleClear = () => {\n  const defaultArr = getDefaultValue(unref(defaultValue), {\n    lang: unref(lang),\n    step,\n    unit,\n    unlinkPanels: props.unlinkPanels,\n  })\n  leftDate.value = defaultArr[0]\n  rightDate.value = defaultArr[1]\n  emit('pick', null)\n}\n\nfunction onParsedValueChanged(\n  minDate: Dayjs | undefined,\n  maxDate: Dayjs | undefined\n) {\n  if (props.unlinkPanels && maxDate) {\n    const minDateYear = minDate?.year() || 0\n    const maxDateYear = maxDate.year()\n\n    rightDate.value =\n      minDateYear + step > maxDateYear ? maxDate.add(step, unit) : maxDate\n  } else {\n    rightDate.value = leftDate.value.add(step, unit)\n  }\n}\n\nwatch(\n  () => props.visible,\n  (visible) => {\n    if (!visible && rangeState.value.selecting) {\n      onReset(props.parsedValue)\n      onSelect(false)\n    }\n  }\n)\n\nemit('set-picker-option', ['isValidValue', isValidValue])\nemit('set-picker-option', ['parseUserInput', parseUserInput])\nemit('set-picker-option', ['formatToString', formatToString])\nemit('set-picker-option', ['handleClear', handleClear])\n</script>\n"],"names":["useLocale","ref","dayjs","inject","ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY","PICKER_BASE_INJECTION_KEY","toRef","useRangePicker","useYearRangeHeader","computed","useSlots","correctlyParseUserInput","isArray","isValidRange","getDefaultValue","unref","minDate","maxDate","watch","_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_renderSlot"],"mappings":"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"}

package/lib/components/date-picker/src/date-picker-com/panel-year-range.vue.d.ts

@@ -10,6 +10,7 @@ declare function __VLS_template(): {
 };
 declare const __VLS_component: import("vue").DefineComponent<{
     readonly unlinkPanels: BooleanConstructor;
+    readonly visible: BooleanConstructor;
     readonly parsedValue: {
         readonly type: import("vue").PropType<dayjs.Dayjs[]>;
         readonly required: false;
@@ -20,6 +21,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
     [x: string]: (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly unlinkPanels: BooleanConstructor;
+    readonly visible: BooleanConstructor;
     readonly parsedValue: {
         readonly type: import("vue").PropType<dayjs.Dayjs[]>;
         readonly required: false;
@@ -27,6 +29,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
         __epPropKey: true;
     };
 }>>, {
+    readonly visible: boolean;
     readonly unlinkPanels: boolean;
 }>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

package/lib/components/date-picker/src/panel-utils.d.ts

@@ -183,8 +183,8 @@ export declare const getPanel: (type: IDatePickerType) => ({
             readonly showNow: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             readonly unlinkPanels: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            readonly visible: BooleanConstructor;
             readonly unlinkPanels: BooleanConstructor;
+            readonly visible: BooleanConstructor;
             readonly parsedValue: {
                 readonly type: import("vue").PropType<import("dayjs").Dayjs[]>;
                 readonly required: false;
@@ -218,8 +218,8 @@ export declare const getPanel: (type: IDatePickerType) => ({
         $emit: ((event: "calendar-change", ...args: any[]) => void) & ((event: "panel-change", ...args: any[]) => void) & ((event: "pick", ...args: any[]) => void) & ((event: "set-picker-option", ...args: any[]) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            readonly visible: BooleanConstructor;
             readonly unlinkPanels: BooleanConstructor;
+            readonly visible: BooleanConstructor;
             readonly parsedValue: {
                 readonly type: import("vue").PropType<import("dayjs").Dayjs[]>;
                 readonly required: false;
@@ -270,8 +270,8 @@ export declare const getPanel: (type: IDatePickerType) => ({
         $nextTick: typeof import("vue").nextTick;
         $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
-        readonly visible: BooleanConstructor;
         readonly unlinkPanels: BooleanConstructor;
+        readonly visible: BooleanConstructor;
         readonly parsedValue: {
             readonly type: import("vue").PropType<import("dayjs").Dayjs[]>;
             readonly required: false;
@@ -297,8 +297,8 @@ export declare const getPanel: (type: IDatePickerType) => ({
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    readonly visible: BooleanConstructor;
     readonly unlinkPanels: BooleanConstructor;
+    readonly visible: BooleanConstructor;
     readonly parsedValue: {
         readonly type: import("vue").PropType<import("dayjs").Dayjs[]>;
         readonly required: false;
@@ -347,16 +347,18 @@ export declare const getPanel: (type: IDatePickerType) => ({
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            readonly visible: boolean;
             readonly unlinkPanels: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             readonly unlinkPanels: BooleanConstructor;
+            readonly visible: BooleanConstructor;
             readonly parsedValue: {
                 readonly type: import("vue").PropType<import("dayjs").Dayjs[]>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "unlinkPanels">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "visible" | "unlinkPanels">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -370,6 +372,7 @@ export declare const getPanel: (type: IDatePickerType) => ({
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             readonly unlinkPanels: BooleanConstructor;
+            readonly visible: BooleanConstructor;
             readonly parsedValue: {
                 readonly type: import("vue").PropType<import("dayjs").Dayjs[]>;
                 readonly required: false;
@@ -379,6 +382,7 @@ export declare const getPanel: (type: IDatePickerType) => ({
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             [x: string]: (...args: any[]) => void;
         }, string, {
+            readonly visible: boolean;
             readonly unlinkPanels: boolean;
         }> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -402,6 +406,7 @@ export declare const getPanel: (type: IDatePickerType) => ({
         $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
         readonly unlinkPanels: BooleanConstructor;
+        readonly visible: BooleanConstructor;
         readonly parsedValue: {
             readonly type: import("vue").PropType<import("dayjs").Dayjs[]>;
             readonly required: false;
@@ -414,6 +419,7 @@ export declare const getPanel: (type: IDatePickerType) => ({
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     readonly unlinkPanels: BooleanConstructor;
+    readonly visible: BooleanConstructor;
     readonly parsedValue: {
         readonly type: import("vue").PropType<import("dayjs").Dayjs[]>;
         readonly required: false;
@@ -423,6 +429,7 @@ export declare const getPanel: (type: IDatePickerType) => ({
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     [x: string]: (...args: any[]) => void;
 }, string, {
+    readonly visible: boolean;
     readonly unlinkPanels: boolean;
 }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {

package/lib/components/date-picker/src/props/panel-date-range.d.ts

@@ -1,7 +1,7 @@
 import type { ExtractPropTypes } from 'vue';
 export declare const panelDateRangeProps: {
-    readonly visible: BooleanConstructor;
     readonly unlinkPanels: BooleanConstructor;
+    readonly visible: BooleanConstructor;
     readonly parsedValue: {
         readonly type: import("vue").PropType<import("dayjs").Dayjs[]>;
         readonly required: false;

package/lib/components/date-picker/src/props/panel-date-range.js

@@ -7,8 +7,7 @@ var runtime = require('../../../../utils/vue/props/runtime.js');
 
 const panelDateRangeProps = runtime.buildProps({
   ...shared.panelSharedProps,
-  ...shared.panelRangeSharedProps,
-  visible: Boolean
+  ...shared.panelRangeSharedProps
 });
 
 exports.panelDateRangeProps = panelDateRangeProps;

package/lib/components/date-picker/src/props/panel-date-range.js.map

@@ -1 +1 @@
-{"version":3,"file":"panel-date-range.js","sources":["../../../../../../../packages/components/date-picker/src/props/panel-date-range.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport { panelRangeSharedProps, panelSharedProps } from './shared'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const panelDateRangeProps = buildProps({\n  ...panelSharedProps,\n  ...panelRangeSharedProps,\n  visible: Boolean,\n} as const)\n\nexport type PanelDateRangeProps = ExtractPropTypes<typeof panelDateRangeProps>\n"],"names":["buildProps","panelSharedProps","panelRangeSharedProps"],"mappings":";;;;;;;AAEY,MAAC,mBAAmB,GAAGA,kBAAU,CAAC;AAC9C,EAAE,GAAGC,uBAAgB;AACrB,EAAE,GAAGC,4BAAqB;AAC1B,EAAE,OAAO,EAAE,OAAO;AAClB,CAAC;;;;"}
+{"version":3,"file":"panel-date-range.js","sources":["../../../../../../../packages/components/date-picker/src/props/panel-date-range.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport { panelRangeSharedProps, panelSharedProps } from './shared'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const panelDateRangeProps = buildProps({\n  ...panelSharedProps,\n  ...panelRangeSharedProps,\n} as const)\n\nexport type PanelDateRangeProps = ExtractPropTypes<typeof panelDateRangeProps>\n"],"names":["buildProps","panelSharedProps","panelRangeSharedProps"],"mappings":";;;;;;;AAEY,MAAC,mBAAmB,GAAGA,kBAAU,CAAC;AAC9C,EAAE,GAAGC,uBAAgB;AACrB,EAAE,GAAGC,4BAAqB;AAC1B,CAAC;;;;"}

package/lib/components/date-picker/src/props/panel-month-range.d.ts

@@ -1,6 +1,7 @@
 import type { ExtractPropTypes } from 'vue';
 export declare const panelMonthRangeProps: {
     readonly unlinkPanels: BooleanConstructor;
+    readonly visible: BooleanConstructor;
     readonly parsedValue: {
         readonly type: import("vue").PropType<import("dayjs").Dayjs[]>;
         readonly required: false;

package/lib/components/date-picker/src/props/panel-year-range.d.ts

@@ -1,6 +1,7 @@
 import type { ExtractPropTypes } from 'vue';
 export declare const panelYearRangeProps: {
     readonly unlinkPanels: BooleanConstructor;
+    readonly visible: BooleanConstructor;
     readonly parsedValue: {
         readonly type: import("vue").PropType<import("dayjs").Dayjs[]>;
         readonly required: false;

package/lib/components/date-picker/src/props/shared.d.ts

@@ -55,6 +55,7 @@ export declare const panelSharedProps: {
 };
 export declare const panelRangeSharedProps: {
     readonly unlinkPanels: BooleanConstructor;
+    readonly visible: BooleanConstructor;
     readonly parsedValue: {
         readonly type: import("vue").PropType<Dayjs[]>;
         readonly required: false;

package/lib/components/date-picker/src/props/shared.js

@@ -56,6 +56,7 @@ const panelSharedProps = runtime.buildProps({
 });
 const panelRangeSharedProps = runtime.buildProps({
   unlinkPanels: Boolean,
+  visible: Boolean,
   parsedValue: {
     type: runtime.definePropType(Array)
   }

package/lib/components/date-picker/src/props/shared.js.map

@@ -1 +1 @@
-{"version":3,"file":"shared.js","sources":["../../../../../../../packages/components/date-picker/src/props/shared.ts"],"sourcesContent":["import { buildProps, definePropType, isArray } from '@element-plus/utils'\nimport { datePickTypes } from '@element-plus/constants'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type { Dayjs } from 'dayjs'\nimport type { DatePickType } from '@element-plus/constants'\n\nconst selectionModes = [\n  'date',\n  'dates',\n  'year',\n  'years',\n  'month',\n  'months',\n  'week',\n  'range',\n]\n\nexport type RangeState = {\n  endDate: null | Dayjs\n  selecting: boolean\n}\n\nexport type DisabledDateType = (date: Date) => boolean\n\nexport const datePickerSharedProps = buildProps({\n  disabledDate: {\n    type: definePropType<DisabledDateType>(Function),\n  },\n  date: {\n    type: definePropType<Dayjs>(Object),\n    required: true,\n  },\n  minDate: {\n    type: definePropType<Dayjs | null>(Object),\n  },\n  maxDate: {\n    type: definePropType<Dayjs | null>(Object),\n  },\n  parsedValue: {\n    type: definePropType<Dayjs | Dayjs[]>([Object, Array]),\n  },\n  rangeState: {\n    type: definePropType<RangeState>(Object),\n    default: () => ({\n      endDate: null,\n      selecting: false,\n    }),\n  },\n} as const)\n\nexport const panelSharedProps = buildProps({\n  type: {\n    type: definePropType<DatePickType>(String),\n    required: true,\n    values: datePickTypes,\n  },\n  dateFormat: String,\n  timeFormat: String,\n  showNow: {\n    type: Boolean,\n    default: true,\n  },\n} as const)\n\nexport const panelRangeSharedProps = buildProps({\n  unlinkPanels: Boolean,\n  parsedValue: {\n    type: definePropType<Dayjs[]>(Array),\n  },\n} as const)\n\nexport const selectionModeWithDefault = (\n  mode: typeof selectionModes[number]\n) => {\n  return {\n    type: String,\n    values: selectionModes,\n    default: mode,\n  }\n}\n\nexport const rangePickerSharedEmits = {\n  pick: (range: [Dayjs, Dayjs]) => isArray(range),\n}\n\nexport type RangePickerSharedEmits = typeof rangePickerSharedEmits\nexport type PanelRangeSharedProps = ExtractPropTypes<\n  typeof panelRangeSharedProps\n>\n"],"names":["buildProps","definePropType","datePickTypes","isArray"],"mappings":";;;;;;;;AAEA,MAAM,cAAc,GAAG;AACvB,EAAE,MAAM;AACR,EAAE,OAAO;AACT,EAAE,MAAM;AACR,EAAE,OAAO;AACT,EAAE,OAAO;AACT,EAAE,QAAQ;AACV,EAAE,MAAM;AACR,EAAE,OAAO;AACT,CAAC,CAAC;AACU,MAAC,qBAAqB,GAAGA,kBAAU,CAAC;AAChD,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAEC,sBAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAEA,sBAAc,CAAC,MAAM,CAAC;AAChC,IAAI,QAAQ,EAAE,IAAI;AAClB,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAEA,sBAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAEA,sBAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAEA,sBAAc,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AACzC,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAEA,sBAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,OAAO;AACpB,MAAM,OAAO,EAAE,IAAI;AACnB,MAAM,SAAS,EAAE,KAAK;AACtB,KAAK,CAAC;AACN,GAAG;AACH,CAAC,EAAE;AACS,MAAC,gBAAgB,GAAGD,kBAAU,CAAC;AAC3C,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAEC,sBAAc,CAAC,MAAM,CAAC;AAChC,IAAI,QAAQ,EAAE,IAAI;AAClB,IAAI,MAAM,EAAEC,kBAAa;AACzB,GAAG;AACH,EAAE,UAAU,EAAE,MAAM;AACpB,EAAE,UAAU,EAAE,MAAM;AACpB,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,qBAAqB,GAAGF,kBAAU,CAAC;AAChD,EAAE,YAAY,EAAE,OAAO;AACvB,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAEC,sBAAc,CAAC,KAAK,CAAC;AAC/B,GAAG;AACH,CAAC,EAAE;AACS,MAAC,wBAAwB,GAAG,CAAC,IAAI,KAAK;AAClD,EAAE,OAAO;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,cAAc;AAC1B,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG,CAAC;AACJ,EAAE;AACU,MAAC,sBAAsB,GAAG;AACtC,EAAE,IAAI,EAAE,CAAC,KAAK,KAAKE,cAAO,CAAC,KAAK,CAAC;AACjC;;;;;;;;"}
+{"version":3,"file":"shared.js","sources":["../../../../../../../packages/components/date-picker/src/props/shared.ts"],"sourcesContent":["import { buildProps, definePropType, isArray } from '@element-plus/utils'\nimport { datePickTypes } from '@element-plus/constants'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type { Dayjs } from 'dayjs'\nimport type { DatePickType } from '@element-plus/constants'\n\nconst selectionModes = [\n  'date',\n  'dates',\n  'year',\n  'years',\n  'month',\n  'months',\n  'week',\n  'range',\n]\n\nexport type RangeState = {\n  endDate: null | Dayjs\n  selecting: boolean\n}\n\nexport type DisabledDateType = (date: Date) => boolean\n\nexport const datePickerSharedProps = buildProps({\n  disabledDate: {\n    type: definePropType<DisabledDateType>(Function),\n  },\n  date: {\n    type: definePropType<Dayjs>(Object),\n    required: true,\n  },\n  minDate: {\n    type: definePropType<Dayjs | null>(Object),\n  },\n  maxDate: {\n    type: definePropType<Dayjs | null>(Object),\n  },\n  parsedValue: {\n    type: definePropType<Dayjs | Dayjs[]>([Object, Array]),\n  },\n  rangeState: {\n    type: definePropType<RangeState>(Object),\n    default: () => ({\n      endDate: null,\n      selecting: false,\n    }),\n  },\n} as const)\n\nexport const panelSharedProps = buildProps({\n  type: {\n    type: definePropType<DatePickType>(String),\n    required: true,\n    values: datePickTypes,\n  },\n  dateFormat: String,\n  timeFormat: String,\n  showNow: {\n    type: Boolean,\n    default: true,\n  },\n} as const)\n\nexport const panelRangeSharedProps = buildProps({\n  unlinkPanels: Boolean,\n  visible: Boolean,\n  parsedValue: {\n    type: definePropType<Dayjs[]>(Array),\n  },\n} as const)\n\nexport const selectionModeWithDefault = (\n  mode: typeof selectionModes[number]\n) => {\n  return {\n    type: String,\n    values: selectionModes,\n    default: mode,\n  }\n}\n\nexport const rangePickerSharedEmits = {\n  pick: (range: [Dayjs, Dayjs]) => isArray(range),\n}\n\nexport type RangePickerSharedEmits = typeof rangePickerSharedEmits\nexport type PanelRangeSharedProps = ExtractPropTypes<\n  typeof panelRangeSharedProps\n>\n"],"names":["buildProps","definePropType","datePickTypes","isArray"],"mappings":";;;;;;;;AAEA,MAAM,cAAc,GAAG;AACvB,EAAE,MAAM;AACR,EAAE,OAAO;AACT,EAAE,MAAM;AACR,EAAE,OAAO;AACT,EAAE,OAAO;AACT,EAAE,QAAQ;AACV,EAAE,MAAM;AACR,EAAE,OAAO;AACT,CAAC,CAAC;AACU,MAAC,qBAAqB,GAAGA,kBAAU,CAAC;AAChD,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAEC,sBAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAEA,sBAAc,CAAC,MAAM,CAAC;AAChC,IAAI,QAAQ,EAAE,IAAI;AAClB,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAEA,sBAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAEA,sBAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAEA,sBAAc,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AACzC,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAEA,sBAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,OAAO;AACpB,MAAM,OAAO,EAAE,IAAI;AACnB,MAAM,SAAS,EAAE,KAAK;AACtB,KAAK,CAAC;AACN,GAAG;AACH,CAAC,EAAE;AACS,MAAC,gBAAgB,GAAGD,kBAAU,CAAC;AAC3C,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAEC,sBAAc,CAAC,MAAM,CAAC;AAChC,IAAI,QAAQ,EAAE,IAAI;AAClB,IAAI,MAAM,EAAEC,kBAAa;AACzB,GAAG;AACH,EAAE,UAAU,EAAE,MAAM;AACpB,EAAE,UAAU,EAAE,MAAM;AACpB,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,qBAAqB,GAAGF,kBAAU,CAAC;AAChD,EAAE,YAAY,EAAE,OAAO;AACvB,EAAE,OAAO,EAAE,OAAO;AAClB,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAEC,sBAAc,CAAC,KAAK,CAAC;AAC/B,GAAG;AACH,CAAC,EAAE;AACS,MAAC,wBAAwB,GAAG,CAAC,IAAI,KAAK;AAClD,EAAE,OAAO;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,cAAc;AAC1B,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG,CAAC;AACJ,EAAE;AACU,MAAC,sBAAsB,GAAG;AACtC,EAAE,IAAI,EAAE,CAAC,KAAK,KAAKE,cAAO,CAAC,KAAK,CAAC;AACjC;;;;;;;;"}

package/lib/components/date-picker/src/utils.d.ts

@@ -7,11 +7,12 @@ type DayRange = [Dayjs | undefined, Dayjs | undefined];
 export declare const isValidRange: (range: DayRange) => boolean;
 type GetDefaultValueParams = {
     lang: string;
+    step?: number;
     unit: 'month' | 'year';
     unlinkPanels: boolean;
 };
 export type DefaultValue = [Date, Date] | Date | undefined;
-export declare const getDefaultValue: (defaultValue: DefaultValue, { lang, unit, unlinkPanels }: GetDefaultValueParams) => dayjs.Dayjs[];
+export declare const getDefaultValue: (defaultValue: DefaultValue, { lang, step, unit, unlinkPanels }: GetDefaultValueParams) => dayjs.Dayjs[];
 type Dimension = {
     row: number;
     column: number;

package/lib/components/date-picker/src/utils.js

@@ -16,12 +16,12 @@ const isValidRange = (range) => {
   const [left, right] = range;
   return dayjs__default["default"].isDayjs(left) && dayjs__default["default"].isDayjs(right) && dayjs__default["default"](left).isValid() && dayjs__default["default"](right).isValid() && left.isSameOrBefore(right);
 };
-const getDefaultValue = (defaultValue, { lang, unit, unlinkPanels }) => {
+const getDefaultValue = (defaultValue, { lang, step = 1, unit, unlinkPanels }) => {
   let start;
   if (shared.isArray(defaultValue)) {
     let [left, right] = defaultValue.map((d) => dayjs__default["default"](d).locale(lang));
     if (!unlinkPanels) {
-      right = left.add(1, unit);
+      right = left.add(step, unit);
     }
     return [left, right];
   } else if (defaultValue) {
@@ -30,7 +30,7 @@ const getDefaultValue = (defaultValue, { lang, unit, unlinkPanels }) => {
     start = dayjs__default["default"]();
   }
   start = start.locale(lang);
-  return [start, start.add(1, unit)];
+  return [start, start.add(step, unit)];
 };
 const buildPickerTable = (dimension, rows, {
   columnIndexOffset,