@element-plus/nightly 0.0.20261019 → 0.0.20261021

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

@@ -1 +1 @@
-{"version":3,"file":"panel-month-range.vue_vue_type_script_setup_true_lang.mjs","names":["border","$slots","singlePanel","unlinkPanels","_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_renderSlot","_Fragment","_renderList","_toDisplayString","_createCommentVNode","_createVNode","_withCtx","MonthTable"],"sources":["../../../../../../../packages/components/date-picker-panel/src/date-picker-com/panel-month-range.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      ppNs.b(),\n      drpNs.b(),\n      ppNs.is('border', border),\n      ppNs.is('disabled', monthRangeDisabled),\n      {\n        'has-sidebar': Boolean($slots.sidebar) || hasShortcuts,\n        'single-panel': singlePanel,\n      },\n    ]\"\n  >\n    <div :class=\"ppNs.e('body-wrapper')\">\n      <slot name=\"sidebar\" :class=\"ppNs.e('sidebar')\" />\n      <div v-if=\"hasShortcuts\" :class=\"ppNs.e('sidebar')\">\n        <button\n          v-for=\"(shortcut, key) in shortcuts\"\n          :key=\"key\"\n          type=\"button\"\n          :class=\"ppNs.e('shortcut')\"\n          :disabled=\"monthRangeDisabled\"\n          @click=\"handleShortcutClick(shortcut)\"\n        >\n          {{ shortcut.text }}\n        </button>\n      </div>\n      <div :class=\"ppNs.e('body')\">\n        <div\n          :class=\"[\n            ppNs.e('content'),\n            drpNs.e('content'),\n            drpNs.is('left', !singlePanel),\n          ]\"\n        >\n          <div :class=\"drpNs.e('header')\">\n            <button\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              class=\"d-arrow-left\"\n              :disabled=\"monthRangeDisabled\"\n              @click=\"leftPrevYear\"\n            >\n              <slot name=\"prev-year\">\n                <el-icon><d-arrow-left /></el-icon>\n              </slot>\n            </button>\n            <button\n              v-if=\"unlinkPanels || singlePanel\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow || monthRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableYearArrow || monthRangeDisabled),\n              ]\"\n              class=\"d-arrow-right\"\n              @click=\"leftNextYear\"\n            >\n              <slot name=\"next-year\">\n                <el-icon><d-arrow-right /></el-icon>\n              </slot>\n            </button>\n            <div>{{ leftLabel }}</div>\n          </div>\n          <month-table\n            selection-mode=\"range\"\n            :date=\"leftDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"monthRangeDisabled\"\n            :cell-class-name=\"cellClassName\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n        </div>\n        <div\n          v-if=\"!singlePanel\"\n          :class=\"[ppNs.e('content'), drpNs.e('content')]\"\n          class=\"is-right\"\n        >\n          <div :class=\"drpNs.e('header')\">\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow || monthRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableYearArrow || monthRangeDisabled),\n              ]\"\n              class=\"d-arrow-left\"\n              @click=\"rightPrevYear\"\n            >\n              <slot name=\"prev-year\">\n                <el-icon><d-arrow-left /></el-icon>\n              </slot>\n            </button>\n            <button\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              class=\"d-arrow-right\"\n              :disabled=\"monthRangeDisabled\"\n              @click=\"rightNextYear\"\n            >\n              <slot name=\"next-year\">\n                <el-icon><d-arrow-right /></el-icon>\n              </slot>\n            </button>\n            <div>{{ rightLabel }}</div>\n          </div>\n          <month-table\n            selection-mode=\"range\"\n            :date=\"rightDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"monthRangeDisabled\"\n            :cell-class-name=\"cellClassName\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, ref, toRef, unref, watch } from 'vue'\nimport dayjs from 'dayjs'\nimport ElIcon from '@element-plus/components/icon'\nimport { useLocale } from '@element-plus/hooks'\nimport { DArrowLeft, DArrowRight } from '@element-plus/icons-vue'\nimport { PICKER_BASE_INJECTION_KEY } from '@element-plus/components/time-picker'\nimport {\n  correctlyParseUserInput,\n  getDefaultValue,\n  isValidRange,\n} from '../utils'\nimport {\n  panelMonthRangeEmits,\n  panelMonthRangeProps,\n} from '../props/panel-month-range'\nimport { useMonthRangeHeader } from '../composables/use-month-range-header'\nimport { useRangePicker } from '../composables/use-range-picker'\nimport MonthTable from './basic-month-table.vue'\nimport { useFormDisabled } from '@element-plus/components/form'\n\nimport type { Dayjs } from 'dayjs'\n\ndefineOptions({\n  name: 'DatePickerMonthRange',\n})\n\nconst props = defineProps(panelMonthRangeProps)\nconst emit = defineEmits(panelMonthRangeEmits)\nconst unit = 'year'\n\nconst { lang } = useLocale()\nconst pickerBase = inject(PICKER_BASE_INJECTION_KEY) as any\nconst { shortcuts, cellClassName } = pickerBase.props\nconst disabledDate = toRef(pickerBase.props, 'disabledDate')\nconst format = toRef(pickerBase.props, 'format')\nconst defaultValue = toRef(pickerBase.props, 'defaultValue')\nconst leftDate = ref(dayjs().locale(lang.value))\nconst rightDate = ref(dayjs().locale(lang.value).add(1, unit))\n\nconst {\n  minDate,\n  maxDate,\n  rangeState,\n  ppNs,\n  drpNs,\n\n  handleChangeRange,\n  handleRangeConfirm,\n  handleShortcutClick,\n  onSelect,\n  parseValue,\n} = useRangePicker(props, {\n  defaultValue,\n  leftDate,\n  rightDate,\n  unit,\n  sortDates,\n})\n\nconst hasShortcuts = computed(() => !!shortcuts.length)\n\nconst {\n  leftPrevYear,\n  rightNextYear,\n  leftNextYear,\n  rightPrevYear,\n  leftLabel,\n  rightLabel,\n  leftYear,\n  rightYear,\n} = useMonthRangeHeader({\n  unlinkPanels: toRef(props, 'unlinkPanels'),\n  leftDate,\n  rightDate,\n})\n\nconst enableYearArrow = computed(() => {\n  return (\n    props.singlePanel ||\n    (props.unlinkPanels && rightYear.value > leftYear.value + 1)\n  )\n})\n\ntype RangePickValue = {\n  minDate: Dayjs\n  maxDate: Dayjs\n}\n\nconst handleRangePick = (val: RangePickValue, close = true) => {\n  // const defaultTime = props.defaultTime || []\n  // const minDate_ = modifyWithTimeString(val.minDate, defaultTime[0])\n  // const maxDate_ = modifyWithTimeString(val.maxDate, defaultTime[1])\n  // todo\n  const minDate_ = val.minDate\n  const maxDate_ = val.maxDate\n  if (maxDate.value === maxDate_ && minDate.value === minDate_) {\n    return\n  }\n  emit('calendar-change', [minDate_.toDate(), maxDate_ && maxDate_.toDate()])\n  maxDate.value = maxDate_\n  minDate.value = minDate_\n\n  if (!close) return\n  handleRangeConfirm()\n}\n\nconst handleClear = () => {\n  let valueOnClear = null\n  if (pickerBase?.emptyValues) {\n    valueOnClear = pickerBase.emptyValues.valueOnClear.value\n  }\n  leftDate.value = getDefaultValue(unref(defaultValue), {\n    lang: unref(lang),\n    unit: 'year',\n    unlinkPanels: props.unlinkPanels,\n  })[0]\n  rightDate.value = leftDate.value.add(1, 'year')\n  emit('pick', valueOnClear)\n}\n\nconst parseUserInput = (value: Dayjs | Dayjs[]) => {\n  return correctlyParseUserInput(value, format.value, lang.value)\n}\n\nfunction sortDates(minDate: Dayjs | undefined, maxDate: Dayjs | undefined) {\n  if (props.unlinkPanels && maxDate) {\n    const minDateYear = minDate?.year() || 0\n    const maxDateYear = maxDate.year()\n    rightDate.value =\n      minDateYear === maxDateYear ? maxDate.add(1, unit) : maxDate\n  } else {\n    rightDate.value = leftDate.value.add(1, unit)\n  }\n}\n\nconst monthRangeDisabled = useFormDisabled()\n\nwatch(\n  () => props.visible,\n  (visible) => {\n    if (!visible && rangeState.value.selecting) {\n      parseValue(props.parsedValue)\n      onSelect(false)\n    }\n  }\n)\n\nemit('set-picker-option', ['isValidValue', isValidRange])\nemit('set-picker-option', ['parseUserInput', parseUserInput])\nemit('set-picker-option', ['handleClear', handleClear])\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"panel-month-range.vue_vue_type_script_setup_true_lang.mjs","names":["border","$slots","singlePanel","unlinkPanels","_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_renderSlot","_Fragment","_renderList","_toDisplayString","_createCommentVNode","_createVNode","_withCtx","MonthTable"],"sources":["../../../../../../../packages/components/date-picker-panel/src/date-picker-com/panel-month-range.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      ppNs.b(),\n      drpNs.b(),\n      ppNs.is('border', border),\n      ppNs.is('disabled', monthRangeDisabled),\n      {\n        'has-sidebar': Boolean($slots.sidebar) || hasShortcuts,\n        'single-panel': singlePanel,\n      },\n    ]\"\n  >\n    <div :class=\"ppNs.e('body-wrapper')\">\n      <slot name=\"sidebar\" :class=\"ppNs.e('sidebar')\" />\n      <div v-if=\"hasShortcuts\" :class=\"ppNs.e('sidebar')\">\n        <button\n          v-for=\"(shortcut, key) in shortcuts\"\n          :key=\"key\"\n          type=\"button\"\n          :class=\"ppNs.e('shortcut')\"\n          :disabled=\"monthRangeDisabled\"\n          @click=\"handleShortcutClick(shortcut)\"\n        >\n          {{ shortcut.text }}\n        </button>\n      </div>\n      <div :class=\"ppNs.e('body')\">\n        <div\n          :class=\"[\n            ppNs.e('content'),\n            drpNs.e('content'),\n            drpNs.is('left', !singlePanel),\n          ]\"\n        >\n          <div :class=\"drpNs.e('header')\">\n            <button\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              class=\"d-arrow-left\"\n              :disabled=\"monthRangeDisabled\"\n              @click=\"leftPrevYear\"\n            >\n              <slot name=\"prev-year\">\n                <el-icon><d-arrow-left /></el-icon>\n              </slot>\n            </button>\n            <button\n              v-if=\"unlinkPanels || singlePanel\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow || monthRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableYearArrow || monthRangeDisabled),\n              ]\"\n              class=\"d-arrow-right\"\n              @click=\"leftNextYear\"\n            >\n              <slot name=\"next-year\">\n                <el-icon><d-arrow-right /></el-icon>\n              </slot>\n            </button>\n            <div>{{ leftLabel }}</div>\n          </div>\n          <month-table\n            selection-mode=\"range\"\n            :date=\"leftDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"monthRangeDisabled\"\n            :cell-class-name=\"cellClassName\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n        </div>\n        <div\n          v-if=\"!singlePanel\"\n          :class=\"[ppNs.e('content'), drpNs.e('content')]\"\n          class=\"is-right\"\n        >\n          <div :class=\"drpNs.e('header')\">\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow || monthRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableYearArrow || monthRangeDisabled),\n              ]\"\n              class=\"d-arrow-left\"\n              @click=\"rightPrevYear\"\n            >\n              <slot name=\"prev-year\">\n                <el-icon><d-arrow-left /></el-icon>\n              </slot>\n            </button>\n            <button\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              class=\"d-arrow-right\"\n              :disabled=\"monthRangeDisabled\"\n              @click=\"rightNextYear\"\n            >\n              <slot name=\"next-year\">\n                <el-icon><d-arrow-right /></el-icon>\n              </slot>\n            </button>\n            <div>{{ rightLabel }}</div>\n          </div>\n          <month-table\n            selection-mode=\"range\"\n            :date=\"rightDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"monthRangeDisabled\"\n            :cell-class-name=\"cellClassName\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, ref, toRef, unref, watch } from 'vue'\nimport dayjs from 'dayjs'\nimport ElIcon from '@element-plus/components/icon'\nimport { useLocale } from '@element-plus/hooks'\nimport { DArrowLeft, DArrowRight } from '@element-plus/icons-vue'\nimport { PICKER_BASE_INJECTION_KEY } from '@element-plus/components/time-picker'\nimport {\n  correctlyParseUserInput,\n  getDefaultValue,\n  isValidRange,\n} from '../utils'\nimport {\n  panelMonthRangeEmits,\n  panelMonthRangeProps,\n} from '../props/panel-month-range'\nimport { useMonthRangeHeader } from '../composables/use-month-range-header'\nimport { useRangePicker } from '../composables/use-range-picker'\nimport MonthTable from './basic-month-table.vue'\nimport { useFormDisabled } from '@element-plus/components/form'\n\nimport type { Dayjs } from 'dayjs'\n\ndefineOptions({\n  name: 'DatePickerMonthRange',\n})\n\nconst props = defineProps(panelMonthRangeProps)\nconst emit = defineEmits(panelMonthRangeEmits)\nconst unit = 'year'\n\nconst { lang } = useLocale()\nconst pickerBase = inject(PICKER_BASE_INJECTION_KEY) as any\nconst { cellClassName } = pickerBase.props\nconst shortcuts = toRef(pickerBase.props, 'shortcuts')\nconst disabledDate = toRef(pickerBase.props, 'disabledDate')\nconst format = toRef(pickerBase.props, 'format')\nconst defaultValue = toRef(pickerBase.props, 'defaultValue')\nconst leftDate = ref(dayjs().locale(lang.value))\nconst rightDate = ref(dayjs().locale(lang.value).add(1, unit))\n\nconst {\n  minDate,\n  maxDate,\n  rangeState,\n  ppNs,\n  drpNs,\n\n  handleChangeRange,\n  handleRangeConfirm,\n  handleShortcutClick,\n  onSelect,\n  parseValue,\n} = useRangePicker(props, {\n  defaultValue,\n  leftDate,\n  rightDate,\n  unit,\n  sortDates,\n})\n\nconst hasShortcuts = computed(() => !!shortcuts.value.length)\n\nconst {\n  leftPrevYear,\n  rightNextYear,\n  leftNextYear,\n  rightPrevYear,\n  leftLabel,\n  rightLabel,\n  leftYear,\n  rightYear,\n} = useMonthRangeHeader({\n  unlinkPanels: toRef(props, 'unlinkPanels'),\n  leftDate,\n  rightDate,\n})\n\nconst enableYearArrow = computed(() => {\n  return (\n    props.singlePanel ||\n    (props.unlinkPanels && rightYear.value > leftYear.value + 1)\n  )\n})\n\ntype RangePickValue = {\n  minDate: Dayjs\n  maxDate: Dayjs\n}\n\nconst handleRangePick = (val: RangePickValue, close = true) => {\n  // const defaultTime = props.defaultTime || []\n  // const minDate_ = modifyWithTimeString(val.minDate, defaultTime[0])\n  // const maxDate_ = modifyWithTimeString(val.maxDate, defaultTime[1])\n  // todo\n  const minDate_ = val.minDate\n  const maxDate_ = val.maxDate\n  if (maxDate.value === maxDate_ && minDate.value === minDate_) {\n    return\n  }\n  emit('calendar-change', [minDate_.toDate(), maxDate_ && maxDate_.toDate()])\n  maxDate.value = maxDate_\n  minDate.value = minDate_\n\n  if (!close) return\n  handleRangeConfirm()\n}\n\nconst handleClear = () => {\n  let valueOnClear = null\n  if (pickerBase?.emptyValues) {\n    valueOnClear = pickerBase.emptyValues.valueOnClear.value\n  }\n  leftDate.value = getDefaultValue(unref(defaultValue), {\n    lang: unref(lang),\n    unit: 'year',\n    unlinkPanels: props.unlinkPanels,\n  })[0]\n  rightDate.value = leftDate.value.add(1, 'year')\n  emit('pick', valueOnClear)\n}\n\nconst parseUserInput = (value: Dayjs | Dayjs[]) => {\n  return correctlyParseUserInput(value, format.value, lang.value)\n}\n\nfunction sortDates(minDate: Dayjs | undefined, maxDate: Dayjs | undefined) {\n  if (props.unlinkPanels && maxDate) {\n    const minDateYear = minDate?.year() || 0\n    const maxDateYear = maxDate.year()\n    rightDate.value =\n      minDateYear === maxDateYear ? maxDate.add(1, unit) : maxDate\n  } else {\n    rightDate.value = leftDate.value.add(1, unit)\n  }\n}\n\nconst monthRangeDisabled = useFormDisabled()\n\nwatch(\n  () => props.visible,\n  (visible) => {\n    if (!visible && rangeState.value.selecting) {\n      parseValue(props.parsedValue)\n      onSelect(false)\n    }\n  }\n)\n\nemit('set-picker-option', ['isValidValue', isValidRange])\nemit('set-picker-option', ['parseUserInput', parseUserInput])\nemit('set-picker-option', ['handleClear', handleClear])\n</script>\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"panel-quarter-range.mjs","names":["_sfc_main"],"sources":["../../../../../../../packages/components/date-picker-panel/src/date-picker-com/panel-quarter-range.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      ppNs.b(),\n      drpNs.b(),\n      ppNs.is('border', border),\n      ppNs.is('disabled', quarterRangeDisabled),\n      {\n        'has-sidebar': Boolean($slots.sidebar) || hasShortcuts,\n        'single-panel': singlePanel,\n      },\n    ]\"\n  >\n    <div :class=\"ppNs.e('body-wrapper')\">\n      <slot name=\"sidebar\" :class=\"ppNs.e('sidebar')\" />\n      <div v-if=\"hasShortcuts\" :class=\"ppNs.e('sidebar')\">\n        <button\n          v-for=\"(shortcut, key) in shortcuts\"\n          :key=\"key\"\n          type=\"button\"\n          :class=\"ppNs.e('shortcut')\"\n          :disabled=\"quarterRangeDisabled\"\n          @click=\"handleShortcutClick(shortcut)\"\n        >\n          {{ shortcut.text }}\n        </button>\n      </div>\n      <div :class=\"ppNs.e('body')\">\n        <div\n          :class=\"[\n            ppNs.e('content'),\n            drpNs.e('content'),\n            drpNs.is('left', !singlePanel),\n          ]\"\n        >\n          <div :class=\"drpNs.e('header')\">\n            <button\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              class=\"d-arrow-left\"\n              :disabled=\"quarterRangeDisabled\"\n              @click=\"leftPrevYear\"\n            >\n              <slot name=\"prev-year\">\n                <el-icon><d-arrow-left /></el-icon>\n              </slot>\n            </button>\n            <button\n              v-if=\"unlinkPanels || singlePanel\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow || quarterRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableYearArrow || quarterRangeDisabled),\n              ]\"\n              class=\"d-arrow-right\"\n              @click=\"leftNextYear\"\n            >\n              <slot name=\"next-year\">\n                <el-icon><d-arrow-right /></el-icon>\n              </slot>\n            </button>\n            <div>{{ leftLabel }}</div>\n          </div>\n          <quarter-table\n            selection-mode=\"range\"\n            :date=\"leftDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"quarterRangeDisabled\"\n            :cell-class-name=\"cellClassName\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n        </div>\n        <div\n          v-if=\"!singlePanel\"\n          :class=\"[ppNs.e('content'), drpNs.e('content')]\"\n          class=\"is-right\"\n        >\n          <div :class=\"drpNs.e('header')\">\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow || quarterRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableYearArrow || quarterRangeDisabled),\n              ]\"\n              class=\"d-arrow-left\"\n              @click=\"rightPrevYear\"\n            >\n              <slot name=\"prev-year\">\n                <el-icon><d-arrow-left /></el-icon>\n              </slot>\n            </button>\n            <button\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              class=\"d-arrow-right\"\n              :disabled=\"quarterRangeDisabled\"\n              @click=\"rightNextYear\"\n            >\n              <slot name=\"next-year\">\n                <el-icon><d-arrow-right /></el-icon>\n              </slot>\n            </button>\n            <div>{{ rightLabel }}</div>\n          </div>\n          <quarter-table\n            selection-mode=\"range\"\n            :date=\"rightDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"quarterRangeDisabled\"\n            :cell-class-name=\"cellClassName\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, ref, toRef, unref, watch } from 'vue'\nimport dayjs from 'dayjs'\nimport ElIcon from '@element-plus/components/icon'\nimport { useLocale } from '@element-plus/hooks'\nimport { DArrowLeft, DArrowRight } from '@element-plus/icons-vue'\nimport { PICKER_BASE_INJECTION_KEY } from '@element-plus/components/time-picker'\nimport { isArray } from '@element-plus/utils'\nimport {\n  correctlyParseUserInput,\n  getDefaultValue,\n  isQuarterFullyDisabled,\n  isValidRange,\n  normalizeQuarterDate,\n} from '../utils'\nimport {\n  panelQuarterRangeEmits,\n  panelQuarterRangeProps,\n} from '../props/panel-quarter-range'\nimport { useMonthRangeHeader } from '../composables/use-month-range-header'\nimport { useRangePicker } from '../composables/use-range-picker'\nimport QuarterTable from './basic-quarter-table.vue'\nimport { useFormDisabled } from '@element-plus/components/form'\n\nimport type { Dayjs } from 'dayjs'\n\ntype RangePickValue = {\n  minDate: Dayjs\n  maxDate?: Dayjs\n}\n\ndefineOptions({\n  name: 'DatePickerQuarterRange',\n})\n\nconst props = defineProps(panelQuarterRangeProps)\nconst emit = defineEmits(panelQuarterRangeEmits)\nconst unit = 'year'\n\nconst { lang } = useLocale()\nconst pickerBase = inject(PICKER_BASE_INJECTION_KEY) as any\nconst { shortcuts, cellClassName } = pickerBase.props\nconst disabledDate = toRef(pickerBase.props, 'disabledDate')\nconst format = toRef(pickerBase.props, 'format')\nconst defaultValue = toRef(pickerBase.props, 'defaultValue')\nconst leftDate = ref(dayjs().locale(lang.value))\nconst rightDate = ref(dayjs().locale(lang.value).add(1, unit))\n\nconst {\n  minDate,\n  maxDate,\n  rangeState,\n  ppNs,\n  drpNs,\n  handleChangeRange,\n  handleRangeConfirm,\n  handleShortcutClick,\n  onSelect,\n  parseValue,\n} = useRangePicker(props, {\n  defaultValue,\n  leftDate,\n  rightDate,\n  unit,\n  sortDates,\n})\n\nconst hasShortcuts = computed(() => !!shortcuts.length)\n\nconst {\n  leftPrevYear,\n  rightNextYear,\n  leftNextYear,\n  rightPrevYear,\n  leftLabel,\n  rightLabel,\n  leftYear,\n  rightYear,\n} = useMonthRangeHeader({\n  unlinkPanels: toRef(props, 'unlinkPanels'),\n  leftDate,\n  rightDate,\n})\n\nconst enableYearArrow = computed(() => {\n  return (\n    props.singlePanel ||\n    (props.unlinkPanels && rightYear.value > leftYear.value + 1)\n  )\n})\n\nconst handleRangePick = (val: RangePickValue, close = true) => {\n  const minDate_ = val.minDate\n  const maxDate_ = val.maxDate\n  if (maxDate.value === maxDate_ && minDate.value === minDate_) {\n    return\n  }\n  emit('calendar-change', [minDate_.toDate(), maxDate_ && maxDate_.toDate()])\n  maxDate.value = maxDate_\n  minDate.value = minDate_\n\n  if (!close) return\n  handleRangeConfirm()\n}\n\nconst handleClear = () => {\n  let valueOnClear = null\n  if (pickerBase?.emptyValues) {\n    valueOnClear = pickerBase.emptyValues.valueOnClear.value\n  }\n  leftDate.value = getDefaultValue(unref(defaultValue), {\n    lang: unref(lang),\n    unit: 'year',\n    unlinkPanels: props.unlinkPanels,\n  })[0]\n  rightDate.value = leftDate.value.add(1, 'year')\n  emit('pick', valueOnClear)\n}\n\nconst normalizeQuarterInput = (value: Dayjs) =>\n  normalizeQuarterDate(value, lang.value, disabledDate.value)\n\nconst parseUserInput = (value: Dayjs | Dayjs[]) => {\n  const parsed = correctlyParseUserInput(value, format.value, lang.value)\n\n  if (isArray(parsed)) {\n    return parsed.map((item) => normalizeQuarterInput(item))\n  }\n\n  return normalizeQuarterInput(parsed)\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    !isQuarterFullyDisabled(date[0], lang.value, disabledDate.value) &&\n    !isQuarterFullyDisabled(date[1], lang.value, disabledDate.value)\n  )\n}\n\nfunction sortDates(minDate: Dayjs | undefined, maxDate: Dayjs | undefined) {\n  if (props.unlinkPanels && maxDate) {\n    const minDateYear = minDate?.year() || 0\n    const maxDateYear = maxDate.year()\n    rightDate.value =\n      minDateYear === maxDateYear ? maxDate.add(1, unit) : maxDate\n  } else {\n    rightDate.value = leftDate.value.add(1, unit)\n  }\n}\n\nconst quarterRangeDisabled = useFormDisabled()\n\nwatch(\n  () => props.visible,\n  (visible) => {\n    if (!visible && rangeState.value.selecting) {\n      parseValue(props.parsedValue)\n      onSelect(false)\n    }\n  }\n)\n\nemit('set-picker-option', ['isValidValue', isValidValue])\nemit('set-picker-option', ['parseUserInput', parseUserInput])\nemit('set-picker-option', ['handleClear', handleClear])\n</script>\n"],"mappings":""}
+{"version":3,"file":"panel-quarter-range.mjs","names":["_sfc_main"],"sources":["../../../../../../../packages/components/date-picker-panel/src/date-picker-com/panel-quarter-range.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      ppNs.b(),\n      drpNs.b(),\n      ppNs.is('border', border),\n      ppNs.is('disabled', quarterRangeDisabled),\n      {\n        'has-sidebar': Boolean($slots.sidebar) || hasShortcuts,\n        'single-panel': singlePanel,\n      },\n    ]\"\n  >\n    <div :class=\"ppNs.e('body-wrapper')\">\n      <slot name=\"sidebar\" :class=\"ppNs.e('sidebar')\" />\n      <div v-if=\"hasShortcuts\" :class=\"ppNs.e('sidebar')\">\n        <button\n          v-for=\"(shortcut, key) in shortcuts\"\n          :key=\"key\"\n          type=\"button\"\n          :class=\"ppNs.e('shortcut')\"\n          :disabled=\"quarterRangeDisabled\"\n          @click=\"handleShortcutClick(shortcut)\"\n        >\n          {{ shortcut.text }}\n        </button>\n      </div>\n      <div :class=\"ppNs.e('body')\">\n        <div\n          :class=\"[\n            ppNs.e('content'),\n            drpNs.e('content'),\n            drpNs.is('left', !singlePanel),\n          ]\"\n        >\n          <div :class=\"drpNs.e('header')\">\n            <button\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              class=\"d-arrow-left\"\n              :disabled=\"quarterRangeDisabled\"\n              @click=\"leftPrevYear\"\n            >\n              <slot name=\"prev-year\">\n                <el-icon><d-arrow-left /></el-icon>\n              </slot>\n            </button>\n            <button\n              v-if=\"unlinkPanels || singlePanel\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow || quarterRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableYearArrow || quarterRangeDisabled),\n              ]\"\n              class=\"d-arrow-right\"\n              @click=\"leftNextYear\"\n            >\n              <slot name=\"next-year\">\n                <el-icon><d-arrow-right /></el-icon>\n              </slot>\n            </button>\n            <div>{{ leftLabel }}</div>\n          </div>\n          <quarter-table\n            selection-mode=\"range\"\n            :date=\"leftDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"quarterRangeDisabled\"\n            :cell-class-name=\"cellClassName\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n        </div>\n        <div\n          v-if=\"!singlePanel\"\n          :class=\"[ppNs.e('content'), drpNs.e('content')]\"\n          class=\"is-right\"\n        >\n          <div :class=\"drpNs.e('header')\">\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow || quarterRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableYearArrow || quarterRangeDisabled),\n              ]\"\n              class=\"d-arrow-left\"\n              @click=\"rightPrevYear\"\n            >\n              <slot name=\"prev-year\">\n                <el-icon><d-arrow-left /></el-icon>\n              </slot>\n            </button>\n            <button\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              class=\"d-arrow-right\"\n              :disabled=\"quarterRangeDisabled\"\n              @click=\"rightNextYear\"\n            >\n              <slot name=\"next-year\">\n                <el-icon><d-arrow-right /></el-icon>\n              </slot>\n            </button>\n            <div>{{ rightLabel }}</div>\n          </div>\n          <quarter-table\n            selection-mode=\"range\"\n            :date=\"rightDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"quarterRangeDisabled\"\n            :cell-class-name=\"cellClassName\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, ref, toRef, unref, watch } from 'vue'\nimport dayjs from 'dayjs'\nimport ElIcon from '@element-plus/components/icon'\nimport { useLocale } from '@element-plus/hooks'\nimport { DArrowLeft, DArrowRight } from '@element-plus/icons-vue'\nimport { PICKER_BASE_INJECTION_KEY } from '@element-plus/components/time-picker'\nimport { isArray } from '@element-plus/utils'\nimport {\n  correctlyParseUserInput,\n  getDefaultValue,\n  isQuarterFullyDisabled,\n  isValidRange,\n  normalizeQuarterDate,\n} from '../utils'\nimport {\n  panelQuarterRangeEmits,\n  panelQuarterRangeProps,\n} from '../props/panel-quarter-range'\nimport { useMonthRangeHeader } from '../composables/use-month-range-header'\nimport { useRangePicker } from '../composables/use-range-picker'\nimport QuarterTable from './basic-quarter-table.vue'\nimport { useFormDisabled } from '@element-plus/components/form'\n\nimport type { Dayjs } from 'dayjs'\n\ntype RangePickValue = {\n  minDate: Dayjs\n  maxDate?: Dayjs\n}\n\ndefineOptions({\n  name: 'DatePickerQuarterRange',\n})\n\nconst props = defineProps(panelQuarterRangeProps)\nconst emit = defineEmits(panelQuarterRangeEmits)\nconst unit = 'year'\n\nconst { lang } = useLocale()\nconst pickerBase = inject(PICKER_BASE_INJECTION_KEY) as any\nconst { cellClassName } = pickerBase.props\nconst shortcuts = toRef(pickerBase.props, 'shortcuts')\nconst disabledDate = toRef(pickerBase.props, 'disabledDate')\nconst format = toRef(pickerBase.props, 'format')\nconst defaultValue = toRef(pickerBase.props, 'defaultValue')\nconst leftDate = ref(dayjs().locale(lang.value))\nconst rightDate = ref(dayjs().locale(lang.value).add(1, unit))\n\nconst {\n  minDate,\n  maxDate,\n  rangeState,\n  ppNs,\n  drpNs,\n  handleChangeRange,\n  handleRangeConfirm,\n  handleShortcutClick,\n  onSelect,\n  parseValue,\n} = useRangePicker(props, {\n  defaultValue,\n  leftDate,\n  rightDate,\n  unit,\n  sortDates,\n})\n\nconst hasShortcuts = computed(() => !!shortcuts.value.length)\n\nconst {\n  leftPrevYear,\n  rightNextYear,\n  leftNextYear,\n  rightPrevYear,\n  leftLabel,\n  rightLabel,\n  leftYear,\n  rightYear,\n} = useMonthRangeHeader({\n  unlinkPanels: toRef(props, 'unlinkPanels'),\n  leftDate,\n  rightDate,\n})\n\nconst enableYearArrow = computed(() => {\n  return (\n    props.singlePanel ||\n    (props.unlinkPanels && rightYear.value > leftYear.value + 1)\n  )\n})\n\nconst handleRangePick = (val: RangePickValue, close = true) => {\n  const minDate_ = val.minDate\n  const maxDate_ = val.maxDate\n  if (maxDate.value === maxDate_ && minDate.value === minDate_) {\n    return\n  }\n  emit('calendar-change', [minDate_.toDate(), maxDate_ && maxDate_.toDate()])\n  maxDate.value = maxDate_\n  minDate.value = minDate_\n\n  if (!close) return\n  handleRangeConfirm()\n}\n\nconst handleClear = () => {\n  let valueOnClear = null\n  if (pickerBase?.emptyValues) {\n    valueOnClear = pickerBase.emptyValues.valueOnClear.value\n  }\n  leftDate.value = getDefaultValue(unref(defaultValue), {\n    lang: unref(lang),\n    unit: 'year',\n    unlinkPanels: props.unlinkPanels,\n  })[0]\n  rightDate.value = leftDate.value.add(1, 'year')\n  emit('pick', valueOnClear)\n}\n\nconst normalizeQuarterInput = (value: Dayjs) =>\n  normalizeQuarterDate(value, lang.value, disabledDate.value)\n\nconst parseUserInput = (value: Dayjs | Dayjs[]) => {\n  const parsed = correctlyParseUserInput(value, format.value, lang.value)\n\n  if (isArray(parsed)) {\n    return parsed.map((item) => normalizeQuarterInput(item))\n  }\n\n  return normalizeQuarterInput(parsed)\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    !isQuarterFullyDisabled(date[0], lang.value, disabledDate.value) &&\n    !isQuarterFullyDisabled(date[1], lang.value, disabledDate.value)\n  )\n}\n\nfunction sortDates(minDate: Dayjs | undefined, maxDate: Dayjs | undefined) {\n  if (props.unlinkPanels && maxDate) {\n    const minDateYear = minDate?.year() || 0\n    const maxDateYear = maxDate.year()\n    rightDate.value =\n      minDateYear === maxDateYear ? maxDate.add(1, unit) : maxDate\n  } else {\n    rightDate.value = leftDate.value.add(1, unit)\n  }\n}\n\nconst quarterRangeDisabled = useFormDisabled()\n\nwatch(\n  () => props.visible,\n  (visible) => {\n    if (!visible && rangeState.value.selecting) {\n      parseValue(props.parsedValue)\n      onSelect(false)\n    }\n  }\n)\n\nemit('set-picker-option', ['isValidValue', isValidValue])\nemit('set-picker-option', ['parseUserInput', parseUserInput])\nemit('set-picker-option', ['handleClear', handleClear])\n</script>\n"],"mappings":""}

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

@@ -47,12 +47,12 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
   readonly singlePanel: BooleanConstructor;
 }>> & Readonly<{}>, {
-  readonly disabled: boolean;
   readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly border: boolean;
+  readonly disabled: boolean;
+  readonly unlinkPanels: boolean;
   readonly showConfirm: boolean;
   readonly showFooter: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly unlinkPanels: boolean;
   readonly singlePanel: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -28,7 +28,8 @@ var panel_quarter_range_vue_vue_type_script_setup_true_lang_default = /*@__PURE_
 		const emit = __emit;
 		const { lang } = useLocale();
 		const pickerBase = inject(PICKER_BASE_INJECTION_KEY);
-		const { shortcuts, cellClassName } = pickerBase.props;
+		const { cellClassName } = pickerBase.props;
+		const shortcuts = toRef(pickerBase.props, "shortcuts");
 		const disabledDate = toRef(pickerBase.props, "disabledDate");
 		const format = toRef(pickerBase.props, "format");
 		const defaultValue = toRef(pickerBase.props, "defaultValue");
@@ -41,7 +42,7 @@ var panel_quarter_range_vue_vue_type_script_setup_true_lang_default = /*@__PURE_
 			unit,
 			sortDates
 		});
-		const hasShortcuts = computed(() => !!shortcuts.length);
+		const hasShortcuts = computed(() => !!shortcuts.value.length);
 		const { leftPrevYear, rightNextYear, leftNextYear, rightPrevYear, leftLabel, rightLabel, leftYear, rightYear } = useMonthRangeHeader({
 			unlinkPanels: toRef(props, "unlinkPanels"),
 			leftDate,
@@ -112,7 +113,7 @@ var panel_quarter_range_vue_vue_type_script_setup_true_lang_default = /*@__PURE_
 				hasShortcuts.value ? (openBlock(), createElementBlock("div", {
 					key: 0,
 					class: normalizeClass(unref(ppNs).e("sidebar"))
-				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(shortcuts), (shortcut, key) => {
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(shortcuts.value, (shortcut, key) => {
 					return openBlock(), createElementBlock("button", {
 						key,
 						type: "button",

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

@@ -1 +1 @@
-{"version":3,"file":"panel-quarter-range.vue_vue_type_script_setup_true_lang.mjs","names":["border","$slots","singlePanel","unlinkPanels","_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_renderSlot","_Fragment","_renderList","_toDisplayString","_createCommentVNode","_createVNode","_withCtx","QuarterTable"],"sources":["../../../../../../../packages/components/date-picker-panel/src/date-picker-com/panel-quarter-range.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      ppNs.b(),\n      drpNs.b(),\n      ppNs.is('border', border),\n      ppNs.is('disabled', quarterRangeDisabled),\n      {\n        'has-sidebar': Boolean($slots.sidebar) || hasShortcuts,\n        'single-panel': singlePanel,\n      },\n    ]\"\n  >\n    <div :class=\"ppNs.e('body-wrapper')\">\n      <slot name=\"sidebar\" :class=\"ppNs.e('sidebar')\" />\n      <div v-if=\"hasShortcuts\" :class=\"ppNs.e('sidebar')\">\n        <button\n          v-for=\"(shortcut, key) in shortcuts\"\n          :key=\"key\"\n          type=\"button\"\n          :class=\"ppNs.e('shortcut')\"\n          :disabled=\"quarterRangeDisabled\"\n          @click=\"handleShortcutClick(shortcut)\"\n        >\n          {{ shortcut.text }}\n        </button>\n      </div>\n      <div :class=\"ppNs.e('body')\">\n        <div\n          :class=\"[\n            ppNs.e('content'),\n            drpNs.e('content'),\n            drpNs.is('left', !singlePanel),\n          ]\"\n        >\n          <div :class=\"drpNs.e('header')\">\n            <button\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              class=\"d-arrow-left\"\n              :disabled=\"quarterRangeDisabled\"\n              @click=\"leftPrevYear\"\n            >\n              <slot name=\"prev-year\">\n                <el-icon><d-arrow-left /></el-icon>\n              </slot>\n            </button>\n            <button\n              v-if=\"unlinkPanels || singlePanel\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow || quarterRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableYearArrow || quarterRangeDisabled),\n              ]\"\n              class=\"d-arrow-right\"\n              @click=\"leftNextYear\"\n            >\n              <slot name=\"next-year\">\n                <el-icon><d-arrow-right /></el-icon>\n              </slot>\n            </button>\n            <div>{{ leftLabel }}</div>\n          </div>\n          <quarter-table\n            selection-mode=\"range\"\n            :date=\"leftDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"quarterRangeDisabled\"\n            :cell-class-name=\"cellClassName\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n        </div>\n        <div\n          v-if=\"!singlePanel\"\n          :class=\"[ppNs.e('content'), drpNs.e('content')]\"\n          class=\"is-right\"\n        >\n          <div :class=\"drpNs.e('header')\">\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow || quarterRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableYearArrow || quarterRangeDisabled),\n              ]\"\n              class=\"d-arrow-left\"\n              @click=\"rightPrevYear\"\n            >\n              <slot name=\"prev-year\">\n                <el-icon><d-arrow-left /></el-icon>\n              </slot>\n            </button>\n            <button\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              class=\"d-arrow-right\"\n              :disabled=\"quarterRangeDisabled\"\n              @click=\"rightNextYear\"\n            >\n              <slot name=\"next-year\">\n                <el-icon><d-arrow-right /></el-icon>\n              </slot>\n            </button>\n            <div>{{ rightLabel }}</div>\n          </div>\n          <quarter-table\n            selection-mode=\"range\"\n            :date=\"rightDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"quarterRangeDisabled\"\n            :cell-class-name=\"cellClassName\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, ref, toRef, unref, watch } from 'vue'\nimport dayjs from 'dayjs'\nimport ElIcon from '@element-plus/components/icon'\nimport { useLocale } from '@element-plus/hooks'\nimport { DArrowLeft, DArrowRight } from '@element-plus/icons-vue'\nimport { PICKER_BASE_INJECTION_KEY } from '@element-plus/components/time-picker'\nimport { isArray } from '@element-plus/utils'\nimport {\n  correctlyParseUserInput,\n  getDefaultValue,\n  isQuarterFullyDisabled,\n  isValidRange,\n  normalizeQuarterDate,\n} from '../utils'\nimport {\n  panelQuarterRangeEmits,\n  panelQuarterRangeProps,\n} from '../props/panel-quarter-range'\nimport { useMonthRangeHeader } from '../composables/use-month-range-header'\nimport { useRangePicker } from '../composables/use-range-picker'\nimport QuarterTable from './basic-quarter-table.vue'\nimport { useFormDisabled } from '@element-plus/components/form'\n\nimport type { Dayjs } from 'dayjs'\n\ntype RangePickValue = {\n  minDate: Dayjs\n  maxDate?: Dayjs\n}\n\ndefineOptions({\n  name: 'DatePickerQuarterRange',\n})\n\nconst props = defineProps(panelQuarterRangeProps)\nconst emit = defineEmits(panelQuarterRangeEmits)\nconst unit = 'year'\n\nconst { lang } = useLocale()\nconst pickerBase = inject(PICKER_BASE_INJECTION_KEY) as any\nconst { shortcuts, cellClassName } = pickerBase.props\nconst disabledDate = toRef(pickerBase.props, 'disabledDate')\nconst format = toRef(pickerBase.props, 'format')\nconst defaultValue = toRef(pickerBase.props, 'defaultValue')\nconst leftDate = ref(dayjs().locale(lang.value))\nconst rightDate = ref(dayjs().locale(lang.value).add(1, unit))\n\nconst {\n  minDate,\n  maxDate,\n  rangeState,\n  ppNs,\n  drpNs,\n  handleChangeRange,\n  handleRangeConfirm,\n  handleShortcutClick,\n  onSelect,\n  parseValue,\n} = useRangePicker(props, {\n  defaultValue,\n  leftDate,\n  rightDate,\n  unit,\n  sortDates,\n})\n\nconst hasShortcuts = computed(() => !!shortcuts.length)\n\nconst {\n  leftPrevYear,\n  rightNextYear,\n  leftNextYear,\n  rightPrevYear,\n  leftLabel,\n  rightLabel,\n  leftYear,\n  rightYear,\n} = useMonthRangeHeader({\n  unlinkPanels: toRef(props, 'unlinkPanels'),\n  leftDate,\n  rightDate,\n})\n\nconst enableYearArrow = computed(() => {\n  return (\n    props.singlePanel ||\n    (props.unlinkPanels && rightYear.value > leftYear.value + 1)\n  )\n})\n\nconst handleRangePick = (val: RangePickValue, close = true) => {\n  const minDate_ = val.minDate\n  const maxDate_ = val.maxDate\n  if (maxDate.value === maxDate_ && minDate.value === minDate_) {\n    return\n  }\n  emit('calendar-change', [minDate_.toDate(), maxDate_ && maxDate_.toDate()])\n  maxDate.value = maxDate_\n  minDate.value = minDate_\n\n  if (!close) return\n  handleRangeConfirm()\n}\n\nconst handleClear = () => {\n  let valueOnClear = null\n  if (pickerBase?.emptyValues) {\n    valueOnClear = pickerBase.emptyValues.valueOnClear.value\n  }\n  leftDate.value = getDefaultValue(unref(defaultValue), {\n    lang: unref(lang),\n    unit: 'year',\n    unlinkPanels: props.unlinkPanels,\n  })[0]\n  rightDate.value = leftDate.value.add(1, 'year')\n  emit('pick', valueOnClear)\n}\n\nconst normalizeQuarterInput = (value: Dayjs) =>\n  normalizeQuarterDate(value, lang.value, disabledDate.value)\n\nconst parseUserInput = (value: Dayjs | Dayjs[]) => {\n  const parsed = correctlyParseUserInput(value, format.value, lang.value)\n\n  if (isArray(parsed)) {\n    return parsed.map((item) => normalizeQuarterInput(item))\n  }\n\n  return normalizeQuarterInput(parsed)\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    !isQuarterFullyDisabled(date[0], lang.value, disabledDate.value) &&\n    !isQuarterFullyDisabled(date[1], lang.value, disabledDate.value)\n  )\n}\n\nfunction sortDates(minDate: Dayjs | undefined, maxDate: Dayjs | undefined) {\n  if (props.unlinkPanels && maxDate) {\n    const minDateYear = minDate?.year() || 0\n    const maxDateYear = maxDate.year()\n    rightDate.value =\n      minDateYear === maxDateYear ? maxDate.add(1, unit) : maxDate\n  } else {\n    rightDate.value = leftDate.value.add(1, unit)\n  }\n}\n\nconst quarterRangeDisabled = useFormDisabled()\n\nwatch(\n  () => props.visible,\n  (visible) => {\n    if (!visible && rangeState.value.selecting) {\n      parseValue(props.parsedValue)\n      onSelect(false)\n    }\n  }\n)\n\nemit('set-picker-option', ['isValidValue', isValidValue])\nemit('set-picker-option', ['parseUserInput', parseUserInput])\nemit('set-picker-option', ['handleClear', handleClear])\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"panel-quarter-range.vue_vue_type_script_setup_true_lang.mjs","names":["border","$slots","singlePanel","unlinkPanels","_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_renderSlot","_Fragment","_renderList","_toDisplayString","_createCommentVNode","_createVNode","_withCtx","QuarterTable"],"sources":["../../../../../../../packages/components/date-picker-panel/src/date-picker-com/panel-quarter-range.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      ppNs.b(),\n      drpNs.b(),\n      ppNs.is('border', border),\n      ppNs.is('disabled', quarterRangeDisabled),\n      {\n        'has-sidebar': Boolean($slots.sidebar) || hasShortcuts,\n        'single-panel': singlePanel,\n      },\n    ]\"\n  >\n    <div :class=\"ppNs.e('body-wrapper')\">\n      <slot name=\"sidebar\" :class=\"ppNs.e('sidebar')\" />\n      <div v-if=\"hasShortcuts\" :class=\"ppNs.e('sidebar')\">\n        <button\n          v-for=\"(shortcut, key) in shortcuts\"\n          :key=\"key\"\n          type=\"button\"\n          :class=\"ppNs.e('shortcut')\"\n          :disabled=\"quarterRangeDisabled\"\n          @click=\"handleShortcutClick(shortcut)\"\n        >\n          {{ shortcut.text }}\n        </button>\n      </div>\n      <div :class=\"ppNs.e('body')\">\n        <div\n          :class=\"[\n            ppNs.e('content'),\n            drpNs.e('content'),\n            drpNs.is('left', !singlePanel),\n          ]\"\n        >\n          <div :class=\"drpNs.e('header')\">\n            <button\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              class=\"d-arrow-left\"\n              :disabled=\"quarterRangeDisabled\"\n              @click=\"leftPrevYear\"\n            >\n              <slot name=\"prev-year\">\n                <el-icon><d-arrow-left /></el-icon>\n              </slot>\n            </button>\n            <button\n              v-if=\"unlinkPanels || singlePanel\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow || quarterRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableYearArrow || quarterRangeDisabled),\n              ]\"\n              class=\"d-arrow-right\"\n              @click=\"leftNextYear\"\n            >\n              <slot name=\"next-year\">\n                <el-icon><d-arrow-right /></el-icon>\n              </slot>\n            </button>\n            <div>{{ leftLabel }}</div>\n          </div>\n          <quarter-table\n            selection-mode=\"range\"\n            :date=\"leftDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"quarterRangeDisabled\"\n            :cell-class-name=\"cellClassName\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n        </div>\n        <div\n          v-if=\"!singlePanel\"\n          :class=\"[ppNs.e('content'), drpNs.e('content')]\"\n          class=\"is-right\"\n        >\n          <div :class=\"drpNs.e('header')\">\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow || quarterRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableYearArrow || quarterRangeDisabled),\n              ]\"\n              class=\"d-arrow-left\"\n              @click=\"rightPrevYear\"\n            >\n              <slot name=\"prev-year\">\n                <el-icon><d-arrow-left /></el-icon>\n              </slot>\n            </button>\n            <button\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              class=\"d-arrow-right\"\n              :disabled=\"quarterRangeDisabled\"\n              @click=\"rightNextYear\"\n            >\n              <slot name=\"next-year\">\n                <el-icon><d-arrow-right /></el-icon>\n              </slot>\n            </button>\n            <div>{{ rightLabel }}</div>\n          </div>\n          <quarter-table\n            selection-mode=\"range\"\n            :date=\"rightDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"quarterRangeDisabled\"\n            :cell-class-name=\"cellClassName\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, ref, toRef, unref, watch } from 'vue'\nimport dayjs from 'dayjs'\nimport ElIcon from '@element-plus/components/icon'\nimport { useLocale } from '@element-plus/hooks'\nimport { DArrowLeft, DArrowRight } from '@element-plus/icons-vue'\nimport { PICKER_BASE_INJECTION_KEY } from '@element-plus/components/time-picker'\nimport { isArray } from '@element-plus/utils'\nimport {\n  correctlyParseUserInput,\n  getDefaultValue,\n  isQuarterFullyDisabled,\n  isValidRange,\n  normalizeQuarterDate,\n} from '../utils'\nimport {\n  panelQuarterRangeEmits,\n  panelQuarterRangeProps,\n} from '../props/panel-quarter-range'\nimport { useMonthRangeHeader } from '../composables/use-month-range-header'\nimport { useRangePicker } from '../composables/use-range-picker'\nimport QuarterTable from './basic-quarter-table.vue'\nimport { useFormDisabled } from '@element-plus/components/form'\n\nimport type { Dayjs } from 'dayjs'\n\ntype RangePickValue = {\n  minDate: Dayjs\n  maxDate?: Dayjs\n}\n\ndefineOptions({\n  name: 'DatePickerQuarterRange',\n})\n\nconst props = defineProps(panelQuarterRangeProps)\nconst emit = defineEmits(panelQuarterRangeEmits)\nconst unit = 'year'\n\nconst { lang } = useLocale()\nconst pickerBase = inject(PICKER_BASE_INJECTION_KEY) as any\nconst { cellClassName } = pickerBase.props\nconst shortcuts = toRef(pickerBase.props, 'shortcuts')\nconst disabledDate = toRef(pickerBase.props, 'disabledDate')\nconst format = toRef(pickerBase.props, 'format')\nconst defaultValue = toRef(pickerBase.props, 'defaultValue')\nconst leftDate = ref(dayjs().locale(lang.value))\nconst rightDate = ref(dayjs().locale(lang.value).add(1, unit))\n\nconst {\n  minDate,\n  maxDate,\n  rangeState,\n  ppNs,\n  drpNs,\n  handleChangeRange,\n  handleRangeConfirm,\n  handleShortcutClick,\n  onSelect,\n  parseValue,\n} = useRangePicker(props, {\n  defaultValue,\n  leftDate,\n  rightDate,\n  unit,\n  sortDates,\n})\n\nconst hasShortcuts = computed(() => !!shortcuts.value.length)\n\nconst {\n  leftPrevYear,\n  rightNextYear,\n  leftNextYear,\n  rightPrevYear,\n  leftLabel,\n  rightLabel,\n  leftYear,\n  rightYear,\n} = useMonthRangeHeader({\n  unlinkPanels: toRef(props, 'unlinkPanels'),\n  leftDate,\n  rightDate,\n})\n\nconst enableYearArrow = computed(() => {\n  return (\n    props.singlePanel ||\n    (props.unlinkPanels && rightYear.value > leftYear.value + 1)\n  )\n})\n\nconst handleRangePick = (val: RangePickValue, close = true) => {\n  const minDate_ = val.minDate\n  const maxDate_ = val.maxDate\n  if (maxDate.value === maxDate_ && minDate.value === minDate_) {\n    return\n  }\n  emit('calendar-change', [minDate_.toDate(), maxDate_ && maxDate_.toDate()])\n  maxDate.value = maxDate_\n  minDate.value = minDate_\n\n  if (!close) return\n  handleRangeConfirm()\n}\n\nconst handleClear = () => {\n  let valueOnClear = null\n  if (pickerBase?.emptyValues) {\n    valueOnClear = pickerBase.emptyValues.valueOnClear.value\n  }\n  leftDate.value = getDefaultValue(unref(defaultValue), {\n    lang: unref(lang),\n    unit: 'year',\n    unlinkPanels: props.unlinkPanels,\n  })[0]\n  rightDate.value = leftDate.value.add(1, 'year')\n  emit('pick', valueOnClear)\n}\n\nconst normalizeQuarterInput = (value: Dayjs) =>\n  normalizeQuarterDate(value, lang.value, disabledDate.value)\n\nconst parseUserInput = (value: Dayjs | Dayjs[]) => {\n  const parsed = correctlyParseUserInput(value, format.value, lang.value)\n\n  if (isArray(parsed)) {\n    return parsed.map((item) => normalizeQuarterInput(item))\n  }\n\n  return normalizeQuarterInput(parsed)\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    !isQuarterFullyDisabled(date[0], lang.value, disabledDate.value) &&\n    !isQuarterFullyDisabled(date[1], lang.value, disabledDate.value)\n  )\n}\n\nfunction sortDates(minDate: Dayjs | undefined, maxDate: Dayjs | undefined) {\n  if (props.unlinkPanels && maxDate) {\n    const minDateYear = minDate?.year() || 0\n    const maxDateYear = maxDate.year()\n    rightDate.value =\n      minDateYear === maxDateYear ? maxDate.add(1, unit) : maxDate\n  } else {\n    rightDate.value = leftDate.value.add(1, unit)\n  }\n}\n\nconst quarterRangeDisabled = useFormDisabled()\n\nwatch(\n  () => props.visible,\n  (visible) => {\n    if (!visible && rangeState.value.selecting) {\n      parseValue(props.parsedValue)\n      onSelect(false)\n    }\n  }\n)\n\nemit('set-picker-option', ['isValidValue', isValidValue])\nemit('set-picker-option', ['parseUserInput', parseUserInput])\nemit('set-picker-option', ['handleClear', handleClear])\n</script>\n"],"mappings":"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"}

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

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

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

@@ -47,12 +47,12 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
   readonly singlePanel: BooleanConstructor;
 }>> & Readonly<{}>, {
-  readonly disabled: boolean;
   readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly border: boolean;
+  readonly disabled: boolean;
+  readonly unlinkPanels: boolean;
   readonly showConfirm: boolean;
   readonly showFooter: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly unlinkPanels: boolean;
   readonly singlePanel: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -30,7 +30,8 @@ var panel_year_range_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		const leftDate = ref(dayjs().locale(lang.value));
 		const rightDate = ref(dayjs().locale(lang.value).add(step, unit));
 		const pickerBase = inject(PICKER_BASE_INJECTION_KEY);
-		const { shortcuts, cellClassName } = pickerBase.props;
+		const { cellClassName } = pickerBase.props;
+		const shortcuts = toRef(pickerBase.props, "shortcuts");
 		const disabledDate = toRef(pickerBase.props, "disabledDate");
 		const format = toRef(pickerBase.props, "format");
 		const defaultValue = toRef(pickerBase.props, "defaultValue");
@@ -48,7 +49,7 @@ var panel_year_range_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 			rightDate
 		});
 		const yearRangeDisabled = useFormDisabled();
-		const hasShortcuts = computed(() => !!shortcuts.length);
+		const hasShortcuts = computed(() => !!shortcuts.value.length);
 		const panelKls = computed(() => [
 			ppNs.b(),
 			drpNs.b(),
@@ -143,7 +144,7 @@ var panel_year_range_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 				hasShortcuts.value ? (openBlock(), createElementBlock("div", {
 					key: 0,
 					class: normalizeClass(unref(ppNs).e("sidebar"))
-				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(shortcuts), (shortcut, key) => {
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(shortcuts.value, (shortcut, key) => {
 					return openBlock(), createElementBlock("button", {
 						key,
 						type: "button",

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

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

package/es/components/date-picker-panel/src/date-picker-panel.d.ts

@@ -65,7 +65,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     __epPropKey: true;
   };
   readonly isRange: BooleanConstructor;
-}>, () => _$vue_jsx_runtime0.JSX.Element, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("update:modelValue" | "clear" | "calendar-change" | "panel-change" | "visible-change")[], "update:modelValue" | "clear" | "calendar-change" | "panel-change" | "visible-change", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
+}>, () => _$vue_jsx_runtime0.JSX.Element, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("clear" | "update:modelValue" | "calendar-change" | "panel-change" | "visible-change")[], "clear" | "update:modelValue" | "calendar-change" | "panel-change" | "visible-change", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   readonly disabledDate: {
     readonly type: _$vue.PropType<Function>;
     readonly required: false;
@@ -126,25 +126,25 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
   readonly isRange: BooleanConstructor;
 }>> & Readonly<{
-  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
   onClear?: ((...args: any[]) => any) | undefined;
+  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
   "onCalendar-change"?: ((...args: any[]) => any) | undefined;
   "onPanel-change"?: ((...args: any[]) => any) | undefined;
   "onVisible-change"?: ((...args: any[]) => any) | undefined;
 }>, {
   readonly type: EpPropMergeType<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType) | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType)) | null)[], unknown, unknown>;
+  readonly border: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly modelValue: EpPropMergeType<(new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType) | (((new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType)) | null)[], unknown, unknown>;
-  readonly clearable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly border: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly shortcuts: unknown[];
   readonly showNow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly clearable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly arrowControl: boolean;
+  readonly unlinkPanels: boolean;
   readonly showConfirm: boolean;
   readonly showFooter: boolean;
   readonly showWeekNumber: boolean;
-  readonly arrowControl: boolean;
-  readonly unlinkPanels: boolean;
   readonly isRange: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 //#endregion