@element-plus/nightly 0.0.20261019 → 0.0.20261021

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

@@ -1 +1 @@
-{"version":3,"file":"panel-month-range.js","names":["_sfc_main"],"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":""}
+{"version":3,"file":"panel-month-range.js","names":["_sfc_main"],"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":""}

package/lib/components/date-picker-panel/src/date-picker-com/panel-month-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/lib/components/date-picker-panel/src/date-picker-com/panel-month-range.vue_vue_type_script_setup_true_lang.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"panel-month-range.vue_vue_type_script_setup_true_lang.js","names":["border","$slots","singlePanel","unlinkPanels","panelMonthRangeProps","panelMonthRangeEmits","useLocale","inject","PICKER_BASE_INJECTION_KEY","toRef","ref","useRangePicker","computed","useMonthRangeHeader","getDefaultValue","unref","correctlyParseUserInput","useFormDisabled","isValidRange","_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_renderSlot","_Fragment","_renderList","_toDisplayString","_createCommentVNode","_createVNode","ElIcon","_withCtx","DArrowLeft","DArrowRight","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.js","names":["border","$slots","singlePanel","unlinkPanels","panelMonthRangeProps","panelMonthRangeEmits","useLocale","inject","PICKER_BASE_INJECTION_KEY","toRef","ref","useRangePicker","computed","useMonthRangeHeader","getDefaultValue","unref","correctlyParseUserInput","useFormDisabled","isValidRange","_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_renderSlot","_Fragment","_renderList","_toDisplayString","_createCommentVNode","_createVNode","ElIcon","_withCtx","DArrowLeft","DArrowRight","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/lib/components/date-picker-panel/src/date-picker-com/panel-quarter-range.js.map

@@ -1 +1 @@
-{"version":3,"file":"panel-quarter-range.js","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.js","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/lib/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/lib/components/date-picker-panel/src/date-picker-com/panel-quarter-range.vue_vue_type_script_setup_true_lang.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"panel-quarter-range.vue_vue_type_script_setup_true_lang.js","names":["border","$slots","singlePanel","unlinkPanels","panelQuarterRangeProps","panelQuarterRangeEmits","useLocale","inject","PICKER_BASE_INJECTION_KEY","toRef","ref","useRangePicker","computed","useMonthRangeHeader","getDefaultValue","unref","normalizeQuarterDate","correctlyParseUserInput","isArray","isValidRange","isQuarterFullyDisabled","useFormDisabled","_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_renderSlot","_Fragment","_renderList","_toDisplayString","_createCommentVNode","_createVNode","ElIcon","_withCtx","DArrowLeft","DArrowRight","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.js","names":["border","$slots","singlePanel","unlinkPanels","panelQuarterRangeProps","panelQuarterRangeEmits","useLocale","inject","PICKER_BASE_INJECTION_KEY","toRef","ref","useRangePicker","computed","useMonthRangeHeader","getDefaultValue","unref","normalizeQuarterDate","correctlyParseUserInput","isArray","isValidRange","isQuarterFullyDisabled","useFormDisabled","_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_renderSlot","_Fragment","_renderList","_toDisplayString","_createCommentVNode","_createVNode","ElIcon","_withCtx","DArrowLeft","DArrowRight","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":";;;;;;;;;;;;;;;;;;;;;AAwKA,MAAM,OAAO;;;;;;;EAFb,MAAM,QAAQ;EACd,MAAM,OAAO;EAGb,MAAM,EAAE,SAASM,cAAAA,UAAU;EAC3B,MAAM,cAAA,GAAaC,IAAAA,OAAAA,CAAOC,kBAAAA,yBAAyB;EACnD,MAAM,EAAE,kBAAkB,WAAW;EACrC,MAAM,aAAA,GAAYC,IAAAA,MAAAA,CAAM,WAAW,OAAO,WAAW;EACrD,MAAM,gBAAA,GAAeA,IAAAA,MAAAA,CAAM,WAAW,OAAO,cAAc;EAC3D,MAAM,UAAA,GAASA,IAAAA,MAAAA,CAAM,WAAW,OAAO,QAAQ;EAC/C,MAAM,gBAAA,GAAeA,IAAAA,MAAAA,CAAM,WAAW,OAAO,cAAc;EAC3D,MAAM,YAAA,GAAWC,IAAAA,IAAAA,EAAAA,GAAI,MAAA,QAAA,CAAM,CAAC,CAAC,OAAO,KAAK,KAAK,CAAC;EAC/C,MAAM,aAAA,GAAYA,IAAAA,IAAAA,EAAAA,GAAI,MAAA,QAAA,CAAM,CAAC,CAAC,OAAO,KAAK,KAAK,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC;EAE7D,MAAM,EACJ,SACA,SACA,YACA,MACA,OACA,mBACA,oBACA,qBACA,UACA,eACEC,yBAAAA,eAAe,OAAO;GACxB;GACA;GACA;GACA;GACA;EACF,CAAC;EAED,MAAM,gBAAA,GAAeC,IAAAA,SAAAA,OAAe,CAAC,CAAC,UAAU,MAAM,MAAM;EAE5D,MAAM,EACJ,cACA,eACA,cACA,eACA,WACA,YACA,UACA,cACEC,+BAAAA,oBAAoB;GACtB,eAAA,GAAcJ,IAAAA,MAAAA,CAAM,OAAO,cAAc;GACzC;GACA;EACF,CAAC;EAED,MAAM,mBAAA,GAAkBG,IAAAA,SAAAA,OAAe;GACrC,OACE,MAAM,eACL,MAAM,gBAAgB,UAAU,QAAQ,SAAS,QAAQ;EAE9D,CAAC;EAED,MAAM,mBAAmB,KAAqB,QAAQ,SAAS;GAC7D,MAAM,WAAW,IAAI;GACrB,MAAM,WAAW,IAAI;GACrB,IAAI,QAAQ,UAAU,YAAY,QAAQ,UAAU,UAClD;GAEF,KAAK,mBAAmB,CAAC,SAAS,OAAO,GAAG,YAAY,SAAS,OAAO,CAAC,CAAC;GAC1E,QAAQ,QAAQ;GAChB,QAAQ,QAAQ;GAEhB,IAAI,CAAC,OAAO;GACZ,mBAAmB;EACrB;EAEA,MAAM,oBAAoB;GACxB,IAAI,eAAe;GACnB,IAAI,YAAY,aACd,eAAe,WAAW,YAAY,aAAa;GAErD,SAAS,QAAQE,cAAAA,iBAAAA,GAAgBC,IAAAA,MAAAA,CAAM,YAAY,GAAG;IACpD,OAAA,GAAMA,IAAAA,MAAAA,CAAM,IAAI;IAChB,MAAM;IACN,cAAc,MAAM;GACtB,CAAC,CAAC,CAAC;GACH,UAAU,QAAQ,SAAS,MAAM,IAAI,GAAG,MAAM;GAC9C,KAAK,QAAQ,YAAY;EAC3B;EAEA,MAAM,yBAAyB,UAC7BC,cAAAA,qBAAqB,OAAO,KAAK,OAAO,aAAa,KAAK;EAE5D,MAAM,kBAAkB,UAA2B;GACjD,MAAM,SAASC,cAAAA,wBAAwB,OAAO,OAAO,OAAO,KAAK,KAAK;GAEtE,KAAA,GAAIC,YAAAA,QAAAA,CAAQ,MAAM,GAChB,OAAO,OAAO,KAAK,SAAS,sBAAsB,IAAI,CAAC;GAGzD,OAAO,sBAAsB,MAAM;EACrC;EAEA,MAAM,gBAAgB,SAAyB;GAC7C,OACEC,cAAAA,aAAa,IAAI,MAChB,aAAa,QACV,CAAC,aAAa,MAAM,KAAK,EAAE,CAAC,OAAO,CAAC,KACpC,CAAC,aAAa,MAAM,KAAK,EAAE,CAAC,OAAO,CAAC,IACpC,SACJ,CAACC,cAAAA,uBAAuB,KAAK,IAAI,KAAK,OAAO,aAAa,KAAK,KAC/D,CAACA,cAAAA,uBAAuB,KAAK,IAAI,KAAK,OAAO,aAAa,KAAK;EAEnE;EAEA,SAAS,UAAU,SAA4B,SAA4B;GACzE,IAAI,MAAM,gBAAgB,SAAS;IACjC,MAAM,cAAc,SAAS,KAAK,KAAK;IACvC,MAAM,cAAc,QAAQ,KAAK;IACjC,UAAU,QACR,gBAAgB,cAAc,QAAQ,IAAI,GAAG,IAAI,IAAI;GACzD,OACE,UAAU,QAAQ,SAAS,MAAM,IAAI,GAAG,IAAI;EAEhD;EAEA,MAAM,uBAAuBC,8BAAAA,gBAAgB;EAE7C,CAAA,GAAA,IAAA,MAAA,OACQ,MAAM,UACX,YAAY;GACX,IAAI,CAAC,WAAW,WAAW,MAAM,WAAW;IAC1C,WAAW,MAAM,WAAW;IAC5B,SAAS,KAAK;GAChB;EACF,CACF;EAEA,KAAK,qBAAqB,CAAC,gBAAgB,YAAY,CAAC;EACxD,KAAK,qBAAqB,CAAC,kBAAkB,cAAc,CAAC;EAC5D,KAAK,qBAAqB,CAAC,eAAe,WAAW,CAAC;;GA5SpD,QAAA,GAAAC,IAAAA,UAAAA,CAAA,IAAA,GAAAC,IAAAA,mBAAAA,CA+HM,OAAA,EA9HH,QAAA,GAAKC,IAAAA,eAAAA,CAAA;KAAUC,GAAAA,IAAAA,MAAAA,CAAA,IAAA,CAAI,CAAC,EAAC;KAAUA,GAAAA,IAAAA,MAAAA,CAAA,KAAA,CAAK,CAAC,EAAC;KAAUA,GAAAA,IAAAA,MAAAA,CAAA,IAAA,CAAI,CAAC,GAAE,UAAWzB,KAAAA,MAAM;KAASyB,GAAAA,IAAAA,MAAAA,CAAA,IAAA,CAAI,CAAC,GAAE,aAAA,GAAaA,IAAAA,MAAAA,CAAA,oBAAA,CAAoB;;KAAkC,eAAA,QAAQxB,KAAAA,OAAO,OAAO,KAAK,aAAA;KAAsCC,gBAAAA,KAAAA;;G,WAW7NwB,IAAAA,mBAAAA,CAkHM,OAAA,EAlHA,QAAA,GAAKF,IAAAA,eAAAA,EAAAA,GAAEC,IAAAA,MAAAA,CAAA,IAAA,CAAI,CAAC,EAAC,cAAA,CAAA,E;KACjBE,GAAAA,IAAAA,WAAAA,CAAkD,KAAA,QAAA,WAAA,EAA5B,QAAA,GAAKH,IAAAA,eAAAA,EAAAA,GAAEC,IAAAA,MAAAA,CAAA,IAAA,CAAI,CAAC,EAAC,SAAA,CAAA,E;IACxB,aAAA,UAAA,GAAXH,IAAAA,UAAAA,CAAA,IAAA,GAAAC,IAAAA,mBAAAA,CAWM,OAAA;;KAXoB,QAAA,GAAKC,IAAAA,eAAAA,EAAAA,GAAEC,IAAAA,MAAAA,CAAA,IAAA,CAAI,CAAC,EAAC,SAAA,CAAA;I,SACrCH,IAAAA,UAAAA,CAAA,IAAA,IAAA,GAAAC,IAAAA,mBAAAA,CASSK,IAAAA,UAAA,OAAA,GAAAC,IAAAA,WAAAA,CARmB,UAAA,QAAlB,UAAU,QAAG;KADvB,QAAA,GAAAP,IAAAA,UAAAA,CAAA,IAAA,GAAAC,IAAAA,mBAAAA,CASS,UAAA;MAPD;MACN,MAAK;MACJ,QAAA,GAAKC,IAAAA,eAAAA,EAAAA,GAAEC,IAAAA,MAAAA,CAAA,IAAA,CAAI,CAAC,EAAC,UAAA,CAAA;MACb,WAAA,GAAUA,IAAAA,MAAAA,CAAA,oBAAA;MACV,UAAK,YAAA,GAAEA,IAAAA,MAAAA,CAAA,mBAAA,CAAmB,CAAC,QAAQ;KAEjC,IAAA,GAAAK,IAAAA,gBAAAA,CAAA,SAAS,IAAI,GAAA,IAAA,UAAA;;KAGpBJ,GAAAA,IAAAA,mBAAAA,CAmGM,OAAA,EAnGA,QAAA,GAAKF,IAAAA,eAAAA,EAAAA,GAAEC,IAAAA,MAAAA,CAAA,IAAA,CAAI,CAAC,EAAC,MAAA,CAAA,E,QACjBC,IAAAA,mBAAAA,CAiDM,OAAA,EAhDH,QAAA,GAAKF,IAAAA,eAAAA,CAAA;MAAgBC,GAAAA,IAAAA,MAAAA,CAAA,IAAA,CAAI,CAAC,EAAC,SAAA;MAAyBA,GAAAA,IAAAA,MAAAA,CAAA,KAAA,CAAK,CAAC,EAAC,SAAA;MAAyBA,GAAAA,IAAAA,MAAAA,CAAA,KAAA,CAAK,CAAC,GAAE,QAAA,CAAUvB,KAAAA,WAAW;I,WAMlHwB,IAAAA,mBAAAA,CA4BM,OAAA,EA5BA,QAAA,GAAKF,IAAAA,eAAAA,EAAAA,GAAEC,IAAAA,MAAAA,CAAA,KAAA,CAAK,CAAC,EAAC,QAAA,CAAA,E;MAClBC,GAAAA,IAAAA,mBAAAA,CAUS,UAAA;MATP,MAAK;MACJ,QAAA,GAAKF,IAAAA,eAAAA,CAAA,EAAA,GAAEC,IAAAA,MAAAA,CAAA,IAAA,CAAI,CAAC,EAAC,UAAA,GACR,cAAc,CAAA;MACnB,WAAA,GAAUA,IAAAA,MAAAA,CAAA,oBAAA;MACV,SAAK,OAAA,OAAA,OAAA,MAAE,GAAA,UAAA,GAAAA,IAAAA,MAAAA,CAAA,YAAA,MAAA,GAAAA,IAAAA,MAAAA,CAAA,YAAA,CAAA,CAAA,GAAA,IAAA;K,QAERE,IAAAA,WAAAA,CAEO,KAAA,QAAA,aAAA,CAAA,SAAA,EAAA,GADLK,IAAAA,YAAAA,EAAAA,GAAmCP,IAAAA,MAAAA,CAAAQ,gBAAAA,MAAA,GAAA,MAAA;MAA1B,UAAA,GAAAC,IAAAA,QAAAA,OAAgB,EAAA,GAAhBF,IAAAA,YAAAA,EAAAA,GAAgBP,IAAAA,MAAAA,CAAAU,wBAAAA,UAAA,CAAA,C;;;KAIrBhC,KAAAA,gBAAgBD,KAAAA,gBAAAA,GADxBoB,IAAAA,UAAAA,CAAA,IAAA,GAAAC,IAAAA,mBAAAA,CAcS,UAAA;;MAZP,MAAK;MACJ,UAAQ,CAAG,gBAAA,UAAA,GAAmBE,IAAAA,MAAAA,CAAA,oBAAA;MAC9B,QAAA,GAAKD,IAAAA,eAAAA,CAAA,CAAA,EAAA,GAAoBC,IAAAA,MAAAA,CAAA,IAAA,CAAI,CAAC,EAAC,UAAA,IAAA,GAA8BA,IAAAA,MAAAA,CAAA,IAAA,CAAI,CAAC,GAAE,YAAA,CAAc,gBAAA,UAAA,GAAmBA,IAAAA,MAAAA,CAAA,oBAAA,CAAoB,CAIpH,GAAA,eAAe,CAAA;MACpB,SAAK,OAAA,OAAA,OAAA,MAAE,GAAA,UAAA,GAAAA,IAAAA,MAAAA,CAAA,YAAA,MAAA,GAAAA,IAAAA,MAAAA,CAAA,YAAA,CAAA,CAAA,GAAA,IAAA;K,QAERE,IAAAA,WAAAA,CAEO,KAAA,QAAA,aAAA,CAAA,SAAA,EAAA,GADLK,IAAAA,YAAAA,EAAAA,GAAoCP,IAAAA,MAAAA,CAAAQ,gBAAAA,MAAA,GAAA,MAAA;MAA3B,UAAA,GAAAC,IAAAA,QAAAA,OAAiB,EAAA,GAAjBF,IAAAA,YAAAA,EAAAA,GAAiBP,IAAAA,MAAAA,CAAAW,wBAAAA,WAAA,CAAA,C;;;MAG9BV,GAAAA,IAAAA,mBAAAA,CAA0B,OAAA,OAAA,GAAAI,IAAAA,gBAAAA,EAAAA,GAAlBL,IAAAA,MAAAA,CAAA,SAAA,CAAS,GAAA,CAAA;I,WAEnBO,IAAAA,YAAAA,CAYEK,4BAAAA,SAAA;KAXA,kBAAe;KACd,MAAM,SAAA;KACN,aAAA,GAAUZ,IAAAA,MAAAA,CAAA,OAAA;KACV,aAAA,GAAUA,IAAAA,MAAAA,CAAA,OAAA;KACV,gBAAA,GAAaA,IAAAA,MAAAA,CAAA,UAAA;KACb,iBAAe,aAAA;KACf,WAAA,GAAUA,IAAAA,MAAAA,CAAA,oBAAA;KACV,oBAAA,GAAiBA,IAAAA,MAAAA,CAAA,aAAA;KACjB,gBAAA,GAAaA,IAAAA,MAAAA,CAAA,iBAAA;KACb,QAAM;KACN,WAAA,GAAQA,IAAAA,MAAAA,CAAA,QAAA;;;;;;;;;;;I,SAIJvB,CAAAA,KAAAA,gBAAAA,GADToB,IAAAA,UAAAA,CAAA,IAAA,GAAAC,IAAAA,mBAAAA,CA+CM,OAAA;;KA7CH,QAAA,GAAKC,IAAAA,eAAAA,CAAA,CAAA,EAAA,GAAGC,IAAAA,MAAAA,CAAA,IAAA,CAAI,CAAC,EAAC,SAAA,IAAA,GAAaA,IAAAA,MAAAA,CAAA,KAAA,CAAK,CAAC,EAAC,SAAA,CAAA,GAC7B,UAAU,CAAA;I,QAEhBC,IAAAA,mBAAAA,CA4BM,OAAA,EA5BA,QAAA,GAAKF,IAAAA,eAAAA,EAAAA,GAAEC,IAAAA,MAAAA,CAAA,KAAA,CAAK,CAAC,EAAC,QAAA,CAAA,E;KAEVtB,KAAAA,iBAAAA,GADRmB,IAAAA,UAAAA,CAAA,IAAA,GAAAC,IAAAA,mBAAAA,CAcS,UAAA;;MAZP,MAAK;MACJ,UAAQ,CAAG,gBAAA,UAAA,GAAmBE,IAAAA,MAAAA,CAAA,oBAAA;MAC9B,QAAA,GAAKD,IAAAA,eAAAA,CAAA,CAAA,EAAA,GAAoBC,IAAAA,MAAAA,CAAA,IAAA,CAAI,CAAC,EAAC,UAAA,IAAA,GAA8BA,IAAAA,MAAAA,CAAA,IAAA,CAAI,CAAC,GAAE,YAAA,CAAc,gBAAA,UAAA,GAAmBA,IAAAA,MAAAA,CAAA,oBAAA,CAAoB,CAIpH,GAAA,cAAc,CAAA;MACnB,SAAK,OAAA,OAAA,OAAA,MAAE,GAAA,UAAA,GAAAA,IAAAA,MAAAA,CAAA,aAAA,MAAA,GAAAA,IAAAA,MAAAA,CAAA,aAAA,CAAA,CAAA,GAAA,IAAA;K,QAERE,IAAAA,WAAAA,CAEO,KAAA,QAAA,aAAA,CAAA,SAAA,EAAA,GADLK,IAAAA,YAAAA,EAAAA,GAAmCP,IAAAA,MAAAA,CAAAQ,gBAAAA,MAAA,GAAA,MAAA;MAA1B,UAAA,GAAAC,IAAAA,QAAAA,OAAgB,EAAA,GAAhBF,IAAAA,YAAAA,EAAAA,GAAgBP,IAAAA,MAAAA,CAAAU,wBAAAA,UAAA,CAAA,C;;;MAG7BT,GAAAA,IAAAA,mBAAAA,CAUS,UAAA;MATP,MAAK;MACJ,QAAA,GAAKF,IAAAA,eAAAA,CAAA,EAAA,GAAEC,IAAAA,MAAAA,CAAA,IAAA,CAAI,CAAC,EAAC,UAAA,GACR,eAAe,CAAA;MACpB,WAAA,GAAUA,IAAAA,MAAAA,CAAA,oBAAA;MACV,SAAK,OAAA,OAAA,OAAA,MAAE,GAAA,UAAA,GAAAA,IAAAA,MAAAA,CAAA,aAAA,MAAA,GAAAA,IAAAA,MAAAA,CAAA,aAAA,CAAA,CAAA,GAAA,IAAA;K,QAERE,IAAAA,WAAAA,CAEO,KAAA,QAAA,aAAA,CAAA,SAAA,EAAA,GADLK,IAAAA,YAAAA,EAAAA,GAAoCP,IAAAA,MAAAA,CAAAQ,gBAAAA,MAAA,GAAA,MAAA;MAA3B,UAAA,GAAAC,IAAAA,QAAAA,OAAiB,EAAA,GAAjBF,IAAAA,YAAAA,EAAAA,GAAiBP,IAAAA,MAAAA,CAAAW,wBAAAA,WAAA,CAAA,C;;;MAG9BV,GAAAA,IAAAA,mBAAAA,CAA2B,OAAA,OAAA,GAAAI,IAAAA,gBAAAA,EAAAA,GAAnBL,IAAAA,MAAAA,CAAA,UAAA,CAAU,GAAA,CAAA;I,WAEpBO,IAAAA,YAAAA,CAYEK,4BAAAA,SAAA;KAXA,kBAAe;KACd,MAAM,UAAA;KACN,aAAA,GAAUZ,IAAAA,MAAAA,CAAA,OAAA;KACV,aAAA,GAAUA,IAAAA,MAAAA,CAAA,OAAA;KACV,gBAAA,GAAaA,IAAAA,MAAAA,CAAA,UAAA;KACb,iBAAe,aAAA;KACf,WAAA,GAAUA,IAAAA,MAAAA,CAAA,oBAAA;KACV,oBAAA,GAAiBA,IAAAA,MAAAA,CAAA,aAAA;KACjB,gBAAA,GAAaA,IAAAA,MAAAA,CAAA,iBAAA;KACb,QAAM;KACN,WAAA,GAAQA,IAAAA,MAAAA,CAAA,QAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"panel-year-range.js","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.js","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/lib/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/lib/components/date-picker-panel/src/date-picker-com/panel-year-range.vue_vue_type_script_setup_true_lang.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"panel-year-range.vue_vue_type_script_setup_true_lang.js","names":["unlinkPanels","singlePanel","panelYearRangeProps","panelYearRangeEmits","useLocale","ref","inject","PICKER_BASE_INJECTION_KEY","toRef","useRangePicker","useYearRangeHeader","useFormDisabled","computed","useSlots","correctlyParseUserInput","isValidRange","getDefaultValue","unref","_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_unref","_renderSlot","_Fragment","_renderList","_toDisplayString","_createCommentVNode","_createVNode","ElIcon","_withCtx","DArrowLeft","DArrowRight","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.js","names":["unlinkPanels","singlePanel","panelYearRangeProps","panelYearRangeEmits","useLocale","ref","inject","PICKER_BASE_INJECTION_KEY","toRef","useRangePicker","useYearRangeHeader","useFormDisabled","computed","useSlots","correctlyParseUserInput","isValidRange","getDefaultValue","unref","_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_unref","_renderSlot","_Fragment","_renderList","_toDisplayString","_createCommentVNode","_createVNode","ElIcon","_withCtx","DArrowLeft","DArrowRight","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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"}