@element-plus/nightly 0.0.20260811 → 0.0.20260813

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

@@ -1 +1 @@
-{"version":3,"file":"panel-date-pick.vue_vue_type_script_setup_true_lang.js","names":["border","$slots","editable","disabled","parsedValue","showWeekNumber","showFooter","showNow","showConfirm"],"sources":["../../../../../../../packages/components/date-picker-panel/src/date-picker-com/panel-date-pick.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      ppNs.b(),\n      dpNs.b(),\n      ppNs.is('border', border),\n      ppNs.is('disabled', dateDisabled),\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=\"dateDisabled\"\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=\"dpNs.e('time-header')\">\n          <span :class=\"dpNs.e('editor-wrap')\">\n            <el-input\n              :placeholder=\"t('el.datepicker.selectDate')\"\n              :model-value=\"visibleDate\"\n              size=\"small\"\n              :validate-event=\"false\"\n              :disabled=\"dateDisabled\"\n              :readonly=\"!editable\"\n              @input=\"(val) => (userInputDate = val)\"\n              @change=\"handleVisibleDateChange\"\n            />\n          </span>\n          <span\n            v-click-outside=\"handleTimePickClose\"\n            :class=\"dpNs.e('editor-wrap')\"\n          >\n            <el-input\n              :placeholder=\"t('el.datepicker.selectTime')\"\n              :model-value=\"visibleTime\"\n              size=\"small\"\n              :validate-event=\"false\"\n              :disabled=\"dateDisabled\"\n              :readonly=\"!editable\"\n              @focus=\"onTimePickerInputFocus\"\n              @input=\"(val) => (userInputTime = val)\"\n              @change=\"handleVisibleTimeChange\"\n            />\n            <time-pick-panel\n              :visible=\"timePickerVisible\"\n              :format=\"timeFormat\"\n              :parsed-value=\"innerDate\"\n              @pick=\"handleTimePick\"\n            />\n          </span>\n        </div>\n        <div\n          v-show=\"currentView !== 'time'\"\n          :class=\"[\n            dpNs.e('header'),\n            (currentView === 'year' ||\n              currentView === 'month' ||\n              currentView === 'quarter') &&\n              dpNs.em('header', 'bordered'),\n          ]\"\n        >\n          <span :class=\"dpNs.e('prev-btn')\">\n            <button\n              type=\"button\"\n              :aria-label=\"t(`el.datepicker.prevYear`)\"\n              class=\"d-arrow-left\"\n              :class=\"ppNs.e('icon-btn')\"\n              :disabled=\"dateDisabled\"\n              @click=\"moveByYear(false)\"\n            >\n              <slot name=\"prev-year\">\n                <el-icon><d-arrow-left /></el-icon>\n              </slot>\n            </button>\n            <button\n              v-show=\"currentView === 'date'\"\n              type=\"button\"\n              :aria-label=\"t(`el.datepicker.prevMonth`)\"\n              :class=\"ppNs.e('icon-btn')\"\n              class=\"arrow-left\"\n              :disabled=\"dateDisabled\"\n              @click=\"moveByMonth(false)\"\n            >\n              <slot name=\"prev-month\">\n                <el-icon><arrow-left /></el-icon>\n              </slot>\n            </button>\n          </span>\n          <span\n            role=\"button\"\n            :class=\"dpNs.e('header-label')\"\n            aria-live=\"polite\"\n            :tabindex=\"disabled ? undefined : 0\"\n            :aria-disabled=\"disabled\"\n            @keydown.enter=\"showPicker('year')\"\n            @click=\"showPicker('year')\"\n            >{{ yearLabel }}</span\n          >\n          <span\n            v-show=\"currentView === 'date'\"\n            role=\"button\"\n            aria-live=\"polite\"\n            :tabindex=\"disabled ? undefined : 0\"\n            :aria-disabled=\"disabled\"\n            :class=\"[\n              dpNs.e('header-label'),\n              { active: currentView === 'month' },\n            ]\"\n            @keydown.enter=\"showPicker('month')\"\n            @click=\"showPicker('month')\"\n            >{{ t(`el.datepicker.month${month + 1}`) }}</span\n          >\n          <span :class=\"dpNs.e('next-btn')\">\n            <button\n              v-show=\"currentView === 'date'\"\n              type=\"button\"\n              :aria-label=\"t(`el.datepicker.nextMonth`)\"\n              :class=\"ppNs.e('icon-btn')\"\n              class=\"arrow-right\"\n              :disabled=\"dateDisabled\"\n              @click=\"moveByMonth(true)\"\n            >\n              <slot name=\"next-month\">\n                <el-icon><arrow-right /></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              class=\"d-arrow-right\"\n              :disabled=\"dateDisabled\"\n              @click=\"moveByYear(true)\"\n            >\n              <slot name=\"next-year\">\n                <el-icon><d-arrow-right /></el-icon>\n              </slot>\n            </button>\n          </span>\n        </div>\n        <div :class=\"ppNs.e('content')\" @keydown=\"handleKeydownTable\">\n          <date-table\n            v-if=\"currentView === 'date'\"\n            ref=\"currentViewRef\"\n            :selection-mode=\"selectionMode\"\n            :date=\"innerDate\"\n            :parsed-value=\"parsedValue\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"dateDisabled\"\n            :cell-class-name=\"cellClassName\"\n            :show-week-number=\"showWeekNumber\"\n            @pick=\"handleDatePick\"\n          />\n          <year-table\n            v-if=\"currentView === 'year'\"\n            ref=\"currentViewRef\"\n            :selection-mode=\"selectionMode\"\n            :date=\"innerDate\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"dateDisabled\"\n            :parsed-value=\"parsedValue\"\n            :cell-class-name=\"cellClassName\"\n            @pick=\"handleYearPick\"\n          />\n          <month-table\n            v-if=\"currentView === 'month'\"\n            ref=\"currentViewRef\"\n            :selection-mode=\"selectionMode\"\n            :date=\"innerDate\"\n            :parsed-value=\"parsedValue\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"dateDisabled\"\n            :cell-class-name=\"cellClassName\"\n            @pick=\"handleMonthPick\"\n          />\n          <quarter-table\n            v-if=\"currentView === 'quarter'\"\n            ref=\"currentViewRef\"\n            :selection-mode=\"selectionMode\"\n            :date=\"innerDate\"\n            :parsed-value=\"parsedValue\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"dateDisabled\"\n            :cell-class-name=\"cellClassName\"\n            @pick=\"handleQuarterPick\"\n          />\n        </div>\n      </div>\n    </div>\n    <div\n      v-if=\"showFooter && footerVisible && footerFilled\"\n      :class=\"ppNs.e('footer')\"\n    >\n      <el-button\n        v-show=\"!isMultipleType && showNow\"\n        text\n        size=\"small\"\n        :class=\"ppNs.e('link-btn')\"\n        :disabled=\"disabledNow\"\n        @click=\"changeToNow\"\n      >\n        {{ t('el.datepicker.now') }}\n      </el-button>\n      <el-button\n        v-if=\"showConfirm\"\n        plain\n        size=\"small\"\n        :class=\"ppNs.e('link-btn')\"\n        :disabled=\"disabledConfirm\"\n        @click=\"onConfirm\"\n      >\n        {{ t('el.datepicker.confirm') }}\n      </el-button>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  inject,\n  nextTick,\n  ref,\n  toRef,\n  useAttrs,\n  useSlots,\n  watch,\n} from 'vue'\nimport dayjs from 'dayjs'\nimport ElButton from '@element-plus/components/button'\nimport { ClickOutside as vClickOutside } from '@element-plus/directives'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\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  extractFirst,\n  getEventCode,\n  isArray,\n  isFunction,\n} from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport {\n  ArrowLeft,\n  ArrowRight,\n  DArrowLeft,\n  DArrowRight,\n} from '@element-plus/icons-vue'\nimport { panelDatePickProps } from '../props/panel-date-pick'\nimport {\n  correctlyParseUserInput,\n  getValidDateOfMonth,\n  getValidDateOfQuarter,\n  getValidDateOfYear,\n  isQuarterFullyDisabled,\n  isSelectableQuarterDate,\n  normalizeQuarterDate,\n} from '../utils'\nimport DateTable from './basic-date-table.vue'\nimport MonthTable from './basic-month-table.vue'\nimport QuarterTable from './basic-quarter-table.vue'\nimport YearTable from './basic-year-table.vue'\nimport { useFormDisabled } from '@element-plus/components/form'\n\nimport type { SetupContext } from 'vue'\nimport type { ConfigType, Dayjs } from 'dayjs'\nimport type { PanelDatePickProps } from '../props/panel-date-pick'\nimport type {\n  DateTableEmits,\n  DatesPickerEmits,\n  MonthsPickerEmits,\n  QuartersPickerEmits,\n  WeekPickerEmits,\n  YearsPickerEmits,\n} from '../props/basic-date-table'\n\ntype DatePickType = PanelDatePickProps['type']\n// todo\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst timeWithinRange = (_: ConfigType, __: any, ___: string) => true\nconst props = defineProps(panelDatePickProps)\nconst contextEmit = defineEmits(['pick', 'set-picker-option', 'panel-change'])\nconst ppNs = useNamespace('picker-panel')\nconst dpNs = useNamespace('date-picker')\nconst attrs = useAttrs()\nconst slots = useSlots()\n\nconst { t, lang } = useLocale()\nconst pickerBase = inject(PICKER_BASE_INJECTION_KEY) as any\nconst { shortcuts, disabledDate, cellClassName, defaultTime } = pickerBase.props\nconst defaultValue = toRef(pickerBase.props, 'defaultValue')\n\nconst currentViewRef = ref<{ focus: () => void }>()\n\nconst innerDate = ref(dayjs().locale(lang.value))\n\nconst isChangeToNow = ref(false)\n\nlet isShortcut = false\n\nconst defaultTimeD = computed(() => {\n  return dayjs(defaultTime).locale(lang.value)\n})\n\nconst month = computed(() => {\n  return innerDate.value.month()\n})\n\nconst year = computed(() => {\n  return innerDate.value.year()\n})\n\nconst selectableRange = ref([])\nconst userInputDate = ref<string | null>(null)\nconst userInputTime = ref<string | null>(null)\n// todo update to disableHour\nconst checkDateWithinRange = (date: ConfigType) => {\n  return selectableRange.value.length > 0\n    ? timeWithinRange(\n        date,\n        selectableRange.value,\n        props.format || DEFAULT_FORMATS_TIME\n      )\n    : true\n}\nconst formatEmit = (emitDayjs: Dayjs) => {\n  if (\n    defaultTime &&\n    !visibleTime.value &&\n    !isChangeToNow.value &&\n    !isShortcut\n  ) {\n    return defaultTimeD.value\n      .year(emitDayjs.year())\n      .month(emitDayjs.month())\n      .date(emitDayjs.date())\n  }\n  if (showTime.value) return emitDayjs.millisecond(0)\n  return emitDayjs.startOf('day')\n}\nconst emit = (value: Dayjs | Dayjs[], ...args: any[]) => {\n  if (!value) {\n    contextEmit('pick', value, ...args)\n  } else if (isArray(value)) {\n    const dates = value.map(formatEmit)\n    contextEmit('pick', dates, ...args)\n  } else {\n    contextEmit('pick', formatEmit(value), ...args)\n  }\n  userInputDate.value = null\n  userInputTime.value = null\n  isChangeToNow.value = false\n  isShortcut = false\n}\nconst handleDatePick = async (value: DateTableEmits, keepOpen?: boolean) => {\n  if (selectionMode.value === 'date' && dayjs.isDayjs(value)) {\n    const parsedDateValue = extractFirst(props.parsedValue)\n    let newDate = parsedDateValue\n      ? parsedDateValue\n          .year(value.year())\n          .month(value.month())\n          .date(value.date())\n      : value\n    // change default time while out of selectableRange\n    if (!checkDateWithinRange(newDate)) {\n      newDate = (selectableRange.value[0][0] as Dayjs)\n        .year(value.year())\n        .month(value.month())\n        .date(value.date())\n    }\n    innerDate.value = newDate\n    emit(newDate, showTime.value || keepOpen)\n  } else if (selectionMode.value === 'week') {\n    emit((value as WeekPickerEmits).date)\n  } else if (selectionMode.value === 'dates') {\n    emit(value as DatesPickerEmits, true) // set true to keep panel open\n  }\n}\n\nconst moveByMonth = (forward: boolean) => {\n  const action = forward ? 'add' : 'subtract'\n  innerDate.value = innerDate.value[action](1, 'month')\n  handlePanelChange('month')\n}\n\nconst moveByYear = (forward: boolean) => {\n  const currentDate = innerDate.value\n  const action = forward ? 'add' : 'subtract'\n\n  innerDate.value =\n    currentView.value === 'year'\n      ? currentDate[action](10, 'year')\n      : currentDate[action](1, 'year')\n\n  handlePanelChange('year')\n}\n\nconst currentView = ref('date')\n\nconst yearLabel = computed(() => {\n  const yearTranslation = t('el.datepicker.year')\n  if (currentView.value === 'year') {\n    const startYear = Math.floor(year.value / 10) * 10\n    if (yearTranslation) {\n      return `${startYear} ${yearTranslation} - ${\n        startYear + 9\n      } ${yearTranslation}`\n    }\n    return `${startYear} - ${startYear + 9}`\n  }\n  return `${year.value} ${yearTranslation}`\n})\n\ntype Shortcut = {\n  value: (() => Dayjs) | Dayjs\n  onClick?: (ctx: Omit<SetupContext, 'expose'>) => void\n}\n\nconst handleShortcutClick = (shortcut: Shortcut) => {\n  const shortcutValue = isFunction(shortcut.value)\n    ? shortcut.value()\n    : shortcut.value\n  if (shortcutValue) {\n    isShortcut = true\n    emit(dayjs(shortcutValue).locale(lang.value))\n    return\n  }\n  if (shortcut.onClick) {\n    shortcut.onClick({\n      attrs,\n      slots,\n      emit: contextEmit as SetupContext['emit'],\n    })\n  }\n}\n\nconst selectionMode = computed<DatePickType>(() => {\n  const { type } = props\n  if (\n    [\n      'week',\n      'month',\n      'months',\n      'year',\n      'years',\n      'dates',\n      'quarter',\n      'quarters',\n    ].includes(type)\n  )\n    return type\n  return 'date'\n})\n\nconst isMultipleType = computed(() => {\n  return (\n    selectionMode.value === 'dates' ||\n    selectionMode.value === 'months' ||\n    selectionMode.value === 'years' ||\n    selectionMode.value === 'quarters'\n  )\n})\n\nconst keyboardMode = computed<string>(() => {\n  return selectionMode.value === 'date'\n    ? currentView.value\n    : selectionMode.value\n})\n\nconst hasShortcuts = computed(() => !!shortcuts.length)\n\nconst handleMonthPick = async (\n  month: number | MonthsPickerEmits,\n  keepOpen?: boolean\n) => {\n  if (selectionMode.value === 'month') {\n    innerDate.value = getValidDateOfMonth(\n      innerDate.value,\n      innerDate.value.year(),\n      month as number,\n      lang.value,\n      disabledDate\n    )\n    emit(innerDate.value, false)\n  } else if (selectionMode.value === 'months') {\n    emit(month as MonthsPickerEmits, keepOpen ?? true)\n  } else {\n    innerDate.value = getValidDateOfMonth(\n      innerDate.value,\n      innerDate.value.year(),\n      month as number,\n      lang.value,\n      disabledDate\n    )\n    currentView.value = 'date'\n    if (['month', 'year', 'date', 'week'].includes(selectionMode.value)) {\n      emit(innerDate.value, true)\n      await nextTick()\n      handleFocusPicker()\n    }\n  }\n  handlePanelChange('month')\n}\n\nconst handleQuarterPick = async (\n  quarter: number | QuartersPickerEmits,\n  keepOpen?: boolean\n) => {\n  if (selectionMode.value === 'quarter') {\n    innerDate.value = getValidDateOfQuarter(\n      innerDate.value,\n      innerDate.value.year(),\n      quarter as number,\n      lang.value,\n      disabledDate\n    )\n    emit(innerDate.value, false)\n  } else if (selectionMode.value === 'quarters') {\n    emit(quarter as QuartersPickerEmits, keepOpen ?? true)\n  }\n}\n\nconst handleYearPick = async (\n  year: number | YearsPickerEmits,\n  keepOpen?: boolean\n) => {\n  if (selectionMode.value === 'year') {\n    const data = innerDate.value.startOf('year').year(year as number)\n    innerDate.value = getValidDateOfYear(data, lang.value, disabledDate)\n    emit(innerDate.value, false)\n  } else if (selectionMode.value === 'years') {\n    emit(year as YearsPickerEmits, keepOpen ?? true)\n  } else {\n    const data = innerDate.value.year(year as number)\n    innerDate.value = getValidDateOfYear(data, lang.value, disabledDate)\n    currentView.value = ['quarter', 'quarters'].includes(selectionMode.value)\n      ? 'quarter'\n      : 'month'\n    if (\n      ['month', 'year', 'date', 'week', 'quarter'].includes(selectionMode.value)\n    ) {\n      emit(innerDate.value, true)\n      await nextTick()\n      handleFocusPicker()\n    }\n  }\n  handlePanelChange('year')\n}\n\nconst dateDisabled = useFormDisabled()\n\nconst showPicker = async (view: 'month' | 'year') => {\n  if (dateDisabled.value) return\n  currentView.value = view\n  await nextTick()\n  handleFocusPicker()\n}\n\nconst showTime = computed(\n  () => props.type === 'datetime' || props.type === 'datetimerange'\n)\n\nconst footerVisible = computed(() => {\n  const showDateFooter = showTime.value || selectionMode.value === 'dates'\n  const showYearFooter = selectionMode.value === 'years'\n  const showMonthFooter = selectionMode.value === 'months'\n  const showQuarterFooter = selectionMode.value === 'quarters'\n  const isDateView = currentView.value === 'date'\n  const isYearView = currentView.value === 'year'\n  const isMonthView = currentView.value === 'month'\n  const isQuarterView = currentView.value === 'quarter'\n  return (\n    (showDateFooter && isDateView) ||\n    (showYearFooter && isYearView) ||\n    (showMonthFooter && isMonthView) ||\n    (showQuarterFooter && isQuarterView)\n  )\n})\n\nconst footerFilled = computed(\n  () => (!isMultipleType.value && props.showNow) || props.showConfirm\n)\n\nconst disabledConfirm = computed(() => {\n  if (!disabledDate) return false\n  if (!props.parsedValue) return true\n  if (isArray(props.parsedValue)) {\n    if (!props.parsedValue.length) return true\n\n    if (selectionMode.value === 'quarters') {\n      return props.parsedValue.some((date) =>\n        isQuarterFullyDisabled(date, lang.value, disabledDate)\n      )\n    }\n\n    return disabledDate(props.parsedValue[0].toDate())\n  }\n  return disabledDate(props.parsedValue.toDate())\n})\nconst onConfirm = () => {\n  if (isMultipleType.value) {\n    emit(props.parsedValue as Dayjs[])\n  } else {\n    // deal with the scenario where: user opens the date time picker, then confirm without doing anything\n    let result = extractFirst(props.parsedValue)\n    if (!result) {\n      const defaultTimeD = dayjs(defaultTime).locale(lang.value)\n      const defaultValueD = getDefaultValue()\n      result = defaultTimeD\n        .year(defaultValueD.year())\n        .month(defaultValueD.month())\n        .date(defaultValueD.date())\n    }\n    innerDate.value = result\n    emit(result)\n  }\n}\n\nconst disabledNow = computed(() => {\n  if (!disabledDate) return false\n  return disabledDate(dayjs().locale(lang.value).toDate())\n})\nconst changeToNow = () => {\n  // NOTE: not a permanent solution\n  //       consider disable \"now\" button in the future\n  const now = dayjs().locale(lang.value)\n  const nowDate = now.toDate()\n  isChangeToNow.value = true\n  if (\n    (!disabledDate || !disabledDate(nowDate)) &&\n    checkDateWithinRange(nowDate)\n  ) {\n    innerDate.value = dayjs().locale(lang.value)\n    emit(innerDate.value)\n  }\n}\n\nconst timeFormat = computed(() => {\n  return (\n    props.timeFormat || extractTimeFormat(props.format) || DEFAULT_FORMATS_TIME\n  )\n})\n\nconst dateFormat = computed(() => {\n  return (\n    props.dateFormat || extractDateFormat(props.format) || DEFAULT_FORMATS_DATE\n  )\n})\n\nconst visibleTime = computed(() => {\n  if (userInputTime.value) return userInputTime.value\n  if (!props.parsedValue && !defaultValue.value) return\n  const dateValue = extractFirst(props.parsedValue) || innerDate.value\n  return dateValue.format(timeFormat.value)\n})\n\nconst visibleDate = computed(() => {\n  if (userInputDate.value) return userInputDate.value\n  if (!props.parsedValue && !defaultValue.value) return\n  const dateValue = extractFirst(props.parsedValue) || innerDate.value\n  return dateValue.format(dateFormat.value)\n})\n\nconst timePickerVisible = ref(false)\nconst onTimePickerInputFocus = () => {\n  timePickerVisible.value = true\n}\nconst handleTimePickClose = () => {\n  timePickerVisible.value = false\n}\n\nconst getUnits = (date: Dayjs) => {\n  return {\n    hour: date.hour(),\n    minute: date.minute(),\n    second: date.second(),\n    year: date.year(),\n    month: date.month(),\n    date: date.date(),\n  }\n}\n\nconst handleTimePick = (value: Dayjs, visible: boolean, first: boolean) => {\n  const { hour, minute, second } = getUnits(value)\n  const parsedDateValue = extractFirst(props.parsedValue)\n  const newDate = parsedDateValue\n    ? parsedDateValue.hour(hour).minute(minute).second(second)\n    : value\n  innerDate.value = newDate\n  emit(innerDate.value, true)\n  if (!first) {\n    timePickerVisible.value = visible\n  }\n}\n\nconst handleVisibleTimeChange = (value: string) => {\n  const newDate = dayjs(value, timeFormat.value).locale(lang.value)\n  if (newDate.isValid() && checkDateWithinRange(newDate)) {\n    const { year, month, date } = getUnits(innerDate.value)\n    innerDate.value = newDate.year(year).month(month).date(date)\n    userInputTime.value = null\n    timePickerVisible.value = false\n    emit(innerDate.value, true)\n  }\n}\n\nconst handleVisibleDateChange = (value: string) => {\n  const newDate = correctlyParseUserInput(\n    value,\n    dateFormat.value,\n    lang.value\n  ) as Dayjs\n  if (newDate.isValid()) {\n    if (disabledDate && disabledDate(newDate.toDate())) {\n      return\n    }\n    const { hour, minute, second } = getUnits(innerDate.value)\n    innerDate.value = newDate.hour(hour).minute(minute).second(second)\n    userInputDate.value = null\n    emit(innerDate.value, true)\n  }\n}\n\nconst isValidValue = (date: unknown) => {\n  if (!dayjs.isDayjs(date) || !date.isValid()) {\n    return false\n  }\n\n  if (selectionMode.value === 'quarter') {\n    return isSelectableQuarterDate(date, lang.value, disabledDate)\n  }\n\n  return disabledDate ? !disabledDate(date.toDate()) : true\n}\n\nconst parseUserInput = (value: Dayjs | Dayjs[]) => {\n  const parsed = correctlyParseUserInput(value, props.format, lang.value) as\n    Dayjs | Dayjs[]\n\n  if (!['quarter', 'quarters'].includes(selectionMode.value)) {\n    return parsed\n  }\n\n  const normalize = (date: Dayjs) =>\n    normalizeQuarterDate(date, lang.value, disabledDate)\n\n  if (isArray(parsed)) {\n    return parsed.map(normalize)\n  }\n  if (!dayjs.isDayjs(parsed) || !parsed.isValid()) {\n    return parsed\n  }\n  return normalize(parsed)\n}\n\nconst getDefaultValue = () => {\n  const parseDate = dayjs(defaultValue.value).locale(lang.value)\n  if (!defaultValue.value) {\n    const defaultTimeDValue = defaultTimeD.value\n    return dayjs()\n      .hour(defaultTimeDValue.hour())\n      .minute(defaultTimeDValue.minute())\n      .second(defaultTimeDValue.second())\n      .locale(lang.value)\n  }\n  return parseDate\n}\n\nconst handleFocusPicker = () => {\n  if (\n    ['week', 'month', 'year', 'date', 'quarter', 'quarters'].includes(\n      selectionMode.value\n    )\n  ) {\n    currentViewRef.value?.focus()\n  }\n}\n\nconst _handleFocusPicker = () => {\n  handleFocusPicker()\n  // TODO: After focus the date input, the first time you use the ArrowDown keys, you cannot focus on the date cell\n  if (selectionMode.value === 'week') {\n    handleKeyControl(EVENT_CODE.down)\n  }\n}\n\nconst handleKeydownTable = (event: KeyboardEvent) => {\n  const code = getEventCode(event)\n\n  const validCode = [\n    EVENT_CODE.up,\n    EVENT_CODE.down,\n    EVENT_CODE.left,\n    EVENT_CODE.right,\n    EVENT_CODE.home,\n    EVENT_CODE.end,\n    EVENT_CODE.pageUp,\n    EVENT_CODE.pageDown,\n  ]\n  if (validCode.includes(code)) {\n    handleKeyControl(code)\n    event.stopPropagation()\n    event.preventDefault()\n  }\n  if (\n    [EVENT_CODE.enter, EVENT_CODE.space, EVENT_CODE.numpadEnter].includes(\n      code\n    ) &&\n    userInputDate.value === null &&\n    userInputTime.value === null\n  ) {\n    event.preventDefault()\n    emit(innerDate.value, false)\n  }\n}\n\nconst handleKeyControl = (code: string) => {\n  type KeyControlMappingCallableOffset = (date: Date, step?: number) => number\n  type KeyControl = {\n    [key: string]:\n      | number\n      | KeyControlMappingCallableOffset\n      | ((date: Date, step: number) => any)\n    offset: (date: Date, step: number) => any\n  }\n  interface KeyControlMapping {\n    [key: string]: KeyControl\n  }\n\n  const { up, down, left, right, home, end, pageUp, pageDown } = EVENT_CODE\n  const mapping: KeyControlMapping = {\n    year: {\n      [up]: -4,\n      [down]: 4,\n      [left]: -1,\n      [right]: 1,\n      offset: (date: Date, step: number) =>\n        date.setFullYear(date.getFullYear() + step),\n    },\n    month: {\n      [up]: -4,\n      [down]: 4,\n      [left]: -1,\n      [right]: 1,\n      offset: (date: Date, step: number) =>\n        date.setMonth(date.getMonth() + step),\n    },\n    quarter: {\n      [up]: -4,\n      [down]: 4,\n      [left]: -1,\n      [right]: 1,\n      offset: (date: Date, step: number) =>\n        date.setMonth(date.getMonth() + step * 3),\n    },\n    week: {\n      [up]: -1,\n      [down]: 1,\n      [left]: -1,\n      [right]: 1,\n      offset: (date: Date, step: number) =>\n        date.setDate(date.getDate() + step * 7),\n    },\n    date: {\n      [up]: -7,\n      [down]: 7,\n      [left]: -1,\n      [right]: 1,\n      [home]: (date: Date) => -date.getDay(),\n      [end]: (date: Date) => -date.getDay() + 6,\n      [pageUp]: (date: Date) =>\n        -new Date(date.getFullYear(), date.getMonth(), 0).getDate(),\n      [pageDown]: (date: Date) =>\n        new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate(),\n      offset: (date: Date, step: number) => date.setDate(date.getDate() + step),\n    },\n  }\n\n  const newDate = innerDate.value.toDate()\n  while (Math.abs(innerDate.value.diff(newDate, 'year', true)) < 1) {\n    const mode =\n      keyboardMode.value === 'quarters' ? 'quarter' : keyboardMode.value\n    const map = mapping[mode]\n    if (!map) return\n    map.offset(\n      newDate,\n      isFunction(map[code])\n        ? (map[code] as unknown as KeyControlMappingCallableOffset)(newDate)\n        : ((map[code] as number) ?? 0)\n    )\n\n    let result: Dayjs\n    if (mode === 'quarter') {\n      const candidate = dayjs(newDate).locale(lang.value)\n      if (isQuarterFullyDisabled(candidate, lang.value, disabledDate)) {\n        break\n      }\n      result = getValidDateOfQuarter(\n        candidate,\n        candidate.year(),\n        candidate.quarter() - 1,\n        lang.value,\n        disabledDate\n      )\n    } else {\n      if (disabledDate && disabledDate(newDate)) {\n        break\n      }\n      result = dayjs(newDate).locale(lang.value)\n    }\n\n    innerDate.value = result\n    if (!isMultipleType.value) {\n      contextEmit('pick', result, true)\n    }\n    break\n  }\n}\n\nconst handlePanelChange = (mode: 'month' | 'year') => {\n  contextEmit('panel-change', innerDate.value.toDate(), mode, currentView.value)\n}\n\nwatch(\n  () => selectionMode.value,\n  (val) => {\n    if (['month', 'year', 'quarter'].includes(val)) {\n      currentView.value = val\n      return\n    } else if (val === 'years') {\n      currentView.value = 'year'\n      return\n    } else if (val === 'months') {\n      currentView.value = 'month'\n      return\n    } else if (val === 'quarters') {\n      currentView.value = 'quarter'\n      return\n    }\n    currentView.value = 'date'\n  },\n  { immediate: true }\n)\n\nwatch(\n  () => defaultValue.value,\n  (val) => {\n    if (val) {\n      innerDate.value = getDefaultValue()\n    }\n  },\n  { immediate: true }\n)\n\nwatch(\n  () => props.parsedValue,\n  (val) => {\n    if (val) {\n      if (isMultipleType.value) return\n      if (isArray(val)) return\n      innerDate.value = val\n    } else {\n      innerDate.value = getDefaultValue()\n    }\n  },\n  { immediate: true }\n)\n\ncontextEmit('set-picker-option', ['isValidValue', isValidValue])\ncontextEmit('set-picker-option', ['parseUserInput', parseUserInput])\ncontextEmit('set-picker-option', ['handleFocusPicker', _handleFocusPicker])\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"panel-date-pick.vue_vue_type_script_setup_true_lang.js","names":["border","$slots","editable","disabled","parsedValue","showWeekNumber","showFooter","showNow","showConfirm"],"sources":["../../../../../../../packages/components/date-picker-panel/src/date-picker-com/panel-date-pick.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      ppNs.b(),\n      dpNs.b(),\n      ppNs.is('border', border),\n      ppNs.is('disabled', dateDisabled),\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=\"dateDisabled\"\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=\"dpNs.e('time-header')\">\n          <span :class=\"dpNs.e('editor-wrap')\">\n            <el-input\n              :placeholder=\"t('el.datepicker.selectDate')\"\n              :model-value=\"visibleDate\"\n              size=\"small\"\n              :validate-event=\"false\"\n              :disabled=\"dateDisabled\"\n              :readonly=\"!editable\"\n              @input=\"(val) => (userInputDate = val)\"\n              @change=\"handleVisibleDateChange\"\n            />\n          </span>\n          <span\n            v-click-outside=\"handleTimePickClose\"\n            :class=\"dpNs.e('editor-wrap')\"\n          >\n            <el-input\n              :placeholder=\"t('el.datepicker.selectTime')\"\n              :model-value=\"visibleTime\"\n              size=\"small\"\n              :validate-event=\"false\"\n              :disabled=\"dateDisabled\"\n              :readonly=\"!editable\"\n              @focus=\"onTimePickerInputFocus\"\n              @input=\"(val) => (userInputTime = val)\"\n              @change=\"handleVisibleTimeChange\"\n            />\n            <time-pick-panel\n              :visible=\"timePickerVisible\"\n              :format=\"timeFormat\"\n              :parsed-value=\"innerDate\"\n              @pick=\"handleTimePick\"\n            />\n          </span>\n        </div>\n        <div\n          v-show=\"currentView !== 'time'\"\n          :class=\"[\n            dpNs.e('header'),\n            (currentView === 'year' ||\n              currentView === 'month' ||\n              currentView === 'quarter') &&\n              dpNs.em('header', 'bordered'),\n          ]\"\n        >\n          <span :class=\"dpNs.e('prev-btn')\">\n            <button\n              type=\"button\"\n              :aria-label=\"t(`el.datepicker.prevYear`)\"\n              class=\"d-arrow-left\"\n              :class=\"ppNs.e('icon-btn')\"\n              :disabled=\"dateDisabled\"\n              @click=\"moveByYear(false)\"\n            >\n              <slot name=\"prev-year\">\n                <el-icon><d-arrow-left /></el-icon>\n              </slot>\n            </button>\n            <button\n              v-show=\"currentView === 'date'\"\n              type=\"button\"\n              :aria-label=\"t(`el.datepicker.prevMonth`)\"\n              :class=\"ppNs.e('icon-btn')\"\n              class=\"arrow-left\"\n              :disabled=\"dateDisabled\"\n              @click=\"moveByMonth(false)\"\n            >\n              <slot name=\"prev-month\">\n                <el-icon><arrow-left /></el-icon>\n              </slot>\n            </button>\n          </span>\n          <span\n            role=\"button\"\n            :class=\"dpNs.e('header-label')\"\n            aria-live=\"polite\"\n            :tabindex=\"disabled ? undefined : 0\"\n            :aria-disabled=\"disabled\"\n            @keydown.enter=\"showPicker('year')\"\n            @click=\"showPicker('year')\"\n            >{{ yearLabel }}</span\n          >\n          <span\n            v-show=\"currentView === 'date'\"\n            role=\"button\"\n            aria-live=\"polite\"\n            :tabindex=\"disabled ? undefined : 0\"\n            :aria-disabled=\"disabled\"\n            :class=\"[\n              dpNs.e('header-label'),\n              { active: currentView === 'month' },\n            ]\"\n            @keydown.enter=\"showPicker('month')\"\n            @click=\"showPicker('month')\"\n            >{{ t(`el.datepicker.month${month + 1}`) }}</span\n          >\n          <span :class=\"dpNs.e('next-btn')\">\n            <button\n              v-show=\"currentView === 'date'\"\n              type=\"button\"\n              :aria-label=\"t(`el.datepicker.nextMonth`)\"\n              :class=\"ppNs.e('icon-btn')\"\n              class=\"arrow-right\"\n              :disabled=\"dateDisabled\"\n              @click=\"moveByMonth(true)\"\n            >\n              <slot name=\"next-month\">\n                <el-icon><arrow-right /></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              class=\"d-arrow-right\"\n              :disabled=\"dateDisabled\"\n              @click=\"moveByYear(true)\"\n            >\n              <slot name=\"next-year\">\n                <el-icon><d-arrow-right /></el-icon>\n              </slot>\n            </button>\n          </span>\n        </div>\n        <div :class=\"ppNs.e('content')\" @keydown=\"handleKeydownTable\">\n          <date-table\n            v-if=\"currentView === 'date'\"\n            ref=\"currentViewRef\"\n            :selection-mode=\"selectionMode\"\n            :date=\"innerDate\"\n            :parsed-value=\"parsedValue\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"dateDisabled\"\n            :cell-class-name=\"cellClassName\"\n            :show-week-number=\"showWeekNumber\"\n            @pick=\"handleDatePick\"\n          />\n          <year-table\n            v-if=\"currentView === 'year'\"\n            ref=\"currentViewRef\"\n            :selection-mode=\"selectionMode\"\n            :date=\"innerDate\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"dateDisabled\"\n            :parsed-value=\"parsedValue\"\n            :cell-class-name=\"cellClassName\"\n            @pick=\"handleYearPick\"\n          />\n          <month-table\n            v-if=\"currentView === 'month'\"\n            ref=\"currentViewRef\"\n            :selection-mode=\"selectionMode\"\n            :date=\"innerDate\"\n            :parsed-value=\"parsedValue\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"dateDisabled\"\n            :cell-class-name=\"cellClassName\"\n            @pick=\"handleMonthPick\"\n          />\n          <quarter-table\n            v-if=\"currentView === 'quarter'\"\n            ref=\"currentViewRef\"\n            :selection-mode=\"selectionMode\"\n            :date=\"innerDate\"\n            :parsed-value=\"parsedValue\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"dateDisabled\"\n            :cell-class-name=\"cellClassName\"\n            @pick=\"handleQuarterPick\"\n          />\n        </div>\n      </div>\n    </div>\n    <div\n      v-if=\"showFooter && footerVisible && footerFilled\"\n      :class=\"ppNs.e('footer')\"\n    >\n      <el-button\n        v-show=\"!isMultipleType && showNow\"\n        text\n        size=\"small\"\n        :class=\"ppNs.e('link-btn')\"\n        :disabled=\"disabledNow\"\n        @click=\"changeToNow\"\n      >\n        {{ t('el.datepicker.now') }}\n      </el-button>\n      <el-button\n        v-if=\"showConfirm\"\n        plain\n        size=\"small\"\n        :class=\"ppNs.e('link-btn')\"\n        :disabled=\"disabledConfirm\"\n        @click=\"onConfirm\"\n      >\n        {{ t('el.datepicker.confirm') }}\n      </el-button>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  inject,\n  nextTick,\n  ref,\n  toRef,\n  useAttrs,\n  useSlots,\n  watch,\n} from 'vue'\nimport dayjs from 'dayjs'\nimport ElButton from '@element-plus/components/button'\nimport { ClickOutside as vClickOutside } from '@element-plus/directives'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\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  extractFirst,\n  getEventCode,\n  isArray,\n  isFunction,\n} from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport {\n  ArrowLeft,\n  ArrowRight,\n  DArrowLeft,\n  DArrowRight,\n} from '@element-plus/icons-vue'\nimport { panelDatePickProps } from '../props/panel-date-pick'\nimport {\n  correctlyParseUserInput,\n  getValidDateOfMonth,\n  getValidDateOfQuarter,\n  getValidDateOfYear,\n  isQuarterFullyDisabled,\n  isSelectableQuarterDate,\n  normalizeQuarterDate,\n} from '../utils'\nimport DateTable from './basic-date-table.vue'\nimport MonthTable from './basic-month-table.vue'\nimport QuarterTable from './basic-quarter-table.vue'\nimport YearTable from './basic-year-table.vue'\nimport { useFormDisabled } from '@element-plus/components/form'\n\nimport type { SetupContext } from 'vue'\nimport type { ConfigType, Dayjs } from 'dayjs'\nimport type { PanelDatePickProps } from '../props/panel-date-pick'\nimport type {\n  DateTableEmits,\n  DatesPickerEmits,\n  MonthsPickerEmits,\n  QuartersPickerEmits,\n  WeekPickerEmits,\n  YearsPickerEmits,\n} from '../props/basic-date-table'\n\ntype DatePickType = PanelDatePickProps['type']\n// todo\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst timeWithinRange = (_: ConfigType, __: any, ___: string) => true\nconst props = defineProps(panelDatePickProps)\nconst contextEmit = defineEmits(['pick', 'set-picker-option', 'panel-change'])\nconst ppNs = useNamespace('picker-panel')\nconst dpNs = useNamespace('date-picker')\nconst attrs = useAttrs()\nconst slots = useSlots()\n\nconst { t, lang } = useLocale()\nconst pickerBase = inject(PICKER_BASE_INJECTION_KEY) as any\nconst { shortcuts, cellClassName, defaultTime } = pickerBase.props\nconst disabledDate = toRef(pickerBase.props, 'disabledDate')\nconst defaultValue = toRef(pickerBase.props, 'defaultValue')\n\nconst currentViewRef = ref<{ focus: () => void }>()\n\nconst innerDate = ref(dayjs().locale(lang.value))\n\nconst isChangeToNow = ref(false)\n\nlet isShortcut = false\n\nconst defaultTimeD = computed(() => {\n  return dayjs(defaultTime).locale(lang.value)\n})\n\nconst month = computed(() => {\n  return innerDate.value.month()\n})\n\nconst year = computed(() => {\n  return innerDate.value.year()\n})\n\nconst selectableRange = ref([])\nconst userInputDate = ref<string | null>(null)\nconst userInputTime = ref<string | null>(null)\n// todo update to disableHour\nconst checkDateWithinRange = (date: ConfigType) => {\n  return selectableRange.value.length > 0\n    ? timeWithinRange(\n        date,\n        selectableRange.value,\n        props.format || DEFAULT_FORMATS_TIME\n      )\n    : true\n}\nconst formatEmit = (emitDayjs: Dayjs) => {\n  if (\n    defaultTime &&\n    !visibleTime.value &&\n    !isChangeToNow.value &&\n    !isShortcut\n  ) {\n    return defaultTimeD.value\n      .year(emitDayjs.year())\n      .month(emitDayjs.month())\n      .date(emitDayjs.date())\n  }\n  if (showTime.value) return emitDayjs.millisecond(0)\n  return emitDayjs.startOf('day')\n}\nconst emit = (value: Dayjs | Dayjs[], ...args: any[]) => {\n  if (!value) {\n    contextEmit('pick', value, ...args)\n  } else if (isArray(value)) {\n    const dates = value.map(formatEmit)\n    contextEmit('pick', dates, ...args)\n  } else {\n    contextEmit('pick', formatEmit(value), ...args)\n  }\n  userInputDate.value = null\n  userInputTime.value = null\n  isChangeToNow.value = false\n  isShortcut = false\n}\nconst handleDatePick = async (value: DateTableEmits, keepOpen?: boolean) => {\n  if (selectionMode.value === 'date' && dayjs.isDayjs(value)) {\n    const parsedDateValue = extractFirst(props.parsedValue)\n    let newDate = parsedDateValue\n      ? parsedDateValue\n          .year(value.year())\n          .month(value.month())\n          .date(value.date())\n      : value\n    // change default time while out of selectableRange\n    if (!checkDateWithinRange(newDate)) {\n      newDate = (selectableRange.value[0][0] as Dayjs)\n        .year(value.year())\n        .month(value.month())\n        .date(value.date())\n    }\n    innerDate.value = newDate\n    emit(newDate, showTime.value || keepOpen)\n  } else if (selectionMode.value === 'week') {\n    emit((value as WeekPickerEmits).date)\n  } else if (selectionMode.value === 'dates') {\n    emit(value as DatesPickerEmits, true) // set true to keep panel open\n  }\n}\n\nconst moveByMonth = (forward: boolean) => {\n  const action = forward ? 'add' : 'subtract'\n  innerDate.value = innerDate.value[action](1, 'month')\n  handlePanelChange('month')\n}\n\nconst moveByYear = (forward: boolean) => {\n  const currentDate = innerDate.value\n  const action = forward ? 'add' : 'subtract'\n\n  innerDate.value =\n    currentView.value === 'year'\n      ? currentDate[action](10, 'year')\n      : currentDate[action](1, 'year')\n\n  handlePanelChange('year')\n}\n\nconst currentView = ref('date')\n\nconst yearLabel = computed(() => {\n  const yearTranslation = t('el.datepicker.year')\n  if (currentView.value === 'year') {\n    const startYear = Math.floor(year.value / 10) * 10\n    if (yearTranslation) {\n      return `${startYear} ${yearTranslation} - ${\n        startYear + 9\n      } ${yearTranslation}`\n    }\n    return `${startYear} - ${startYear + 9}`\n  }\n  return `${year.value} ${yearTranslation}`\n})\n\ntype Shortcut = {\n  value: (() => Dayjs) | Dayjs\n  onClick?: (ctx: Omit<SetupContext, 'expose'>) => void\n}\n\nconst handleShortcutClick = (shortcut: Shortcut) => {\n  const shortcutValue = isFunction(shortcut.value)\n    ? shortcut.value()\n    : shortcut.value\n  if (shortcutValue) {\n    isShortcut = true\n    emit(dayjs(shortcutValue).locale(lang.value))\n    return\n  }\n  if (shortcut.onClick) {\n    shortcut.onClick({\n      attrs,\n      slots,\n      emit: contextEmit as SetupContext['emit'],\n    })\n  }\n}\n\nconst selectionMode = computed<DatePickType>(() => {\n  const { type } = props\n  if (\n    [\n      'week',\n      'month',\n      'months',\n      'year',\n      'years',\n      'dates',\n      'quarter',\n      'quarters',\n    ].includes(type)\n  )\n    return type\n  return 'date'\n})\n\nconst isMultipleType = computed(() => {\n  return (\n    selectionMode.value === 'dates' ||\n    selectionMode.value === 'months' ||\n    selectionMode.value === 'years' ||\n    selectionMode.value === 'quarters'\n  )\n})\n\nconst keyboardMode = computed<string>(() => {\n  return selectionMode.value === 'date'\n    ? currentView.value\n    : selectionMode.value\n})\n\nconst hasShortcuts = computed(() => !!shortcuts.length)\n\nconst handleMonthPick = async (\n  month: number | MonthsPickerEmits,\n  keepOpen?: boolean\n) => {\n  if (selectionMode.value === 'month') {\n    innerDate.value = getValidDateOfMonth(\n      innerDate.value,\n      innerDate.value.year(),\n      month as number,\n      lang.value,\n      disabledDate.value\n    )\n    emit(innerDate.value, false)\n  } else if (selectionMode.value === 'months') {\n    emit(month as MonthsPickerEmits, keepOpen ?? true)\n  } else {\n    innerDate.value = getValidDateOfMonth(\n      innerDate.value,\n      innerDate.value.year(),\n      month as number,\n      lang.value,\n      disabledDate.value\n    )\n    currentView.value = 'date'\n    if (['month', 'year', 'date', 'week'].includes(selectionMode.value)) {\n      emit(innerDate.value, true)\n      await nextTick()\n      handleFocusPicker()\n    }\n  }\n  handlePanelChange('month')\n}\n\nconst handleQuarterPick = async (\n  quarter: number | QuartersPickerEmits,\n  keepOpen?: boolean\n) => {\n  if (selectionMode.value === 'quarter') {\n    innerDate.value = getValidDateOfQuarter(\n      innerDate.value,\n      innerDate.value.year(),\n      quarter as number,\n      lang.value,\n      disabledDate.value\n    )\n    emit(innerDate.value, false)\n  } else if (selectionMode.value === 'quarters') {\n    emit(quarter as QuartersPickerEmits, keepOpen ?? true)\n  }\n}\n\nconst handleYearPick = async (\n  year: number | YearsPickerEmits,\n  keepOpen?: boolean\n) => {\n  if (selectionMode.value === 'year') {\n    const data = innerDate.value.startOf('year').year(year as number)\n    innerDate.value = getValidDateOfYear(data, lang.value, disabledDate.value)\n    emit(innerDate.value, false)\n  } else if (selectionMode.value === 'years') {\n    emit(year as YearsPickerEmits, keepOpen ?? true)\n  } else {\n    const data = innerDate.value.year(year as number)\n    innerDate.value = getValidDateOfYear(data, lang.value, disabledDate.value)\n    currentView.value = ['quarter', 'quarters'].includes(selectionMode.value)\n      ? 'quarter'\n      : 'month'\n    if (\n      ['month', 'year', 'date', 'week', 'quarter'].includes(selectionMode.value)\n    ) {\n      emit(innerDate.value, true)\n      await nextTick()\n      handleFocusPicker()\n    }\n  }\n  handlePanelChange('year')\n}\n\nconst dateDisabled = useFormDisabled()\n\nconst showPicker = async (view: 'month' | 'year') => {\n  if (dateDisabled.value) return\n  currentView.value = view\n  await nextTick()\n  handleFocusPicker()\n}\n\nconst showTime = computed(\n  () => props.type === 'datetime' || props.type === 'datetimerange'\n)\n\nconst footerVisible = computed(() => {\n  const showDateFooter = showTime.value || selectionMode.value === 'dates'\n  const showYearFooter = selectionMode.value === 'years'\n  const showMonthFooter = selectionMode.value === 'months'\n  const showQuarterFooter = selectionMode.value === 'quarters'\n  const isDateView = currentView.value === 'date'\n  const isYearView = currentView.value === 'year'\n  const isMonthView = currentView.value === 'month'\n  const isQuarterView = currentView.value === 'quarter'\n  return (\n    (showDateFooter && isDateView) ||\n    (showYearFooter && isYearView) ||\n    (showMonthFooter && isMonthView) ||\n    (showQuarterFooter && isQuarterView)\n  )\n})\n\nconst footerFilled = computed(\n  () => (!isMultipleType.value && props.showNow) || props.showConfirm\n)\n\nconst disabledConfirm = computed(() => {\n  if (!disabledDate.value) return false\n  if (!props.parsedValue) return true\n  if (isArray(props.parsedValue)) {\n    if (!props.parsedValue.length) return true\n\n    if (selectionMode.value === 'quarters') {\n      return props.parsedValue.some((date) =>\n        isQuarterFullyDisabled(date, lang.value, disabledDate.value)\n      )\n    }\n\n    return disabledDate.value(props.parsedValue[0].toDate())\n  }\n  return disabledDate.value(props.parsedValue.toDate())\n})\nconst onConfirm = () => {\n  if (isMultipleType.value) {\n    emit(props.parsedValue as Dayjs[])\n  } else {\n    // deal with the scenario where: user opens the date time picker, then confirm without doing anything\n    let result = extractFirst(props.parsedValue)\n    if (!result) {\n      const defaultTimeD = dayjs(defaultTime).locale(lang.value)\n      const defaultValueD = getDefaultValue()\n      result = defaultTimeD\n        .year(defaultValueD.year())\n        .month(defaultValueD.month())\n        .date(defaultValueD.date())\n    }\n    innerDate.value = result\n    emit(result)\n  }\n}\n\nconst disabledNow = computed(() => {\n  if (!disabledDate.value) return false\n  return disabledDate.value(dayjs().locale(lang.value).toDate())\n})\nconst changeToNow = () => {\n  // NOTE: not a permanent solution\n  //       consider disable \"now\" button in the future\n  const now = dayjs().locale(lang.value)\n  const nowDate = now.toDate()\n  isChangeToNow.value = true\n  if (\n    (!disabledDate.value || !disabledDate.value(nowDate)) &&\n    checkDateWithinRange(nowDate)\n  ) {\n    innerDate.value = dayjs().locale(lang.value)\n    emit(innerDate.value)\n  }\n}\n\nconst timeFormat = computed(() => {\n  return (\n    props.timeFormat || extractTimeFormat(props.format) || DEFAULT_FORMATS_TIME\n  )\n})\n\nconst dateFormat = computed(() => {\n  return (\n    props.dateFormat || extractDateFormat(props.format) || DEFAULT_FORMATS_DATE\n  )\n})\n\nconst visibleTime = computed(() => {\n  if (userInputTime.value) return userInputTime.value\n  if (!props.parsedValue && !defaultValue.value) return\n  const dateValue = extractFirst(props.parsedValue) || innerDate.value\n  return dateValue.format(timeFormat.value)\n})\n\nconst visibleDate = computed(() => {\n  if (userInputDate.value) return userInputDate.value\n  if (!props.parsedValue && !defaultValue.value) return\n  const dateValue = extractFirst(props.parsedValue) || innerDate.value\n  return dateValue.format(dateFormat.value)\n})\n\nconst timePickerVisible = ref(false)\nconst onTimePickerInputFocus = () => {\n  timePickerVisible.value = true\n}\nconst handleTimePickClose = () => {\n  timePickerVisible.value = false\n}\n\nconst getUnits = (date: Dayjs) => {\n  return {\n    hour: date.hour(),\n    minute: date.minute(),\n    second: date.second(),\n    year: date.year(),\n    month: date.month(),\n    date: date.date(),\n  }\n}\n\nconst handleTimePick = (value: Dayjs, visible: boolean, first: boolean) => {\n  const { hour, minute, second } = getUnits(value)\n  const parsedDateValue = extractFirst(props.parsedValue)\n  const newDate = parsedDateValue\n    ? parsedDateValue.hour(hour).minute(minute).second(second)\n    : value\n  innerDate.value = newDate\n  emit(innerDate.value, true)\n  if (!first) {\n    timePickerVisible.value = visible\n  }\n}\n\nconst handleVisibleTimeChange = (value: string) => {\n  const newDate = dayjs(value, timeFormat.value).locale(lang.value)\n  if (newDate.isValid() && checkDateWithinRange(newDate)) {\n    const { year, month, date } = getUnits(innerDate.value)\n    innerDate.value = newDate.year(year).month(month).date(date)\n    userInputTime.value = null\n    timePickerVisible.value = false\n    emit(innerDate.value, true)\n  }\n}\n\nconst handleVisibleDateChange = (value: string) => {\n  const newDate = correctlyParseUserInput(\n    value,\n    dateFormat.value,\n    lang.value\n  ) as Dayjs\n  if (newDate.isValid()) {\n    if (disabledDate.value && disabledDate.value(newDate.toDate())) {\n      return\n    }\n    const { hour, minute, second } = getUnits(innerDate.value)\n    innerDate.value = newDate.hour(hour).minute(minute).second(second)\n    userInputDate.value = null\n    emit(innerDate.value, true)\n  }\n}\n\nconst isValidValue = (date: unknown) => {\n  if (!dayjs.isDayjs(date) || !date.isValid()) {\n    return false\n  }\n\n  if (selectionMode.value === 'quarter') {\n    return isSelectableQuarterDate(date, lang.value, disabledDate.value)\n  }\n\n  return disabledDate.value ? !disabledDate.value(date.toDate()) : true\n}\n\nconst parseUserInput = (value: Dayjs | Dayjs[]) => {\n  const parsed = correctlyParseUserInput(value, props.format, lang.value) as\n    Dayjs | Dayjs[]\n\n  if (!['quarter', 'quarters'].includes(selectionMode.value)) {\n    return parsed\n  }\n\n  const normalize = (date: Dayjs) =>\n    normalizeQuarterDate(date, lang.value, disabledDate.value)\n\n  if (isArray(parsed)) {\n    return parsed.map(normalize)\n  }\n  if (!dayjs.isDayjs(parsed) || !parsed.isValid()) {\n    return parsed\n  }\n  return normalize(parsed)\n}\n\nconst getDefaultValue = () => {\n  const parseDate = dayjs(defaultValue.value).locale(lang.value)\n  if (!defaultValue.value) {\n    const defaultTimeDValue = defaultTimeD.value\n    return dayjs()\n      .hour(defaultTimeDValue.hour())\n      .minute(defaultTimeDValue.minute())\n      .second(defaultTimeDValue.second())\n      .locale(lang.value)\n  }\n  return parseDate\n}\n\nconst handleFocusPicker = () => {\n  if (\n    ['week', 'month', 'year', 'date', 'quarter', 'quarters'].includes(\n      selectionMode.value\n    )\n  ) {\n    currentViewRef.value?.focus()\n  }\n}\n\nconst _handleFocusPicker = () => {\n  handleFocusPicker()\n  // TODO: After focus the date input, the first time you use the ArrowDown keys, you cannot focus on the date cell\n  if (selectionMode.value === 'week') {\n    handleKeyControl(EVENT_CODE.down)\n  }\n}\n\nconst handleKeydownTable = (event: KeyboardEvent) => {\n  const code = getEventCode(event)\n\n  const validCode = [\n    EVENT_CODE.up,\n    EVENT_CODE.down,\n    EVENT_CODE.left,\n    EVENT_CODE.right,\n    EVENT_CODE.home,\n    EVENT_CODE.end,\n    EVENT_CODE.pageUp,\n    EVENT_CODE.pageDown,\n  ]\n  if (validCode.includes(code)) {\n    handleKeyControl(code)\n    event.stopPropagation()\n    event.preventDefault()\n  }\n  if (\n    [EVENT_CODE.enter, EVENT_CODE.space, EVENT_CODE.numpadEnter].includes(\n      code\n    ) &&\n    userInputDate.value === null &&\n    userInputTime.value === null\n  ) {\n    event.preventDefault()\n    emit(innerDate.value, false)\n  }\n}\n\nconst handleKeyControl = (code: string) => {\n  type KeyControlMappingCallableOffset = (date: Date, step?: number) => number\n  type KeyControl = {\n    [key: string]:\n      | number\n      | KeyControlMappingCallableOffset\n      | ((date: Date, step: number) => any)\n    offset: (date: Date, step: number) => any\n  }\n  interface KeyControlMapping {\n    [key: string]: KeyControl\n  }\n\n  const { up, down, left, right, home, end, pageUp, pageDown } = EVENT_CODE\n  const mapping: KeyControlMapping = {\n    year: {\n      [up]: -4,\n      [down]: 4,\n      [left]: -1,\n      [right]: 1,\n      offset: (date: Date, step: number) =>\n        date.setFullYear(date.getFullYear() + step),\n    },\n    month: {\n      [up]: -4,\n      [down]: 4,\n      [left]: -1,\n      [right]: 1,\n      offset: (date: Date, step: number) =>\n        date.setMonth(date.getMonth() + step),\n    },\n    quarter: {\n      [up]: -4,\n      [down]: 4,\n      [left]: -1,\n      [right]: 1,\n      offset: (date: Date, step: number) =>\n        date.setMonth(date.getMonth() + step * 3),\n    },\n    week: {\n      [up]: -1,\n      [down]: 1,\n      [left]: -1,\n      [right]: 1,\n      offset: (date: Date, step: number) =>\n        date.setDate(date.getDate() + step * 7),\n    },\n    date: {\n      [up]: -7,\n      [down]: 7,\n      [left]: -1,\n      [right]: 1,\n      [home]: (date: Date) => -date.getDay(),\n      [end]: (date: Date) => -date.getDay() + 6,\n      [pageUp]: (date: Date) =>\n        -new Date(date.getFullYear(), date.getMonth(), 0).getDate(),\n      [pageDown]: (date: Date) =>\n        new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate(),\n      offset: (date: Date, step: number) => date.setDate(date.getDate() + step),\n    },\n  }\n\n  const newDate = innerDate.value.toDate()\n  while (Math.abs(innerDate.value.diff(newDate, 'year', true)) < 1) {\n    const mode =\n      keyboardMode.value === 'quarters' ? 'quarter' : keyboardMode.value\n    const map = mapping[mode]\n    if (!map) return\n    map.offset(\n      newDate,\n      isFunction(map[code])\n        ? (map[code] as unknown as KeyControlMappingCallableOffset)(newDate)\n        : ((map[code] as number) ?? 0)\n    )\n\n    let result: Dayjs\n    if (mode === 'quarter') {\n      const candidate = dayjs(newDate).locale(lang.value)\n      if (isQuarterFullyDisabled(candidate, lang.value, disabledDate.value)) {\n        break\n      }\n      result = getValidDateOfQuarter(\n        candidate,\n        candidate.year(),\n        candidate.quarter() - 1,\n        lang.value,\n        disabledDate.value\n      )\n    } else {\n      if (disabledDate.value && disabledDate.value(newDate)) {\n        break\n      }\n      result = dayjs(newDate).locale(lang.value)\n    }\n\n    innerDate.value = result\n    if (!isMultipleType.value) {\n      contextEmit('pick', result, true)\n    }\n    break\n  }\n}\n\nconst handlePanelChange = (mode: 'month' | 'year') => {\n  contextEmit('panel-change', innerDate.value.toDate(), mode, currentView.value)\n}\n\nwatch(\n  () => selectionMode.value,\n  (val) => {\n    if (['month', 'year', 'quarter'].includes(val)) {\n      currentView.value = val\n      return\n    } else if (val === 'years') {\n      currentView.value = 'year'\n      return\n    } else if (val === 'months') {\n      currentView.value = 'month'\n      return\n    } else if (val === 'quarters') {\n      currentView.value = 'quarter'\n      return\n    }\n    currentView.value = 'date'\n  },\n  { immediate: true }\n)\n\nwatch(\n  () => defaultValue.value,\n  (val) => {\n    if (val) {\n      innerDate.value = getDefaultValue()\n    }\n  },\n  { immediate: true }\n)\n\nwatch(\n  () => props.parsedValue,\n  (val) => {\n    if (val) {\n      if (isMultipleType.value) return\n      if (isArray(val)) return\n      innerDate.value = val\n    } else {\n      innerDate.value = getDefaultValue()\n    }\n  },\n  { immediate: true }\n)\n\ncontextEmit('set-picker-option', ['isValidValue', isValidValue])\ncontextEmit('set-picker-option', ['parseUserInput', parseUserInput])\ncontextEmit('set-picker-option', ['handleFocusPicker', _handleFocusPicker])\n</script>\n"],"mappings":"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"}

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

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

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

@@ -41,7 +41,7 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
   readonly singlePanel: BooleanConstructor;
   readonly type: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
     readonly required: true;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -53,9 +53,9 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly editable: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   clear: (...args: any[]) => void;
-  pick: (...args: any[]) => void;
   "calendar-change": (...args: any[]) => void;
   "panel-change": (...args: any[]) => void;
+  pick: (...args: any[]) => void;
   "set-picker-option": (...args: any[]) => void;
 }, string, _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   readonly unlinkPanels: BooleanConstructor;
@@ -72,7 +72,7 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
   readonly singlePanel: BooleanConstructor;
   readonly type: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
     readonly required: true;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -84,14 +84,14 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly editable: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 }>> & Readonly<{
   onClear?: ((...args: any[]) => any) | undefined;
-  onPick?: ((...args: any[]) => any) | undefined;
   "onCalendar-change"?: ((...args: any[]) => any) | undefined;
   "onPanel-change"?: ((...args: any[]) => any) | undefined;
+  onPick?: ((...args: any[]) => any) | undefined;
   "onSet-picker-option"?: ((...args: any[]) => any) | undefined;
 }>, {
   readonly disabled: boolean;
-  readonly border: boolean;
   readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly border: boolean;
   readonly editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showNow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showConfirm: boolean;

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

@@ -48,7 +48,8 @@ var panel_date_range_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		const props = __props;
 		const emit = __emit;
 		const pickerBase = (0, vue.inject)(require_constants.PICKER_BASE_INJECTION_KEY);
-		const { disabledDate, cellClassName, defaultTime, clearable } = pickerBase.props;
+		const { cellClassName, defaultTime, clearable } = pickerBase.props;
+		const disabledDate = (0, vue.toRef)(pickerBase.props, "disabledDate");
 		const format = (0, vue.toRef)(pickerBase.props, "format");
 		const shortcuts = (0, vue.toRef)(pickerBase.props, "shortcuts");
 		const defaultValue = (0, vue.toRef)(pickerBase.props, "defaultValue");
@@ -106,7 +107,7 @@ var panel_date_range_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 			return props.dateFormat || require_utils.extractDateFormat(format.value || "") || "YYYY-MM-DD";
 		});
 		const isValidValue = (date) => {
-			return require_utils$1.isValidRange(date) && (disabledDate ? !disabledDate(date[0].toDate()) && !disabledDate(date[1].toDate()) : true);
+			return require_utils$1.isValidRange(date) && (disabledDate.value ? !disabledDate.value(date[0].toDate()) && !disabledDate.value(date[1].toDate()) : true);
 		};
 		const leftPrevYear = () => {
 			leftDate.value = adjustDateByView(leftCurrentView.value, leftDate.value, false);
@@ -187,12 +188,12 @@ var panel_date_range_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 			maxTimePickerVisible.value = false;
 		};
 		const findValidDateToward = (from, toward) => {
-			if (!disabledDate || !disabledDate(from.toDate())) return from;
+			if (!disabledDate.value || !disabledDate.value(from.toDate())) return from;
 			const forward = from.isBefore(toward);
 			let cursor = from;
 			while (forward ? cursor.isBefore(toward) : cursor.isAfter(toward)) {
 				cursor = forward ? cursor.add(1, "day") : cursor.subtract(1, "day");
-				if (!disabledDate(cursor.toDate())) return cursor;
+				if (!disabledDate.value(cursor.toDate())) return cursor;
 			}
 			return from;
 		};
@@ -200,7 +201,7 @@ var panel_date_range_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 			dateUserInput.value[type] = value;
 			const parsedValueD = (0, dayjs.default)(value, dateFormat.value).locale(lang.value);
 			if (parsedValueD.isValid()) {
-				if (disabledDate && disabledDate(parsedValueD.toDate())) return;
+				if (disabledDate.value && disabledDate.value(parsedValueD.toDate())) return;
 				if (type === "min") {
 					leftDate.value = parsedValueD;
 					minDate.value = (minDate.value || leftDate.value).year(parsedValueD.year()).month(parsedValueD.month()).date(parsedValueD.date());
@@ -518,7 +519,7 @@ var panel_date_range_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 							"min-date": (0, vue.unref)(minDate),
 							"max-date": (0, vue.unref)(maxDate),
 							"range-state": (0, vue.unref)(rangeState),
-							"disabled-date": (0, vue.unref)(disabledDate),
+							"disabled-date": disabledDate.value,
 							"cell-class-name": (0, vue.unref)(cellClassName),
 							"show-week-number": _ctx.showWeekNumber,
 							disabled: (0, vue.unref)(dateRangeDisabled),
@@ -543,7 +544,7 @@ var panel_date_range_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 							ref: leftCurrentViewRef,
 							"selection-mode": "year",
 							date: leftDate.value,
-							"disabled-date": (0, vue.unref)(disabledDate),
+							"disabled-date": disabledDate.value,
 							"parsed-value": _ctx.parsedValue,
 							disabled: (0, vue.unref)(dateRangeDisabled),
 							onPick: (0, vue.unref)(handleLeftYearPick)
@@ -561,7 +562,7 @@ var panel_date_range_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 							"selection-mode": "month",
 							date: leftDate.value,
 							"parsed-value": _ctx.parsedValue,
-							"disabled-date": (0, vue.unref)(disabledDate),
+							"disabled-date": disabledDate.value,
 							disabled: (0, vue.unref)(dateRangeDisabled),
 							onPick: (0, vue.unref)(handleLeftMonthPick)
 						}, null, 8, [
@@ -646,7 +647,7 @@ var panel_date_range_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 							"min-date": (0, vue.unref)(minDate),
 							"max-date": (0, vue.unref)(maxDate),
 							"range-state": (0, vue.unref)(rangeState),
-							"disabled-date": (0, vue.unref)(disabledDate),
+							"disabled-date": disabledDate.value,
 							"cell-class-name": (0, vue.unref)(cellClassName),
 							"show-week-number": _ctx.showWeekNumber,
 							disabled: (0, vue.unref)(dateRangeDisabled),
@@ -671,7 +672,7 @@ var panel_date_range_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 							ref: rightCurrentViewRef,
 							"selection-mode": "year",
 							date: rightDate.value,
-							"disabled-date": (0, vue.unref)(disabledDate),
+							"disabled-date": disabledDate.value,
 							"parsed-value": _ctx.parsedValue,
 							disabled: (0, vue.unref)(dateRangeDisabled),
 							onPick: (0, vue.unref)(handleRightYearPick)
@@ -689,7 +690,7 @@ var panel_date_range_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 							"selection-mode": "month",
 							date: rightDate.value,
 							"parsed-value": _ctx.parsedValue,
-							"disabled-date": (0, vue.unref)(disabledDate),
+							"disabled-date": disabledDate.value,
 							disabled: (0, vue.unref)(dateRangeDisabled),
 							onPick: (0, vue.unref)(handleRightMonthPick)
 						}, null, 8, [