@element-plus/nightly 0.0.20250823 → 0.0.20250825

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

@@ -1 +1 @@
-{"version":3,"file":"panel-date-range.mjs","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', disabled),\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=\"disabled\"\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 || disabled\"\n                :placeholder=\"t('el.datepicker.startDate')\"\n                :class=\"drpNs.e('editor')\"\n                :model-value=\"minVisibleDate\"\n                :validate-event=\"false\"\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 || disabled\"\n                :placeholder=\"t('el.datepicker.startTime')\"\n                :model-value=\"minVisibleTime\"\n                :validate-event=\"false\"\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=\"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 || disabled\"\n                :placeholder=\"t('el.datepicker.endDate')\"\n                :model-value=\"maxVisibleDate\"\n                :readonly=\"!minDate\"\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 || disabled\"\n                :placeholder=\"t('el.datepicker.endTime')\"\n                :model-value=\"maxVisibleTime\"\n                :readonly=\"!minDate\"\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=\"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=\"disabled\"\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=\"disabled\"\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 || disabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableYearArrow || disabled),\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 || disabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableMonthArrow || disabled),\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=\"0\"\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=\"0\"\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=\"disabled\"\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=\"disabled\"\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=\"disabled\"\n            @pick=\"handleLeftMonthPick\"\n          />\n        </div>\n        <div :class=\"[ppNs.e('content'), drpNs.e('content')]\" class=\"is-right\">\n          <div\n            :class=\"[\n              drpNs.e('header'),\n              ppNs.is('disabled', !enableYearArrow || disabled),\n            ]\"\n          >\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow || disabled\"\n              :class=\"ppNs.e('icon-btn')\"\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 || disabled\"\n              :class=\"ppNs.e('icon-btn')\"\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=\"disabled\"\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=\"disabled\"\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=\"0\"\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=\"0\"\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=\"disabled\"\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=\"disabled\"\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=\"disabled\"\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=\"handleClear\"\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 { isArray } from '@element-plus/utils'\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'\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])\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))\nlet shouldBeVisible = true\n\nconst {\n  minDate,\n  maxDate,\n  rangeState,\n  ppNs,\n  drpNs,\n  handleChangeRange,\n  handleRangeConfirm,\n  handleShortcutClick,\n  onSelect,\n  onReset,\n  t,\n} = useRangePicker(props, {\n  defaultValue,\n  defaultTime,\n  leftDate,\n  rightDate,\n  unit,\n  onParsedValueChanged,\n})\n\nwatch(\n  () => props.visible,\n  (visible) => {\n    if (!visible && rangeState.value.selecting) {\n      onReset(props.parsedValue)\n      onSelect(false)\n    }\n  }\n)\n\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 btnDisabled = computed(() => {\n  return !(\n    minDate.value &&\n    maxDate.value &&\n    !rangeState.value.selecting &&\n    isValidRange([minDate.value, maxDate.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  shouldBeVisible = close\n}\n\nwatch([maxDate, minDate], ([max, min]) => {\n  if (max && min) {\n    handleRangeConfirm(shouldBeVisible)\n    shouldBeVisible = true\n  }\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  }\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    } 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}\n\nconst handleMinTimePick = (value: Dayjs, visible: boolean, first: boolean) => {\n  if (timeUserInput.value.min) return\n  if (value) {\n    leftDate.value = 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      onReset(props.parsedValue)\n    })\n  }\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    rightDate.value = 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}\n\nconst handleClear = () => {\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  emit('pick', null)\n}\n\nconst formatToString = (value: Dayjs | Dayjs[]) => {\n  return isArray(value)\n    ? value.map((_) => _.format(format.value))\n    : value.format(format.value)\n}\n\nconst parseUserInput = (value: Dayjs | Dayjs[]) => {\n  return correctlyParseUserInput(\n    value,\n    format.value || '',\n    lang.value,\n    isDefaultFormat\n  )\n}\n\nfunction onParsedValueChanged(\n  minDate: Dayjs | undefined,\n  maxDate: Dayjs | undefined\n) {\n  if (props.unlinkPanels && maxDate) {\n    const minDateYear = minDate?.year() || 0\n    const 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', ['formatToString', formatToString])\nemit('set-picker-option', ['handleClear', handleClear])\n</script>\n"],"names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","maxDate","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"panel-date-range.mjs","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', disabled),\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=\"disabled\"\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 || disabled\"\n                :placeholder=\"t('el.datepicker.startDate')\"\n                :class=\"drpNs.e('editor')\"\n                :model-value=\"minVisibleDate\"\n                :validate-event=\"false\"\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 || disabled\"\n                :placeholder=\"t('el.datepicker.startTime')\"\n                :model-value=\"minVisibleTime\"\n                :validate-event=\"false\"\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=\"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 || disabled\"\n                :placeholder=\"t('el.datepicker.endDate')\"\n                :model-value=\"maxVisibleDate\"\n                :readonly=\"!minDate\"\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 || disabled\"\n                :placeholder=\"t('el.datepicker.endTime')\"\n                :model-value=\"maxVisibleTime\"\n                :readonly=\"!minDate\"\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=\"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=\"disabled\"\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=\"disabled\"\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 || disabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableYearArrow || disabled),\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 || disabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableMonthArrow || disabled),\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=\"0\"\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=\"0\"\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=\"disabled\"\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=\"disabled\"\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=\"disabled\"\n            @pick=\"handleLeftMonthPick\"\n          />\n        </div>\n        <div :class=\"[ppNs.e('content'), drpNs.e('content')]\" class=\"is-right\">\n          <div\n            :class=\"[\n              drpNs.e('header'),\n              ppNs.is('disabled', !enableYearArrow || disabled),\n            ]\"\n          >\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow || disabled\"\n              :class=\"ppNs.e('icon-btn')\"\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 || disabled\"\n              :class=\"ppNs.e('icon-btn')\"\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=\"disabled\"\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=\"disabled\"\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=\"0\"\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=\"0\"\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=\"disabled\"\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=\"disabled\"\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=\"disabled\"\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=\"handleClear\"\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 { isArray } from '@element-plus/utils'\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'\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])\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))\nlet shouldBeVisible = true\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 btnDisabled = computed(() => {\n  return !(\n    minDate.value &&\n    maxDate.value &&\n    !rangeState.value.selecting &&\n    isValidRange([minDate.value, maxDate.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  shouldBeVisible = close\n}\n\nwatch([maxDate, minDate], ([max, min]) => {\n  if (max && min) {\n    handleRangeConfirm(shouldBeVisible)\n    shouldBeVisible = true\n  }\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  }\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    } 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}\n\nconst handleMinTimePick = (value: Dayjs, visible: boolean, first: boolean) => {\n  if (timeUserInput.value.min) return\n  if (value) {\n    leftDate.value = 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}\n\nconst handleMaxTimePick = (\n  value: Dayjs | null,\n  visible: boolean,\n  first: boolean\n) => {\n  if (timeUserInput.value.max) return\n  if (value) {\n    rightDate.value = 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}\n\nconst handleClear = () => {\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  emit('pick', null)\n}\n\nconst formatToString = (value: Dayjs | Dayjs[]) => {\n  return isArray(value)\n    ? value.map((_) => _.format(format.value))\n    : value.format(format.value)\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 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', ['formatToString', formatToString])\nemit('set-picker-option', ['handleClear', handleClear])\n</script>\n"],"names":["_openBlock","_createElementBlock","_normalizeClass","_unref","minDate","_createElementVNode","maxDate","_renderSlot"],"mappings":"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"}

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

@@ -41,13 +41,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       handleRangeConfirm,
       handleShortcutClick,
       onSelect,
-      onReset
+      parseValue
     } = useRangePicker(props, {
       defaultValue,
       leftDate,
       rightDate,
       unit,
-      onParsedValueChanged
+      sortDates
     });
     const hasShortcuts = computed(() => !!shortcuts.length);
     const {
@@ -95,7 +95,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const parseUserInput = (value) => {
       return correctlyParseUserInput(value, format.value, lang.value, isDefaultFormat);
     };
-    function onParsedValueChanged(minDate2, maxDate2) {
+    function sortDates(minDate2, maxDate2) {
       if (props.unlinkPanels && maxDate2) {
         const minDateYear = (minDate2 == null ? void 0 : minDate2.year()) || 0;
         const maxDateYear = maxDate2.year();
@@ -106,7 +106,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     watch(() => props.visible, (visible) => {
       if (!visible && rangeState.value.selecting) {
-        onReset(props.parsedValue);
+        parseValue(props.parsedValue);
         onSelect(false);
       }
     });

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

@@ -1 +1 @@
-{"version":3,"file":"panel-month-range.mjs","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', disabled),\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=\"disabled\"\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=\"disabled\"\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 || disabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                { [ppNs.is('disabled')]: !enableYearArrow },\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=\"disabled\"\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 || disabled\"\n              :class=\"[ppNs.e('icon-btn'), { 'is-disabled': !enableYearArrow }]\"\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=\"disabled\"\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=\"disabled\"\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 { isArray } from '@element-plus/utils'\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'\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  onReset,\n} = useRangePicker(props, {\n  defaultValue,\n  leftDate,\n  rightDate,\n  unit,\n  onParsedValueChanged,\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  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', null)\n}\n\nconst formatToString = (value: Dayjs | Dayjs[]) => {\n  return isArray(value)\n    ? value.map((_) => _.format(format.value))\n    : value.format(format.value)\n}\n\nconst parseUserInput = (value: Dayjs | Dayjs[]) => {\n  return correctlyParseUserInput(\n    value,\n    format.value,\n    lang.value,\n    isDefaultFormat\n  )\n}\n\nfunction onParsedValueChanged(\n  minDate: Dayjs | undefined,\n  maxDate: Dayjs | undefined\n) {\n  if (props.unlinkPanels && maxDate) {\n    const minDateYear = minDate?.year() || 0\n    const maxDateYear = maxDate.year()\n    rightDate.value =\n      minDateYear === maxDateYear ? maxDate.add(1, unit) : maxDate\n  } else {\n    rightDate.value = leftDate.value.add(1, unit)\n  }\n}\n\nwatch(\n  () => props.visible,\n  (visible) => {\n    if (!visible && rangeState.value.selecting) {\n      onReset(props.parsedValue)\n      onSelect(false)\n    }\n  }\n)\n\nemit('set-picker-option', ['isValidValue', isValidRange])\nemit('set-picker-option', ['formatToString', formatToString])\nemit('set-picker-option', ['parseUserInput', parseUserInput])\nemit('set-picker-option', ['handleClear', handleClear])\n</script>\n"],"names":["_openBlock","_createElementBlock","_normalizeClass","_unref"],"mappings":";;;;;;;;;;;;;;;;mCA6Ic,CAAA;AAAA,EACZ,IAAM,EAAA,sBAAA;AACR;;;;;;;AAMA,IAAM,MAAA,EAAE,IAAK,EAAA,GAAI,SAAU,EAAA,CAAA;AAC3B,IAAM,MAAA,UAAA,GAAa,OAAO,yBAAyB,CAAA,CAAA;AACnD,IAAA,MAAM,eAAkB,GAAA,MAAA,CAAA,2CAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAAA,IACtB,MAAA,EAAA,SAAA,EAAA,YAAA,EAAA,aAAA,EAAA,GAAA,UAAA,CAAA,KAAA,CAAA;AAAA,IACA,MAAA,MAAA,GAAA,KAAA,CAAA,UAAA,CAAA,KAAA,EAAA,QAAA,CAAA,CAAA;AAAA,IACF,MAAA,YAAA,GAAA,KAAA,CAAA,UAAA,CAAA,KAAA,EAAA,cAAA,CAAA,CAAA;AACA,IAAA,MAAM,QAAE,GAAA,GAAyB,CAAA,KAAA,EAAA,CAAA,MAAA,CAAA,IAAA,CAAA,KAAA,CAAc;AAC/C,IAAA,MAAM,SAAS,GAAA,GAAM,CAAW,KAAA,EAAA,CAAA,MAAA,CAAA,IAAe,CAAA,KAAA,CAAA,CAAA,GAAA,CAAA,CAAA,EAAA,IAAA,CAAA,CAAA,CAAA;AAC/C,IAAA,MAAM;AACN,MAAA;AACA,MAAM,OAAA;AAEN,MAAM,UAAA;AAAA,MACJ,IAAA;AAAA,MACA,KAAA;AAAA,MACA,iBAAA;AAAA,MACA,kBAAA;AAAA,MACA,mBAAA;AAAA,MAEA,QAAA;AAAA,MACA,OAAA;AAAA,KACA,GAAA,cAAA,CAAA,KAAA,EAAA;AAAA,MACA,YAAA;AAAA,MACA,QAAA;AAAA,MACF;AAA0B,MACxB,IAAA;AAAA,MACA,oBAAA;AAAA,KACA,CAAA,CAAA;AAAA,IACA,MAAA,YAAA,GAAA,QAAA,CAAA,MAAA,CAAA,CAAA,SAAA,CAAA,MAAA,CAAA,CAAA;AAAA,IACA,MAAA;AAAA,MACD,YAAA;AAED,MAAA;AAEA,MAAM,YAAA;AAAA,MACJ,aAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA;AAAA,KACA,GAAA,mBAAA,CAAA;AAAA,MACA,YAAA,EAAA,KAAA,CAAA,KAAA,EAAA,cAAA,CAAA;AAAA,MACA,QAAA;AAAA,eACsB;AAAA,KACtB,CAAA,CAAA;AAAyC,IACzC,MAAA,eAAA,GAAA,QAAA,CAAA,MAAA;AAAA,MACA,OAAA,KAAA,CAAA,YAAA,IAAA,SAAA,CAAA,KAAA,GAAA,QAAA,CAAA,KAAA,GAAA,CAAA,CAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAM,MAAA,eAAA,GAAkB,WAAe,GAAA,IAAA,KAAA;AACrC,MAAA,MAAA,QAAa,GAAA,GAAA,CAAA,OAAA,CAAgB;AAAmC,MACjE,MAAA,QAAA,GAAA,GAAA,CAAA,OAAA,CAAA;AAOD,MAAA,IAAM,OAAkB,CAAA,KAAA,KAAA,QAAsB,IAAA,OAAiB,CAAA,KAAA,KAAA,QAAA,EAAA;AAK7D,QAAA;AACA,OAAA;AACA,MAAA,IAAI,CAAQ,iBAAU,EAAY,CAAA,QAAA,CAAA,MAAA,EAAQ,UAAU,IAAU,QAAA,CAAA,MAAA,EAAA,CAAA,CAAA,CAAA;AAC5D,MAAA,OAAA,CAAA,KAAA,GAAA,QAAA,CAAA;AAAA,MACF,OAAA,CAAA,KAAA,GAAA,QAAA,CAAA;AACA,MAAK,IAAA,CAAA,KAAA;AACL,QAAA,OAAgB;AAChB,MAAA,kBAAgB,EAAA,CAAA;AAEhB,KAAA,CAAA;AACA,IAAmB,MAAA,WAAA,GAAA,MAAA;AAAA,MACrB,QAAA,CAAA,KAAA,GAAA,eAAA,CAAA,KAAA,CAAA,YAAA,CAAA,EAAA;AAEA,QAAA,gBAAoB,CAAM;AACxB,QAAA,IAAA,EAAA,MAAiB;AAAqC,QACpD,YAAY,EAAI,KAAA,CAAA,YAAA;AAAA,OAAA,CAChB,CAAM,CAAA,CAAA,CAAA;AAAA,MAAA,kBACc,QAAA,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,EAAA,MAAA,CAAA,CAAA;AAAA,MACtB,IAAI,CAAA,MAAA,EAAA,IAAA,CAAA,CAAA;AACJ,KAAA,CAAA;AACA,IAAA,MAAA,cAAiB,GAAA,CAAA,KAAA,KAAA;AAAA,MACnB,OAAA,OAAA,CAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,MAAA,CAAA,MAAA,CAAA,KAAA,CAAA,CAAA,GAAA,KAAA,CAAA,MAAA,CAAA,MAAA,CAAA,KAAA,CAAA,CAAA;AAEA,KAAM,CAAA;AACJ,IAAA,MAAA,cAAoB,GAAA,CAAA,KACV,KAAA;AACmB,MAC/B,OAAA,uBAAA,CAAA,KAAA,EAAA,MAAA,CAAA,KAAA,EAAA,IAAA,CAAA,KAAA,EAAA,eAAA,CAAA,CAAA;AAEA,KAAM,CAAA;AACJ,IAAO,SAAA,oBAAA,CAAA,QAAA,EAAA,QAAA,EAAA;AAAA,MACL,IAAA,KAAA,CAAA,YAAA,IAAA,QAAA,EAAA;AAAA,QACA,MAAO,WAAA,GAAA,CAAA,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,IAAA,EAAA,KAAA,CAAA,CAAA;AAAA,QACP,MAAK,WAAA,GAAA,QAAA,CAAA,IAAA,EAAA,CAAA;AAAA,QACL,SAAA,CAAA,KAAA,GAAA,WAAA,KAAA,WAAA,GAAA,QAAA,CAAA,GAAA,CAAA,CAAA,EAAA,IAAA,CAAA,GAAA,QAAA,CAAA;AAAA,OACF,MAAA;AAAA,QACF,SAAA,CAAA,KAAA,GAAA,QAAA,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,EAAA,IAAA,CAAA,CAAA;AAEA,OAAS;AAIP,KAAI;AACF,IAAM,KAAA,CAAA,MAAA,KAAA,CAAA,OAAuB,EAAA,CAAA,OAAA,KAAU;AACvC,MAAM,IAAA,CAAA,OAAA,IAAA,gBAA2B,CAAA,SAAA,EAAA;AACjC,QAAA,OAAA,CAAA,iBACkB,CAAA,CAAA;AAAqC,QAClD,QAAA,CAAA,KAAA,CAAA,CAAA;AACL,OAAA;AAA4C,KAC9C,CAAA,CAAA;AAAA,IACF,IAAA,CAAA,mBAAA,EAAA,CAAA,cAAA,EAAA,YAAA,CAAA,CAAA,CAAA;AAEA,IAAA,IAAA,CAAA,mBAAA,EAAA,CAAA,gBAAA,EAAA,cAAA,CAAA,CAAA,CAAA;AAAA,IAAA,wBACc,EAAA,CAAA,gBAAA,EAAA,cAAA,CAAA,CAAA,CAAA;AAAA,IAAA,IACC,CAAA,mBAAA,EAAA,CAAA,aAAA,EAAA,WAAA,CAAA,CAAA,CAAA;AACX,IAAA,OAAA,CAAI,IAAC,EAAA,MAAW,KAAW;AACzB,MAAA,OAAAA,WAAyB,EAAAC,kBAAA,CAAA,KAAA,EAAA;AACzB,QAAA,KAAA,EAAAC,cAAc,CAAA;AAAA,UAChBC,KAAA,CAAA,IAAA,CAAA,CAAA,CAAA,EAAA;AAAA,UACFA,KAAA,CAAA,KAAA,CAAA,CAAA,CAAA,EAAA;AAAA,UACFA,KAAA,CAAA,IAAA,CAAA,CAAA,EAAA,CAAA,QAAA,EAAA,IAAA,CAAA,MAAA,CAAA;AAEA,UAA0BA,KAAA,CAAA,IAAA,CAAA,CAAA,EAAA,CAAA,UAAiB,EAAA,IAAA,CAAA,QAAA,CAAA;AAC3C,UAA0B;AAC1B,YAA0B,aAAA,EAAA,OAAmB,CAAA,IAAA,CAAA,MAAA,CAAA,OAAA,CAAA,IAAAA,KAAe,CAAA,YAAA,CAAA;AAC5D,WAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"panel-month-range.mjs","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', disabled),\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=\"disabled\"\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=\"disabled\"\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 || disabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                { [ppNs.is('disabled')]: !enableYearArrow },\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=\"disabled\"\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 || disabled\"\n              :class=\"[ppNs.e('icon-btn'), { 'is-disabled': !enableYearArrow }]\"\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=\"disabled\"\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=\"disabled\"\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 { isArray } from '@element-plus/utils'\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'\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  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', null)\n}\n\nconst formatToString = (value: Dayjs | Dayjs[]) => {\n  return isArray(value)\n    ? value.map((_) => _.format(format.value))\n    : value.format(format.value)\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\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', ['formatToString', formatToString])\nemit('set-picker-option', ['parseUserInput', parseUserInput])\nemit('set-picker-option', ['handleClear', handleClear])\n</script>\n"],"names":["_openBlock","_createElementBlock","_normalizeClass","_unref"],"mappings":"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"}

package/es/components/date-picker-panel/src/date-picker-com/panel-year-range.mjs

@@ -42,14 +42,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       handleRangeConfirm,
       handleShortcutClick,
       onSelect,
-      onReset
+      parseValue
     } = useRangePicker(props, {
       defaultValue,
       leftDate,
       rightDate,
       step,
       unit,
-      onParsedValueChanged
+      sortDates
     });
     const {
       leftPrevYear,
@@ -133,7 +133,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       rightDate.value = defaultArr[1];
       emit("pick", null);
     };
-    function onParsedValueChanged(minDate2, maxDate2) {
+    function sortDates(minDate2, maxDate2) {
       if (props.unlinkPanels && maxDate2) {
         const minDateYear = (minDate2 == null ? void 0 : minDate2.year()) || 0;
         const maxDateYear = maxDate2.year();
@@ -144,7 +144,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     watch(() => props.visible, (visible) => {
       if (!visible && rangeState.value.selecting) {
-        onReset(props.parsedValue);
+        parseValue(props.parsedValue);
         onSelect(false);
       }
     });

package/es/components/date-picker-panel/src/date-picker-com/panel-year-range.mjs.map

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

package/es/components/descriptions/index.mjs

@@ -1,7 +1,7 @@
-import Descriptions from './src/description.mjs';
+import Descriptions from './src/description2.mjs';
 import DescriptionItem from './src/description-item.mjs';
 export { descriptionItemProps } from './src/description-item.mjs';
-export { descriptionProps } from './src/description2.mjs';
+export { descriptionProps } from './src/description.mjs';
 import { withInstall, withNoopInstall } from '../../utils/vue/install.mjs';
 
 const ElDescriptions = withInstall(Descriptions, {

package/es/components/descriptions/src/description.mjs

@@ -1,132 +1,31 @@
-import { defineComponent, useSlots, provide, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, renderSlot, createTextVNode, toDisplayString, createCommentVNode, Fragment, renderList, createBlock } from 'vue';
-import ElDescriptionsRow from './descriptions-row2.mjs';
-import { descriptionsKey } from './token.mjs';
-import { descriptionProps } from './description2.mjs';
-import { COMPONENT_NAME } from './constants.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
-import { useFormSize } from '../../form/src/hooks/use-form-common-props.mjs';
-import { flattedChildren } from '../../../utils/vue/vnode.mjs';
+import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { useSizeProp } from '../../../hooks/use-size/index.mjs';
 
-const __default__ = defineComponent({
-  name: "ElDescriptions"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: descriptionProps,
-  setup(__props) {
-    const props = __props;
-    const ns = useNamespace("descriptions");
-    const descriptionsSize = useFormSize();
-    const slots = useSlots();
-    provide(descriptionsKey, props);
-    const descriptionKls = computed(() => [ns.b(), ns.m(descriptionsSize.value)]);
-    const filledNode = (node, span, count, isLast = false) => {
-      if (!node.props) {
-        node.props = {};
-      }
-      if (span > count) {
-        node.props.span = count;
-      }
-      if (isLast) {
-        node.props.span = span;
-      }
-      return node;
-    };
-    const getRows = () => {
-      if (!slots.default)
-        return [];
-      const children = flattedChildren(slots.default()).filter((node) => {
-        var _a;
-        return ((_a = node == null ? void 0 : node.type) == null ? void 0 : _a.name) === COMPONENT_NAME;
-      });
-      const rows = [];
-      let temp = [];
-      let count = props.column;
-      let totalSpan = 0;
-      const rowspanTemp = [];
-      children.forEach((node, index) => {
-        var _a, _b, _c;
-        const span = ((_a = node.props) == null ? void 0 : _a.span) || 1;
-        const rowspan = ((_b = node.props) == null ? void 0 : _b.rowspan) || 1;
-        const rowNo = rows.length;
-        rowspanTemp[rowNo] || (rowspanTemp[rowNo] = 0);
-        if (rowspan > 1) {
-          for (let i = 1; i < rowspan; i++) {
-            rowspanTemp[_c = rowNo + i] || (rowspanTemp[_c] = 0);
-            rowspanTemp[rowNo + i]++;
-            totalSpan++;
-          }
-        }
-        if (rowspanTemp[rowNo] > 0) {
-          count -= rowspanTemp[rowNo];
-          rowspanTemp[rowNo] = 0;
-        }
-        if (index < children.length - 1) {
-          totalSpan += span > count ? count : span;
-        }
-        if (index === children.length - 1) {
-          const lastSpan = props.column - totalSpan % props.column;
-          temp.push(filledNode(node, lastSpan, count, true));
-          rows.push(temp);
-          return;
-        }
-        if (span < count) {
-          count -= span;
-          temp.push(node);
-        } else {
-          temp.push(filledNode(node, span, count));
-          rows.push(temp);
-          count = props.column;
-          temp = [];
-        }
-      });
-      return rows;
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(descriptionKls))
-      }, [
-        _ctx.title || _ctx.extra || _ctx.$slots.title || _ctx.$slots.extra ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: normalizeClass(unref(ns).e("header"))
-        }, [
-          createElementVNode("div", {
-            class: normalizeClass(unref(ns).e("title"))
-          }, [
-            renderSlot(_ctx.$slots, "title", {}, () => [
-              createTextVNode(toDisplayString(_ctx.title), 1)
-            ])
-          ], 2),
-          createElementVNode("div", {
-            class: normalizeClass(unref(ns).e("extra"))
-          }, [
-            renderSlot(_ctx.$slots, "extra", {}, () => [
-              createTextVNode(toDisplayString(_ctx.extra), 1)
-            ])
-          ], 2)
-        ], 2)) : createCommentVNode("v-if", true),
-        createElementVNode("div", {
-          class: normalizeClass(unref(ns).e("body"))
-        }, [
-          createElementVNode("table", {
-            class: normalizeClass([unref(ns).e("table"), unref(ns).is("bordered", _ctx.border)])
-          }, [
-            createElementVNode("tbody", null, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(getRows(), (row, _index) => {
-                return openBlock(), createBlock(ElDescriptionsRow, {
-                  key: _index,
-                  row
-                }, null, 8, ["row"]);
-              }), 128))
-            ])
-          ], 2)
-        ], 2)
-      ], 2);
-    };
+const descriptionProps = buildProps({
+  border: Boolean,
+  column: {
+    type: Number,
+    default: 3
+  },
+  direction: {
+    type: String,
+    values: ["horizontal", "vertical"],
+    default: "horizontal"
+  },
+  size: useSizeProp,
+  title: {
+    type: String,
+    default: ""
+  },
+  extra: {
+    type: String,
+    default: ""
+  },
+  labelWidth: {
+    type: [String, Number],
+    default: ""
   }
 });
-var Descriptions = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "description.vue"]]);
 
-export { Descriptions as default };
+export { descriptionProps };
 //# sourceMappingURL=description.mjs.map