@element-plus/nightly 0.0.20260410 → 0.0.20260411

package/es/version.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"version.mjs","names":[],"sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20260410'\n"],"mappings":";AAAA,MAAa,UAAU"}
+{"version":3,"file":"version.mjs","names":[],"sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20260411'\n"],"mappings":";AAAA,MAAa,UAAU"}

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

@@ -36,6 +36,7 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
   readonly tabindex: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown, 0, boolean>;
   readonly validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly unlinkPanels: BooleanConstructor;
+  readonly singlePanel: BooleanConstructor;
   readonly placement: EpPropFinalized<(new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, "bottom", boolean>;
   readonly fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, readonly ["bottom", "top", "right", "left"], boolean>;
   readonly disabledHours: {
@@ -239,6 +240,7 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
   readonly tabindex: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown, 0, boolean>;
   readonly validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly unlinkPanels: BooleanConstructor;
+  readonly singlePanel: BooleanConstructor;
   readonly placement: EpPropFinalized<(new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, "bottom", boolean>;
   readonly fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, readonly ["bottom", "top", "right", "left"], boolean>;
   readonly disabledHours: {
@@ -444,6 +446,7 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
   readonly showWeekNumber: boolean;
   readonly arrowControl: boolean;
   readonly unlinkPanels: boolean;
+  readonly singlePanel: boolean;
   readonly isRange: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 //#endregion

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

@@ -35,6 +35,7 @@ declare const datePickerProps: {
   readonly tabindex: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown, 0, boolean>;
   readonly validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly unlinkPanels: BooleanConstructor;
+  readonly singlePanel: BooleanConstructor;
   readonly placement: EpPropFinalized<(new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, "bottom", boolean>;
   readonly fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, readonly ["bottom", "top", "right", "left"], boolean>;
   readonly disabledHours: {

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

@@ -1 +1 @@
-{"version":3,"file":"panel-date-range.js","names":[],"sources":["../../../../../../../packages/components/date-picker-panel/src/date-picker-com/panel-date-range.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      ppNs.b(),\n      drpNs.b(),\n      ppNs.is('border', border),\n      ppNs.is('disabled', dateRangeDisabled),\n      {\n        'has-sidebar': $slots.sidebar || hasShortcuts,\n        'has-time': showTime,\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          :disabled=\"dateRangeDisabled\"\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 v-if=\"showTime\" :class=\"drpNs.e('time-header')\">\n          <span :class=\"drpNs.e('editors-wrap')\">\n            <span :class=\"drpNs.e('time-picker-wrap')\">\n              <el-input\n                size=\"small\"\n                :disabled=\"rangeState.selecting || dateRangeDisabled\"\n                :placeholder=\"t('el.datepicker.startDate')\"\n                :class=\"drpNs.e('editor')\"\n                :model-value=\"minVisibleDate\"\n                :validate-event=\"false\"\n                :readonly=\"!editable\"\n                @input=\"(val) => handleDateInput(val, 'min')\"\n                @change=\"(val) => handleDateChange(val, 'min')\"\n              />\n            </span>\n            <span\n              v-clickoutside=\"handleMinTimeClose\"\n              :class=\"drpNs.e('time-picker-wrap')\"\n            >\n              <el-input\n                size=\"small\"\n                :class=\"drpNs.e('editor')\"\n                :disabled=\"rangeState.selecting || dateRangeDisabled\"\n                :placeholder=\"t('el.datepicker.startTime')\"\n                :model-value=\"minVisibleTime\"\n                :validate-event=\"false\"\n                :readonly=\"!editable\"\n                @focus=\"minTimePickerVisible = true\"\n                @input=\"(val) => handleTimeInput(val, 'min')\"\n                @change=\"(val) => handleTimeChange(val, 'min')\"\n              />\n              <time-pick-panel\n                :visible=\"minTimePickerVisible\"\n                :format=\"timeFormat\"\n                datetime-role=\"start\"\n                :parsed-value=\"minDate || leftDate\"\n                @pick=\"handleMinTimePick\"\n              />\n            </span>\n          </span>\n          <span>\n            <el-icon><arrow-right /></el-icon>\n          </span>\n          <span :class=\"drpNs.e('editors-wrap')\" class=\"is-right\">\n            <span :class=\"drpNs.e('time-picker-wrap')\">\n              <el-input\n                size=\"small\"\n                :class=\"drpNs.e('editor')\"\n                :disabled=\"rangeState.selecting || dateRangeDisabled\"\n                :placeholder=\"t('el.datepicker.endDate')\"\n                :model-value=\"maxVisibleDate\"\n                :readonly=\"!minDate || !editable\"\n                :validate-event=\"false\"\n                @input=\"(val) => handleDateInput(val, 'max')\"\n                @change=\"(val) => handleDateChange(val, 'max')\"\n              />\n            </span>\n            <span\n              v-clickoutside=\"handleMaxTimeClose\"\n              :class=\"drpNs.e('time-picker-wrap')\"\n            >\n              <el-input\n                size=\"small\"\n                :class=\"drpNs.e('editor')\"\n                :disabled=\"rangeState.selecting || dateRangeDisabled\"\n                :placeholder=\"t('el.datepicker.endTime')\"\n                :model-value=\"maxVisibleTime\"\n                :readonly=\"!minDate || !editable\"\n                :validate-event=\"false\"\n                @focus=\"minDate && (maxTimePickerVisible = true)\"\n                @input=\"(val) => handleTimeInput(val, 'max')\"\n                @change=\"(val) => handleTimeChange(val, 'max')\"\n              />\n              <time-pick-panel\n                datetime-role=\"end\"\n                :visible=\"maxTimePickerVisible\"\n                :format=\"timeFormat\"\n                :parsed-value=\"maxDate || rightDate\"\n                @pick=\"handleMaxTimePick\"\n              />\n            </span>\n          </span>\n        </div>\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              :aria-label=\"t(`el.datepicker.prevYear`)\"\n              class=\"d-arrow-left\"\n              :disabled=\"dateRangeDisabled\"\n              @click=\"leftPrevYear\"\n            >\n              <slot name=\"prev-year\">\n                <el-icon>\n                  <d-arrow-left />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              v-show=\"leftCurrentView === 'date'\"\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              :aria-label=\"t(`el.datepicker.prevMonth`)\"\n              class=\"arrow-left\"\n              :disabled=\"dateRangeDisabled\"\n              @click=\"leftPrevMonth\"\n            >\n              <slot name=\"prev-month\">\n                <el-icon>\n                  <arrow-left />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow || dateRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableYearArrow || dateRangeDisabled),\n              ]\"\n              :aria-label=\"t(`el.datepicker.nextYear`)\"\n              class=\"d-arrow-right\"\n              @click=\"leftNextYear\"\n            >\n              <slot name=\"next-year\">\n                <el-icon>\n                  <d-arrow-right />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              v-if=\"unlinkPanels && leftCurrentView === 'date'\"\n              type=\"button\"\n              :disabled=\"!enableMonthArrow || dateRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableMonthArrow || dateRangeDisabled),\n              ]\"\n              :aria-label=\"t(`el.datepicker.nextMonth`)\"\n              class=\"arrow-right\"\n              @click=\"leftNextMonth\"\n            >\n              <slot name=\"next-month\">\n                <el-icon>\n                  <arrow-right />\n                </el-icon>\n              </slot>\n            </button>\n            <div>\n              <span\n                role=\"button\"\n                :class=\"drpNs.e('header-label')\"\n                aria-live=\"polite\"\n                :tabindex=\"disabled ? undefined : 0\"\n                :aria-disabled=\"disabled\"\n                @keydown.enter=\"showLeftPicker('year')\"\n                @click=\"showLeftPicker('year')\"\n              >\n                {{ leftYearLabel }}\n              </span>\n              <span\n                v-show=\"leftCurrentView === 'date'\"\n                role=\"button\"\n                aria-live=\"polite\"\n                :tabindex=\"disabled ? undefined : 0\"\n                :aria-disabled=\"disabled\"\n                :class=\"[\n                  drpNs.e('header-label'),\n                  { active: leftCurrentView === 'month' },\n                ]\"\n                @keydown.enter=\"showLeftPicker('month')\"\n                @click=\"showLeftPicker('month')\"\n              >\n                {{ t(`el.datepicker.month${leftDate.month() + 1}`) }}\n              </span>\n            </div>\n          </div>\n          <date-table\n            v-if=\"leftCurrentView === 'date'\"\n            ref=\"leftCurrentViewRef\"\n            selection-mode=\"range\"\n            :date=\"leftDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            :cell-class-name=\"cellClassName\"\n            :show-week-number=\"showWeekNumber\"\n            :disabled=\"dateRangeDisabled\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n          <year-table\n            v-if=\"leftCurrentView === 'year'\"\n            ref=\"leftCurrentViewRef\"\n            selection-mode=\"year\"\n            :date=\"leftDate\"\n            :disabled-date=\"disabledDate\"\n            :parsed-value=\"parsedValue\"\n            :disabled=\"dateRangeDisabled\"\n            @pick=\"handleLeftYearPick\"\n          />\n          <month-table\n            v-if=\"leftCurrentView === 'month'\"\n            ref=\"leftCurrentViewRef\"\n            selection-mode=\"month\"\n            :date=\"leftDate\"\n            :parsed-value=\"parsedValue\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"dateRangeDisabled\"\n            @pick=\"handleLeftMonthPick\"\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 || dateRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableYearArrow || dateRangeDisabled),\n              ]\"\n              :aria-label=\"t(`el.datepicker.prevYear`)\"\n              class=\"d-arrow-left\"\n              @click=\"rightPrevYear\"\n            >\n              <slot name=\"prev-year\">\n                <el-icon>\n                  <d-arrow-left />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              v-if=\"unlinkPanels && rightCurrentView === 'date'\"\n              type=\"button\"\n              :disabled=\"!enableMonthArrow || dateRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableMonthArrow || dateRangeDisabled),\n              ]\"\n              :aria-label=\"t(`el.datepicker.prevMonth`)\"\n              class=\"arrow-left\"\n              @click=\"rightPrevMonth\"\n            >\n              <slot name=\"prev-month\">\n                <el-icon>\n                  <arrow-left />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              type=\"button\"\n              :aria-label=\"t(`el.datepicker.nextYear`)\"\n              :class=\"ppNs.e('icon-btn')\"\n              :disabled=\"dateRangeDisabled\"\n              class=\"d-arrow-right\"\n              @click=\"rightNextYear\"\n            >\n              <slot name=\"next-year\">\n                <el-icon>\n                  <d-arrow-right />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              v-show=\"rightCurrentView === 'date'\"\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              :disabled=\"dateRangeDisabled\"\n              :aria-label=\"t(`el.datepicker.nextMonth`)\"\n              class=\"arrow-right\"\n              @click=\"rightNextMonth\"\n            >\n              <slot name=\"next-month\">\n                <el-icon>\n                  <arrow-right />\n                </el-icon>\n              </slot>\n            </button>\n            <div>\n              <span\n                role=\"button\"\n                :class=\"drpNs.e('header-label')\"\n                aria-live=\"polite\"\n                :tabindex=\"disabled ? undefined : 0\"\n                :aria-disabled=\"disabled\"\n                @keydown.enter=\"showRightPicker('year')\"\n                @click=\"showRightPicker('year')\"\n              >\n                {{ rightYearLabel }}\n              </span>\n              <span\n                v-show=\"rightCurrentView === 'date'\"\n                role=\"button\"\n                aria-live=\"polite\"\n                :tabindex=\"disabled ? undefined : 0\"\n                :aria-disabled=\"disabled\"\n                :class=\"[\n                  drpNs.e('header-label'),\n                  { active: rightCurrentView === 'month' },\n                ]\"\n                @keydown.enter=\"showRightPicker('month')\"\n                @click=\"showRightPicker('month')\"\n              >\n                {{ t(`el.datepicker.month${rightDate.month() + 1}`) }}\n              </span>\n            </div>\n          </div>\n          <date-table\n            v-if=\"rightCurrentView === 'date'\"\n            ref=\"rightCurrentViewRef\"\n            selection-mode=\"range\"\n            :date=\"rightDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            :cell-class-name=\"cellClassName\"\n            :show-week-number=\"showWeekNumber\"\n            :disabled=\"dateRangeDisabled\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n          <year-table\n            v-if=\"rightCurrentView === 'year'\"\n            ref=\"rightCurrentViewRef\"\n            selection-mode=\"year\"\n            :date=\"rightDate\"\n            :disabled-date=\"disabledDate\"\n            :parsed-value=\"parsedValue\"\n            :disabled=\"dateRangeDisabled\"\n            @pick=\"handleRightYearPick\"\n          />\n          <month-table\n            v-if=\"rightCurrentView === 'month'\"\n            ref=\"rightCurrentViewRef\"\n            selection-mode=\"month\"\n            :date=\"rightDate\"\n            :parsed-value=\"parsedValue\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"dateRangeDisabled\"\n            @pick=\"handleRightMonthPick\"\n          />\n        </div>\n      </div>\n    </div>\n    <div\n      v-if=\"showFooter && showTime && (showConfirm || clearable)\"\n      :class=\"ppNs.e('footer')\"\n    >\n      <el-button\n        v-if=\"clearable\"\n        text\n        size=\"small\"\n        :class=\"ppNs.e('link-btn')\"\n        @click=\"onClear\"\n      >\n        {{ t('el.datepicker.clear') }}\n      </el-button>\n      <el-button\n        v-if=\"showConfirm\"\n        plain\n        size=\"small\"\n        :class=\"ppNs.e('link-btn')\"\n        :disabled=\"btnDisabled\"\n        @click=\"handleRangeConfirm(false)\"\n      >\n        {{ t('el.datepicker.confirm') }}\n      </el-button>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, nextTick, ref, toRef, unref, watch } from 'vue'\nimport dayjs from 'dayjs'\nimport { ClickOutside as vClickoutside } from '@element-plus/directives'\nimport { useLocale } from '@element-plus/hooks'\nimport ElButton from '@element-plus/components/button'\nimport ElInput from '@element-plus/components/input'\nimport {\n  DEFAULT_FORMATS_DATE,\n  DEFAULT_FORMATS_TIME,\n  PICKER_BASE_INJECTION_KEY,\n  TimePickPanel,\n  extractDateFormat,\n  extractTimeFormat,\n} from '@element-plus/components/time-picker'\nimport ElIcon from '@element-plus/components/icon'\nimport {\n  ArrowLeft,\n  ArrowRight,\n  DArrowLeft,\n  DArrowRight,\n} from '@element-plus/icons-vue'\nimport { panelDateRangeProps } from '../props/panel-date-range'\nimport { useRangePicker } from '../composables/use-range-picker'\nimport {\n  correctlyParseUserInput,\n  getDefaultValue,\n  isValidRange,\n} from '../utils'\nimport { usePanelDateRange } from '../composables/use-panel-date-range'\nimport { ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY } from '../constants'\nimport YearTable from './basic-year-table.vue'\nimport MonthTable from './basic-month-table.vue'\nimport DateTable from './basic-date-table.vue'\nimport { useFormDisabled } from '@element-plus/components/form'\n\nimport type { Ref } from 'vue'\nimport type { Dayjs } from 'dayjs'\n\ntype ChangeType = 'min' | 'max'\ntype UserInput = {\n  min: string | null\n  max: string | null\n}\n\nconst props = defineProps(panelDateRangeProps)\nconst emit = defineEmits([\n  'pick',\n  'set-picker-option',\n  'calendar-change',\n  'panel-change',\n  'clear',\n])\n\nconst unit = 'month'\n// FIXME: fix the type for ep picker\nconst pickerBase = inject(PICKER_BASE_INJECTION_KEY) as any\nconst isDefaultFormat = inject(\n  ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY,\n  undefined\n) as any\nconst { disabledDate, cellClassName, defaultTime, clearable } = pickerBase.props\nconst format: Ref<string | undefined> = toRef(pickerBase.props, 'format')\nconst shortcuts = toRef(pickerBase.props, 'shortcuts')\nconst defaultValue = toRef(pickerBase.props, 'defaultValue')\nconst { lang } = useLocale()\nconst leftDate = ref<Dayjs>(dayjs().locale(lang.value))\nconst rightDate = ref<Dayjs>(dayjs().locale(lang.value).add(1, unit))\n\nconst {\n  minDate,\n  maxDate,\n  rangeState,\n  ppNs,\n  drpNs,\n  handleChangeRange,\n  handleRangeConfirm,\n  handleShortcutClick,\n  onSelect,\n  parseValue,\n  t,\n} = useRangePicker(props, {\n  defaultValue,\n  defaultTime,\n  leftDate,\n  rightDate,\n  unit,\n  sortDates,\n})\n\nwatch(\n  () => props.visible,\n  (visible) => {\n    if (!visible && rangeState.value.selecting) {\n      parseValue(props.parsedValue)\n      onSelect(false)\n    }\n  }\n)\n\nconst dateUserInput = ref<UserInput>({\n  min: null,\n  max: null,\n})\n\nconst timeUserInput = ref<UserInput>({\n  min: null,\n  max: null,\n})\n\nconst {\n  leftCurrentView,\n  rightCurrentView,\n  leftCurrentViewRef,\n  rightCurrentViewRef,\n  leftYear,\n  rightYear,\n  leftMonth,\n  rightMonth,\n  leftYearLabel,\n  rightYearLabel,\n  showLeftPicker,\n  showRightPicker,\n  handleLeftYearPick,\n  handleRightYearPick,\n  handleLeftMonthPick,\n  handleRightMonthPick,\n  handlePanelChange,\n  adjustDateByView,\n} = usePanelDateRange(props, emit, leftDate, rightDate)\n\nconst hasShortcuts = computed(() => !!shortcuts.value.length)\n\nconst minVisibleDate = computed(() => {\n  if (dateUserInput.value.min !== null) return dateUserInput.value.min\n  if (minDate.value) return minDate.value.format(dateFormat.value)\n  return ''\n})\n\nconst maxVisibleDate = computed(() => {\n  if (dateUserInput.value.max !== null) return dateUserInput.value.max\n  if (maxDate.value || minDate.value)\n    return (maxDate.value || minDate.value)!.format(dateFormat.value)\n  return ''\n})\n\nconst minVisibleTime = computed(() => {\n  if (timeUserInput.value.min !== null) return timeUserInput.value.min\n  if (minDate.value) return minDate.value.format(timeFormat.value)\n  return ''\n})\n\nconst maxVisibleTime = computed(() => {\n  if (timeUserInput.value.max !== null) return timeUserInput.value.max\n  if (maxDate.value || minDate.value)\n    return (maxDate.value || minDate.value)!.format(timeFormat.value)\n  return ''\n})\n\nconst timeFormat = computed(() => {\n  return (\n    props.timeFormat ||\n    extractTimeFormat(format.value || '') ||\n    DEFAULT_FORMATS_TIME\n  )\n})\n\nconst dateFormat = computed(() => {\n  return (\n    props.dateFormat ||\n    extractDateFormat(format.value || '') ||\n    DEFAULT_FORMATS_DATE\n  )\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 leftPrevYear = () => {\n  leftDate.value = adjustDateByView(\n    leftCurrentView.value,\n    leftDate.value,\n    false\n  )\n\n  if (!props.unlinkPanels) {\n    rightDate.value = leftDate.value.add(1, 'month')\n  }\n  handlePanelChange('year')\n}\n\nconst leftPrevMonth = () => {\n  leftDate.value = leftDate.value.subtract(1, 'month')\n  if (!props.unlinkPanels) {\n    rightDate.value = leftDate.value.add(1, 'month')\n  }\n  handlePanelChange('month')\n}\n\nconst rightNextYear = () => {\n  if (!props.unlinkPanels) {\n    leftDate.value = adjustDateByView(\n      rightCurrentView.value,\n      leftDate.value,\n      true\n    )\n\n    rightDate.value = leftDate.value.add(1, 'month')\n  } else {\n    rightDate.value = adjustDateByView(\n      rightCurrentView.value,\n      rightDate.value,\n      true\n    )\n  }\n  handlePanelChange('year')\n}\n\nconst rightNextMonth = () => {\n  if (!props.unlinkPanels) {\n    leftDate.value = leftDate.value.add(1, 'month')\n    rightDate.value = leftDate.value.add(1, 'month')\n  } else {\n    rightDate.value = rightDate.value.add(1, 'month')\n  }\n  handlePanelChange('month')\n}\n\nconst leftNextYear = () => {\n  leftDate.value = adjustDateByView(leftCurrentView.value, leftDate.value, true)\n\n  handlePanelChange('year')\n}\n\nconst leftNextMonth = () => {\n  leftDate.value = leftDate.value.add(1, 'month')\n  handlePanelChange('month')\n}\n\nconst rightPrevYear = () => {\n  rightDate.value = adjustDateByView(\n    rightCurrentView.value,\n    rightDate.value,\n    false\n  )\n\n  handlePanelChange('year')\n}\n\nconst rightPrevMonth = () => {\n  rightDate.value = rightDate.value.subtract(1, 'month')\n  handlePanelChange('month')\n}\n\nconst enableMonthArrow = computed(() => {\n  const nextMonth = (leftMonth.value + 1) % 12\n  const yearOffset = leftMonth.value + 1 >= 12 ? 1 : 0\n  return (\n    props.unlinkPanels &&\n    new Date(leftYear.value + yearOffset, nextMonth) <\n      new Date(rightYear.value, rightMonth.value)\n  )\n})\n\nconst enableYearArrow = computed(() => {\n  return (\n    props.unlinkPanels &&\n    rightYear.value * 12 +\n      rightMonth.value -\n      (leftYear.value * 12 + leftMonth.value + 1) >=\n      12\n  )\n})\n\nconst dateRangeDisabled = useFormDisabled()\n\nconst btnDisabled = computed(() => {\n  return !(\n    minDate.value &&\n    maxDate.value &&\n    !rangeState.value.selecting &&\n    isValidRange([minDate.value, maxDate.value]) &&\n    !dateRangeDisabled.value\n  )\n})\n\nconst showTime = computed(\n  () => props.type === 'datetime' || props.type === 'datetimerange'\n)\n\nconst formatEmit = (emitDayjs: Dayjs | null, index?: number) => {\n  if (!emitDayjs) return\n  if (defaultTime) {\n    const defaultTimeD = dayjs(\n      defaultTime[index as number] || defaultTime\n    ).locale(lang.value)\n    return defaultTimeD\n      .year(emitDayjs.year())\n      .month(emitDayjs.month())\n      .date(emitDayjs.date())\n  }\n  return emitDayjs\n}\n\nconst handleRangePick = (\n  val: {\n    minDate: Dayjs\n    maxDate: Dayjs | null\n  },\n  close = true\n) => {\n  const min_ = val.minDate\n  const max_ = val.maxDate\n  const minDate_ = formatEmit(min_, 0)\n  const maxDate_ = formatEmit(max_, 1)\n\n  if (maxDate.value === maxDate_ && minDate.value === minDate_) {\n    return\n  }\n  emit('calendar-change', [min_.toDate(), max_ && max_.toDate()])\n  maxDate.value = maxDate_\n  minDate.value = minDate_\n\n  if (!showTime.value && close) {\n    close = !minDate_ || !maxDate_\n  }\n  handleRangeConfirm(close)\n}\n\nconst minTimePickerVisible = ref(false)\nconst maxTimePickerVisible = ref(false)\n\nconst handleMinTimeClose = () => {\n  minTimePickerVisible.value = false\n}\n\nconst handleMaxTimeClose = () => {\n  maxTimePickerVisible.value = false\n}\n\nconst handleDateInput = (value: string | null, type: ChangeType) => {\n  dateUserInput.value[type] = value\n  const parsedValueD = dayjs(value, dateFormat.value).locale(lang.value)\n  if (parsedValueD.isValid()) {\n    if (disabledDate && disabledDate(parsedValueD.toDate())) {\n      return\n    }\n    if (type === 'min') {\n      leftDate.value = parsedValueD\n      minDate.value = (minDate.value || leftDate.value)\n        .year(parsedValueD.year())\n        .month(parsedValueD.month())\n        .date(parsedValueD.date())\n      if (\n        !props.unlinkPanels &&\n        (!maxDate.value || maxDate.value.isBefore(minDate.value))\n      ) {\n        rightDate.value = parsedValueD.add(1, 'month')\n        maxDate.value = minDate.value.add(1, 'month')\n      }\n    } else {\n      rightDate.value = parsedValueD\n      maxDate.value = (maxDate.value || rightDate.value)\n        .year(parsedValueD.year())\n        .month(parsedValueD.month())\n        .date(parsedValueD.date())\n      if (\n        !props.unlinkPanels &&\n        (!minDate.value || minDate.value.isAfter(maxDate.value))\n      ) {\n        leftDate.value = parsedValueD.subtract(1, 'month')\n        minDate.value = maxDate.value.subtract(1, 'month')\n      }\n    }\n    sortDates(minDate.value, maxDate.value)\n    handleRangeConfirm(true)\n  }\n}\n\nconst handleDateChange = (_: unknown, type: ChangeType) => {\n  dateUserInput.value[type] = null\n}\n\nconst handleTimeInput = (value: string | null, type: ChangeType) => {\n  timeUserInput.value[type] = value\n  const parsedValueD = dayjs(value, timeFormat.value).locale(lang.value)\n\n  if (parsedValueD.isValid()) {\n    if (type === 'min') {\n      minTimePickerVisible.value = true\n      minDate.value = (minDate.value || leftDate.value)\n        .hour(parsedValueD.hour())\n        .minute(parsedValueD.minute())\n        .second(parsedValueD.second())\n      leftDate.value = minDate.value\n    } else {\n      maxTimePickerVisible.value = true\n      maxDate.value = (maxDate.value || rightDate.value)\n        .hour(parsedValueD.hour())\n        .minute(parsedValueD.minute())\n        .second(parsedValueD.second())\n      rightDate.value = maxDate.value\n    }\n  }\n}\n\nconst handleTimeChange = (_value: string | null, type: ChangeType) => {\n  timeUserInput.value[type] = null\n  if (type === 'min') {\n    leftDate.value = minDate.value!\n    minTimePickerVisible.value = false\n    if (!maxDate.value || maxDate.value.isBefore(minDate.value)) {\n      maxDate.value = minDate.value\n    }\n  } else {\n    rightDate.value = maxDate.value!\n    maxTimePickerVisible.value = false\n    if (maxDate.value && maxDate.value.isBefore(minDate.value)) {\n      minDate.value = maxDate.value\n    }\n  }\n  handleRangeConfirm(true)\n}\n\nconst handleMinTimePick = (value: Dayjs, visible: boolean, first: boolean) => {\n  if (timeUserInput.value.min) return\n  if (value) {\n    minDate.value = (minDate.value || leftDate.value)\n      .hour(value.hour())\n      .minute(value.minute())\n      .second(value.second())\n  }\n\n  if (!first) {\n    minTimePickerVisible.value = visible\n  }\n\n  if (!maxDate.value || maxDate.value.isBefore(minDate.value)) {\n    maxDate.value = minDate.value\n    rightDate.value = value\n    nextTick(() => {\n      parseValue(props.parsedValue)\n    })\n  }\n  handleRangeConfirm(true)\n}\n\nconst handleMaxTimePick = (\n  value: Dayjs | null,\n  visible: boolean,\n  first: boolean\n) => {\n  if (timeUserInput.value.max) return\n  if (value) {\n    maxDate.value = (maxDate.value || rightDate.value)\n      .hour(value.hour())\n      .minute(value.minute())\n      .second(value.second())\n  }\n\n  if (!first) {\n    maxTimePickerVisible.value = visible\n  }\n\n  if (maxDate.value && maxDate.value.isBefore(minDate.value)) {\n    minDate.value = maxDate.value\n  }\n  handleRangeConfirm(true)\n}\n\nconst onClear = () => {\n  handleClear()\n  emit('clear')\n}\n\nconst handleClear = () => {\n  let valueOnClear = null\n  if (pickerBase?.emptyValues) {\n    valueOnClear = pickerBase.emptyValues.valueOnClear.value\n  }\n  leftDate.value = getDefaultValue(unref(defaultValue), {\n    lang: unref(lang),\n    unit: 'month',\n    unlinkPanels: props.unlinkPanels,\n  })[0]\n  rightDate.value = leftDate.value.add(1, 'month')\n  maxDate.value = undefined\n  minDate.value = undefined\n\n  handleRangeConfirm(true)\n  emit('pick', valueOnClear)\n}\n\nconst parseUserInput = (value: Dayjs | Dayjs[]) => {\n  return correctlyParseUserInput(\n    value,\n    format.value || '',\n    lang.value,\n    isDefaultFormat\n  )\n}\nfunction sortDates(minDate: Dayjs | undefined, maxDate: Dayjs | undefined) {\n  if (props.unlinkPanels && maxDate) {\n    const minDateYear = minDate?.year() || 0\n    const minDateMonth = minDate?.month() || 0\n    const maxDateYear = maxDate.year()\n    const maxDateMonth = maxDate.month()\n    rightDate.value =\n      minDateYear === maxDateYear && minDateMonth === maxDateMonth\n        ? maxDate.add(1, unit)\n        : maxDate\n  } else {\n    rightDate.value = leftDate.value.add(1, unit)\n    if (maxDate) {\n      rightDate.value = rightDate.value\n        .hour(maxDate.hour())\n        .minute(maxDate.minute())\n        .second(maxDate.second())\n    }\n  }\n}\n\nemit('set-picker-option', ['isValidValue', isValidValue])\nemit('set-picker-option', ['parseUserInput', parseUserInput])\nemit('set-picker-option', ['handleClear', handleClear])\n</script>\n"],"mappings":""}
+{"version":3,"file":"panel-date-range.js","names":[],"sources":["../../../../../../../packages/components/date-picker-panel/src/date-picker-com/panel-date-range.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      ppNs.b(),\n      drpNs.b(),\n      ppNs.is('border', border),\n      ppNs.is('disabled', dateRangeDisabled),\n      {\n        'has-sidebar': $slots.sidebar || hasShortcuts,\n        'has-time': showTime,\n        'single-panel': singlePanel,\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          :disabled=\"dateRangeDisabled\"\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 v-if=\"showTime\" :class=\"drpNs.e('time-header')\">\n          <span :class=\"drpNs.e('editors-wrap')\">\n            <span :class=\"drpNs.e('time-picker-wrap')\">\n              <el-input\n                size=\"small\"\n                :disabled=\"rangeState.selecting || dateRangeDisabled\"\n                :placeholder=\"t('el.datepicker.startDate')\"\n                :class=\"drpNs.e('editor')\"\n                :model-value=\"minVisibleDate\"\n                :validate-event=\"false\"\n                :readonly=\"!editable\"\n                @input=\"(val) => handleDateInput(val, 'min')\"\n                @change=\"(val) => handleDateChange(val, 'min')\"\n              />\n            </span>\n            <span\n              v-clickoutside=\"handleMinTimeClose\"\n              :class=\"drpNs.e('time-picker-wrap')\"\n            >\n              <el-input\n                size=\"small\"\n                :class=\"drpNs.e('editor')\"\n                :disabled=\"rangeState.selecting || dateRangeDisabled\"\n                :placeholder=\"t('el.datepicker.startTime')\"\n                :model-value=\"minVisibleTime\"\n                :validate-event=\"false\"\n                :readonly=\"!editable\"\n                @focus=\"minTimePickerVisible = true\"\n                @input=\"(val) => handleTimeInput(val, 'min')\"\n                @change=\"(val) => handleTimeChange(val, 'min')\"\n              />\n              <time-pick-panel\n                :visible=\"minTimePickerVisible\"\n                :format=\"timeFormat\"\n                datetime-role=\"start\"\n                :parsed-value=\"minDate || leftDate\"\n                @pick=\"handleMinTimePick\"\n              />\n            </span>\n          </span>\n          <span>\n            <el-icon><arrow-right /></el-icon>\n          </span>\n          <span :class=\"drpNs.e('editors-wrap')\" class=\"is-right\">\n            <span :class=\"drpNs.e('time-picker-wrap')\">\n              <el-input\n                size=\"small\"\n                :class=\"drpNs.e('editor')\"\n                :disabled=\"rangeState.selecting || dateRangeDisabled\"\n                :placeholder=\"t('el.datepicker.endDate')\"\n                :model-value=\"maxVisibleDate\"\n                :readonly=\"!minDate || !editable\"\n                :validate-event=\"false\"\n                @input=\"(val) => handleDateInput(val, 'max')\"\n                @change=\"(val) => handleDateChange(val, 'max')\"\n              />\n            </span>\n            <span\n              v-clickoutside=\"handleMaxTimeClose\"\n              :class=\"drpNs.e('time-picker-wrap')\"\n            >\n              <el-input\n                size=\"small\"\n                :class=\"drpNs.e('editor')\"\n                :disabled=\"rangeState.selecting || dateRangeDisabled\"\n                :placeholder=\"t('el.datepicker.endTime')\"\n                :model-value=\"maxVisibleTime\"\n                :readonly=\"!minDate || !editable\"\n                :validate-event=\"false\"\n                @focus=\"minDate && (maxTimePickerVisible = true)\"\n                @input=\"(val) => handleTimeInput(val, 'max')\"\n                @change=\"(val) => handleTimeChange(val, 'max')\"\n              />\n              <time-pick-panel\n                datetime-role=\"end\"\n                :visible=\"maxTimePickerVisible\"\n                :format=\"timeFormat\"\n                :parsed-value=\"maxDate || rightDate\"\n                @pick=\"handleMaxTimePick\"\n              />\n            </span>\n          </span>\n        </div>\n        <div\n          :class=\"[\n            ppNs.e('content'),\n            drpNs.e('content'),\n            drpNs.is('left', !singlePanel),\n          ]\"\n        >\n          <div :class=\"drpNs.e('header')\">\n            <button\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              :aria-label=\"t(`el.datepicker.prevYear`)\"\n              class=\"d-arrow-left\"\n              :disabled=\"dateRangeDisabled\"\n              @click=\"leftPrevYear\"\n            >\n              <slot name=\"prev-year\">\n                <el-icon>\n                  <d-arrow-left />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              v-show=\"leftCurrentView === 'date'\"\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              :aria-label=\"t(`el.datepicker.prevMonth`)\"\n              class=\"arrow-left\"\n              :disabled=\"dateRangeDisabled\"\n              @click=\"leftPrevMonth\"\n            >\n              <slot name=\"prev-month\">\n                <el-icon>\n                  <arrow-left />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              v-if=\"unlinkPanels || singlePanel\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow || dateRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableYearArrow || dateRangeDisabled),\n              ]\"\n              :aria-label=\"t(`el.datepicker.nextYear`)\"\n              class=\"d-arrow-right\"\n              @click=\"leftNextYear\"\n            >\n              <slot name=\"next-year\">\n                <el-icon>\n                  <d-arrow-right />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              v-if=\"(unlinkPanels && leftCurrentView === 'date') || singlePanel\"\n              type=\"button\"\n              :disabled=\"!enableMonthArrow || dateRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableMonthArrow || dateRangeDisabled),\n              ]\"\n              :aria-label=\"t(`el.datepicker.nextMonth`)\"\n              class=\"arrow-right\"\n              @click=\"leftNextMonth\"\n            >\n              <slot name=\"next-month\">\n                <el-icon>\n                  <arrow-right />\n                </el-icon>\n              </slot>\n            </button>\n            <div>\n              <span\n                role=\"button\"\n                :class=\"drpNs.e('header-label')\"\n                aria-live=\"polite\"\n                :tabindex=\"disabled ? undefined : 0\"\n                :aria-disabled=\"disabled\"\n                @keydown.enter=\"showLeftPicker('year')\"\n                @click=\"showLeftPicker('year')\"\n              >\n                {{ leftYearLabel }}\n              </span>\n              <span\n                v-show=\"leftCurrentView === 'date'\"\n                role=\"button\"\n                aria-live=\"polite\"\n                :tabindex=\"disabled ? undefined : 0\"\n                :aria-disabled=\"disabled\"\n                :class=\"[\n                  drpNs.e('header-label'),\n                  { active: leftCurrentView === 'month' },\n                ]\"\n                @keydown.enter=\"showLeftPicker('month')\"\n                @click=\"showLeftPicker('month')\"\n              >\n                {{ t(`el.datepicker.month${leftDate.month() + 1}`) }}\n              </span>\n            </div>\n          </div>\n          <date-table\n            v-if=\"leftCurrentView === 'date'\"\n            ref=\"leftCurrentViewRef\"\n            selection-mode=\"range\"\n            :date=\"leftDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            :cell-class-name=\"cellClassName\"\n            :show-week-number=\"showWeekNumber\"\n            :disabled=\"dateRangeDisabled\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n          <year-table\n            v-if=\"leftCurrentView === 'year'\"\n            ref=\"leftCurrentViewRef\"\n            selection-mode=\"year\"\n            :date=\"leftDate\"\n            :disabled-date=\"disabledDate\"\n            :parsed-value=\"parsedValue\"\n            :disabled=\"dateRangeDisabled\"\n            @pick=\"handleLeftYearPick\"\n          />\n          <month-table\n            v-if=\"leftCurrentView === 'month'\"\n            ref=\"leftCurrentViewRef\"\n            selection-mode=\"month\"\n            :date=\"leftDate\"\n            :parsed-value=\"parsedValue\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"dateRangeDisabled\"\n            @pick=\"handleLeftMonthPick\"\n          />\n        </div>\n        <div\n          v-if=\"!singlePanel\"\n          :class=\"[ppNs.e('content'), drpNs.e('content')]\"\n          class=\"is-right\"\n        >\n          <div :class=\"drpNs.e('header')\">\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow || dateRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableYearArrow || dateRangeDisabled),\n              ]\"\n              :aria-label=\"t(`el.datepicker.prevYear`)\"\n              class=\"d-arrow-left\"\n              @click=\"rightPrevYear\"\n            >\n              <slot name=\"prev-year\">\n                <el-icon>\n                  <d-arrow-left />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              v-if=\"unlinkPanels && rightCurrentView === 'date'\"\n              type=\"button\"\n              :disabled=\"!enableMonthArrow || dateRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableMonthArrow || dateRangeDisabled),\n              ]\"\n              :aria-label=\"t(`el.datepicker.prevMonth`)\"\n              class=\"arrow-left\"\n              @click=\"rightPrevMonth\"\n            >\n              <slot name=\"prev-month\">\n                <el-icon>\n                  <arrow-left />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              type=\"button\"\n              :aria-label=\"t(`el.datepicker.nextYear`)\"\n              :class=\"ppNs.e('icon-btn')\"\n              :disabled=\"dateRangeDisabled\"\n              class=\"d-arrow-right\"\n              @click=\"rightNextYear\"\n            >\n              <slot name=\"next-year\">\n                <el-icon>\n                  <d-arrow-right />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              v-show=\"rightCurrentView === 'date'\"\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              :disabled=\"dateRangeDisabled\"\n              :aria-label=\"t(`el.datepicker.nextMonth`)\"\n              class=\"arrow-right\"\n              @click=\"rightNextMonth\"\n            >\n              <slot name=\"next-month\">\n                <el-icon>\n                  <arrow-right />\n                </el-icon>\n              </slot>\n            </button>\n            <div>\n              <span\n                role=\"button\"\n                :class=\"drpNs.e('header-label')\"\n                aria-live=\"polite\"\n                :tabindex=\"disabled ? undefined : 0\"\n                :aria-disabled=\"disabled\"\n                @keydown.enter=\"showRightPicker('year')\"\n                @click=\"showRightPicker('year')\"\n              >\n                {{ rightYearLabel }}\n              </span>\n              <span\n                v-show=\"rightCurrentView === 'date'\"\n                role=\"button\"\n                aria-live=\"polite\"\n                :tabindex=\"disabled ? undefined : 0\"\n                :aria-disabled=\"disabled\"\n                :class=\"[\n                  drpNs.e('header-label'),\n                  { active: rightCurrentView === 'month' },\n                ]\"\n                @keydown.enter=\"showRightPicker('month')\"\n                @click=\"showRightPicker('month')\"\n              >\n                {{ t(`el.datepicker.month${rightDate.month() + 1}`) }}\n              </span>\n            </div>\n          </div>\n          <date-table\n            v-if=\"rightCurrentView === 'date'\"\n            ref=\"rightCurrentViewRef\"\n            selection-mode=\"range\"\n            :date=\"rightDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            :cell-class-name=\"cellClassName\"\n            :show-week-number=\"showWeekNumber\"\n            :disabled=\"dateRangeDisabled\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n          <year-table\n            v-if=\"rightCurrentView === 'year'\"\n            ref=\"rightCurrentViewRef\"\n            selection-mode=\"year\"\n            :date=\"rightDate\"\n            :disabled-date=\"disabledDate\"\n            :parsed-value=\"parsedValue\"\n            :disabled=\"dateRangeDisabled\"\n            @pick=\"handleRightYearPick\"\n          />\n          <month-table\n            v-if=\"rightCurrentView === 'month'\"\n            ref=\"rightCurrentViewRef\"\n            selection-mode=\"month\"\n            :date=\"rightDate\"\n            :parsed-value=\"parsedValue\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"dateRangeDisabled\"\n            @pick=\"handleRightMonthPick\"\n          />\n        </div>\n      </div>\n    </div>\n    <div\n      v-if=\"showFooter && showTime && (showConfirm || clearable)\"\n      :class=\"ppNs.e('footer')\"\n    >\n      <el-button\n        v-if=\"clearable\"\n        text\n        size=\"small\"\n        :class=\"ppNs.e('link-btn')\"\n        @click=\"onClear\"\n      >\n        {{ t('el.datepicker.clear') }}\n      </el-button>\n      <el-button\n        v-if=\"showConfirm\"\n        plain\n        size=\"small\"\n        :class=\"ppNs.e('link-btn')\"\n        :disabled=\"btnDisabled\"\n        @click=\"handleRangeConfirm(false)\"\n      >\n        {{ t('el.datepicker.confirm') }}\n      </el-button>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, nextTick, ref, toRef, unref, watch } from 'vue'\nimport dayjs from 'dayjs'\nimport { ClickOutside as vClickoutside } from '@element-plus/directives'\nimport { useLocale } from '@element-plus/hooks'\nimport ElButton from '@element-plus/components/button'\nimport ElInput from '@element-plus/components/input'\nimport {\n  DEFAULT_FORMATS_DATE,\n  DEFAULT_FORMATS_TIME,\n  PICKER_BASE_INJECTION_KEY,\n  TimePickPanel,\n  extractDateFormat,\n  extractTimeFormat,\n} from '@element-plus/components/time-picker'\nimport ElIcon from '@element-plus/components/icon'\nimport {\n  ArrowLeft,\n  ArrowRight,\n  DArrowLeft,\n  DArrowRight,\n} from '@element-plus/icons-vue'\nimport { panelDateRangeProps } from '../props/panel-date-range'\nimport { useRangePicker } from '../composables/use-range-picker'\nimport {\n  correctlyParseUserInput,\n  getDefaultValue,\n  isValidRange,\n} from '../utils'\nimport { usePanelDateRange } from '../composables/use-panel-date-range'\nimport { ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY } from '../constants'\nimport YearTable from './basic-year-table.vue'\nimport MonthTable from './basic-month-table.vue'\nimport DateTable from './basic-date-table.vue'\nimport { useFormDisabled } from '@element-plus/components/form'\n\nimport type { Ref } from 'vue'\nimport type { Dayjs } from 'dayjs'\n\ntype ChangeType = 'min' | 'max'\ntype UserInput = {\n  min: string | null\n  max: string | null\n}\n\nconst props = defineProps(panelDateRangeProps)\nconst emit = defineEmits([\n  'pick',\n  'set-picker-option',\n  'calendar-change',\n  'panel-change',\n  'clear',\n])\n\nconst unit = 'month'\n// FIXME: fix the type for ep picker\nconst pickerBase = inject(PICKER_BASE_INJECTION_KEY) as any\nconst isDefaultFormat = inject(\n  ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY,\n  undefined\n) as any\nconst { disabledDate, cellClassName, defaultTime, clearable } = pickerBase.props\nconst format: Ref<string | undefined> = toRef(pickerBase.props, 'format')\nconst shortcuts = toRef(pickerBase.props, 'shortcuts')\nconst defaultValue = toRef(pickerBase.props, 'defaultValue')\nconst { lang } = useLocale()\nconst leftDate = ref<Dayjs>(dayjs().locale(lang.value))\nconst rightDate = ref<Dayjs>(dayjs().locale(lang.value).add(1, unit))\n\nconst {\n  minDate,\n  maxDate,\n  rangeState,\n  ppNs,\n  drpNs,\n  handleChangeRange,\n  handleRangeConfirm,\n  handleShortcutClick,\n  onSelect,\n  parseValue,\n  t,\n} = useRangePicker(props, {\n  defaultValue,\n  defaultTime,\n  leftDate,\n  rightDate,\n  unit,\n  sortDates,\n})\n\nwatch(\n  () => props.visible,\n  (visible) => {\n    if (!visible && rangeState.value.selecting) {\n      parseValue(props.parsedValue)\n      onSelect(false)\n    }\n  }\n)\n\nconst dateUserInput = ref<UserInput>({\n  min: null,\n  max: null,\n})\n\nconst timeUserInput = ref<UserInput>({\n  min: null,\n  max: null,\n})\n\nconst {\n  leftCurrentView,\n  rightCurrentView,\n  leftCurrentViewRef,\n  rightCurrentViewRef,\n  leftYear,\n  rightYear,\n  leftMonth,\n  rightMonth,\n  leftYearLabel,\n  rightYearLabel,\n  showLeftPicker,\n  showRightPicker,\n  handleLeftYearPick,\n  handleRightYearPick,\n  handleLeftMonthPick,\n  handleRightMonthPick,\n  handlePanelChange,\n  adjustDateByView,\n} = usePanelDateRange(props, emit, leftDate, rightDate)\n\nconst hasShortcuts = computed(() => !!shortcuts.value.length)\n\nconst minVisibleDate = computed(() => {\n  if (dateUserInput.value.min !== null) return dateUserInput.value.min\n  if (minDate.value) return minDate.value.format(dateFormat.value)\n  return ''\n})\n\nconst maxVisibleDate = computed(() => {\n  if (dateUserInput.value.max !== null) return dateUserInput.value.max\n  if (maxDate.value || minDate.value)\n    return (maxDate.value || minDate.value)!.format(dateFormat.value)\n  return ''\n})\n\nconst minVisibleTime = computed(() => {\n  if (timeUserInput.value.min !== null) return timeUserInput.value.min\n  if (minDate.value) return minDate.value.format(timeFormat.value)\n  return ''\n})\n\nconst maxVisibleTime = computed(() => {\n  if (timeUserInput.value.max !== null) return timeUserInput.value.max\n  if (maxDate.value || minDate.value)\n    return (maxDate.value || minDate.value)!.format(timeFormat.value)\n  return ''\n})\n\nconst timeFormat = computed(() => {\n  return (\n    props.timeFormat ||\n    extractTimeFormat(format.value || '') ||\n    DEFAULT_FORMATS_TIME\n  )\n})\n\nconst dateFormat = computed(() => {\n  return (\n    props.dateFormat ||\n    extractDateFormat(format.value || '') ||\n    DEFAULT_FORMATS_DATE\n  )\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 leftPrevYear = () => {\n  leftDate.value = adjustDateByView(\n    leftCurrentView.value,\n    leftDate.value,\n    false\n  )\n\n  if (!props.unlinkPanels) {\n    rightDate.value = leftDate.value.add(1, 'month')\n  }\n  handlePanelChange('year')\n}\n\nconst leftPrevMonth = () => {\n  leftDate.value = leftDate.value.subtract(1, 'month')\n  if (!props.unlinkPanels) {\n    rightDate.value = leftDate.value.add(1, 'month')\n  }\n  handlePanelChange('month')\n}\n\nconst rightNextYear = () => {\n  if (!props.unlinkPanels) {\n    leftDate.value = adjustDateByView(\n      rightCurrentView.value,\n      leftDate.value,\n      true\n    )\n\n    rightDate.value = leftDate.value.add(1, 'month')\n  } else {\n    rightDate.value = adjustDateByView(\n      rightCurrentView.value,\n      rightDate.value,\n      true\n    )\n  }\n  handlePanelChange('year')\n}\n\nconst rightNextMonth = () => {\n  if (!props.unlinkPanels) {\n    leftDate.value = leftDate.value.add(1, 'month')\n    rightDate.value = leftDate.value.add(1, 'month')\n  } else {\n    rightDate.value = rightDate.value.add(1, 'month')\n  }\n  handlePanelChange('month')\n}\n\nconst leftNextYear = () => {\n  leftDate.value = adjustDateByView(leftCurrentView.value, leftDate.value, true)\n\n  handlePanelChange('year')\n}\n\nconst leftNextMonth = () => {\n  leftDate.value = leftDate.value.add(1, 'month')\n  handlePanelChange('month')\n}\n\nconst rightPrevYear = () => {\n  rightDate.value = adjustDateByView(\n    rightCurrentView.value,\n    rightDate.value,\n    false\n  )\n\n  handlePanelChange('year')\n}\n\nconst rightPrevMonth = () => {\n  rightDate.value = rightDate.value.subtract(1, 'month')\n  handlePanelChange('month')\n}\n\nconst enableMonthArrow = computed(() => {\n  const nextMonth = (leftMonth.value + 1) % 12\n  const yearOffset = leftMonth.value + 1 >= 12 ? 1 : 0\n  return (\n    props.singlePanel ||\n    (props.unlinkPanels &&\n      new Date(leftYear.value + yearOffset, nextMonth) <\n        new Date(rightYear.value, rightMonth.value))\n  )\n})\n\nconst enableYearArrow = computed(() => {\n  return (\n    props.singlePanel ||\n    (props.unlinkPanels &&\n      rightYear.value * 12 +\n        rightMonth.value -\n        (leftYear.value * 12 + leftMonth.value + 1) >=\n        12)\n  )\n})\n\nconst dateRangeDisabled = useFormDisabled()\n\nconst btnDisabled = computed(() => {\n  return !(\n    minDate.value &&\n    maxDate.value &&\n    !rangeState.value.selecting &&\n    isValidRange([minDate.value, maxDate.value]) &&\n    !dateRangeDisabled.value\n  )\n})\n\nconst showTime = computed(\n  () => props.type === 'datetime' || props.type === 'datetimerange'\n)\n\nconst formatEmit = (emitDayjs: Dayjs | null, index?: number) => {\n  if (!emitDayjs) return\n  if (defaultTime) {\n    const defaultTimeD = dayjs(\n      defaultTime[index as number] || defaultTime\n    ).locale(lang.value)\n    return defaultTimeD\n      .year(emitDayjs.year())\n      .month(emitDayjs.month())\n      .date(emitDayjs.date())\n  }\n  return emitDayjs\n}\n\nconst handleRangePick = (\n  val: {\n    minDate: Dayjs\n    maxDate: Dayjs | null\n  },\n  close = true\n) => {\n  const min_ = val.minDate\n  const max_ = val.maxDate\n  const minDate_ = formatEmit(min_, 0)\n  const maxDate_ = formatEmit(max_, 1)\n\n  if (maxDate.value === maxDate_ && minDate.value === minDate_) {\n    return\n  }\n  emit('calendar-change', [min_.toDate(), max_ && max_.toDate()])\n  maxDate.value = maxDate_\n  minDate.value = minDate_\n\n  if (!showTime.value && close) {\n    close = !minDate_ || !maxDate_\n  }\n  handleRangeConfirm(close)\n}\n\nconst minTimePickerVisible = ref(false)\nconst maxTimePickerVisible = ref(false)\n\nconst handleMinTimeClose = () => {\n  minTimePickerVisible.value = false\n}\n\nconst handleMaxTimeClose = () => {\n  maxTimePickerVisible.value = false\n}\n\nconst handleDateInput = (value: string | null, type: ChangeType) => {\n  dateUserInput.value[type] = value\n  const parsedValueD = dayjs(value, dateFormat.value).locale(lang.value)\n  if (parsedValueD.isValid()) {\n    if (disabledDate && disabledDate(parsedValueD.toDate())) {\n      return\n    }\n    if (type === 'min') {\n      leftDate.value = parsedValueD\n      minDate.value = (minDate.value || leftDate.value)\n        .year(parsedValueD.year())\n        .month(parsedValueD.month())\n        .date(parsedValueD.date())\n      if (\n        !props.unlinkPanels &&\n        (!maxDate.value || maxDate.value.isBefore(minDate.value))\n      ) {\n        rightDate.value = parsedValueD.add(1, 'month')\n        maxDate.value = minDate.value.add(1, 'month')\n      }\n    } else {\n      rightDate.value = parsedValueD\n      maxDate.value = (maxDate.value || rightDate.value)\n        .year(parsedValueD.year())\n        .month(parsedValueD.month())\n        .date(parsedValueD.date())\n      if (\n        !props.unlinkPanels &&\n        (!minDate.value || minDate.value.isAfter(maxDate.value))\n      ) {\n        leftDate.value = parsedValueD.subtract(1, 'month')\n        minDate.value = maxDate.value.subtract(1, 'month')\n      }\n    }\n    sortDates(minDate.value, maxDate.value)\n    handleRangeConfirm(true)\n  }\n}\n\nconst handleDateChange = (_: unknown, type: ChangeType) => {\n  dateUserInput.value[type] = null\n}\n\nconst handleTimeInput = (value: string | null, type: ChangeType) => {\n  timeUserInput.value[type] = value\n  const parsedValueD = dayjs(value, timeFormat.value).locale(lang.value)\n\n  if (parsedValueD.isValid()) {\n    if (type === 'min') {\n      minTimePickerVisible.value = true\n      minDate.value = (minDate.value || leftDate.value)\n        .hour(parsedValueD.hour())\n        .minute(parsedValueD.minute())\n        .second(parsedValueD.second())\n      leftDate.value = minDate.value\n    } else {\n      maxTimePickerVisible.value = true\n      maxDate.value = (maxDate.value || rightDate.value)\n        .hour(parsedValueD.hour())\n        .minute(parsedValueD.minute())\n        .second(parsedValueD.second())\n      rightDate.value = maxDate.value\n    }\n  }\n}\n\nconst handleTimeChange = (_value: string | null, type: ChangeType) => {\n  timeUserInput.value[type] = null\n  if (type === 'min') {\n    leftDate.value = minDate.value!\n    minTimePickerVisible.value = false\n    if (!maxDate.value || maxDate.value.isBefore(minDate.value)) {\n      maxDate.value = minDate.value\n    }\n  } else {\n    rightDate.value = maxDate.value!\n    maxTimePickerVisible.value = false\n    if (maxDate.value && maxDate.value.isBefore(minDate.value)) {\n      minDate.value = maxDate.value\n    }\n  }\n  handleRangeConfirm(true)\n}\n\nconst handleMinTimePick = (value: Dayjs, visible: boolean, first: boolean) => {\n  if (timeUserInput.value.min) return\n  if (value) {\n    minDate.value = (minDate.value || leftDate.value)\n      .hour(value.hour())\n      .minute(value.minute())\n      .second(value.second())\n  }\n\n  if (!first) {\n    minTimePickerVisible.value = visible\n  }\n\n  if (!maxDate.value || maxDate.value.isBefore(minDate.value)) {\n    maxDate.value = minDate.value\n    rightDate.value = value\n    nextTick(() => {\n      parseValue(props.parsedValue)\n    })\n  }\n  handleRangeConfirm(true)\n}\n\nconst handleMaxTimePick = (\n  value: Dayjs | null,\n  visible: boolean,\n  first: boolean\n) => {\n  if (timeUserInput.value.max) return\n  if (value) {\n    maxDate.value = (maxDate.value || rightDate.value)\n      .hour(value.hour())\n      .minute(value.minute())\n      .second(value.second())\n  }\n\n  if (!first) {\n    maxTimePickerVisible.value = visible\n  }\n\n  if (maxDate.value && maxDate.value.isBefore(minDate.value)) {\n    minDate.value = maxDate.value\n  }\n  handleRangeConfirm(true)\n}\n\nconst onClear = () => {\n  handleClear()\n  emit('clear')\n}\n\nconst handleClear = () => {\n  let valueOnClear = null\n  if (pickerBase?.emptyValues) {\n    valueOnClear = pickerBase.emptyValues.valueOnClear.value\n  }\n  leftDate.value = getDefaultValue(unref(defaultValue), {\n    lang: unref(lang),\n    unit: 'month',\n    unlinkPanels: props.unlinkPanels,\n  })[0]\n  rightDate.value = leftDate.value.add(1, 'month')\n  maxDate.value = undefined\n  minDate.value = undefined\n\n  handleRangeConfirm(true)\n  emit('pick', valueOnClear)\n}\n\nconst parseUserInput = (value: Dayjs | Dayjs[]) => {\n  return correctlyParseUserInput(\n    value,\n    format.value || '',\n    lang.value,\n    isDefaultFormat\n  )\n}\nfunction sortDates(minDate: Dayjs | undefined, maxDate: Dayjs | undefined) {\n  if (props.unlinkPanels && maxDate) {\n    const minDateYear = minDate?.year() || 0\n    const minDateMonth = minDate?.month() || 0\n    const maxDateYear = maxDate.year()\n    const maxDateMonth = maxDate.month()\n    rightDate.value =\n      minDateYear === maxDateYear && minDateMonth === maxDateMonth\n        ? maxDate.add(1, unit)\n        : maxDate\n  } else {\n    rightDate.value = leftDate.value.add(1, unit)\n    if (maxDate) {\n      rightDate.value = rightDate.value\n        .hour(maxDate.hour())\n        .minute(maxDate.minute())\n        .second(maxDate.second())\n    }\n  }\n}\n\nemit('set-picker-option', ['isValidValue', isValidValue])\nemit('set-picker-option', ['parseUserInput', parseUserInput])\nemit('set-picker-option', ['handleClear', handleClear])\n</script>\n"],"mappings":""}

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

@@ -154,10 +154,10 @@ var panel_date_range_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		const enableMonthArrow = (0, vue.computed)(() => {
 			const nextMonth = (leftMonth.value + 1) % 12;
 			const yearOffset = leftMonth.value + 1 >= 12 ? 1 : 0;
-			return props.unlinkPanels && new Date(leftYear.value + yearOffset, nextMonth) < new Date(rightYear.value, rightMonth.value);
+			return props.singlePanel || props.unlinkPanels && new Date(leftYear.value + yearOffset, nextMonth) < new Date(rightYear.value, rightMonth.value);
 		});
 		const enableYearArrow = (0, vue.computed)(() => {
-			return props.unlinkPanels && rightYear.value * 12 + rightMonth.value - (leftYear.value * 12 + leftMonth.value + 1) >= 12;
+			return props.singlePanel || props.unlinkPanels && rightYear.value * 12 + rightMonth.value - (leftYear.value * 12 + leftMonth.value + 1) >= 12;
 		});
 		const dateRangeDisabled = require_use_form_common_props.useFormDisabled();
 		const btnDisabled = (0, vue.computed)(() => {
@@ -306,7 +306,8 @@ var panel_date_range_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 				(0, vue.unref)(ppNs).is("disabled", (0, vue.unref)(dateRangeDisabled)),
 				{
 					"has-sidebar": _ctx.$slots.sidebar || hasShortcuts.value,
-					"has-time": showTime.value
+					"has-time": showTime.value,
+					"single-panel": _ctx.singlePanel
 				}
 			]) }, [(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)((0, vue.unref)(ppNs).e("body-wrapper")) }, [
 				(0, vue.renderSlot)(_ctx.$slots, "sidebar", { class: (0, vue.normalizeClass)((0, vue.unref)(ppNs).e("sidebar")) }),
@@ -420,7 +421,11 @@ var panel_date_range_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 							"parsed-value"
 						])], 2)), [[(0, vue.unref)(require_index$4.default), handleMaxTimeClose]])], 2)
 					], 2)) : (0, vue.createCommentVNode)("v-if", true),
-					(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)([[(0, vue.unref)(ppNs).e("content"), (0, vue.unref)(drpNs).e("content")], "is-left"]) }, [
+					(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)([
+						(0, vue.unref)(ppNs).e("content"),
+						(0, vue.unref)(drpNs).e("content"),
+						(0, vue.unref)(drpNs).is("left", !_ctx.singlePanel)
+					]) }, [
 						(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)((0, vue.unref)(drpNs).e("header")) }, [
 							(0, vue.createElementVNode)("button", {
 								type: "button",
@@ -442,7 +447,7 @@ var panel_date_range_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 								default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(_element_plus_icons_vue.ArrowLeft))]),
 								_: 1
 							})])], 10, _hoisted_3), [[vue.vShow, (0, vue.unref)(leftCurrentView) === "date"]]),
-							_ctx.unlinkPanels ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
+							_ctx.unlinkPanels || _ctx.singlePanel ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 								key: 0,
 								type: "button",
 								disabled: !enableYearArrow.value || (0, vue.unref)(dateRangeDisabled),
@@ -453,7 +458,7 @@ var panel_date_range_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 								default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(_element_plus_icons_vue.DArrowRight))]),
 								_: 1
 							})])], 10, _hoisted_4)) : (0, vue.createCommentVNode)("v-if", true),
-							_ctx.unlinkPanels && (0, vue.unref)(leftCurrentView) === "date" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
+							_ctx.unlinkPanels && (0, vue.unref)(leftCurrentView) === "date" || _ctx.singlePanel ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 								key: 1,
 								type: "button",
 								disabled: !enableMonthArrow.value || (0, vue.unref)(dateRangeDisabled),
@@ -545,7 +550,10 @@ var panel_date_range_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 							"onPick"
 						])) : (0, vue.createCommentVNode)("v-if", true)
 					], 2),
-					(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)([[(0, vue.unref)(ppNs).e("content"), (0, vue.unref)(drpNs).e("content")], "is-right"]) }, [
+					!_ctx.singlePanel ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+						key: 1,
+						class: (0, vue.normalizeClass)([[(0, vue.unref)(ppNs).e("content"), (0, vue.unref)(drpNs).e("content")], "is-right"])
+					}, [
 						(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)((0, vue.unref)(drpNs).e("header")) }, [
 							_ctx.unlinkPanels ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 								key: 0,
@@ -669,7 +677,7 @@ var panel_date_range_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 							"disabled",
 							"onPick"
 						])) : (0, vue.createCommentVNode)("v-if", true)
-					], 2)
+					], 2)) : (0, vue.createCommentVNode)("v-if", true)
 				], 2)
 			], 2), _ctx.showFooter && showTime.value && (_ctx.showConfirm || (0, vue.unref)(clearable)) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 				key: 0,

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

@@ -1 +1 @@
-{"version":3,"file":"panel-date-range.vue_vue_type_script_setup_true_lang.js","names":["border","$slots","editable","unlinkPanels","disabled","showWeekNumber","parsedValue","showFooter","showConfirm"],"sources":["../../../../../../../packages/components/date-picker-panel/src/date-picker-com/panel-date-range.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      ppNs.b(),\n      drpNs.b(),\n      ppNs.is('border', border),\n      ppNs.is('disabled', dateRangeDisabled),\n      {\n        'has-sidebar': $slots.sidebar || hasShortcuts,\n        'has-time': showTime,\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          :disabled=\"dateRangeDisabled\"\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 v-if=\"showTime\" :class=\"drpNs.e('time-header')\">\n          <span :class=\"drpNs.e('editors-wrap')\">\n            <span :class=\"drpNs.e('time-picker-wrap')\">\n              <el-input\n                size=\"small\"\n                :disabled=\"rangeState.selecting || dateRangeDisabled\"\n                :placeholder=\"t('el.datepicker.startDate')\"\n                :class=\"drpNs.e('editor')\"\n                :model-value=\"minVisibleDate\"\n                :validate-event=\"false\"\n                :readonly=\"!editable\"\n                @input=\"(val) => handleDateInput(val, 'min')\"\n                @change=\"(val) => handleDateChange(val, 'min')\"\n              />\n            </span>\n            <span\n              v-clickoutside=\"handleMinTimeClose\"\n              :class=\"drpNs.e('time-picker-wrap')\"\n            >\n              <el-input\n                size=\"small\"\n                :class=\"drpNs.e('editor')\"\n                :disabled=\"rangeState.selecting || dateRangeDisabled\"\n                :placeholder=\"t('el.datepicker.startTime')\"\n                :model-value=\"minVisibleTime\"\n                :validate-event=\"false\"\n                :readonly=\"!editable\"\n                @focus=\"minTimePickerVisible = true\"\n                @input=\"(val) => handleTimeInput(val, 'min')\"\n                @change=\"(val) => handleTimeChange(val, 'min')\"\n              />\n              <time-pick-panel\n                :visible=\"minTimePickerVisible\"\n                :format=\"timeFormat\"\n                datetime-role=\"start\"\n                :parsed-value=\"minDate || leftDate\"\n                @pick=\"handleMinTimePick\"\n              />\n            </span>\n          </span>\n          <span>\n            <el-icon><arrow-right /></el-icon>\n          </span>\n          <span :class=\"drpNs.e('editors-wrap')\" class=\"is-right\">\n            <span :class=\"drpNs.e('time-picker-wrap')\">\n              <el-input\n                size=\"small\"\n                :class=\"drpNs.e('editor')\"\n                :disabled=\"rangeState.selecting || dateRangeDisabled\"\n                :placeholder=\"t('el.datepicker.endDate')\"\n                :model-value=\"maxVisibleDate\"\n                :readonly=\"!minDate || !editable\"\n                :validate-event=\"false\"\n                @input=\"(val) => handleDateInput(val, 'max')\"\n                @change=\"(val) => handleDateChange(val, 'max')\"\n              />\n            </span>\n            <span\n              v-clickoutside=\"handleMaxTimeClose\"\n              :class=\"drpNs.e('time-picker-wrap')\"\n            >\n              <el-input\n                size=\"small\"\n                :class=\"drpNs.e('editor')\"\n                :disabled=\"rangeState.selecting || dateRangeDisabled\"\n                :placeholder=\"t('el.datepicker.endTime')\"\n                :model-value=\"maxVisibleTime\"\n                :readonly=\"!minDate || !editable\"\n                :validate-event=\"false\"\n                @focus=\"minDate && (maxTimePickerVisible = true)\"\n                @input=\"(val) => handleTimeInput(val, 'max')\"\n                @change=\"(val) => handleTimeChange(val, 'max')\"\n              />\n              <time-pick-panel\n                datetime-role=\"end\"\n                :visible=\"maxTimePickerVisible\"\n                :format=\"timeFormat\"\n                :parsed-value=\"maxDate || rightDate\"\n                @pick=\"handleMaxTimePick\"\n              />\n            </span>\n          </span>\n        </div>\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              :aria-label=\"t(`el.datepicker.prevYear`)\"\n              class=\"d-arrow-left\"\n              :disabled=\"dateRangeDisabled\"\n              @click=\"leftPrevYear\"\n            >\n              <slot name=\"prev-year\">\n                <el-icon>\n                  <d-arrow-left />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              v-show=\"leftCurrentView === 'date'\"\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              :aria-label=\"t(`el.datepicker.prevMonth`)\"\n              class=\"arrow-left\"\n              :disabled=\"dateRangeDisabled\"\n              @click=\"leftPrevMonth\"\n            >\n              <slot name=\"prev-month\">\n                <el-icon>\n                  <arrow-left />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow || dateRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableYearArrow || dateRangeDisabled),\n              ]\"\n              :aria-label=\"t(`el.datepicker.nextYear`)\"\n              class=\"d-arrow-right\"\n              @click=\"leftNextYear\"\n            >\n              <slot name=\"next-year\">\n                <el-icon>\n                  <d-arrow-right />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              v-if=\"unlinkPanels && leftCurrentView === 'date'\"\n              type=\"button\"\n              :disabled=\"!enableMonthArrow || dateRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableMonthArrow || dateRangeDisabled),\n              ]\"\n              :aria-label=\"t(`el.datepicker.nextMonth`)\"\n              class=\"arrow-right\"\n              @click=\"leftNextMonth\"\n            >\n              <slot name=\"next-month\">\n                <el-icon>\n                  <arrow-right />\n                </el-icon>\n              </slot>\n            </button>\n            <div>\n              <span\n                role=\"button\"\n                :class=\"drpNs.e('header-label')\"\n                aria-live=\"polite\"\n                :tabindex=\"disabled ? undefined : 0\"\n                :aria-disabled=\"disabled\"\n                @keydown.enter=\"showLeftPicker('year')\"\n                @click=\"showLeftPicker('year')\"\n              >\n                {{ leftYearLabel }}\n              </span>\n              <span\n                v-show=\"leftCurrentView === 'date'\"\n                role=\"button\"\n                aria-live=\"polite\"\n                :tabindex=\"disabled ? undefined : 0\"\n                :aria-disabled=\"disabled\"\n                :class=\"[\n                  drpNs.e('header-label'),\n                  { active: leftCurrentView === 'month' },\n                ]\"\n                @keydown.enter=\"showLeftPicker('month')\"\n                @click=\"showLeftPicker('month')\"\n              >\n                {{ t(`el.datepicker.month${leftDate.month() + 1}`) }}\n              </span>\n            </div>\n          </div>\n          <date-table\n            v-if=\"leftCurrentView === 'date'\"\n            ref=\"leftCurrentViewRef\"\n            selection-mode=\"range\"\n            :date=\"leftDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            :cell-class-name=\"cellClassName\"\n            :show-week-number=\"showWeekNumber\"\n            :disabled=\"dateRangeDisabled\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n          <year-table\n            v-if=\"leftCurrentView === 'year'\"\n            ref=\"leftCurrentViewRef\"\n            selection-mode=\"year\"\n            :date=\"leftDate\"\n            :disabled-date=\"disabledDate\"\n            :parsed-value=\"parsedValue\"\n            :disabled=\"dateRangeDisabled\"\n            @pick=\"handleLeftYearPick\"\n          />\n          <month-table\n            v-if=\"leftCurrentView === 'month'\"\n            ref=\"leftCurrentViewRef\"\n            selection-mode=\"month\"\n            :date=\"leftDate\"\n            :parsed-value=\"parsedValue\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"dateRangeDisabled\"\n            @pick=\"handleLeftMonthPick\"\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 || dateRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableYearArrow || dateRangeDisabled),\n              ]\"\n              :aria-label=\"t(`el.datepicker.prevYear`)\"\n              class=\"d-arrow-left\"\n              @click=\"rightPrevYear\"\n            >\n              <slot name=\"prev-year\">\n                <el-icon>\n                  <d-arrow-left />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              v-if=\"unlinkPanels && rightCurrentView === 'date'\"\n              type=\"button\"\n              :disabled=\"!enableMonthArrow || dateRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableMonthArrow || dateRangeDisabled),\n              ]\"\n              :aria-label=\"t(`el.datepicker.prevMonth`)\"\n              class=\"arrow-left\"\n              @click=\"rightPrevMonth\"\n            >\n              <slot name=\"prev-month\">\n                <el-icon>\n                  <arrow-left />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              type=\"button\"\n              :aria-label=\"t(`el.datepicker.nextYear`)\"\n              :class=\"ppNs.e('icon-btn')\"\n              :disabled=\"dateRangeDisabled\"\n              class=\"d-arrow-right\"\n              @click=\"rightNextYear\"\n            >\n              <slot name=\"next-year\">\n                <el-icon>\n                  <d-arrow-right />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              v-show=\"rightCurrentView === 'date'\"\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              :disabled=\"dateRangeDisabled\"\n              :aria-label=\"t(`el.datepicker.nextMonth`)\"\n              class=\"arrow-right\"\n              @click=\"rightNextMonth\"\n            >\n              <slot name=\"next-month\">\n                <el-icon>\n                  <arrow-right />\n                </el-icon>\n              </slot>\n            </button>\n            <div>\n              <span\n                role=\"button\"\n                :class=\"drpNs.e('header-label')\"\n                aria-live=\"polite\"\n                :tabindex=\"disabled ? undefined : 0\"\n                :aria-disabled=\"disabled\"\n                @keydown.enter=\"showRightPicker('year')\"\n                @click=\"showRightPicker('year')\"\n              >\n                {{ rightYearLabel }}\n              </span>\n              <span\n                v-show=\"rightCurrentView === 'date'\"\n                role=\"button\"\n                aria-live=\"polite\"\n                :tabindex=\"disabled ? undefined : 0\"\n                :aria-disabled=\"disabled\"\n                :class=\"[\n                  drpNs.e('header-label'),\n                  { active: rightCurrentView === 'month' },\n                ]\"\n                @keydown.enter=\"showRightPicker('month')\"\n                @click=\"showRightPicker('month')\"\n              >\n                {{ t(`el.datepicker.month${rightDate.month() + 1}`) }}\n              </span>\n            </div>\n          </div>\n          <date-table\n            v-if=\"rightCurrentView === 'date'\"\n            ref=\"rightCurrentViewRef\"\n            selection-mode=\"range\"\n            :date=\"rightDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            :cell-class-name=\"cellClassName\"\n            :show-week-number=\"showWeekNumber\"\n            :disabled=\"dateRangeDisabled\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n          <year-table\n            v-if=\"rightCurrentView === 'year'\"\n            ref=\"rightCurrentViewRef\"\n            selection-mode=\"year\"\n            :date=\"rightDate\"\n            :disabled-date=\"disabledDate\"\n            :parsed-value=\"parsedValue\"\n            :disabled=\"dateRangeDisabled\"\n            @pick=\"handleRightYearPick\"\n          />\n          <month-table\n            v-if=\"rightCurrentView === 'month'\"\n            ref=\"rightCurrentViewRef\"\n            selection-mode=\"month\"\n            :date=\"rightDate\"\n            :parsed-value=\"parsedValue\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"dateRangeDisabled\"\n            @pick=\"handleRightMonthPick\"\n          />\n        </div>\n      </div>\n    </div>\n    <div\n      v-if=\"showFooter && showTime && (showConfirm || clearable)\"\n      :class=\"ppNs.e('footer')\"\n    >\n      <el-button\n        v-if=\"clearable\"\n        text\n        size=\"small\"\n        :class=\"ppNs.e('link-btn')\"\n        @click=\"onClear\"\n      >\n        {{ t('el.datepicker.clear') }}\n      </el-button>\n      <el-button\n        v-if=\"showConfirm\"\n        plain\n        size=\"small\"\n        :class=\"ppNs.e('link-btn')\"\n        :disabled=\"btnDisabled\"\n        @click=\"handleRangeConfirm(false)\"\n      >\n        {{ t('el.datepicker.confirm') }}\n      </el-button>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, nextTick, ref, toRef, unref, watch } from 'vue'\nimport dayjs from 'dayjs'\nimport { ClickOutside as vClickoutside } from '@element-plus/directives'\nimport { useLocale } from '@element-plus/hooks'\nimport ElButton from '@element-plus/components/button'\nimport ElInput from '@element-plus/components/input'\nimport {\n  DEFAULT_FORMATS_DATE,\n  DEFAULT_FORMATS_TIME,\n  PICKER_BASE_INJECTION_KEY,\n  TimePickPanel,\n  extractDateFormat,\n  extractTimeFormat,\n} from '@element-plus/components/time-picker'\nimport ElIcon from '@element-plus/components/icon'\nimport {\n  ArrowLeft,\n  ArrowRight,\n  DArrowLeft,\n  DArrowRight,\n} from '@element-plus/icons-vue'\nimport { panelDateRangeProps } from '../props/panel-date-range'\nimport { useRangePicker } from '../composables/use-range-picker'\nimport {\n  correctlyParseUserInput,\n  getDefaultValue,\n  isValidRange,\n} from '../utils'\nimport { usePanelDateRange } from '../composables/use-panel-date-range'\nimport { ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY } from '../constants'\nimport YearTable from './basic-year-table.vue'\nimport MonthTable from './basic-month-table.vue'\nimport DateTable from './basic-date-table.vue'\nimport { useFormDisabled } from '@element-plus/components/form'\n\nimport type { Ref } from 'vue'\nimport type { Dayjs } from 'dayjs'\n\ntype ChangeType = 'min' | 'max'\ntype UserInput = {\n  min: string | null\n  max: string | null\n}\n\nconst props = defineProps(panelDateRangeProps)\nconst emit = defineEmits([\n  'pick',\n  'set-picker-option',\n  'calendar-change',\n  'panel-change',\n  'clear',\n])\n\nconst unit = 'month'\n// FIXME: fix the type for ep picker\nconst pickerBase = inject(PICKER_BASE_INJECTION_KEY) as any\nconst isDefaultFormat = inject(\n  ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY,\n  undefined\n) as any\nconst { disabledDate, cellClassName, defaultTime, clearable } = pickerBase.props\nconst format: Ref<string | undefined> = toRef(pickerBase.props, 'format')\nconst shortcuts = toRef(pickerBase.props, 'shortcuts')\nconst defaultValue = toRef(pickerBase.props, 'defaultValue')\nconst { lang } = useLocale()\nconst leftDate = ref<Dayjs>(dayjs().locale(lang.value))\nconst rightDate = ref<Dayjs>(dayjs().locale(lang.value).add(1, unit))\n\nconst {\n  minDate,\n  maxDate,\n  rangeState,\n  ppNs,\n  drpNs,\n  handleChangeRange,\n  handleRangeConfirm,\n  handleShortcutClick,\n  onSelect,\n  parseValue,\n  t,\n} = useRangePicker(props, {\n  defaultValue,\n  defaultTime,\n  leftDate,\n  rightDate,\n  unit,\n  sortDates,\n})\n\nwatch(\n  () => props.visible,\n  (visible) => {\n    if (!visible && rangeState.value.selecting) {\n      parseValue(props.parsedValue)\n      onSelect(false)\n    }\n  }\n)\n\nconst dateUserInput = ref<UserInput>({\n  min: null,\n  max: null,\n})\n\nconst timeUserInput = ref<UserInput>({\n  min: null,\n  max: null,\n})\n\nconst {\n  leftCurrentView,\n  rightCurrentView,\n  leftCurrentViewRef,\n  rightCurrentViewRef,\n  leftYear,\n  rightYear,\n  leftMonth,\n  rightMonth,\n  leftYearLabel,\n  rightYearLabel,\n  showLeftPicker,\n  showRightPicker,\n  handleLeftYearPick,\n  handleRightYearPick,\n  handleLeftMonthPick,\n  handleRightMonthPick,\n  handlePanelChange,\n  adjustDateByView,\n} = usePanelDateRange(props, emit, leftDate, rightDate)\n\nconst hasShortcuts = computed(() => !!shortcuts.value.length)\n\nconst minVisibleDate = computed(() => {\n  if (dateUserInput.value.min !== null) return dateUserInput.value.min\n  if (minDate.value) return minDate.value.format(dateFormat.value)\n  return ''\n})\n\nconst maxVisibleDate = computed(() => {\n  if (dateUserInput.value.max !== null) return dateUserInput.value.max\n  if (maxDate.value || minDate.value)\n    return (maxDate.value || minDate.value)!.format(dateFormat.value)\n  return ''\n})\n\nconst minVisibleTime = computed(() => {\n  if (timeUserInput.value.min !== null) return timeUserInput.value.min\n  if (minDate.value) return minDate.value.format(timeFormat.value)\n  return ''\n})\n\nconst maxVisibleTime = computed(() => {\n  if (timeUserInput.value.max !== null) return timeUserInput.value.max\n  if (maxDate.value || minDate.value)\n    return (maxDate.value || minDate.value)!.format(timeFormat.value)\n  return ''\n})\n\nconst timeFormat = computed(() => {\n  return (\n    props.timeFormat ||\n    extractTimeFormat(format.value || '') ||\n    DEFAULT_FORMATS_TIME\n  )\n})\n\nconst dateFormat = computed(() => {\n  return (\n    props.dateFormat ||\n    extractDateFormat(format.value || '') ||\n    DEFAULT_FORMATS_DATE\n  )\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 leftPrevYear = () => {\n  leftDate.value = adjustDateByView(\n    leftCurrentView.value,\n    leftDate.value,\n    false\n  )\n\n  if (!props.unlinkPanels) {\n    rightDate.value = leftDate.value.add(1, 'month')\n  }\n  handlePanelChange('year')\n}\n\nconst leftPrevMonth = () => {\n  leftDate.value = leftDate.value.subtract(1, 'month')\n  if (!props.unlinkPanels) {\n    rightDate.value = leftDate.value.add(1, 'month')\n  }\n  handlePanelChange('month')\n}\n\nconst rightNextYear = () => {\n  if (!props.unlinkPanels) {\n    leftDate.value = adjustDateByView(\n      rightCurrentView.value,\n      leftDate.value,\n      true\n    )\n\n    rightDate.value = leftDate.value.add(1, 'month')\n  } else {\n    rightDate.value = adjustDateByView(\n      rightCurrentView.value,\n      rightDate.value,\n      true\n    )\n  }\n  handlePanelChange('year')\n}\n\nconst rightNextMonth = () => {\n  if (!props.unlinkPanels) {\n    leftDate.value = leftDate.value.add(1, 'month')\n    rightDate.value = leftDate.value.add(1, 'month')\n  } else {\n    rightDate.value = rightDate.value.add(1, 'month')\n  }\n  handlePanelChange('month')\n}\n\nconst leftNextYear = () => {\n  leftDate.value = adjustDateByView(leftCurrentView.value, leftDate.value, true)\n\n  handlePanelChange('year')\n}\n\nconst leftNextMonth = () => {\n  leftDate.value = leftDate.value.add(1, 'month')\n  handlePanelChange('month')\n}\n\nconst rightPrevYear = () => {\n  rightDate.value = adjustDateByView(\n    rightCurrentView.value,\n    rightDate.value,\n    false\n  )\n\n  handlePanelChange('year')\n}\n\nconst rightPrevMonth = () => {\n  rightDate.value = rightDate.value.subtract(1, 'month')\n  handlePanelChange('month')\n}\n\nconst enableMonthArrow = computed(() => {\n  const nextMonth = (leftMonth.value + 1) % 12\n  const yearOffset = leftMonth.value + 1 >= 12 ? 1 : 0\n  return (\n    props.unlinkPanels &&\n    new Date(leftYear.value + yearOffset, nextMonth) <\n      new Date(rightYear.value, rightMonth.value)\n  )\n})\n\nconst enableYearArrow = computed(() => {\n  return (\n    props.unlinkPanels &&\n    rightYear.value * 12 +\n      rightMonth.value -\n      (leftYear.value * 12 + leftMonth.value + 1) >=\n      12\n  )\n})\n\nconst dateRangeDisabled = useFormDisabled()\n\nconst btnDisabled = computed(() => {\n  return !(\n    minDate.value &&\n    maxDate.value &&\n    !rangeState.value.selecting &&\n    isValidRange([minDate.value, maxDate.value]) &&\n    !dateRangeDisabled.value\n  )\n})\n\nconst showTime = computed(\n  () => props.type === 'datetime' || props.type === 'datetimerange'\n)\n\nconst formatEmit = (emitDayjs: Dayjs | null, index?: number) => {\n  if (!emitDayjs) return\n  if (defaultTime) {\n    const defaultTimeD = dayjs(\n      defaultTime[index as number] || defaultTime\n    ).locale(lang.value)\n    return defaultTimeD\n      .year(emitDayjs.year())\n      .month(emitDayjs.month())\n      .date(emitDayjs.date())\n  }\n  return emitDayjs\n}\n\nconst handleRangePick = (\n  val: {\n    minDate: Dayjs\n    maxDate: Dayjs | null\n  },\n  close = true\n) => {\n  const min_ = val.minDate\n  const max_ = val.maxDate\n  const minDate_ = formatEmit(min_, 0)\n  const maxDate_ = formatEmit(max_, 1)\n\n  if (maxDate.value === maxDate_ && minDate.value === minDate_) {\n    return\n  }\n  emit('calendar-change', [min_.toDate(), max_ && max_.toDate()])\n  maxDate.value = maxDate_\n  minDate.value = minDate_\n\n  if (!showTime.value && close) {\n    close = !minDate_ || !maxDate_\n  }\n  handleRangeConfirm(close)\n}\n\nconst minTimePickerVisible = ref(false)\nconst maxTimePickerVisible = ref(false)\n\nconst handleMinTimeClose = () => {\n  minTimePickerVisible.value = false\n}\n\nconst handleMaxTimeClose = () => {\n  maxTimePickerVisible.value = false\n}\n\nconst handleDateInput = (value: string | null, type: ChangeType) => {\n  dateUserInput.value[type] = value\n  const parsedValueD = dayjs(value, dateFormat.value).locale(lang.value)\n  if (parsedValueD.isValid()) {\n    if (disabledDate && disabledDate(parsedValueD.toDate())) {\n      return\n    }\n    if (type === 'min') {\n      leftDate.value = parsedValueD\n      minDate.value = (minDate.value || leftDate.value)\n        .year(parsedValueD.year())\n        .month(parsedValueD.month())\n        .date(parsedValueD.date())\n      if (\n        !props.unlinkPanels &&\n        (!maxDate.value || maxDate.value.isBefore(minDate.value))\n      ) {\n        rightDate.value = parsedValueD.add(1, 'month')\n        maxDate.value = minDate.value.add(1, 'month')\n      }\n    } else {\n      rightDate.value = parsedValueD\n      maxDate.value = (maxDate.value || rightDate.value)\n        .year(parsedValueD.year())\n        .month(parsedValueD.month())\n        .date(parsedValueD.date())\n      if (\n        !props.unlinkPanels &&\n        (!minDate.value || minDate.value.isAfter(maxDate.value))\n      ) {\n        leftDate.value = parsedValueD.subtract(1, 'month')\n        minDate.value = maxDate.value.subtract(1, 'month')\n      }\n    }\n    sortDates(minDate.value, maxDate.value)\n    handleRangeConfirm(true)\n  }\n}\n\nconst handleDateChange = (_: unknown, type: ChangeType) => {\n  dateUserInput.value[type] = null\n}\n\nconst handleTimeInput = (value: string | null, type: ChangeType) => {\n  timeUserInput.value[type] = value\n  const parsedValueD = dayjs(value, timeFormat.value).locale(lang.value)\n\n  if (parsedValueD.isValid()) {\n    if (type === 'min') {\n      minTimePickerVisible.value = true\n      minDate.value = (minDate.value || leftDate.value)\n        .hour(parsedValueD.hour())\n        .minute(parsedValueD.minute())\n        .second(parsedValueD.second())\n      leftDate.value = minDate.value\n    } else {\n      maxTimePickerVisible.value = true\n      maxDate.value = (maxDate.value || rightDate.value)\n        .hour(parsedValueD.hour())\n        .minute(parsedValueD.minute())\n        .second(parsedValueD.second())\n      rightDate.value = maxDate.value\n    }\n  }\n}\n\nconst handleTimeChange = (_value: string | null, type: ChangeType) => {\n  timeUserInput.value[type] = null\n  if (type === 'min') {\n    leftDate.value = minDate.value!\n    minTimePickerVisible.value = false\n    if (!maxDate.value || maxDate.value.isBefore(minDate.value)) {\n      maxDate.value = minDate.value\n    }\n  } else {\n    rightDate.value = maxDate.value!\n    maxTimePickerVisible.value = false\n    if (maxDate.value && maxDate.value.isBefore(minDate.value)) {\n      minDate.value = maxDate.value\n    }\n  }\n  handleRangeConfirm(true)\n}\n\nconst handleMinTimePick = (value: Dayjs, visible: boolean, first: boolean) => {\n  if (timeUserInput.value.min) return\n  if (value) {\n    minDate.value = (minDate.value || leftDate.value)\n      .hour(value.hour())\n      .minute(value.minute())\n      .second(value.second())\n  }\n\n  if (!first) {\n    minTimePickerVisible.value = visible\n  }\n\n  if (!maxDate.value || maxDate.value.isBefore(minDate.value)) {\n    maxDate.value = minDate.value\n    rightDate.value = value\n    nextTick(() => {\n      parseValue(props.parsedValue)\n    })\n  }\n  handleRangeConfirm(true)\n}\n\nconst handleMaxTimePick = (\n  value: Dayjs | null,\n  visible: boolean,\n  first: boolean\n) => {\n  if (timeUserInput.value.max) return\n  if (value) {\n    maxDate.value = (maxDate.value || rightDate.value)\n      .hour(value.hour())\n      .minute(value.minute())\n      .second(value.second())\n  }\n\n  if (!first) {\n    maxTimePickerVisible.value = visible\n  }\n\n  if (maxDate.value && maxDate.value.isBefore(minDate.value)) {\n    minDate.value = maxDate.value\n  }\n  handleRangeConfirm(true)\n}\n\nconst onClear = () => {\n  handleClear()\n  emit('clear')\n}\n\nconst handleClear = () => {\n  let valueOnClear = null\n  if (pickerBase?.emptyValues) {\n    valueOnClear = pickerBase.emptyValues.valueOnClear.value\n  }\n  leftDate.value = getDefaultValue(unref(defaultValue), {\n    lang: unref(lang),\n    unit: 'month',\n    unlinkPanels: props.unlinkPanels,\n  })[0]\n  rightDate.value = leftDate.value.add(1, 'month')\n  maxDate.value = undefined\n  minDate.value = undefined\n\n  handleRangeConfirm(true)\n  emit('pick', valueOnClear)\n}\n\nconst parseUserInput = (value: Dayjs | Dayjs[]) => {\n  return correctlyParseUserInput(\n    value,\n    format.value || '',\n    lang.value,\n    isDefaultFormat\n  )\n}\nfunction sortDates(minDate: Dayjs | undefined, maxDate: Dayjs | undefined) {\n  if (props.unlinkPanels && maxDate) {\n    const minDateYear = minDate?.year() || 0\n    const minDateMonth = minDate?.month() || 0\n    const maxDateYear = maxDate.year()\n    const maxDateMonth = maxDate.month()\n    rightDate.value =\n      minDateYear === maxDateYear && minDateMonth === maxDateMonth\n        ? maxDate.add(1, unit)\n        : maxDate\n  } else {\n    rightDate.value = leftDate.value.add(1, unit)\n    if (maxDate) {\n      rightDate.value = rightDate.value\n        .hour(maxDate.hour())\n        .minute(maxDate.minute())\n        .second(maxDate.second())\n    }\n  }\n}\n\nemit('set-picker-option', ['isValidValue', isValidValue])\nemit('set-picker-option', ['parseUserInput', parseUserInput])\nemit('set-picker-option', ['handleClear', handleClear])\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"panel-date-range.vue_vue_type_script_setup_true_lang.js","names":["border","$slots","singlePanel","editable","unlinkPanels","disabled","showWeekNumber","parsedValue","showFooter","showConfirm"],"sources":["../../../../../../../packages/components/date-picker-panel/src/date-picker-com/panel-date-range.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      ppNs.b(),\n      drpNs.b(),\n      ppNs.is('border', border),\n      ppNs.is('disabled', dateRangeDisabled),\n      {\n        'has-sidebar': $slots.sidebar || hasShortcuts,\n        'has-time': showTime,\n        'single-panel': singlePanel,\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          :disabled=\"dateRangeDisabled\"\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 v-if=\"showTime\" :class=\"drpNs.e('time-header')\">\n          <span :class=\"drpNs.e('editors-wrap')\">\n            <span :class=\"drpNs.e('time-picker-wrap')\">\n              <el-input\n                size=\"small\"\n                :disabled=\"rangeState.selecting || dateRangeDisabled\"\n                :placeholder=\"t('el.datepicker.startDate')\"\n                :class=\"drpNs.e('editor')\"\n                :model-value=\"minVisibleDate\"\n                :validate-event=\"false\"\n                :readonly=\"!editable\"\n                @input=\"(val) => handleDateInput(val, 'min')\"\n                @change=\"(val) => handleDateChange(val, 'min')\"\n              />\n            </span>\n            <span\n              v-clickoutside=\"handleMinTimeClose\"\n              :class=\"drpNs.e('time-picker-wrap')\"\n            >\n              <el-input\n                size=\"small\"\n                :class=\"drpNs.e('editor')\"\n                :disabled=\"rangeState.selecting || dateRangeDisabled\"\n                :placeholder=\"t('el.datepicker.startTime')\"\n                :model-value=\"minVisibleTime\"\n                :validate-event=\"false\"\n                :readonly=\"!editable\"\n                @focus=\"minTimePickerVisible = true\"\n                @input=\"(val) => handleTimeInput(val, 'min')\"\n                @change=\"(val) => handleTimeChange(val, 'min')\"\n              />\n              <time-pick-panel\n                :visible=\"minTimePickerVisible\"\n                :format=\"timeFormat\"\n                datetime-role=\"start\"\n                :parsed-value=\"minDate || leftDate\"\n                @pick=\"handleMinTimePick\"\n              />\n            </span>\n          </span>\n          <span>\n            <el-icon><arrow-right /></el-icon>\n          </span>\n          <span :class=\"drpNs.e('editors-wrap')\" class=\"is-right\">\n            <span :class=\"drpNs.e('time-picker-wrap')\">\n              <el-input\n                size=\"small\"\n                :class=\"drpNs.e('editor')\"\n                :disabled=\"rangeState.selecting || dateRangeDisabled\"\n                :placeholder=\"t('el.datepicker.endDate')\"\n                :model-value=\"maxVisibleDate\"\n                :readonly=\"!minDate || !editable\"\n                :validate-event=\"false\"\n                @input=\"(val) => handleDateInput(val, 'max')\"\n                @change=\"(val) => handleDateChange(val, 'max')\"\n              />\n            </span>\n            <span\n              v-clickoutside=\"handleMaxTimeClose\"\n              :class=\"drpNs.e('time-picker-wrap')\"\n            >\n              <el-input\n                size=\"small\"\n                :class=\"drpNs.e('editor')\"\n                :disabled=\"rangeState.selecting || dateRangeDisabled\"\n                :placeholder=\"t('el.datepicker.endTime')\"\n                :model-value=\"maxVisibleTime\"\n                :readonly=\"!minDate || !editable\"\n                :validate-event=\"false\"\n                @focus=\"minDate && (maxTimePickerVisible = true)\"\n                @input=\"(val) => handleTimeInput(val, 'max')\"\n                @change=\"(val) => handleTimeChange(val, 'max')\"\n              />\n              <time-pick-panel\n                datetime-role=\"end\"\n                :visible=\"maxTimePickerVisible\"\n                :format=\"timeFormat\"\n                :parsed-value=\"maxDate || rightDate\"\n                @pick=\"handleMaxTimePick\"\n              />\n            </span>\n          </span>\n        </div>\n        <div\n          :class=\"[\n            ppNs.e('content'),\n            drpNs.e('content'),\n            drpNs.is('left', !singlePanel),\n          ]\"\n        >\n          <div :class=\"drpNs.e('header')\">\n            <button\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              :aria-label=\"t(`el.datepicker.prevYear`)\"\n              class=\"d-arrow-left\"\n              :disabled=\"dateRangeDisabled\"\n              @click=\"leftPrevYear\"\n            >\n              <slot name=\"prev-year\">\n                <el-icon>\n                  <d-arrow-left />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              v-show=\"leftCurrentView === 'date'\"\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              :aria-label=\"t(`el.datepicker.prevMonth`)\"\n              class=\"arrow-left\"\n              :disabled=\"dateRangeDisabled\"\n              @click=\"leftPrevMonth\"\n            >\n              <slot name=\"prev-month\">\n                <el-icon>\n                  <arrow-left />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              v-if=\"unlinkPanels || singlePanel\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow || dateRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableYearArrow || dateRangeDisabled),\n              ]\"\n              :aria-label=\"t(`el.datepicker.nextYear`)\"\n              class=\"d-arrow-right\"\n              @click=\"leftNextYear\"\n            >\n              <slot name=\"next-year\">\n                <el-icon>\n                  <d-arrow-right />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              v-if=\"(unlinkPanels && leftCurrentView === 'date') || singlePanel\"\n              type=\"button\"\n              :disabled=\"!enableMonthArrow || dateRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableMonthArrow || dateRangeDisabled),\n              ]\"\n              :aria-label=\"t(`el.datepicker.nextMonth`)\"\n              class=\"arrow-right\"\n              @click=\"leftNextMonth\"\n            >\n              <slot name=\"next-month\">\n                <el-icon>\n                  <arrow-right />\n                </el-icon>\n              </slot>\n            </button>\n            <div>\n              <span\n                role=\"button\"\n                :class=\"drpNs.e('header-label')\"\n                aria-live=\"polite\"\n                :tabindex=\"disabled ? undefined : 0\"\n                :aria-disabled=\"disabled\"\n                @keydown.enter=\"showLeftPicker('year')\"\n                @click=\"showLeftPicker('year')\"\n              >\n                {{ leftYearLabel }}\n              </span>\n              <span\n                v-show=\"leftCurrentView === 'date'\"\n                role=\"button\"\n                aria-live=\"polite\"\n                :tabindex=\"disabled ? undefined : 0\"\n                :aria-disabled=\"disabled\"\n                :class=\"[\n                  drpNs.e('header-label'),\n                  { active: leftCurrentView === 'month' },\n                ]\"\n                @keydown.enter=\"showLeftPicker('month')\"\n                @click=\"showLeftPicker('month')\"\n              >\n                {{ t(`el.datepicker.month${leftDate.month() + 1}`) }}\n              </span>\n            </div>\n          </div>\n          <date-table\n            v-if=\"leftCurrentView === 'date'\"\n            ref=\"leftCurrentViewRef\"\n            selection-mode=\"range\"\n            :date=\"leftDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            :cell-class-name=\"cellClassName\"\n            :show-week-number=\"showWeekNumber\"\n            :disabled=\"dateRangeDisabled\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n          <year-table\n            v-if=\"leftCurrentView === 'year'\"\n            ref=\"leftCurrentViewRef\"\n            selection-mode=\"year\"\n            :date=\"leftDate\"\n            :disabled-date=\"disabledDate\"\n            :parsed-value=\"parsedValue\"\n            :disabled=\"dateRangeDisabled\"\n            @pick=\"handleLeftYearPick\"\n          />\n          <month-table\n            v-if=\"leftCurrentView === 'month'\"\n            ref=\"leftCurrentViewRef\"\n            selection-mode=\"month\"\n            :date=\"leftDate\"\n            :parsed-value=\"parsedValue\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"dateRangeDisabled\"\n            @pick=\"handleLeftMonthPick\"\n          />\n        </div>\n        <div\n          v-if=\"!singlePanel\"\n          :class=\"[ppNs.e('content'), drpNs.e('content')]\"\n          class=\"is-right\"\n        >\n          <div :class=\"drpNs.e('header')\">\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow || dateRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableYearArrow || dateRangeDisabled),\n              ]\"\n              :aria-label=\"t(`el.datepicker.prevYear`)\"\n              class=\"d-arrow-left\"\n              @click=\"rightPrevYear\"\n            >\n              <slot name=\"prev-year\">\n                <el-icon>\n                  <d-arrow-left />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              v-if=\"unlinkPanels && rightCurrentView === 'date'\"\n              type=\"button\"\n              :disabled=\"!enableMonthArrow || dateRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableMonthArrow || dateRangeDisabled),\n              ]\"\n              :aria-label=\"t(`el.datepicker.prevMonth`)\"\n              class=\"arrow-left\"\n              @click=\"rightPrevMonth\"\n            >\n              <slot name=\"prev-month\">\n                <el-icon>\n                  <arrow-left />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              type=\"button\"\n              :aria-label=\"t(`el.datepicker.nextYear`)\"\n              :class=\"ppNs.e('icon-btn')\"\n              :disabled=\"dateRangeDisabled\"\n              class=\"d-arrow-right\"\n              @click=\"rightNextYear\"\n            >\n              <slot name=\"next-year\">\n                <el-icon>\n                  <d-arrow-right />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              v-show=\"rightCurrentView === 'date'\"\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              :disabled=\"dateRangeDisabled\"\n              :aria-label=\"t(`el.datepicker.nextMonth`)\"\n              class=\"arrow-right\"\n              @click=\"rightNextMonth\"\n            >\n              <slot name=\"next-month\">\n                <el-icon>\n                  <arrow-right />\n                </el-icon>\n              </slot>\n            </button>\n            <div>\n              <span\n                role=\"button\"\n                :class=\"drpNs.e('header-label')\"\n                aria-live=\"polite\"\n                :tabindex=\"disabled ? undefined : 0\"\n                :aria-disabled=\"disabled\"\n                @keydown.enter=\"showRightPicker('year')\"\n                @click=\"showRightPicker('year')\"\n              >\n                {{ rightYearLabel }}\n              </span>\n              <span\n                v-show=\"rightCurrentView === 'date'\"\n                role=\"button\"\n                aria-live=\"polite\"\n                :tabindex=\"disabled ? undefined : 0\"\n                :aria-disabled=\"disabled\"\n                :class=\"[\n                  drpNs.e('header-label'),\n                  { active: rightCurrentView === 'month' },\n                ]\"\n                @keydown.enter=\"showRightPicker('month')\"\n                @click=\"showRightPicker('month')\"\n              >\n                {{ t(`el.datepicker.month${rightDate.month() + 1}`) }}\n              </span>\n            </div>\n          </div>\n          <date-table\n            v-if=\"rightCurrentView === 'date'\"\n            ref=\"rightCurrentViewRef\"\n            selection-mode=\"range\"\n            :date=\"rightDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            :cell-class-name=\"cellClassName\"\n            :show-week-number=\"showWeekNumber\"\n            :disabled=\"dateRangeDisabled\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n          <year-table\n            v-if=\"rightCurrentView === 'year'\"\n            ref=\"rightCurrentViewRef\"\n            selection-mode=\"year\"\n            :date=\"rightDate\"\n            :disabled-date=\"disabledDate\"\n            :parsed-value=\"parsedValue\"\n            :disabled=\"dateRangeDisabled\"\n            @pick=\"handleRightYearPick\"\n          />\n          <month-table\n            v-if=\"rightCurrentView === 'month'\"\n            ref=\"rightCurrentViewRef\"\n            selection-mode=\"month\"\n            :date=\"rightDate\"\n            :parsed-value=\"parsedValue\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"dateRangeDisabled\"\n            @pick=\"handleRightMonthPick\"\n          />\n        </div>\n      </div>\n    </div>\n    <div\n      v-if=\"showFooter && showTime && (showConfirm || clearable)\"\n      :class=\"ppNs.e('footer')\"\n    >\n      <el-button\n        v-if=\"clearable\"\n        text\n        size=\"small\"\n        :class=\"ppNs.e('link-btn')\"\n        @click=\"onClear\"\n      >\n        {{ t('el.datepicker.clear') }}\n      </el-button>\n      <el-button\n        v-if=\"showConfirm\"\n        plain\n        size=\"small\"\n        :class=\"ppNs.e('link-btn')\"\n        :disabled=\"btnDisabled\"\n        @click=\"handleRangeConfirm(false)\"\n      >\n        {{ t('el.datepicker.confirm') }}\n      </el-button>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, nextTick, ref, toRef, unref, watch } from 'vue'\nimport dayjs from 'dayjs'\nimport { ClickOutside as vClickoutside } from '@element-plus/directives'\nimport { useLocale } from '@element-plus/hooks'\nimport ElButton from '@element-plus/components/button'\nimport ElInput from '@element-plus/components/input'\nimport {\n  DEFAULT_FORMATS_DATE,\n  DEFAULT_FORMATS_TIME,\n  PICKER_BASE_INJECTION_KEY,\n  TimePickPanel,\n  extractDateFormat,\n  extractTimeFormat,\n} from '@element-plus/components/time-picker'\nimport ElIcon from '@element-plus/components/icon'\nimport {\n  ArrowLeft,\n  ArrowRight,\n  DArrowLeft,\n  DArrowRight,\n} from '@element-plus/icons-vue'\nimport { panelDateRangeProps } from '../props/panel-date-range'\nimport { useRangePicker } from '../composables/use-range-picker'\nimport {\n  correctlyParseUserInput,\n  getDefaultValue,\n  isValidRange,\n} from '../utils'\nimport { usePanelDateRange } from '../composables/use-panel-date-range'\nimport { ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY } from '../constants'\nimport YearTable from './basic-year-table.vue'\nimport MonthTable from './basic-month-table.vue'\nimport DateTable from './basic-date-table.vue'\nimport { useFormDisabled } from '@element-plus/components/form'\n\nimport type { Ref } from 'vue'\nimport type { Dayjs } from 'dayjs'\n\ntype ChangeType = 'min' | 'max'\ntype UserInput = {\n  min: string | null\n  max: string | null\n}\n\nconst props = defineProps(panelDateRangeProps)\nconst emit = defineEmits([\n  'pick',\n  'set-picker-option',\n  'calendar-change',\n  'panel-change',\n  'clear',\n])\n\nconst unit = 'month'\n// FIXME: fix the type for ep picker\nconst pickerBase = inject(PICKER_BASE_INJECTION_KEY) as any\nconst isDefaultFormat = inject(\n  ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY,\n  undefined\n) as any\nconst { disabledDate, cellClassName, defaultTime, clearable } = pickerBase.props\nconst format: Ref<string | undefined> = toRef(pickerBase.props, 'format')\nconst shortcuts = toRef(pickerBase.props, 'shortcuts')\nconst defaultValue = toRef(pickerBase.props, 'defaultValue')\nconst { lang } = useLocale()\nconst leftDate = ref<Dayjs>(dayjs().locale(lang.value))\nconst rightDate = ref<Dayjs>(dayjs().locale(lang.value).add(1, unit))\n\nconst {\n  minDate,\n  maxDate,\n  rangeState,\n  ppNs,\n  drpNs,\n  handleChangeRange,\n  handleRangeConfirm,\n  handleShortcutClick,\n  onSelect,\n  parseValue,\n  t,\n} = useRangePicker(props, {\n  defaultValue,\n  defaultTime,\n  leftDate,\n  rightDate,\n  unit,\n  sortDates,\n})\n\nwatch(\n  () => props.visible,\n  (visible) => {\n    if (!visible && rangeState.value.selecting) {\n      parseValue(props.parsedValue)\n      onSelect(false)\n    }\n  }\n)\n\nconst dateUserInput = ref<UserInput>({\n  min: null,\n  max: null,\n})\n\nconst timeUserInput = ref<UserInput>({\n  min: null,\n  max: null,\n})\n\nconst {\n  leftCurrentView,\n  rightCurrentView,\n  leftCurrentViewRef,\n  rightCurrentViewRef,\n  leftYear,\n  rightYear,\n  leftMonth,\n  rightMonth,\n  leftYearLabel,\n  rightYearLabel,\n  showLeftPicker,\n  showRightPicker,\n  handleLeftYearPick,\n  handleRightYearPick,\n  handleLeftMonthPick,\n  handleRightMonthPick,\n  handlePanelChange,\n  adjustDateByView,\n} = usePanelDateRange(props, emit, leftDate, rightDate)\n\nconst hasShortcuts = computed(() => !!shortcuts.value.length)\n\nconst minVisibleDate = computed(() => {\n  if (dateUserInput.value.min !== null) return dateUserInput.value.min\n  if (minDate.value) return minDate.value.format(dateFormat.value)\n  return ''\n})\n\nconst maxVisibleDate = computed(() => {\n  if (dateUserInput.value.max !== null) return dateUserInput.value.max\n  if (maxDate.value || minDate.value)\n    return (maxDate.value || minDate.value)!.format(dateFormat.value)\n  return ''\n})\n\nconst minVisibleTime = computed(() => {\n  if (timeUserInput.value.min !== null) return timeUserInput.value.min\n  if (minDate.value) return minDate.value.format(timeFormat.value)\n  return ''\n})\n\nconst maxVisibleTime = computed(() => {\n  if (timeUserInput.value.max !== null) return timeUserInput.value.max\n  if (maxDate.value || minDate.value)\n    return (maxDate.value || minDate.value)!.format(timeFormat.value)\n  return ''\n})\n\nconst timeFormat = computed(() => {\n  return (\n    props.timeFormat ||\n    extractTimeFormat(format.value || '') ||\n    DEFAULT_FORMATS_TIME\n  )\n})\n\nconst dateFormat = computed(() => {\n  return (\n    props.dateFormat ||\n    extractDateFormat(format.value || '') ||\n    DEFAULT_FORMATS_DATE\n  )\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 leftPrevYear = () => {\n  leftDate.value = adjustDateByView(\n    leftCurrentView.value,\n    leftDate.value,\n    false\n  )\n\n  if (!props.unlinkPanels) {\n    rightDate.value = leftDate.value.add(1, 'month')\n  }\n  handlePanelChange('year')\n}\n\nconst leftPrevMonth = () => {\n  leftDate.value = leftDate.value.subtract(1, 'month')\n  if (!props.unlinkPanels) {\n    rightDate.value = leftDate.value.add(1, 'month')\n  }\n  handlePanelChange('month')\n}\n\nconst rightNextYear = () => {\n  if (!props.unlinkPanels) {\n    leftDate.value = adjustDateByView(\n      rightCurrentView.value,\n      leftDate.value,\n      true\n    )\n\n    rightDate.value = leftDate.value.add(1, 'month')\n  } else {\n    rightDate.value = adjustDateByView(\n      rightCurrentView.value,\n      rightDate.value,\n      true\n    )\n  }\n  handlePanelChange('year')\n}\n\nconst rightNextMonth = () => {\n  if (!props.unlinkPanels) {\n    leftDate.value = leftDate.value.add(1, 'month')\n    rightDate.value = leftDate.value.add(1, 'month')\n  } else {\n    rightDate.value = rightDate.value.add(1, 'month')\n  }\n  handlePanelChange('month')\n}\n\nconst leftNextYear = () => {\n  leftDate.value = adjustDateByView(leftCurrentView.value, leftDate.value, true)\n\n  handlePanelChange('year')\n}\n\nconst leftNextMonth = () => {\n  leftDate.value = leftDate.value.add(1, 'month')\n  handlePanelChange('month')\n}\n\nconst rightPrevYear = () => {\n  rightDate.value = adjustDateByView(\n    rightCurrentView.value,\n    rightDate.value,\n    false\n  )\n\n  handlePanelChange('year')\n}\n\nconst rightPrevMonth = () => {\n  rightDate.value = rightDate.value.subtract(1, 'month')\n  handlePanelChange('month')\n}\n\nconst enableMonthArrow = computed(() => {\n  const nextMonth = (leftMonth.value + 1) % 12\n  const yearOffset = leftMonth.value + 1 >= 12 ? 1 : 0\n  return (\n    props.singlePanel ||\n    (props.unlinkPanels &&\n      new Date(leftYear.value + yearOffset, nextMonth) <\n        new Date(rightYear.value, rightMonth.value))\n  )\n})\n\nconst enableYearArrow = computed(() => {\n  return (\n    props.singlePanel ||\n    (props.unlinkPanels &&\n      rightYear.value * 12 +\n        rightMonth.value -\n        (leftYear.value * 12 + leftMonth.value + 1) >=\n        12)\n  )\n})\n\nconst dateRangeDisabled = useFormDisabled()\n\nconst btnDisabled = computed(() => {\n  return !(\n    minDate.value &&\n    maxDate.value &&\n    !rangeState.value.selecting &&\n    isValidRange([minDate.value, maxDate.value]) &&\n    !dateRangeDisabled.value\n  )\n})\n\nconst showTime = computed(\n  () => props.type === 'datetime' || props.type === 'datetimerange'\n)\n\nconst formatEmit = (emitDayjs: Dayjs | null, index?: number) => {\n  if (!emitDayjs) return\n  if (defaultTime) {\n    const defaultTimeD = dayjs(\n      defaultTime[index as number] || defaultTime\n    ).locale(lang.value)\n    return defaultTimeD\n      .year(emitDayjs.year())\n      .month(emitDayjs.month())\n      .date(emitDayjs.date())\n  }\n  return emitDayjs\n}\n\nconst handleRangePick = (\n  val: {\n    minDate: Dayjs\n    maxDate: Dayjs | null\n  },\n  close = true\n) => {\n  const min_ = val.minDate\n  const max_ = val.maxDate\n  const minDate_ = formatEmit(min_, 0)\n  const maxDate_ = formatEmit(max_, 1)\n\n  if (maxDate.value === maxDate_ && minDate.value === minDate_) {\n    return\n  }\n  emit('calendar-change', [min_.toDate(), max_ && max_.toDate()])\n  maxDate.value = maxDate_\n  minDate.value = minDate_\n\n  if (!showTime.value && close) {\n    close = !minDate_ || !maxDate_\n  }\n  handleRangeConfirm(close)\n}\n\nconst minTimePickerVisible = ref(false)\nconst maxTimePickerVisible = ref(false)\n\nconst handleMinTimeClose = () => {\n  minTimePickerVisible.value = false\n}\n\nconst handleMaxTimeClose = () => {\n  maxTimePickerVisible.value = false\n}\n\nconst handleDateInput = (value: string | null, type: ChangeType) => {\n  dateUserInput.value[type] = value\n  const parsedValueD = dayjs(value, dateFormat.value).locale(lang.value)\n  if (parsedValueD.isValid()) {\n    if (disabledDate && disabledDate(parsedValueD.toDate())) {\n      return\n    }\n    if (type === 'min') {\n      leftDate.value = parsedValueD\n      minDate.value = (minDate.value || leftDate.value)\n        .year(parsedValueD.year())\n        .month(parsedValueD.month())\n        .date(parsedValueD.date())\n      if (\n        !props.unlinkPanels &&\n        (!maxDate.value || maxDate.value.isBefore(minDate.value))\n      ) {\n        rightDate.value = parsedValueD.add(1, 'month')\n        maxDate.value = minDate.value.add(1, 'month')\n      }\n    } else {\n      rightDate.value = parsedValueD\n      maxDate.value = (maxDate.value || rightDate.value)\n        .year(parsedValueD.year())\n        .month(parsedValueD.month())\n        .date(parsedValueD.date())\n      if (\n        !props.unlinkPanels &&\n        (!minDate.value || minDate.value.isAfter(maxDate.value))\n      ) {\n        leftDate.value = parsedValueD.subtract(1, 'month')\n        minDate.value = maxDate.value.subtract(1, 'month')\n      }\n    }\n    sortDates(minDate.value, maxDate.value)\n    handleRangeConfirm(true)\n  }\n}\n\nconst handleDateChange = (_: unknown, type: ChangeType) => {\n  dateUserInput.value[type] = null\n}\n\nconst handleTimeInput = (value: string | null, type: ChangeType) => {\n  timeUserInput.value[type] = value\n  const parsedValueD = dayjs(value, timeFormat.value).locale(lang.value)\n\n  if (parsedValueD.isValid()) {\n    if (type === 'min') {\n      minTimePickerVisible.value = true\n      minDate.value = (minDate.value || leftDate.value)\n        .hour(parsedValueD.hour())\n        .minute(parsedValueD.minute())\n        .second(parsedValueD.second())\n      leftDate.value = minDate.value\n    } else {\n      maxTimePickerVisible.value = true\n      maxDate.value = (maxDate.value || rightDate.value)\n        .hour(parsedValueD.hour())\n        .minute(parsedValueD.minute())\n        .second(parsedValueD.second())\n      rightDate.value = maxDate.value\n    }\n  }\n}\n\nconst handleTimeChange = (_value: string | null, type: ChangeType) => {\n  timeUserInput.value[type] = null\n  if (type === 'min') {\n    leftDate.value = minDate.value!\n    minTimePickerVisible.value = false\n    if (!maxDate.value || maxDate.value.isBefore(minDate.value)) {\n      maxDate.value = minDate.value\n    }\n  } else {\n    rightDate.value = maxDate.value!\n    maxTimePickerVisible.value = false\n    if (maxDate.value && maxDate.value.isBefore(minDate.value)) {\n      minDate.value = maxDate.value\n    }\n  }\n  handleRangeConfirm(true)\n}\n\nconst handleMinTimePick = (value: Dayjs, visible: boolean, first: boolean) => {\n  if (timeUserInput.value.min) return\n  if (value) {\n    minDate.value = (minDate.value || leftDate.value)\n      .hour(value.hour())\n      .minute(value.minute())\n      .second(value.second())\n  }\n\n  if (!first) {\n    minTimePickerVisible.value = visible\n  }\n\n  if (!maxDate.value || maxDate.value.isBefore(minDate.value)) {\n    maxDate.value = minDate.value\n    rightDate.value = value\n    nextTick(() => {\n      parseValue(props.parsedValue)\n    })\n  }\n  handleRangeConfirm(true)\n}\n\nconst handleMaxTimePick = (\n  value: Dayjs | null,\n  visible: boolean,\n  first: boolean\n) => {\n  if (timeUserInput.value.max) return\n  if (value) {\n    maxDate.value = (maxDate.value || rightDate.value)\n      .hour(value.hour())\n      .minute(value.minute())\n      .second(value.second())\n  }\n\n  if (!first) {\n    maxTimePickerVisible.value = visible\n  }\n\n  if (maxDate.value && maxDate.value.isBefore(minDate.value)) {\n    minDate.value = maxDate.value\n  }\n  handleRangeConfirm(true)\n}\n\nconst onClear = () => {\n  handleClear()\n  emit('clear')\n}\n\nconst handleClear = () => {\n  let valueOnClear = null\n  if (pickerBase?.emptyValues) {\n    valueOnClear = pickerBase.emptyValues.valueOnClear.value\n  }\n  leftDate.value = getDefaultValue(unref(defaultValue), {\n    lang: unref(lang),\n    unit: 'month',\n    unlinkPanels: props.unlinkPanels,\n  })[0]\n  rightDate.value = leftDate.value.add(1, 'month')\n  maxDate.value = undefined\n  minDate.value = undefined\n\n  handleRangeConfirm(true)\n  emit('pick', valueOnClear)\n}\n\nconst parseUserInput = (value: Dayjs | Dayjs[]) => {\n  return correctlyParseUserInput(\n    value,\n    format.value || '',\n    lang.value,\n    isDefaultFormat\n  )\n}\nfunction sortDates(minDate: Dayjs | undefined, maxDate: Dayjs | undefined) {\n  if (props.unlinkPanels && maxDate) {\n    const minDateYear = minDate?.year() || 0\n    const minDateMonth = minDate?.month() || 0\n    const maxDateYear = maxDate.year()\n    const maxDateMonth = maxDate.month()\n    rightDate.value =\n      minDateYear === maxDateYear && minDateMonth === maxDateMonth\n        ? maxDate.add(1, unit)\n        : maxDate\n  } else {\n    rightDate.value = leftDate.value.add(1, unit)\n    if (maxDate) {\n      rightDate.value = rightDate.value\n        .hour(maxDate.hour())\n        .minute(maxDate.minute())\n        .second(maxDate.second())\n    }\n  }\n}\n\nemit('set-picker-option', ['isValidValue', isValidValue])\nemit('set-picker-option', ['parseUserInput', parseUserInput])\nemit('set-picker-option', ['handleClear', handleClear])\n</script>\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"panel-month-range.js","names":[],"sources":["../../../../../../../packages/components/date-picker-panel/src/date-picker-com/panel-month-range.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      ppNs.b(),\n      drpNs.b(),\n      ppNs.is('border', border),\n      ppNs.is('disabled', monthRangeDisabled),\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          :disabled=\"monthRangeDisabled\"\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              :disabled=\"monthRangeDisabled\"\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 || monthRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableYearArrow || monthRangeDisabled),\n              ]\"\n              class=\"d-arrow-right\"\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          <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            :disabled=\"monthRangeDisabled\"\n            :cell-class-name=\"cellClassName\"\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 || monthRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableYearArrow || monthRangeDisabled),\n              ]\"\n              class=\"d-arrow-left\"\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=\"ppNs.e('icon-btn')\"\n              class=\"d-arrow-right\"\n              :disabled=\"monthRangeDisabled\"\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          <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            :disabled=\"monthRangeDisabled\"\n            :cell-class-name=\"cellClassName\"\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, 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 { PICKER_BASE_INJECTION_KEY } from '@element-plus/components/time-picker'\nimport {\n  correctlyParseUserInput,\n  getDefaultValue,\n  isValidRange,\n} from '../utils'\nimport {\n  panelMonthRangeEmits,\n  panelMonthRangeProps,\n} from '../props/panel-month-range'\nimport { useMonthRangeHeader } from '../composables/use-month-range-header'\nimport { useRangePicker } from '../composables/use-range-picker'\nimport { ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY } from '../constants'\nimport MonthTable from './basic-month-table.vue'\nimport { useFormDisabled } from '@element-plus/components/form'\n\nimport type { Dayjs } from 'dayjs'\n\ndefineOptions({\n  name: 'DatePickerMonthRange',\n})\n\nconst props = defineProps(panelMonthRangeProps)\nconst emit = defineEmits(panelMonthRangeEmits)\nconst unit = 'year'\n\nconst { lang } = useLocale()\nconst pickerBase = inject(PICKER_BASE_INJECTION_KEY) as any\nconst isDefaultFormat = inject(\n  ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY,\n  undefined\n) as any\nconst { shortcuts, disabledDate, cellClassName } = pickerBase.props\nconst format = toRef(pickerBase.props, 'format')\nconst defaultValue = toRef(pickerBase.props, 'defaultValue')\nconst leftDate = ref(dayjs().locale(lang.value))\nconst rightDate = ref(dayjs().locale(lang.value).add(1, unit))\n\nconst {\n  minDate,\n  maxDate,\n  rangeState,\n  ppNs,\n  drpNs,\n\n  handleChangeRange,\n  handleRangeConfirm,\n  handleShortcutClick,\n  onSelect,\n  parseValue,\n} = useRangePicker(props, {\n  defaultValue,\n  leftDate,\n  rightDate,\n  unit,\n  sortDates,\n})\n\nconst hasShortcuts = computed(() => !!shortcuts.length)\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\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  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 handleClear = () => {\n  let valueOnClear = null\n  if (pickerBase?.emptyValues) {\n    valueOnClear = pickerBase.emptyValues.valueOnClear.value\n  }\n  leftDate.value = getDefaultValue(unref(defaultValue), {\n    lang: unref(lang),\n    unit: 'year',\n    unlinkPanels: props.unlinkPanels,\n  })[0]\n  rightDate.value = leftDate.value.add(1, 'year')\n  emit('pick', valueOnClear)\n}\n\nconst parseUserInput = (value: Dayjs | Dayjs[]) => {\n  return correctlyParseUserInput(\n    value,\n    format.value,\n    lang.value,\n    isDefaultFormat\n  )\n}\n\nfunction sortDates(minDate: Dayjs | undefined, maxDate: Dayjs | undefined) {\n  if (props.unlinkPanels && maxDate) {\n    const minDateYear = minDate?.year() || 0\n    const maxDateYear = maxDate.year()\n    rightDate.value =\n      minDateYear === maxDateYear ? maxDate.add(1, unit) : maxDate\n  } else {\n    rightDate.value = leftDate.value.add(1, unit)\n  }\n}\n\nconst monthRangeDisabled = useFormDisabled()\n\nwatch(\n  () => props.visible,\n  (visible) => {\n    if (!visible && rangeState.value.selecting) {\n      parseValue(props.parsedValue)\n      onSelect(false)\n    }\n  }\n)\n\nemit('set-picker-option', ['isValidValue', isValidRange])\nemit('set-picker-option', ['parseUserInput', parseUserInput])\nemit('set-picker-option', ['handleClear', handleClear])\n</script>\n"],"mappings":""}
+{"version":3,"file":"panel-month-range.js","names":[],"sources":["../../../../../../../packages/components/date-picker-panel/src/date-picker-com/panel-month-range.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      ppNs.b(),\n      drpNs.b(),\n      ppNs.is('border', border),\n      ppNs.is('disabled', monthRangeDisabled),\n      {\n        'has-sidebar': Boolean($slots.sidebar) || hasShortcuts,\n        'single-panel': singlePanel,\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          :disabled=\"monthRangeDisabled\"\n          @click=\"handleShortcutClick(shortcut)\"\n        >\n          {{ shortcut.text }}\n        </button>\n      </div>\n      <div :class=\"ppNs.e('body')\">\n        <div\n          :class=\"[\n            ppNs.e('content'),\n            drpNs.e('content'),\n            drpNs.is('left', !singlePanel),\n          ]\"\n        >\n          <div :class=\"drpNs.e('header')\">\n            <button\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              class=\"d-arrow-left\"\n              :disabled=\"monthRangeDisabled\"\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 || singlePanel\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow || monthRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableYearArrow || monthRangeDisabled),\n              ]\"\n              class=\"d-arrow-right\"\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          <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            :disabled=\"monthRangeDisabled\"\n            :cell-class-name=\"cellClassName\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n        </div>\n        <div\n          v-if=\"!singlePanel\"\n          :class=\"[ppNs.e('content'), drpNs.e('content')]\"\n          class=\"is-right\"\n        >\n          <div :class=\"drpNs.e('header')\">\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow || monthRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableYearArrow || monthRangeDisabled),\n              ]\"\n              class=\"d-arrow-left\"\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=\"ppNs.e('icon-btn')\"\n              class=\"d-arrow-right\"\n              :disabled=\"monthRangeDisabled\"\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          <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            :disabled=\"monthRangeDisabled\"\n            :cell-class-name=\"cellClassName\"\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, 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 { PICKER_BASE_INJECTION_KEY } from '@element-plus/components/time-picker'\nimport {\n  correctlyParseUserInput,\n  getDefaultValue,\n  isValidRange,\n} from '../utils'\nimport {\n  panelMonthRangeEmits,\n  panelMonthRangeProps,\n} from '../props/panel-month-range'\nimport { useMonthRangeHeader } from '../composables/use-month-range-header'\nimport { useRangePicker } from '../composables/use-range-picker'\nimport { ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY } from '../constants'\nimport MonthTable from './basic-month-table.vue'\nimport { useFormDisabled } from '@element-plus/components/form'\n\nimport type { Dayjs } from 'dayjs'\n\ndefineOptions({\n  name: 'DatePickerMonthRange',\n})\n\nconst props = defineProps(panelMonthRangeProps)\nconst emit = defineEmits(panelMonthRangeEmits)\nconst unit = 'year'\n\nconst { lang } = useLocale()\nconst pickerBase = inject(PICKER_BASE_INJECTION_KEY) as any\nconst isDefaultFormat = inject(\n  ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY,\n  undefined\n) as any\nconst { shortcuts, disabledDate, cellClassName } = pickerBase.props\nconst format = toRef(pickerBase.props, 'format')\nconst defaultValue = toRef(pickerBase.props, 'defaultValue')\nconst leftDate = ref(dayjs().locale(lang.value))\nconst rightDate = ref(dayjs().locale(lang.value).add(1, unit))\n\nconst {\n  minDate,\n  maxDate,\n  rangeState,\n  ppNs,\n  drpNs,\n\n  handleChangeRange,\n  handleRangeConfirm,\n  handleShortcutClick,\n  onSelect,\n  parseValue,\n} = useRangePicker(props, {\n  defaultValue,\n  leftDate,\n  rightDate,\n  unit,\n  sortDates,\n})\n\nconst hasShortcuts = computed(() => !!shortcuts.length)\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 (\n    props.singlePanel ||\n    (props.unlinkPanels && rightYear.value > leftYear.value + 1)\n  )\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  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 handleClear = () => {\n  let valueOnClear = null\n  if (pickerBase?.emptyValues) {\n    valueOnClear = pickerBase.emptyValues.valueOnClear.value\n  }\n  leftDate.value = getDefaultValue(unref(defaultValue), {\n    lang: unref(lang),\n    unit: 'year',\n    unlinkPanels: props.unlinkPanels,\n  })[0]\n  rightDate.value = leftDate.value.add(1, 'year')\n  emit('pick', valueOnClear)\n}\n\nconst parseUserInput = (value: Dayjs | Dayjs[]) => {\n  return correctlyParseUserInput(\n    value,\n    format.value,\n    lang.value,\n    isDefaultFormat\n  )\n}\n\nfunction sortDates(minDate: Dayjs | undefined, maxDate: Dayjs | undefined) {\n  if (props.unlinkPanels && maxDate) {\n    const minDateYear = minDate?.year() || 0\n    const maxDateYear = maxDate.year()\n    rightDate.value =\n      minDateYear === maxDateYear ? maxDate.add(1, unit) : maxDate\n  } else {\n    rightDate.value = leftDate.value.add(1, unit)\n  }\n}\n\nconst monthRangeDisabled = useFormDisabled()\n\nwatch(\n  () => props.visible,\n  (visible) => {\n    if (!visible && rangeState.value.selecting) {\n      parseValue(props.parsedValue)\n      onSelect(false)\n    }\n  }\n)\n\nemit('set-picker-option', ['isValidValue', isValidRange])\nemit('set-picker-option', ['parseUserInput', parseUserInput])\nemit('set-picker-option', ['handleClear', handleClear])\n</script>\n"],"mappings":""}