@element-plus/nightly 0.0.20260811 → 0.0.20260813

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"],"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, disabledDate, cellClassName } = pickerBase.props\nconst format = toRef(pickerBase.props, 'format')\nconst defaultValue = toRef(pickerBase.props, 'defaultValue')\nconst leftDate = ref(dayjs().locale(lang.value))\nconst rightDate = ref(dayjs().locale(lang.value).add(1, unit))\n\nconst {\n  minDate,\n  maxDate,\n  rangeState,\n  ppNs,\n  drpNs,\n  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)\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\n      ? !disabledDate(date[0].toDate()) && !disabledDate(date[1].toDate())\n      : true) &&\n    !isQuarterFullyDisabled(date[0], lang.value, disabledDate) &&\n    !isQuarterFullyDisabled(date[1], lang.value, disabledDate)\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"],"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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"}

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":[],"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, disabledDate, cellClassName } = pickerBase.props\nconst format = toRef(pickerBase.props, 'format')\nconst defaultValue = toRef(pickerBase.props, 'defaultValue')\n\nconst {\n  minDate,\n  maxDate,\n  rangeState,\n  ppNs,\n  drpNs,\n\n  handleChangeRange,\n  handleRangeConfirm,\n  handleShortcutClick,\n  onSelect,\n  parseValue,\n} = useRangePicker(props, {\n  defaultValue,\n  leftDate,\n  rightDate,\n  step,\n  unit,\n  sortDates,\n})\n\nconst {\n  leftPrevYear,\n  rightNextYear,\n  leftNextYear,\n  rightPrevYear,\n  leftLabel,\n  rightLabel,\n  leftYear,\n  rightYear,\n} = useYearRangeHeader({\n  unlinkPanels: toRef(props, 'unlinkPanels'),\n  leftDate,\n  rightDate,\n})\n\nconst 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\n      ? !disabledDate(date[0].toDate()) && !disabledDate(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":[],"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":""}

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

@@ -48,8 +48,8 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly singlePanel: BooleanConstructor;
 }>> & Readonly<{}>, {
   readonly disabled: boolean;
-  readonly border: boolean;
   readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly border: boolean;
   readonly showConfirm: boolean;
   readonly showFooter: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly unlinkPanels: boolean;

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, disabledDate, cellClassName } = pickerBase.props;
+		const { shortcuts, cellClassName } = pickerBase.props;
+		const disabledDate = (0, vue.toRef)(pickerBase.props, "disabledDate");
 		const format = (0, vue.toRef)(pickerBase.props, "format");
 		const defaultValue = (0, vue.toRef)(pickerBase.props, "defaultValue");
 		const { minDate, maxDate, rangeState, ppNs, drpNs, handleChangeRange, handleRangeConfirm, handleShortcutClick, onSelect, parseValue } = require_use_range_picker.useRangePicker(props, {
@@ -107,7 +108,7 @@ var panel_year_range_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 			return require_utils.correctlyParseUserInput(value, format.value, lang.value);
 		};
 		const isValidValue = (date) => {
-			return require_utils.isValidRange(date) && (disabledDate ? !disabledDate(date[0].toDate()) && !disabledDate(date[1].toDate()) : true);
+			return require_utils.isValidRange(date) && (disabledDate.value ? !disabledDate.value(date[0].toDate()) && !disabledDate.value(date[1].toDate()) : true);
 		};
 		const handleClear = () => {
 			let valueOnClear = null;
@@ -180,7 +181,7 @@ var panel_year_range_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 					"min-date": (0, vue.unref)(minDate),
 					"max-date": (0, vue.unref)(maxDate),
 					"range-state": (0, vue.unref)(rangeState),
-					"disabled-date": (0, vue.unref)(disabledDate),
+					"disabled-date": disabledDate.value,
 					disabled: (0, vue.unref)(yearRangeDisabled),
 					"cell-class-name": (0, vue.unref)(cellClassName),
 					onChangerange: (0, vue.unref)(handleChangeRange),
@@ -226,7 +227,7 @@ var panel_year_range_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 					"min-date": (0, vue.unref)(minDate),
 					"max-date": (0, vue.unref)(maxDate),
 					"range-state": (0, vue.unref)(rangeState),
-					"disabled-date": (0, vue.unref)(disabledDate),
+					"disabled-date": disabledDate.value,
 					disabled: (0, vue.unref)(yearRangeDisabled),
 					"cell-class-name": (0, vue.unref)(cellClassName),
 					onChangerange: (0, vue.unref)(handleChangeRange),

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"],"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, disabledDate, cellClassName } = pickerBase.props\nconst format = toRef(pickerBase.props, 'format')\nconst defaultValue = toRef(pickerBase.props, 'defaultValue')\n\nconst {\n  minDate,\n  maxDate,\n  rangeState,\n  ppNs,\n  drpNs,\n\n  handleChangeRange,\n  handleRangeConfirm,\n  handleShortcutClick,\n  onSelect,\n  parseValue,\n} = useRangePicker(props, {\n  defaultValue,\n  leftDate,\n  rightDate,\n  step,\n  unit,\n  sortDates,\n})\n\nconst {\n  leftPrevYear,\n  rightNextYear,\n  leftNextYear,\n  rightPrevYear,\n  leftLabel,\n  rightLabel,\n  leftYear,\n  rightYear,\n} = useYearRangeHeader({\n  unlinkPanels: toRef(props, 'unlinkPanels'),\n  leftDate,\n  rightDate,\n})\n\nconst 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\n      ? !disabledDate(date[0].toDate()) && !disabledDate(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"],"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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"}

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

@@ -25,7 +25,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly showConfirm: BooleanConstructor;
   readonly showFooter: BooleanConstructor;
   readonly showWeekNumber: BooleanConstructor;
-  readonly type: EpPropFinalized<(new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType) | (((new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType)) | null)[], unknown, unknown, "date", boolean>;
+  readonly type: EpPropFinalized<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType) | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType)) | null)[], unknown, unknown, "date", boolean>;
   readonly clearable: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly border: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly editable: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
@@ -51,7 +51,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly dateFormat: StringConstructor;
   readonly timeFormat: StringConstructor;
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | Date | string[] | Date[] | number[]) | (() => ModelValueType) | (((new (...args: any[]) => string | number | Date | string[] | Date[] | number[]) | (() => ModelValueType)) | null)[], unknown, unknown, "", boolean>;
+  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType) | (((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType)) | null)[], unknown, unknown, "", boolean>;
   readonly defaultValue: {
     readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>) | (((new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>)) | null)[], unknown, unknown>>;
     readonly required: false;
@@ -85,7 +85,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly showConfirm: BooleanConstructor;
   readonly showFooter: BooleanConstructor;
   readonly showWeekNumber: BooleanConstructor;
-  readonly type: EpPropFinalized<(new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType) | (((new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType)) | null)[], unknown, unknown, "date", boolean>;
+  readonly type: EpPropFinalized<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType) | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType)) | null)[], unknown, unknown, "date", boolean>;
   readonly clearable: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly border: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly editable: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
@@ -111,7 +111,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly dateFormat: StringConstructor;
   readonly timeFormat: StringConstructor;
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | Date | string[] | Date[] | number[]) | (() => ModelValueType) | (((new (...args: any[]) => string | number | Date | string[] | Date[] | number[]) | (() => ModelValueType)) | null)[], unknown, unknown, "", boolean>;
+  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType) | (((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType)) | null)[], unknown, unknown, "", boolean>;
   readonly defaultValue: {
     readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>) | (((new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>)) | null)[], unknown, unknown>>;
     readonly required: false;
@@ -132,11 +132,11 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   "onPanel-change"?: ((...args: any[]) => any) | undefined;
   "onVisible-change"?: ((...args: any[]) => any) | undefined;
 }>, {
-  readonly modelValue: EpPropMergeType<(new (...args: any[]) => string | number | Date | string[] | Date[] | number[]) | (() => ModelValueType) | (((new (...args: any[]) => string | number | Date | string[] | Date[] | number[]) | (() => ModelValueType)) | null)[], unknown, unknown>;
-  readonly type: EpPropMergeType<(new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType) | (((new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType)) | null)[], unknown, unknown>;
+  readonly type: EpPropMergeType<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType) | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType)) | null)[], unknown, unknown>;
   readonly disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly border: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly modelValue: EpPropMergeType<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType) | (((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType)) | null)[], unknown, unknown>;
   readonly clearable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly border: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly shortcuts: unknown[];
   readonly showNow: EpPropMergeType<BooleanConstructor, unknown, unknown>;

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

@@ -21,7 +21,7 @@ declare const getPanel: (type: DatePickerType) => ({
     };
     readonly singlePanel: BooleanConstructor;
     readonly type: {
-      readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
+      readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
       readonly required: true;
       readonly validator: ((val: unknown) => boolean) | undefined;
       __epPropKey: true;
@@ -33,20 +33,20 @@ declare const getPanel: (type: DatePickerType) => ({
     readonly editable: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   }>> & Readonly<{
     onClear?: ((...args: any[]) => any) | undefined;
-    onPick?: ((...args: any[]) => any) | undefined;
     "onCalendar-change"?: ((...args: any[]) => any) | undefined;
     "onPanel-change"?: ((...args: any[]) => any) | undefined;
+    onPick?: ((...args: any[]) => any) | undefined;
     "onSet-picker-option"?: ((...args: any[]) => any) | undefined;
   }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
     clear: (...args: any[]) => void;
-    pick: (...args: any[]) => void;
     "calendar-change": (...args: any[]) => void;
     "panel-change": (...args: any[]) => void;
+    pick: (...args: any[]) => void;
     "set-picker-option": (...args: any[]) => void;
   }, _$vue.PublicProps, {
     readonly disabled: boolean;
-    readonly border: boolean;
     readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly border: boolean;
     readonly editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly showNow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly showConfirm: boolean;
@@ -76,7 +76,7 @@ declare const getPanel: (type: DatePickerType) => ({
     };
     readonly singlePanel: BooleanConstructor;
     readonly type: {
-      readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
+      readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
       readonly required: true;
       readonly validator: ((val: unknown) => boolean) | undefined;
       __epPropKey: true;
@@ -88,14 +88,14 @@ declare const getPanel: (type: DatePickerType) => ({
     readonly editable: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   }>> & Readonly<{
     onClear?: ((...args: any[]) => any) | undefined;
-    onPick?: ((...args: any[]) => any) | undefined;
     "onCalendar-change"?: ((...args: any[]) => any) | undefined;
     "onPanel-change"?: ((...args: any[]) => any) | undefined;
+    onPick?: ((...args: any[]) => any) | undefined;
     "onSet-picker-option"?: ((...args: any[]) => any) | undefined;
   }>, {}, {}, {}, {}, {
     readonly disabled: boolean;
-    readonly border: boolean;
     readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly border: boolean;
     readonly editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly showNow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly showConfirm: boolean;
@@ -122,7 +122,7 @@ declare const getPanel: (type: DatePickerType) => ({
   };
   readonly singlePanel: BooleanConstructor;
   readonly type: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
     readonly required: true;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -134,20 +134,20 @@ declare const getPanel: (type: DatePickerType) => ({
   readonly editable: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 }>> & Readonly<{
   onClear?: ((...args: any[]) => any) | undefined;
-  onPick?: ((...args: any[]) => any) | undefined;
   "onCalendar-change"?: ((...args: any[]) => any) | undefined;
   "onPanel-change"?: ((...args: any[]) => any) | undefined;
+  onPick?: ((...args: any[]) => any) | undefined;
   "onSet-picker-option"?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   clear: (...args: any[]) => void;
-  pick: (...args: any[]) => void;
   "calendar-change": (...args: any[]) => void;
   "panel-change": (...args: any[]) => void;
+  pick: (...args: any[]) => void;
   "set-picker-option": (...args: any[]) => void;
 }, string, {
   readonly disabled: boolean;
-  readonly border: boolean;
   readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly border: boolean;
   readonly editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showNow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showConfirm: boolean;
@@ -194,8 +194,8 @@ declare const getPanel: (type: DatePickerType) => ({
     readonly singlePanel: BooleanConstructor;
   }>> & Readonly<{}>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, _$vue.PublicProps, {
     readonly disabled: boolean;
-    readonly border: boolean;
     readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly border: boolean;
     readonly showConfirm: boolean;
     readonly showFooter: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly unlinkPanels: boolean;
@@ -223,8 +223,8 @@ declare const getPanel: (type: DatePickerType) => ({
     readonly singlePanel: BooleanConstructor;
   }>> & Readonly<{}>, {}, {}, {}, {}, {
     readonly disabled: boolean;
-    readonly border: boolean;
     readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly border: boolean;
     readonly showConfirm: boolean;
     readonly showFooter: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly unlinkPanels: boolean;
@@ -249,8 +249,8 @@ declare const getPanel: (type: DatePickerType) => ({
   readonly singlePanel: BooleanConstructor;
 }>> & Readonly<{}>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, {
   readonly disabled: boolean;
-  readonly border: boolean;
   readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly border: boolean;
   readonly showConfirm: boolean;
   readonly showFooter: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly unlinkPanels: boolean;
@@ -280,7 +280,7 @@ declare const getPanel: (type: DatePickerType) => ({
     readonly visible: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly format: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly type: {
-      readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
+      readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
       readonly required: true;
       readonly validator: ((val: unknown) => boolean) | undefined;
       __epPropKey: true;
@@ -295,23 +295,23 @@ declare const getPanel: (type: DatePickerType) => ({
     readonly disabled: BooleanConstructor;
     readonly editable: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   }>> & Readonly<{
-    onPick?: ((...args: any[]) => any) | undefined;
     "onPanel-change"?: ((...args: any[]) => any) | undefined;
+    onPick?: ((...args: any[]) => any) | undefined;
     "onSet-picker-option"?: ((...args: any[]) => any) | undefined;
   }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-    pick: (...args: any[]) => void;
     "panel-change": (...args: any[]) => void;
+    pick: (...args: any[]) => void;
     "set-picker-option": (...args: any[]) => void;
   }, _$vue.PublicProps, {
     readonly disabled: boolean;
-    readonly border: boolean;
     readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly format: string;
+    readonly border: boolean;
     readonly editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly showNow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly showConfirm: boolean;
     readonly showFooter: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly showWeekNumber: boolean;
+    readonly format: string;
   }, true, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
     P: {};
     B: {};
@@ -329,7 +329,7 @@ declare const getPanel: (type: DatePickerType) => ({
     readonly visible: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly format: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly type: {
-      readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
+      readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
       readonly required: true;
       readonly validator: ((val: unknown) => boolean) | undefined;
       __epPropKey: true;
@@ -344,19 +344,19 @@ declare const getPanel: (type: DatePickerType) => ({
     readonly disabled: BooleanConstructor;
     readonly editable: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   }>> & Readonly<{
-    onPick?: ((...args: any[]) => any) | undefined;
     "onPanel-change"?: ((...args: any[]) => any) | undefined;
+    onPick?: ((...args: any[]) => any) | undefined;
     "onSet-picker-option"?: ((...args: any[]) => any) | undefined;
   }>, {}, {}, {}, {}, {
     readonly disabled: boolean;
-    readonly border: boolean;
     readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly format: string;
+    readonly border: boolean;
     readonly editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly showNow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly showConfirm: boolean;
     readonly showFooter: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly showWeekNumber: boolean;
+    readonly format: string;
   }>;
   __isFragment?: never;
   __isTeleport?: never;
@@ -371,7 +371,7 @@ declare const getPanel: (type: DatePickerType) => ({
   readonly visible: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly format: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly type: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
     readonly required: true;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -386,23 +386,23 @@ declare const getPanel: (type: DatePickerType) => ({
   readonly disabled: BooleanConstructor;
   readonly editable: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 }>> & Readonly<{
-  onPick?: ((...args: any[]) => any) | undefined;
   "onPanel-change"?: ((...args: any[]) => any) | undefined;
+  onPick?: ((...args: any[]) => any) | undefined;
   "onSet-picker-option"?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  pick: (...args: any[]) => void;
   "panel-change": (...args: any[]) => void;
+  pick: (...args: any[]) => void;
   "set-picker-option": (...args: any[]) => void;
 }, string, {
   readonly disabled: boolean;
-  readonly border: boolean;
   readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly format: string;
+  readonly border: boolean;
   readonly editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showNow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showConfirm: boolean;
   readonly showFooter: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showWeekNumber: boolean;
+  readonly format: string;
 }, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {
   $slots: {
     sidebar?: (props: {