element-plus 1.3.0-beta.6 → 2.0.0

package/lib/components/date-picker/src/date-picker-com/basic-date-table.js

@@ -4,18 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var dayjs = require('dayjs');
-require('lodash/fromPairs');
-require('../../../../hooks/use-common-props/index.js');
-require('../../../../hooks/use-global-config/index.js');
-var index = require('../../../../hooks/use-locale/index.js');
-require('@vueuse/core');
+require('../../../../hooks/index.js');
 var util = require('../../../../utils/util.js');
-require('../../../../hooks/use-modal/index.js');
-require('../../../../hooks/use-model-toggle/index.js');
-require('@vue/shared');
-require('../../../../hooks/use-delayed-toggle/index.js');
 var basicCellRender = require('./basic-cell-render.js');
 var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../../hooks/use-locale/index.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -79,6 +72,7 @@ const _sfc_main = vue.defineComponent({
       return WEEKS_CONSTANT.concat(WEEKS_CONSTANT).slice(firstDayOfWeek, firstDayOfWeek + 7);
     });
     const rows = vue.computed(() => {
+      var _a;
       const startOfMonth = props.date.startOf("month");
       const startOfMonthDay = startOfMonth.day() || 7;
       const dateCountOfMonth = startOfMonth.daysInMonth();
@@ -118,7 +112,7 @@ const _sfc_main = vue.defineComponent({
           cell.type = "normal";
           const calEndDate = props.rangeState.endDate || props.maxDate || props.rangeState.selecting && props.minDate;
           cell.inRange = props.minDate && calTime.isSameOrAfter(props.minDate, "day") && calEndDate && calTime.isSameOrBefore(calEndDate, "day") || props.minDate && calTime.isSameOrBefore(props.minDate, "day") && calEndDate && calTime.isSameOrAfter(calEndDate, "day");
-          if (props.minDate?.isSameOrAfter(calEndDate)) {
+          if ((_a = props.minDate) == null ? void 0 : _a.isSameOrAfter(calEndDate)) {
             cell.start = calEndDate && calTime.isSame(calEndDate, "day");
             cell.end = props.minDate && calTime.isSame(props.minDate, "day");
           } else {

package/lib/components/date-picker/src/date-picker-com/basic-date-table.js.map

@@ -1 +1 @@
-{"version":3,"file":"basic-date-table.js","sources":["../../../../../../../packages/components/date-picker/src/date-picker-com/basic-date-table.vue"],"sourcesContent":["<template>\n  <table\n    cellspacing=\"0\"\n    cellpadding=\"0\"\n    class=\"el-date-table\"\n    :class=\"{ 'is-week-mode': selectionMode === 'week' }\"\n    @click=\"handleClick\"\n    @mousemove=\"handleMouseMove\"\n  >\n    <tbody>\n      <tr>\n        <th v-if=\"showWeekNumber\">{{ t('el.datepicker.week') }}</th>\n        <th v-for=\"(week, key) in WEEKS\" :key=\"key\">\n          {{ t('el.datepicker.weeks.' + week) }}\n        </th>\n      </tr>\n      <tr\n        v-for=\"(row, key) in rows\"\n        :key=\"key\"\n        class=\"el-date-table__row\"\n        :class=\"{ current: isWeekActive(row[1]) }\"\n      >\n        <td\n          v-for=\"(cell, key_) in row\"\n          :key=\"key_\"\n          :class=\"getCellClasses(cell)\"\n        >\n          <el-date-picker-cell :cell=\"cell\" />\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, ref } from 'vue'\nimport dayjs from 'dayjs'\nimport { useLocale } from '@element-plus/hooks'\nimport { coerceTruthyValueToArray } from '@element-plus/utils/util'\nimport ElDatePickerCell from './basic-cell-render'\nimport type { PropType } from 'vue'\n\nimport type { Dayjs } from 'dayjs'\nimport type { DateCell } from '../date-picker.type'\n\nexport default defineComponent({\n  components: {\n    ElDatePickerCell,\n  },\n  props: {\n    date: {\n      type: Object as PropType<Dayjs>,\n    },\n    minDate: {\n      type: Object as PropType<Dayjs>,\n    },\n    maxDate: {\n      type: Object as PropType<Dayjs>,\n    },\n    parsedValue: {\n      type: [Object, Array] as PropType<Dayjs | Dayjs[]>,\n    },\n    selectionMode: {\n      type: String,\n      default: 'day',\n    },\n    showWeekNumber: {\n      type: Boolean,\n      default: false,\n    },\n    disabledDate: {\n      type: Function,\n    },\n    cellClassName: {\n      type: Function,\n    },\n    rangeState: {\n      type: Object,\n      default: () => ({\n        endDate: null,\n        selecting: false,\n      }),\n    },\n  },\n  emits: ['changerange', 'pick', 'select'],\n\n  setup(props, ctx) {\n    const { t, lang } = useLocale()\n    // data\n    const lastRow = ref(null)\n    const lastColumn = ref(null)\n    const tableRows = ref<DateCell[][]>([[], [], [], [], [], []])\n\n    // todo better way to get Day.js locale object\n    const firstDayOfWeek = (props.date as any).$locale().weekStart || 7\n    const WEEKS_CONSTANT = props.date\n      .locale('en')\n      .localeData()\n      .weekdaysShort()\n      .map((_) => _.toLowerCase())\n\n    const offsetDay = computed(() => {\n      // Sunday 7(0), cal the left and right offset days, 3217654, such as Monday is -1, the is to adjust the position of the first two rows of dates\n      return firstDayOfWeek > 3 ? 7 - firstDayOfWeek : -firstDayOfWeek\n    })\n\n    const startDate = computed(() => {\n      const startDayOfMonth = props.date.startOf('month')\n      return startDayOfMonth.subtract(startDayOfMonth.day() || 7, 'day')\n    })\n\n    const WEEKS = computed(() => {\n      return WEEKS_CONSTANT.concat(WEEKS_CONSTANT).slice(\n        firstDayOfWeek,\n        firstDayOfWeek + 7\n      )\n    })\n\n    const rows = computed(() => {\n      // TODO: refactory rows / getCellClasses\n      const startOfMonth = props.date.startOf('month')\n      const startOfMonthDay = startOfMonth.day() || 7 // day of first day\n      const dateCountOfMonth = startOfMonth.daysInMonth()\n      const dateCountOfLastMonth = startOfMonth\n        .subtract(1, 'month')\n        .daysInMonth()\n\n      const offset = offsetDay.value\n      const rows_ = tableRows.value\n      let count = 1\n\n      const selectedDate: Dayjs[] =\n        props.selectionMode === 'dates'\n          ? coerceTruthyValueToArray(props.parsedValue)\n          : []\n\n      const calNow = dayjs().locale(lang.value).startOf('day')\n\n      for (let i = 0; i < 6; i++) {\n        const row = rows_[i]\n\n        if (props.showWeekNumber) {\n          if (!row[0]) {\n            row[0] = {\n              type: 'week',\n              text: startDate.value.add(i * 7 + 1, 'day').week(),\n            }\n          }\n        }\n\n        for (let j = 0; j < 7; j++) {\n          let cell = row[props.showWeekNumber ? j + 1 : j]\n          if (!cell) {\n            cell = {\n              row: i,\n              column: j,\n              type: 'normal',\n              inRange: false,\n              start: false,\n              end: false,\n            }\n          }\n          const index = i * 7 + j\n          const calTime = startDate.value.add(index - offset, 'day')\n          cell.dayjs = calTime\n          cell.date = calTime.toDate()\n          cell.timestamp = calTime.valueOf()\n          cell.type = 'normal'\n\n          const calEndDate =\n            props.rangeState.endDate ||\n            props.maxDate ||\n            (props.rangeState.selecting && props.minDate)\n\n          cell.inRange =\n            (props.minDate &&\n              calTime.isSameOrAfter(props.minDate, 'day') &&\n              calEndDate &&\n              calTime.isSameOrBefore(calEndDate, 'day')) ||\n            (props.minDate &&\n              calTime.isSameOrBefore(props.minDate, 'day') &&\n              calEndDate &&\n              calTime.isSameOrAfter(calEndDate, 'day'))\n\n          if (props.minDate?.isSameOrAfter(calEndDate)) {\n            cell.start = calEndDate && calTime.isSame(calEndDate, 'day')\n            cell.end = props.minDate && calTime.isSame(props.minDate, 'day')\n          } else {\n            cell.start = props.minDate && calTime.isSame(props.minDate, 'day')\n            cell.end = calEndDate && calTime.isSame(calEndDate, 'day')\n          }\n\n          const isToday = calTime.isSame(calNow, 'day')\n\n          if (isToday) {\n            cell.type = 'today'\n          }\n\n          if (i >= 0 && i <= 1) {\n            const numberOfDaysFromPreviousMonth =\n              startOfMonthDay + offset < 0\n                ? 7 + startOfMonthDay + offset\n                : startOfMonthDay + offset\n\n            if (j + i * 7 >= numberOfDaysFromPreviousMonth) {\n              cell.text = count++\n            } else {\n              cell.text =\n                dateCountOfLastMonth -\n                (numberOfDaysFromPreviousMonth - (j % 7)) +\n                1 +\n                i * 7\n              cell.type = 'prev-month'\n            }\n          } else {\n            if (count <= dateCountOfMonth) {\n              cell.text = count++\n            } else {\n              cell.text = count++ - dateCountOfMonth\n              cell.type = 'next-month'\n            }\n          }\n\n          const cellDate = calTime.toDate()\n          cell.selected = selectedDate.find(\n            (_) => _.valueOf() === calTime.valueOf()\n          )\n          cell.isSelected = !!cell.selected\n          cell.isCurrent = isCurrent(cell)\n          cell.disabled = props.disabledDate && props.disabledDate(cellDate)\n          cell.customClass =\n            props.cellClassName && props.cellClassName(cellDate)\n          row[props.showWeekNumber ? j + 1 : j] = cell\n        }\n\n        if (props.selectionMode === 'week') {\n          const start = props.showWeekNumber ? 1 : 0\n          const end = props.showWeekNumber ? 7 : 6\n          const isActive = isWeekActive(row[start + 1])\n          row[start].inRange = isActive\n          row[start].start = isActive\n          row[end].inRange = isActive\n          row[end].end = isActive\n        }\n      }\n      return rows_\n    })\n\n    const isCurrent = (cell): boolean => {\n      return (\n        props.selectionMode === 'day' &&\n        (cell.type === 'normal' || cell.type === 'today') &&\n        cellMatchesDate(cell, props.parsedValue)\n      )\n    }\n\n    const cellMatchesDate = (cell, date) => {\n      if (!date) return false\n      return dayjs(date)\n        .locale(lang.value)\n        .isSame(props.date.date(Number(cell.text)), 'day')\n    }\n\n    const getCellClasses = (cell) => {\n      const classes: string[] = []\n      if ((cell.type === 'normal' || cell.type === 'today') && !cell.disabled) {\n        classes.push('available')\n        if (cell.type === 'today') {\n          classes.push('today')\n        }\n      } else {\n        classes.push(cell.type)\n      }\n\n      if (isCurrent(cell)) {\n        classes.push('current')\n      }\n\n      if (\n        cell.inRange &&\n        (cell.type === 'normal' ||\n          cell.type === 'today' ||\n          props.selectionMode === 'week')\n      ) {\n        classes.push('in-range')\n\n        if (cell.start) {\n          classes.push('start-date')\n        }\n\n        if (cell.end) {\n          classes.push('end-date')\n        }\n      }\n\n      if (cell.disabled) {\n        classes.push('disabled')\n      }\n\n      if (cell.selected) {\n        classes.push('selected')\n      }\n\n      if (cell.customClass) {\n        classes.push(cell.customClass)\n      }\n\n      return classes.join(' ')\n    }\n\n    const getDateOfCell = (row, column) => {\n      const offsetFromStart =\n        row * 7 + (column - (props.showWeekNumber ? 1 : 0)) - offsetDay.value\n      return startDate.value.add(offsetFromStart, 'day')\n    }\n\n    const handleMouseMove = (event) => {\n      if (!props.rangeState.selecting) return\n\n      let target = event.target\n      if (target.tagName === 'SPAN') {\n        target = target.parentNode.parentNode\n      }\n      if (target.tagName === 'DIV') {\n        target = target.parentNode\n      }\n      if (target.tagName !== 'TD') return\n\n      const row = target.parentNode.rowIndex - 1\n      const column = target.cellIndex\n\n      // can not select disabled date\n      if (rows.value[row][column].disabled) return\n\n      // only update rangeState when mouse moves to a new cell\n      // this avoids frequent Date object creation and improves performance\n      if (row !== lastRow.value || column !== lastColumn.value) {\n        lastRow.value = row\n        lastColumn.value = column\n        ctx.emit('changerange', {\n          selecting: true,\n          endDate: getDateOfCell(row, column),\n        })\n      }\n    }\n\n    const handleClick = (event) => {\n      let target = event.target\n\n      while (target) {\n        if (target.tagName === 'TD') {\n          break\n        }\n        target = target.parentNode\n      }\n\n      if (!target || target.tagName !== 'TD') return\n\n      const row = target.parentNode.rowIndex - 1\n      const column = target.cellIndex\n      const cell = rows.value[row][column]\n\n      if (cell.disabled || cell.type === 'week') return\n\n      const newDate = getDateOfCell(row, column)\n\n      if (props.selectionMode === 'range') {\n        if (!props.rangeState.selecting) {\n          ctx.emit('pick', { minDate: newDate, maxDate: null })\n          ctx.emit('select', true)\n        } else {\n          if (newDate >= props.minDate) {\n            ctx.emit('pick', { minDate: props.minDate, maxDate: newDate })\n          } else {\n            ctx.emit('pick', { minDate: newDate, maxDate: props.minDate })\n          }\n          ctx.emit('select', false)\n        }\n      } else if (props.selectionMode === 'day') {\n        ctx.emit('pick', newDate)\n      } else if (props.selectionMode === 'week') {\n        const weekNumber = newDate.week()\n        const value = `${newDate.year()}w${weekNumber}`\n        ctx.emit('pick', {\n          year: newDate.year(),\n          week: weekNumber,\n          value,\n          date: newDate.startOf('week'),\n        })\n      } else if (props.selectionMode === 'dates') {\n        const newValue = cell.selected\n          ? coerceTruthyValueToArray(props.parsedValue).filter(\n              (_) => _.valueOf() !== newDate.valueOf()\n            )\n          : coerceTruthyValueToArray(props.parsedValue).concat([newDate])\n        ctx.emit('pick', newValue)\n      }\n    }\n\n    const isWeekActive = (cell) => {\n      if (props.selectionMode !== 'week') return false\n      let newDate = props.date.startOf('day')\n\n      if (cell.type === 'prev-month') {\n        newDate = newDate.subtract(1, 'month')\n      }\n\n      if (cell.type === 'next-month') {\n        newDate = newDate.add(1, 'month')\n      }\n\n      newDate = newDate.date(parseInt(cell.text, 10))\n\n      if (props.parsedValue && !Array.isArray(props.parsedValue)) {\n        const dayOffset =\n          ((props.parsedValue.day() - firstDayOfWeek + 7) % 7) - 1\n        const weekDate = props.parsedValue.subtract(dayOffset, 'day')\n        return weekDate.isSame(newDate, 'day')\n      }\n      return false\n    }\n\n    return {\n      handleMouseMove,\n      t,\n      rows,\n      isWeekActive,\n      getCellClasses,\n      WEEKS,\n      handleClick,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElDatePickerCell","useLocale","ref","computed","coerceTruthyValueToArray","dayjs","_openBlock","_createElementBlock","_normalizeClass","_renderList","_Fragment"],"mappings":"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"}
+{"version":3,"file":"basic-date-table.js","sources":["../../../../../../../packages/components/date-picker/src/date-picker-com/basic-date-table.vue"],"sourcesContent":["<template>\n  <table\n    cellspacing=\"0\"\n    cellpadding=\"0\"\n    class=\"el-date-table\"\n    :class=\"{ 'is-week-mode': selectionMode === 'week' }\"\n    @click=\"handleClick\"\n    @mousemove=\"handleMouseMove\"\n  >\n    <tbody>\n      <tr>\n        <th v-if=\"showWeekNumber\">{{ t('el.datepicker.week') }}</th>\n        <th v-for=\"(week, key) in WEEKS\" :key=\"key\">\n          {{ t('el.datepicker.weeks.' + week) }}\n        </th>\n      </tr>\n      <tr\n        v-for=\"(row, key) in rows\"\n        :key=\"key\"\n        class=\"el-date-table__row\"\n        :class=\"{ current: isWeekActive(row[1]) }\"\n      >\n        <td\n          v-for=\"(cell, key_) in row\"\n          :key=\"key_\"\n          :class=\"getCellClasses(cell)\"\n        >\n          <el-date-picker-cell :cell=\"cell\" />\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, ref } from 'vue'\nimport dayjs from 'dayjs'\nimport { useLocale } from '@element-plus/hooks'\nimport { coerceTruthyValueToArray } from '@element-plus/utils/util'\nimport ElDatePickerCell from './basic-cell-render'\nimport type { PropType } from 'vue'\n\nimport type { Dayjs } from 'dayjs'\nimport type { DateCell } from '../date-picker.type'\n\nexport default defineComponent({\n  components: {\n    ElDatePickerCell,\n  },\n  props: {\n    date: {\n      type: Object as PropType<Dayjs>,\n    },\n    minDate: {\n      type: Object as PropType<Dayjs>,\n    },\n    maxDate: {\n      type: Object as PropType<Dayjs>,\n    },\n    parsedValue: {\n      type: [Object, Array] as PropType<Dayjs | Dayjs[]>,\n    },\n    selectionMode: {\n      type: String,\n      default: 'day',\n    },\n    showWeekNumber: {\n      type: Boolean,\n      default: false,\n    },\n    disabledDate: {\n      type: Function,\n    },\n    cellClassName: {\n      type: Function,\n    },\n    rangeState: {\n      type: Object,\n      default: () => ({\n        endDate: null,\n        selecting: false,\n      }),\n    },\n  },\n  emits: ['changerange', 'pick', 'select'],\n\n  setup(props, ctx) {\n    const { t, lang } = useLocale()\n    // data\n    const lastRow = ref(null)\n    const lastColumn = ref(null)\n    const tableRows = ref<DateCell[][]>([[], [], [], [], [], []])\n\n    // todo better way to get Day.js locale object\n    const firstDayOfWeek = (props.date as any).$locale().weekStart || 7\n    const WEEKS_CONSTANT = props.date\n      .locale('en')\n      .localeData()\n      .weekdaysShort()\n      .map((_) => _.toLowerCase())\n\n    const offsetDay = computed(() => {\n      // Sunday 7(0), cal the left and right offset days, 3217654, such as Monday is -1, the is to adjust the position of the first two rows of dates\n      return firstDayOfWeek > 3 ? 7 - firstDayOfWeek : -firstDayOfWeek\n    })\n\n    const startDate = computed(() => {\n      const startDayOfMonth = props.date.startOf('month')\n      return startDayOfMonth.subtract(startDayOfMonth.day() || 7, 'day')\n    })\n\n    const WEEKS = computed(() => {\n      return WEEKS_CONSTANT.concat(WEEKS_CONSTANT).slice(\n        firstDayOfWeek,\n        firstDayOfWeek + 7\n      )\n    })\n\n    const rows = computed(() => {\n      // TODO: refactory rows / getCellClasses\n      const startOfMonth = props.date.startOf('month')\n      const startOfMonthDay = startOfMonth.day() || 7 // day of first day\n      const dateCountOfMonth = startOfMonth.daysInMonth()\n      const dateCountOfLastMonth = startOfMonth\n        .subtract(1, 'month')\n        .daysInMonth()\n\n      const offset = offsetDay.value\n      const rows_ = tableRows.value\n      let count = 1\n\n      const selectedDate: Dayjs[] =\n        props.selectionMode === 'dates'\n          ? coerceTruthyValueToArray(props.parsedValue)\n          : []\n\n      const calNow = dayjs().locale(lang.value).startOf('day')\n\n      for (let i = 0; i < 6; i++) {\n        const row = rows_[i]\n\n        if (props.showWeekNumber) {\n          if (!row[0]) {\n            row[0] = {\n              type: 'week',\n              text: startDate.value.add(i * 7 + 1, 'day').week(),\n            }\n          }\n        }\n\n        for (let j = 0; j < 7; j++) {\n          let cell = row[props.showWeekNumber ? j + 1 : j]\n          if (!cell) {\n            cell = {\n              row: i,\n              column: j,\n              type: 'normal',\n              inRange: false,\n              start: false,\n              end: false,\n            }\n          }\n          const index = i * 7 + j\n          const calTime = startDate.value.add(index - offset, 'day')\n          cell.dayjs = calTime\n          cell.date = calTime.toDate()\n          cell.timestamp = calTime.valueOf()\n          cell.type = 'normal'\n\n          const calEndDate =\n            props.rangeState.endDate ||\n            props.maxDate ||\n            (props.rangeState.selecting && props.minDate)\n\n          cell.inRange =\n            (props.minDate &&\n              calTime.isSameOrAfter(props.minDate, 'day') &&\n              calEndDate &&\n              calTime.isSameOrBefore(calEndDate, 'day')) ||\n            (props.minDate &&\n              calTime.isSameOrBefore(props.minDate, 'day') &&\n              calEndDate &&\n              calTime.isSameOrAfter(calEndDate, 'day'))\n\n          if (props.minDate?.isSameOrAfter(calEndDate)) {\n            cell.start = calEndDate && calTime.isSame(calEndDate, 'day')\n            cell.end = props.minDate && calTime.isSame(props.minDate, 'day')\n          } else {\n            cell.start = props.minDate && calTime.isSame(props.minDate, 'day')\n            cell.end = calEndDate && calTime.isSame(calEndDate, 'day')\n          }\n\n          const isToday = calTime.isSame(calNow, 'day')\n\n          if (isToday) {\n            cell.type = 'today'\n          }\n\n          if (i >= 0 && i <= 1) {\n            const numberOfDaysFromPreviousMonth =\n              startOfMonthDay + offset < 0\n                ? 7 + startOfMonthDay + offset\n                : startOfMonthDay + offset\n\n            if (j + i * 7 >= numberOfDaysFromPreviousMonth) {\n              cell.text = count++\n            } else {\n              cell.text =\n                dateCountOfLastMonth -\n                (numberOfDaysFromPreviousMonth - (j % 7)) +\n                1 +\n                i * 7\n              cell.type = 'prev-month'\n            }\n          } else {\n            if (count <= dateCountOfMonth) {\n              cell.text = count++\n            } else {\n              cell.text = count++ - dateCountOfMonth\n              cell.type = 'next-month'\n            }\n          }\n\n          const cellDate = calTime.toDate()\n          cell.selected = selectedDate.find(\n            (_) => _.valueOf() === calTime.valueOf()\n          )\n          cell.isSelected = !!cell.selected\n          cell.isCurrent = isCurrent(cell)\n          cell.disabled = props.disabledDate && props.disabledDate(cellDate)\n          cell.customClass =\n            props.cellClassName && props.cellClassName(cellDate)\n          row[props.showWeekNumber ? j + 1 : j] = cell\n        }\n\n        if (props.selectionMode === 'week') {\n          const start = props.showWeekNumber ? 1 : 0\n          const end = props.showWeekNumber ? 7 : 6\n          const isActive = isWeekActive(row[start + 1])\n          row[start].inRange = isActive\n          row[start].start = isActive\n          row[end].inRange = isActive\n          row[end].end = isActive\n        }\n      }\n      return rows_\n    })\n\n    const isCurrent = (cell): boolean => {\n      return (\n        props.selectionMode === 'day' &&\n        (cell.type === 'normal' || cell.type === 'today') &&\n        cellMatchesDate(cell, props.parsedValue)\n      )\n    }\n\n    const cellMatchesDate = (cell, date) => {\n      if (!date) return false\n      return dayjs(date)\n        .locale(lang.value)\n        .isSame(props.date.date(Number(cell.text)), 'day')\n    }\n\n    const getCellClasses = (cell) => {\n      const classes: string[] = []\n      if ((cell.type === 'normal' || cell.type === 'today') && !cell.disabled) {\n        classes.push('available')\n        if (cell.type === 'today') {\n          classes.push('today')\n        }\n      } else {\n        classes.push(cell.type)\n      }\n\n      if (isCurrent(cell)) {\n        classes.push('current')\n      }\n\n      if (\n        cell.inRange &&\n        (cell.type === 'normal' ||\n          cell.type === 'today' ||\n          props.selectionMode === 'week')\n      ) {\n        classes.push('in-range')\n\n        if (cell.start) {\n          classes.push('start-date')\n        }\n\n        if (cell.end) {\n          classes.push('end-date')\n        }\n      }\n\n      if (cell.disabled) {\n        classes.push('disabled')\n      }\n\n      if (cell.selected) {\n        classes.push('selected')\n      }\n\n      if (cell.customClass) {\n        classes.push(cell.customClass)\n      }\n\n      return classes.join(' ')\n    }\n\n    const getDateOfCell = (row, column) => {\n      const offsetFromStart =\n        row * 7 + (column - (props.showWeekNumber ? 1 : 0)) - offsetDay.value\n      return startDate.value.add(offsetFromStart, 'day')\n    }\n\n    const handleMouseMove = (event) => {\n      if (!props.rangeState.selecting) return\n\n      let target = event.target\n      if (target.tagName === 'SPAN') {\n        target = target.parentNode.parentNode\n      }\n      if (target.tagName === 'DIV') {\n        target = target.parentNode\n      }\n      if (target.tagName !== 'TD') return\n\n      const row = target.parentNode.rowIndex - 1\n      const column = target.cellIndex\n\n      // can not select disabled date\n      if (rows.value[row][column].disabled) return\n\n      // only update rangeState when mouse moves to a new cell\n      // this avoids frequent Date object creation and improves performance\n      if (row !== lastRow.value || column !== lastColumn.value) {\n        lastRow.value = row\n        lastColumn.value = column\n        ctx.emit('changerange', {\n          selecting: true,\n          endDate: getDateOfCell(row, column),\n        })\n      }\n    }\n\n    const handleClick = (event) => {\n      let target = event.target\n\n      while (target) {\n        if (target.tagName === 'TD') {\n          break\n        }\n        target = target.parentNode\n      }\n\n      if (!target || target.tagName !== 'TD') return\n\n      const row = target.parentNode.rowIndex - 1\n      const column = target.cellIndex\n      const cell = rows.value[row][column]\n\n      if (cell.disabled || cell.type === 'week') return\n\n      const newDate = getDateOfCell(row, column)\n\n      if (props.selectionMode === 'range') {\n        if (!props.rangeState.selecting) {\n          ctx.emit('pick', { minDate: newDate, maxDate: null })\n          ctx.emit('select', true)\n        } else {\n          if (newDate >= props.minDate) {\n            ctx.emit('pick', { minDate: props.minDate, maxDate: newDate })\n          } else {\n            ctx.emit('pick', { minDate: newDate, maxDate: props.minDate })\n          }\n          ctx.emit('select', false)\n        }\n      } else if (props.selectionMode === 'day') {\n        ctx.emit('pick', newDate)\n      } else if (props.selectionMode === 'week') {\n        const weekNumber = newDate.week()\n        const value = `${newDate.year()}w${weekNumber}`\n        ctx.emit('pick', {\n          year: newDate.year(),\n          week: weekNumber,\n          value,\n          date: newDate.startOf('week'),\n        })\n      } else if (props.selectionMode === 'dates') {\n        const newValue = cell.selected\n          ? coerceTruthyValueToArray(props.parsedValue).filter(\n              (_) => _.valueOf() !== newDate.valueOf()\n            )\n          : coerceTruthyValueToArray(props.parsedValue).concat([newDate])\n        ctx.emit('pick', newValue)\n      }\n    }\n\n    const isWeekActive = (cell) => {\n      if (props.selectionMode !== 'week') return false\n      let newDate = props.date.startOf('day')\n\n      if (cell.type === 'prev-month') {\n        newDate = newDate.subtract(1, 'month')\n      }\n\n      if (cell.type === 'next-month') {\n        newDate = newDate.add(1, 'month')\n      }\n\n      newDate = newDate.date(parseInt(cell.text, 10))\n\n      if (props.parsedValue && !Array.isArray(props.parsedValue)) {\n        const dayOffset =\n          ((props.parsedValue.day() - firstDayOfWeek + 7) % 7) - 1\n        const weekDate = props.parsedValue.subtract(dayOffset, 'day')\n        return weekDate.isSame(newDate, 'day')\n      }\n      return false\n    }\n\n    return {\n      handleMouseMove,\n      t,\n      rows,\n      isWeekActive,\n      getCellClasses,\n      WEEKS,\n      handleClick,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElDatePickerCell","useLocale","ref","computed","_openBlock"],"mappings":"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"}

package/lib/components/date-picker/src/date-picker-com/basic-month-table.js

@@ -4,19 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var dayjs = require('dayjs');
-require('lodash/fromPairs');
-require('../../../../hooks/use-common-props/index.js');
-require('../../../../hooks/use-global-config/index.js');
-var index = require('../../../../hooks/use-locale/index.js');
-require('@vueuse/core');
+require('../../../../hooks/index.js');
+require('../../../time-picker/index.js');
 var dom = require('../../../../utils/dom.js');
-require('../../../../hooks/use-modal/index.js');
-require('../../../../hooks/use-model-toggle/index.js');
-require('@vue/shared');
 var util = require('../../../../utils/util.js');
-require('../../../../hooks/use-delayed-toggle/index.js');
 var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
 var dateUtils = require('../../../time-picker/src/common/date-utils.js');
+var index = require('../../../../hooks/use-locale/index.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -64,6 +58,7 @@ const _sfc_main = vue.defineComponent({
     const lastRow = vue.ref(null);
     const lastColumn = vue.ref(null);
     const rows = vue.computed(() => {
+      var _a;
       const rows2 = tableRows.value;
       const now = dayjs__default["default"]().locale(lang.value).startOf("month");
       for (let i = 0; i < 3; i++) {
@@ -85,7 +80,7 @@ const _sfc_main = vue.defineComponent({
           const calTime = props.date.startOf("year").month(index);
           const calEndDate = props.rangeState.endDate || props.maxDate || props.rangeState.selecting && props.minDate;
           cell.inRange = props.minDate && calTime.isSameOrAfter(props.minDate, "month") && calEndDate && calTime.isSameOrBefore(calEndDate, "month") || props.minDate && calTime.isSameOrBefore(props.minDate, "month") && calEndDate && calTime.isSameOrAfter(calEndDate, "month");
-          if (props.minDate?.isSameOrAfter(calEndDate)) {
+          if ((_a = props.minDate) == null ? void 0 : _a.isSameOrAfter(calEndDate)) {
             cell.start = calEndDate && calTime.isSame(calEndDate, "month");
             cell.end = props.minDate && calTime.isSame(props.minDate, "month");
           } else {

package/lib/components/date-picker/src/date-picker-com/basic-month-table.js.map

@@ -1 +1 @@
-{"version":3,"file":"basic-month-table.js","sources":["../../../../../../../packages/components/date-picker/src/date-picker-com/basic-month-table.vue"],"sourcesContent":["<template>\n  <table\n    class=\"el-month-table\"\n    @click=\"handleMonthTableClick\"\n    @mousemove=\"handleMouseMove\"\n  >\n    <tbody>\n      <tr v-for=\"(row, key) in rows\" :key=\"key\">\n        <td v-for=\"(cell, key_) in row\" :key=\"key_\" :class=\"getCellStyle(cell)\">\n          <div>\n            <a class=\"cell\">{{\n              t('el.datepicker.months.' + months[cell.text])\n            }}</a>\n          </div>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, ref } from 'vue'\nimport dayjs from 'dayjs'\nimport { useLocale } from '@element-plus/hooks'\nimport { rangeArr } from '@element-plus/components/time-picker'\nimport { hasClass } from '@element-plus/utils/dom'\nimport { coerceTruthyValueToArray } from '@element-plus/utils/util'\n\nimport type { PropType } from 'vue'\nimport type { Dayjs } from 'dayjs'\n\nconst datesInMonth = (year: number, month: number, lang: string) => {\n  const firstDay = dayjs().locale(lang).startOf('month').month(month).year(year)\n  const numOfDays = firstDay.daysInMonth()\n  return rangeArr(numOfDays).map((n) => firstDay.add(n, 'day').toDate())\n}\n\nexport default defineComponent({\n  props: {\n    disabledDate: {\n      type: Function as PropType<(_: Date) => void>,\n    },\n    selectionMode: {\n      type: String,\n      default: 'month',\n    },\n    minDate: {\n      type: Object as PropType<Dayjs>,\n    },\n    maxDate: {\n      type: Object as PropType<Dayjs>,\n    },\n    date: {\n      type: Object as PropType<Dayjs>,\n    },\n    parsedValue: {\n      type: Object as PropType<Dayjs>,\n    },\n    rangeState: {\n      type: Object,\n      default: () => ({\n        endDate: null,\n        selecting: false,\n      }),\n    },\n  },\n\n  emits: ['changerange', 'pick', 'select'],\n\n  setup(props, ctx) {\n    const { t, lang } = useLocale()\n    const months = ref(\n      props.date\n        .locale('en')\n        .localeData()\n        .monthsShort()\n        .map((_) => _.toLowerCase())\n    )\n    const tableRows = ref([[], [], []])\n    const lastRow = ref(null)\n    const lastColumn = ref(null)\n    const rows = computed(() => {\n      // TODO: refactory rows / getCellClasses\n      const rows = tableRows.value\n      const now = dayjs().locale(lang.value).startOf('month')\n\n      for (let i = 0; i < 3; i++) {\n        const row = rows[i]\n        for (let j = 0; j < 4; j++) {\n          let cell = row[j]\n          if (!cell) {\n            cell = {\n              row: i,\n              column: j,\n              type: 'normal',\n              inRange: false,\n              start: false,\n              end: false,\n            }\n          }\n\n          cell.type = 'normal'\n\n          const index = i * 4 + j\n          const calTime = props.date.startOf('year').month(index)\n\n          const calEndDate =\n            props.rangeState.endDate ||\n            props.maxDate ||\n            (props.rangeState.selecting && props.minDate)\n\n          cell.inRange =\n            (props.minDate &&\n              calTime.isSameOrAfter(props.minDate, 'month') &&\n              calEndDate &&\n              calTime.isSameOrBefore(calEndDate, 'month')) ||\n            (props.minDate &&\n              calTime.isSameOrBefore(props.minDate, 'month') &&\n              calEndDate &&\n              calTime.isSameOrAfter(calEndDate, 'month'))\n\n          if (props.minDate?.isSameOrAfter(calEndDate)) {\n            cell.start = calEndDate && calTime.isSame(calEndDate, 'month')\n            cell.end = props.minDate && calTime.isSame(props.minDate, 'month')\n          } else {\n            cell.start = props.minDate && calTime.isSame(props.minDate, 'month')\n            cell.end = calEndDate && calTime.isSame(calEndDate, 'month')\n          }\n\n          const isToday = now.isSame(calTime)\n\n          if (isToday) {\n            cell.type = 'today'\n          }\n          cell.text = index\n          const cellDate = calTime.toDate()\n          cell.disabled = props.disabledDate && props.disabledDate(cellDate)\n          row[j] = cell\n        }\n      }\n      return rows\n    })\n    const getCellStyle = (cell) => {\n      const style = {} as any\n      const year = props.date.year()\n      const today = new Date()\n      const month = cell.text\n\n      style.disabled = props.disabledDate\n        ? datesInMonth(year, month, lang.value).every(props.disabledDate)\n        : false\n      style.current =\n        coerceTruthyValueToArray(props.parsedValue).findIndex(\n          (date) => date.year() === year && date.month() === month\n        ) >= 0\n      style.today = today.getFullYear() === year && today.getMonth() === month\n\n      if (cell.inRange) {\n        style['in-range'] = true\n\n        if (cell.start) {\n          style['start-date'] = true\n        }\n\n        if (cell.end) {\n          style['end-date'] = true\n        }\n      }\n      return style\n    }\n\n    const handleMouseMove = (event) => {\n      if (!props.rangeState.selecting) return\n\n      let target = event.target\n      if (target.tagName === 'A') {\n        target = target.parentNode.parentNode\n      }\n      if (target.tagName === 'DIV') {\n        target = target.parentNode\n      }\n      if (target.tagName !== 'TD') return\n\n      const row = target.parentNode.rowIndex\n      const column = target.cellIndex\n      // can not select disabled date\n      if (rows.value[row][column].disabled) return\n\n      // only update rangeState when mouse moves to a new cell\n      // this avoids frequent Date object creation and improves performance\n      if (row !== lastRow.value || column !== lastColumn.value) {\n        lastRow.value = row\n        lastColumn.value = column\n        ctx.emit('changerange', {\n          selecting: true,\n          endDate: props.date.startOf('year').month(row * 4 + column),\n        })\n      }\n    }\n    const handleMonthTableClick = (event) => {\n      let target = event.target\n      if (target.tagName === 'A') {\n        target = target.parentNode.parentNode\n      }\n      if (target.tagName === 'DIV') {\n        target = target.parentNode\n      }\n      if (target.tagName !== 'TD') return\n      if (hasClass(target, 'disabled')) return\n      const column = target.cellIndex\n      const row = target.parentNode.rowIndex\n      const month = row * 4 + column\n      const newDate = props.date.startOf('year').month(month)\n      if (props.selectionMode === 'range') {\n        if (!props.rangeState.selecting) {\n          ctx.emit('pick', { minDate: newDate, maxDate: null })\n          ctx.emit('select', true)\n        } else {\n          if (newDate >= props.minDate) {\n            ctx.emit('pick', { minDate: props.minDate, maxDate: newDate })\n          } else {\n            ctx.emit('pick', { minDate: newDate, maxDate: props.minDate })\n          }\n          ctx.emit('select', false)\n        }\n      } else {\n        ctx.emit('pick', month)\n      }\n    }\n\n    return {\n      handleMouseMove,\n      handleMonthTableClick,\n      rows,\n      getCellStyle,\n      t,\n      months,\n    }\n  },\n})\n</script>\n"],"names":["dayjs","rangeArr","defineComponent","useLocale","ref","computed","coerceTruthyValueToArray","hasClass","_openBlock","_createElementBlock","_renderList","_Fragment"],"mappings":"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"}
+{"version":3,"file":"basic-month-table.js","sources":["../../../../../../../packages/components/date-picker/src/date-picker-com/basic-month-table.vue"],"sourcesContent":["<template>\n  <table\n    class=\"el-month-table\"\n    @click=\"handleMonthTableClick\"\n    @mousemove=\"handleMouseMove\"\n  >\n    <tbody>\n      <tr v-for=\"(row, key) in rows\" :key=\"key\">\n        <td v-for=\"(cell, key_) in row\" :key=\"key_\" :class=\"getCellStyle(cell)\">\n          <div>\n            <a class=\"cell\">{{\n              t('el.datepicker.months.' + months[cell.text])\n            }}</a>\n          </div>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, ref } from 'vue'\nimport dayjs from 'dayjs'\nimport { useLocale } from '@element-plus/hooks'\nimport { rangeArr } from '@element-plus/components/time-picker'\nimport { hasClass } from '@element-plus/utils/dom'\nimport { coerceTruthyValueToArray } from '@element-plus/utils/util'\n\nimport type { PropType } from 'vue'\nimport type { Dayjs } from 'dayjs'\n\nconst datesInMonth = (year: number, month: number, lang: string) => {\n  const firstDay = dayjs().locale(lang).startOf('month').month(month).year(year)\n  const numOfDays = firstDay.daysInMonth()\n  return rangeArr(numOfDays).map((n) => firstDay.add(n, 'day').toDate())\n}\n\nexport default defineComponent({\n  props: {\n    disabledDate: {\n      type: Function as PropType<(_: Date) => void>,\n    },\n    selectionMode: {\n      type: String,\n      default: 'month',\n    },\n    minDate: {\n      type: Object as PropType<Dayjs>,\n    },\n    maxDate: {\n      type: Object as PropType<Dayjs>,\n    },\n    date: {\n      type: Object as PropType<Dayjs>,\n    },\n    parsedValue: {\n      type: Object as PropType<Dayjs>,\n    },\n    rangeState: {\n      type: Object,\n      default: () => ({\n        endDate: null,\n        selecting: false,\n      }),\n    },\n  },\n\n  emits: ['changerange', 'pick', 'select'],\n\n  setup(props, ctx) {\n    const { t, lang } = useLocale()\n    const months = ref(\n      props.date\n        .locale('en')\n        .localeData()\n        .monthsShort()\n        .map((_) => _.toLowerCase())\n    )\n    const tableRows = ref([[], [], []])\n    const lastRow = ref(null)\n    const lastColumn = ref(null)\n    const rows = computed(() => {\n      // TODO: refactory rows / getCellClasses\n      const rows = tableRows.value\n      const now = dayjs().locale(lang.value).startOf('month')\n\n      for (let i = 0; i < 3; i++) {\n        const row = rows[i]\n        for (let j = 0; j < 4; j++) {\n          let cell = row[j]\n          if (!cell) {\n            cell = {\n              row: i,\n              column: j,\n              type: 'normal',\n              inRange: false,\n              start: false,\n              end: false,\n            }\n          }\n\n          cell.type = 'normal'\n\n          const index = i * 4 + j\n          const calTime = props.date.startOf('year').month(index)\n\n          const calEndDate =\n            props.rangeState.endDate ||\n            props.maxDate ||\n            (props.rangeState.selecting && props.minDate)\n\n          cell.inRange =\n            (props.minDate &&\n              calTime.isSameOrAfter(props.minDate, 'month') &&\n              calEndDate &&\n              calTime.isSameOrBefore(calEndDate, 'month')) ||\n            (props.minDate &&\n              calTime.isSameOrBefore(props.minDate, 'month') &&\n              calEndDate &&\n              calTime.isSameOrAfter(calEndDate, 'month'))\n\n          if (props.minDate?.isSameOrAfter(calEndDate)) {\n            cell.start = calEndDate && calTime.isSame(calEndDate, 'month')\n            cell.end = props.minDate && calTime.isSame(props.minDate, 'month')\n          } else {\n            cell.start = props.minDate && calTime.isSame(props.minDate, 'month')\n            cell.end = calEndDate && calTime.isSame(calEndDate, 'month')\n          }\n\n          const isToday = now.isSame(calTime)\n\n          if (isToday) {\n            cell.type = 'today'\n          }\n          cell.text = index\n          const cellDate = calTime.toDate()\n          cell.disabled = props.disabledDate && props.disabledDate(cellDate)\n          row[j] = cell\n        }\n      }\n      return rows\n    })\n    const getCellStyle = (cell) => {\n      const style = {} as any\n      const year = props.date.year()\n      const today = new Date()\n      const month = cell.text\n\n      style.disabled = props.disabledDate\n        ? datesInMonth(year, month, lang.value).every(props.disabledDate)\n        : false\n      style.current =\n        coerceTruthyValueToArray(props.parsedValue).findIndex(\n          (date) => date.year() === year && date.month() === month\n        ) >= 0\n      style.today = today.getFullYear() === year && today.getMonth() === month\n\n      if (cell.inRange) {\n        style['in-range'] = true\n\n        if (cell.start) {\n          style['start-date'] = true\n        }\n\n        if (cell.end) {\n          style['end-date'] = true\n        }\n      }\n      return style\n    }\n\n    const handleMouseMove = (event) => {\n      if (!props.rangeState.selecting) return\n\n      let target = event.target\n      if (target.tagName === 'A') {\n        target = target.parentNode.parentNode\n      }\n      if (target.tagName === 'DIV') {\n        target = target.parentNode\n      }\n      if (target.tagName !== 'TD') return\n\n      const row = target.parentNode.rowIndex\n      const column = target.cellIndex\n      // can not select disabled date\n      if (rows.value[row][column].disabled) return\n\n      // only update rangeState when mouse moves to a new cell\n      // this avoids frequent Date object creation and improves performance\n      if (row !== lastRow.value || column !== lastColumn.value) {\n        lastRow.value = row\n        lastColumn.value = column\n        ctx.emit('changerange', {\n          selecting: true,\n          endDate: props.date.startOf('year').month(row * 4 + column),\n        })\n      }\n    }\n    const handleMonthTableClick = (event) => {\n      let target = event.target\n      if (target.tagName === 'A') {\n        target = target.parentNode.parentNode\n      }\n      if (target.tagName === 'DIV') {\n        target = target.parentNode\n      }\n      if (target.tagName !== 'TD') return\n      if (hasClass(target, 'disabled')) return\n      const column = target.cellIndex\n      const row = target.parentNode.rowIndex\n      const month = row * 4 + column\n      const newDate = props.date.startOf('year').month(month)\n      if (props.selectionMode === 'range') {\n        if (!props.rangeState.selecting) {\n          ctx.emit('pick', { minDate: newDate, maxDate: null })\n          ctx.emit('select', true)\n        } else {\n          if (newDate >= props.minDate) {\n            ctx.emit('pick', { minDate: props.minDate, maxDate: newDate })\n          } else {\n            ctx.emit('pick', { minDate: newDate, maxDate: props.minDate })\n          }\n          ctx.emit('select', false)\n        }\n      } else {\n        ctx.emit('pick', month)\n      }\n    }\n\n    return {\n      handleMouseMove,\n      handleMonthTableClick,\n      rows,\n      getCellStyle,\n      t,\n      months,\n    }\n  },\n})\n</script>\n"],"names":["dayjs","rangeArr","defineComponent","useLocale","ref","computed","_openBlock"],"mappings":"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"}

package/lib/components/date-picker/src/date-picker-com/basic-year-table.js

@@ -4,19 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var dayjs = require('dayjs');
-require('lodash/fromPairs');
-require('../../../../hooks/use-common-props/index.js');
-require('../../../../hooks/use-global-config/index.js');
-var index = require('../../../../hooks/use-locale/index.js');
-require('@vueuse/core');
+require('../../../../hooks/index.js');
+require('../../../time-picker/index.js');
 var dom = require('../../../../utils/dom.js');
-require('../../../../hooks/use-modal/index.js');
-require('../../../../hooks/use-model-toggle/index.js');
-require('@vue/shared');
 var util = require('../../../../utils/util.js');
-require('../../../../hooks/use-delayed-toggle/index.js');
 var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
 var dateUtils = require('../../../time-picker/src/common/date-utils.js');
+var index = require('../../../../hooks/use-locale/index.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/lib/components/date-picker/src/date-picker-com/basic-year-table.js.map

@@ -1 +1 @@
-{"version":3,"file":"basic-year-table.js","sources":["../../../../../../../packages/components/date-picker/src/date-picker-com/basic-year-table.vue"],"sourcesContent":["<template>\n  <table class=\"el-year-table\" @click=\"handleYearTableClick\">\n    <tbody>\n      <tr>\n        <td class=\"available\" :class=\"getCellStyle(startYear + 0)\">\n          <a class=\"cell\">{{ startYear }}</a>\n        </td>\n        <td class=\"available\" :class=\"getCellStyle(startYear + 1)\">\n          <a class=\"cell\">{{ startYear + 1 }}</a>\n        </td>\n        <td class=\"available\" :class=\"getCellStyle(startYear + 2)\">\n          <a class=\"cell\">{{ startYear + 2 }}</a>\n        </td>\n        <td class=\"available\" :class=\"getCellStyle(startYear + 3)\">\n          <a class=\"cell\">{{ startYear + 3 }}</a>\n        </td>\n      </tr>\n      <tr>\n        <td class=\"available\" :class=\"getCellStyle(startYear + 4)\">\n          <a class=\"cell\">{{ startYear + 4 }}</a>\n        </td>\n        <td class=\"available\" :class=\"getCellStyle(startYear + 5)\">\n          <a class=\"cell\">{{ startYear + 5 }}</a>\n        </td>\n        <td class=\"available\" :class=\"getCellStyle(startYear + 6)\">\n          <a class=\"cell\">{{ startYear + 6 }}</a>\n        </td>\n        <td class=\"available\" :class=\"getCellStyle(startYear + 7)\">\n          <a class=\"cell\">{{ startYear + 7 }}</a>\n        </td>\n      </tr>\n      <tr>\n        <td class=\"available\" :class=\"getCellStyle(startYear + 8)\">\n          <a class=\"cell\">{{ startYear + 8 }}</a>\n        </td>\n        <td class=\"available\" :class=\"getCellStyle(startYear + 9)\">\n          <a class=\"cell\">{{ startYear + 9 }}</a>\n        </td>\n        <td></td>\n        <td></td>\n      </tr>\n    </tbody>\n  </table>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue'\nimport dayjs from 'dayjs'\nimport { useLocale } from '@element-plus/hooks'\nimport { rangeArr } from '@element-plus/components/time-picker'\nimport { hasClass } from '@element-plus/utils/dom'\nimport { coerceTruthyValueToArray } from '@element-plus/utils/util'\n\nimport type { PropType } from 'vue'\nimport type { Dayjs } from 'dayjs'\n\nconst datesInYear = (year: Dayjs, lang: string) => {\n  const firstDay = dayjs(String(year)).locale(lang).startOf('year')\n  const lastDay = firstDay.endOf('year')\n  const numOfDays = lastDay.dayOfYear()\n  return rangeArr(numOfDays).map((n) => firstDay.add(n, 'day').toDate())\n}\n\nexport default defineComponent({\n  props: {\n    disabledDate: {\n      type: Function as PropType<(_: Date) => void>,\n    },\n    parsedValue: {\n      type: Object as PropType<Dayjs>,\n    },\n    date: {\n      type: Object as PropType<Dayjs>,\n    },\n  },\n\n  emits: ['pick'],\n\n  setup(props, ctx) {\n    const { lang } = useLocale()\n    const startYear = computed(() => {\n      return Math.floor(props.date.year() / 10) * 10\n    })\n    const getCellStyle = (year) => {\n      const style = {} as any\n      const today = dayjs().locale(lang.value)\n\n      style.disabled = props.disabledDate\n        ? datesInYear(year, lang.value).every(props.disabledDate)\n        : false\n\n      style.current =\n        coerceTruthyValueToArray(props.parsedValue).findIndex(\n          (_) => _.year() === year\n        ) >= 0\n\n      style.today = today.year() === year\n\n      return style\n    }\n\n    const handleYearTableClick = (event: MouseEvent) => {\n      const target = event.target as HTMLDivElement\n      if (target.tagName === 'A') {\n        if (hasClass((target as any).parentNode, 'disabled')) return\n        const year = target.textContent || target.innerText\n        ctx.emit('pick', Number(year))\n      }\n    }\n    return {\n      startYear,\n      getCellStyle,\n      handleYearTableClick,\n    }\n  },\n})\n</script>\n"],"names":["dayjs","rangeArr","defineComponent","useLocale","computed","coerceTruthyValueToArray","hasClass","_openBlock","_createElementBlock"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAwDA,MAAM,cAAc,CAAC,MAAa,SAAiB;AACjD,QAAM,WAAWA,0BAAM,OAAO,OAAO,OAAO,MAAM,QAAQ;AAC1D,QAAM,UAAU,SAAS,MAAM;AAC/B,QAAM,YAAY,QAAQ;AAC1B,SAAOC,mBAAS,WAAW,IAAI,CAAC,MAAM,SAAS,IAAI,GAAG,OAAO;AAAA;AAG/D,MAAK,YAAaC,oBAAa;AAAA,EAC7B,OAAO;AAAA,IACL,cAAc;AAAA,MACZ,MAAM;AAAA;AAAA,IAER,aAAa;AAAA,MACX,MAAM;AAAA;AAAA,IAER,MAAM;AAAA,MACJ,MAAM;AAAA;AAAA;AAAA,EAIV,OAAO,CAAC;AAAA,EAER,MAAM,OAAO,KAAK;AAChB,UAAM,EAAE,SAASC;AACjB,UAAM,YAAYC,aAAS,MAAM;AAC/B,aAAO,KAAK,MAAM,MAAM,KAAK,SAAS,MAAM;AAAA;AAE9C,UAAM,eAAe,CAAC,SAAS;AAC7B,YAAM,QAAQ;AACd,YAAM,QAAQJ,4BAAQ,OAAO,KAAK;AAElC,YAAM,WAAW,MAAM,eACnB,YAAY,MAAM,KAAK,OAAO,MAAM,MAAM,gBAC1C;AAEJ,YAAM,UACJK,8BAAyB,MAAM,aAAa,UAC1C,CAAC,MAAM,EAAE,WAAW,SACjB;AAEP,YAAM,QAAQ,MAAM,WAAW;AAE/B,aAAO;AAAA;AAGT,UAAM,uBAAuB,CAAC,UAAsB;AAClD,YAAM,SAAS,MAAM;AACrB,UAAI,OAAO,YAAY,KAAK;AAC1B,YAAIC,aAAU,OAAe,YAAY;AAAa;AACtD,cAAM,OAAO,OAAO,eAAe,OAAO;AAC1C,YAAI,KAAK,QAAQ,OAAO;AAAA;AAAA;AAG5B,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;qBAxGO,OAAM;qBAGN,OAAM;qBAGN,OAAM;qBAKN,OAAM;qBAGN,OAAM;qBAGN,OAAM;qBAGN,OAAM;qBAKN,OAAM;4BAGD;;2DAGD;;2BAtCf,wBAyCQ;SAzCIC,iBAACC,uBAAe;AAAA,IAAE,OAAK;AAAA;KACjC;AAAA,2BACE,SAaK;AAAA,6BAZH,MAEK;AAAA,+BAFI,MAAC;AAAA;WACR;AAAA;WAEF;AAAA,+BAAS,MAAC;AAAA;WACR;AAAA;WAEF;AAAA,+BAAS,MAAC;AAAA;WACR;AAAA;WAEF;AAAA,+BAAS,MAAC;AAAA;WACR;AAAA;;;6BAIF,MAEK;AAAA,+BAFI,MAAC;AAAA;WACR;AAAA;WAEF;AAAA,+BAAS,MAAC;AAAA;WACR;AAAA;WAEF;AAAA,+BAAS,MAAC;AAAA;WACR;AAAA;WAEF;AAAA,+BAAS,MAAC;AAAA;WACR;AAAA;;;6BAIF,MAEK;AAAA,+BAFI,MAAC;AAAA;WACR;AAAA;WAEF;AAAA,+BAAS,MAAC;AAAA;WACR;AAAA;WAEF;AAAA,QACA;AAAA;;;;;;;;;"}
+{"version":3,"file":"basic-year-table.js","sources":["../../../../../../../packages/components/date-picker/src/date-picker-com/basic-year-table.vue"],"sourcesContent":["<template>\n  <table class=\"el-year-table\" @click=\"handleYearTableClick\">\n    <tbody>\n      <tr>\n        <td class=\"available\" :class=\"getCellStyle(startYear + 0)\">\n          <a class=\"cell\">{{ startYear }}</a>\n        </td>\n        <td class=\"available\" :class=\"getCellStyle(startYear + 1)\">\n          <a class=\"cell\">{{ startYear + 1 }}</a>\n        </td>\n        <td class=\"available\" :class=\"getCellStyle(startYear + 2)\">\n          <a class=\"cell\">{{ startYear + 2 }}</a>\n        </td>\n        <td class=\"available\" :class=\"getCellStyle(startYear + 3)\">\n          <a class=\"cell\">{{ startYear + 3 }}</a>\n        </td>\n      </tr>\n      <tr>\n        <td class=\"available\" :class=\"getCellStyle(startYear + 4)\">\n          <a class=\"cell\">{{ startYear + 4 }}</a>\n        </td>\n        <td class=\"available\" :class=\"getCellStyle(startYear + 5)\">\n          <a class=\"cell\">{{ startYear + 5 }}</a>\n        </td>\n        <td class=\"available\" :class=\"getCellStyle(startYear + 6)\">\n          <a class=\"cell\">{{ startYear + 6 }}</a>\n        </td>\n        <td class=\"available\" :class=\"getCellStyle(startYear + 7)\">\n          <a class=\"cell\">{{ startYear + 7 }}</a>\n        </td>\n      </tr>\n      <tr>\n        <td class=\"available\" :class=\"getCellStyle(startYear + 8)\">\n          <a class=\"cell\">{{ startYear + 8 }}</a>\n        </td>\n        <td class=\"available\" :class=\"getCellStyle(startYear + 9)\">\n          <a class=\"cell\">{{ startYear + 9 }}</a>\n        </td>\n        <td></td>\n        <td></td>\n      </tr>\n    </tbody>\n  </table>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue'\nimport dayjs from 'dayjs'\nimport { useLocale } from '@element-plus/hooks'\nimport { rangeArr } from '@element-plus/components/time-picker'\nimport { hasClass } from '@element-plus/utils/dom'\nimport { coerceTruthyValueToArray } from '@element-plus/utils/util'\n\nimport type { PropType } from 'vue'\nimport type { Dayjs } from 'dayjs'\n\nconst datesInYear = (year: Dayjs, lang: string) => {\n  const firstDay = dayjs(String(year)).locale(lang).startOf('year')\n  const lastDay = firstDay.endOf('year')\n  const numOfDays = lastDay.dayOfYear()\n  return rangeArr(numOfDays).map((n) => firstDay.add(n, 'day').toDate())\n}\n\nexport default defineComponent({\n  props: {\n    disabledDate: {\n      type: Function as PropType<(_: Date) => void>,\n    },\n    parsedValue: {\n      type: Object as PropType<Dayjs>,\n    },\n    date: {\n      type: Object as PropType<Dayjs>,\n    },\n  },\n\n  emits: ['pick'],\n\n  setup(props, ctx) {\n    const { lang } = useLocale()\n    const startYear = computed(() => {\n      return Math.floor(props.date.year() / 10) * 10\n    })\n    const getCellStyle = (year) => {\n      const style = {} as any\n      const today = dayjs().locale(lang.value)\n\n      style.disabled = props.disabledDate\n        ? datesInYear(year, lang.value).every(props.disabledDate)\n        : false\n\n      style.current =\n        coerceTruthyValueToArray(props.parsedValue).findIndex(\n          (_) => _.year() === year\n        ) >= 0\n\n      style.today = today.year() === year\n\n      return style\n    }\n\n    const handleYearTableClick = (event: MouseEvent) => {\n      const target = event.target as HTMLDivElement\n      if (target.tagName === 'A') {\n        if (hasClass((target as any).parentNode, 'disabled')) return\n        const year = target.textContent || target.innerText\n        ctx.emit('pick', Number(year))\n      }\n    }\n    return {\n      startYear,\n      getCellStyle,\n      handleYearTableClick,\n    }\n  },\n})\n</script>\n"],"names":["dayjs","rangeArr","defineComponent","useLocale","computed","coerceTruthyValueToArray","hasClass","_openBlock","_createElementBlock"],"mappings":";;;;;;;;;;;;;;;;;;AAwDA,MAAM,cAAc,CAAC,MAAa,SAAiB;AACjD,QAAM,WAAWA,0BAAM,OAAO,OAAO,OAAO,MAAM,QAAQ;AAC1D,QAAM,UAAU,SAAS,MAAM;AAC/B,QAAM,YAAY,QAAQ;AAC1B,SAAOC,mBAAS,WAAW,IAAI,CAAC,MAAM,SAAS,IAAI,GAAG,OAAO;AAAA;AAG/D,MAAK,YAAaC,oBAAa;AAAA,EAC7B,OAAO;AAAA,IACL,cAAc;AAAA,MACZ,MAAM;AAAA;AAAA,IAER,aAAa;AAAA,MACX,MAAM;AAAA;AAAA,IAER,MAAM;AAAA,MACJ,MAAM;AAAA;AAAA;AAAA,EAIV,OAAO,CAAC;AAAA,EAER,MAAM,OAAO,KAAK;AAChB,UAAM,EAAE,SAASC;AACjB,UAAM,YAAYC,aAAS,MAAM;AAC/B,aAAO,KAAK,MAAM,MAAM,KAAK,SAAS,MAAM;AAAA;AAE9C,UAAM,eAAe,CAAC,SAAS;AAC7B,YAAM,QAAQ;AACd,YAAM,QAAQJ,4BAAQ,OAAO,KAAK;AAElC,YAAM,WAAW,MAAM,eACnB,YAAY,MAAM,KAAK,OAAO,MAAM,MAAM,gBAC1C;AAEJ,YAAM,UACJK,8BAAyB,MAAM,aAAa,UAC1C,CAAC,MAAM,EAAE,WAAW,SACjB;AAEP,YAAM,QAAQ,MAAM,WAAW;AAE/B,aAAO;AAAA;AAGT,UAAM,uBAAuB,CAAC,UAAsB;AAClD,YAAM,SAAS,MAAM;AACrB,UAAI,OAAO,YAAY,KAAK;AAC1B,YAAIC,aAAU,OAAe,YAAY;AAAa;AACtD,cAAM,OAAO,OAAO,eAAe,OAAO;AAC1C,YAAI,KAAK,QAAQ,OAAO;AAAA;AAAA;AAG5B,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;qBAxGO,OAAM;qBAGN,OAAM;qBAGN,OAAM;qBAKN,OAAM;qBAGN,OAAM;qBAGN,OAAM;qBAGN,OAAM;qBAKN,OAAM;4BAGD;;2DAGD;;2BAtCf,wBAyCQ;SAzCIC,iBAACC,uBAAe;AAAA,IAAE,OAAK;AAAA;KACjC;AAAA,2BACE,SAaK;AAAA,6BAZH,MAEK;AAAA,+BAFI,MAAC;AAAA;WACR;AAAA;WAEF;AAAA,+BAAS,MAAC;AAAA;WACR;AAAA;WAEF;AAAA,+BAAS,MAAC;AAAA;WACR;AAAA;WAEF;AAAA,+BAAS,MAAC;AAAA;WACR;AAAA;;;6BAIF,MAEK;AAAA,+BAFI,MAAC;AAAA;WACR;AAAA;WAEF;AAAA,+BAAS,MAAC;AAAA;WACR;AAAA;WAEF;AAAA,+BAAS,MAAC;AAAA;WACR;AAAA;WAEF;AAAA,+BAAS,MAAC;AAAA;WACR;AAAA;;;6BAIF,MAEK;AAAA,+BAFI,MAAC;AAAA;WACR;AAAA;WAEF;AAAA,+BAAS,MAAC;AAAA;WACR;AAAA;WAEF;AAAA,QACA;AAAA;;;;;;;;;"}

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

@@ -5,29 +5,22 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var dayjs = require('dayjs');
 var index$1 = require('../../../button/index.js');
-var index$3 = require('../../../../directives/click-outside/index.js');
-require('@vueuse/core');
-require('@vue/shared');
-require('lodash/isEqualWith');
-var aria = require('../../../../utils/aria.js');
-require('normalize-wheel-es');
-require('lodash/fromPairs');
-require('../../../../hooks/use-common-props/index.js');
-require('../../../../hooks/use-global-config/index.js');
-var index$4 = require('../../../../hooks/use-locale/index.js');
-require('../../../../hooks/use-modal/index.js');
-require('../../../../hooks/use-model-toggle/index.js');
-require('../../../../hooks/use-delayed-toggle/index.js');
+require('../../../../directives/index.js');
+require('../../../../hooks/index.js');
 var index = require('../../../input/index.js');
 require('../../../time-picker/index.js');
 var index$2 = require('../../../icon/index.js');
+var aria = require('../../../../utils/aria.js');
 var validators = require('../../../../utils/validators.js');
 var iconsVue = require('@element-plus/icons-vue');
+require('../../../tooltip/index.js');
 var basicDateTable = require('./basic-date-table.js');
 var basicMonthTable = require('./basic-month-table.js');
 var basicYearTable = require('./basic-year-table.js');
 var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
 var panelTimePick = require('../../../time-picker/src/time-picker-com/panel-time-pick.js');
+var index$3 = require('../../../../directives/click-outside/index.js');
+var index$4 = require('../../../../hooks/use-locale/index.js');
 var tokens = require('../../../tooltip/src/tokens.js');
 var dateUtils = require('../../../time-picker/src/common/date-utils.js');
 
@@ -192,7 +185,7 @@ const _sfc_main = vue.defineComponent({
       currentView.value = "date";
     }, { immediate: true });
     vue.watch(() => currentView.value, () => {
-      popper?.updatePopper();
+      popper == null ? void 0 : popper.updatePopper();
     });
     const hasShortcuts = vue.computed(() => !!shortcuts.length);
     const handleMonthPick = (month2) => {

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

@@ -1 +1 @@
-{"version":3,"file":"panel-date-pick.js","sources":["../../../../../../../packages/components/date-picker/src/date-picker-com/panel-date-pick.vue"],"sourcesContent":["<template>\n  <div\n    class=\"el-picker-panel el-date-picker\"\n    :class=\"[\n      {\n        'has-sidebar': $slots.sidebar || hasShortcuts,\n        'has-time': showTime,\n      },\n    ]\"\n  >\n    <div class=\"el-picker-panel__body-wrapper\">\n      <slot name=\"sidebar\" class=\"el-picker-panel__sidebar\"></slot>\n      <div v-if=\"hasShortcuts\" class=\"el-picker-panel__sidebar\">\n        <button\n          v-for=\"(shortcut, key) in shortcuts\"\n          :key=\"key\"\n          type=\"button\"\n          class=\"el-picker-panel__shortcut\"\n          @click=\"handleShortcutClick(shortcut)\"\n        >\n          {{ shortcut.text }}\n        </button>\n      </div>\n      <div class=\"el-picker-panel__body\">\n        <div v-if=\"showTime\" class=\"el-date-picker__time-header\">\n          <span class=\"el-date-picker__editor-wrap\">\n            <el-input\n              :placeholder=\"t('el.datepicker.selectDate')\"\n              :model-value=\"visibleDate\"\n              size=\"small\"\n              @input=\"(val) => (userInputDate = val)\"\n              @change=\"handleVisibleDateChange\"\n            />\n          </span>\n          <span\n            v-clickoutside=\"handleTimePickClose\"\n            class=\"el-date-picker__editor-wrap\"\n          >\n            <el-input\n              :placeholder=\"t('el.datepicker.selectTime')\"\n              :model-value=\"visibleTime\"\n              size=\"small\"\n              @focus=\"onTimePickerInputFocus\"\n              @input=\"(val) => (userInputTime = val)\"\n              @change=\"handleVisibleTimeChange\"\n            />\n            <time-pick-panel\n              :visible=\"timePickerVisible\"\n              :format=\"timeFormat\"\n              :time-arrow-control=\"arrowControl\"\n              :parsed-value=\"innerDate\"\n              @pick=\"handleTimePick\"\n            />\n          </span>\n        </div>\n        <div\n          v-show=\"currentView !== 'time'\"\n          class=\"el-date-picker__header\"\n          :class=\"{\n            'el-date-picker__header--bordered':\n              currentView === 'year' || currentView === 'month',\n          }\"\n        >\n          <button\n            type=\"button\"\n            :aria-label=\"t(`el.datepicker.prevYear`)\"\n            class=\"el-picker-panel__icon-btn el-date-picker__prev-btn d-arrow-left\"\n            @click=\"prevYear_\"\n          >\n            <el-icon><d-arrow-left /></el-icon>\n          </button>\n          <button\n            v-show=\"currentView === 'date'\"\n            type=\"button\"\n            :aria-label=\"t(`el.datepicker.prevMonth`)\"\n            class=\"el-picker-panel__icon-btn el-date-picker__prev-btn arrow-left\"\n            @click=\"prevMonth_\"\n          >\n            <el-icon><arrow-left /></el-icon>\n          </button>\n          <span\n            role=\"button\"\n            class=\"el-date-picker__header-label\"\n            @click=\"showYearPicker\"\n            >{{ yearLabel }}</span\n          >\n          <span\n            v-show=\"currentView === 'date'\"\n            role=\"button\"\n            class=\"el-date-picker__header-label\"\n            :class=\"{ active: currentView === 'month' }\"\n            @click=\"showMonthPicker\"\n            >{{ t(`el.datepicker.month${month + 1}`) }}</span\n          >\n          <button\n            type=\"button\"\n            :aria-label=\"t(`el.datepicker.nextYear`)\"\n            class=\"el-picker-panel__icon-btn el-date-picker__next-btn d-arrow-right\"\n            @click=\"nextYear_\"\n          >\n            <el-icon><d-arrow-right /></el-icon>\n          </button>\n          <button\n            v-show=\"currentView === 'date'\"\n            type=\"button\"\n            :aria-label=\"t(`el.datepicker.nextMonth`)\"\n            class=\"el-picker-panel__icon-btn el-date-picker__next-btn arrow-right\"\n            @click=\"nextMonth_\"\n          >\n            <el-icon><arrow-right /></el-icon>\n          </button>\n        </div>\n        <div class=\"el-picker-panel__content\">\n          <date-table\n            v-if=\"currentView === 'date'\"\n            :selection-mode=\"selectionMode\"\n            :date=\"innerDate\"\n            :parsed-value=\"parsedValue\"\n            :disabled-date=\"disabledDate\"\n            @pick=\"handleDatePick\"\n          />\n          <year-table\n            v-if=\"currentView === 'year'\"\n            :date=\"innerDate\"\n            :disabled-date=\"disabledDate\"\n            :parsed-value=\"parsedValue\"\n            @pick=\"handleYearPick\"\n          />\n          <month-table\n            v-if=\"currentView === 'month'\"\n            :date=\"innerDate\"\n            :parsed-value=\"parsedValue\"\n            :disabled-date=\"disabledDate\"\n            @pick=\"handleMonthPick\"\n          />\n        </div>\n      </div>\n    </div>\n    <div\n      v-show=\"footerVisible && currentView === 'date'\"\n      class=\"el-picker-panel__footer\"\n    >\n      <el-button\n        v-show=\"selectionMode !== 'dates'\"\n        size=\"small\"\n        type=\"text\"\n        class=\"el-picker-panel__link-btn\"\n        @click=\"changeToNow\"\n      >\n        {{ t('el.datepicker.now') }}\n      </el-button>\n      <el-button\n        plain\n        size=\"small\"\n        class=\"el-picker-panel__link-btn\"\n        @click=\"onConfirm\"\n      >\n        {{ t('el.datepicker.confirm') }}\n      </el-button>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject, ref, watch, toRef } from 'vue'\nimport dayjs from 'dayjs'\nimport ElButton from '@element-plus/components/button'\nimport { ClickOutside } from '@element-plus/directives'\nimport { useLocale } from '@element-plus/hooks'\nimport ElInput from '@element-plus/components/input'\nimport {\n  extractDateFormat,\n  extractTimeFormat,\n  TimePickPanel,\n} from '@element-plus/components/time-picker'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { EVENT_CODE } from '@element-plus/utils/aria'\nimport { isValidDatePickType } from '@element-plus/utils/validators'\nimport {\n  DArrowLeft,\n  ArrowLeft,\n  DArrowRight,\n  ArrowRight,\n} from '@element-plus/icons-vue'\nimport { TOOLTIP_INJECTION_KEY } from '@element-plus/components/tooltip'\nimport DateTable from './basic-date-table.vue'\nimport MonthTable from './basic-month-table.vue'\nimport YearTable from './basic-year-table.vue'\n\nimport type { PropType } from 'vue'\nimport type { ConfigType, Dayjs } from 'dayjs'\nimport type { IDatePickerType } from '../date-picker.type'\n\n// todo\n/* eslint-disable-next-line */\nconst timeWithinRange = (_: ConfigType, __: any, ___: string) => true\n\nexport default defineComponent({\n  components: {\n    DateTable,\n    ElInput,\n    ElButton,\n    ElIcon,\n    TimePickPanel,\n    MonthTable,\n    YearTable,\n    DArrowLeft,\n    ArrowLeft,\n    DArrowRight,\n    ArrowRight,\n  },\n\n  directives: { clickoutside: ClickOutside },\n  props: {\n    visible: {\n      type: Boolean,\n      default: false,\n    },\n    parsedValue: {\n      type: [Object, Array] as PropType<Dayjs | Dayjs[]>,\n    },\n    format: {\n      type: String,\n      default: '',\n    },\n    type: {\n      type: String as PropType<IDatePickerType>,\n      required: true,\n      validator: isValidDatePickType,\n    },\n  },\n  emits: ['pick', 'set-picker-option', 'panel-change'],\n  setup(props, ctx) {\n    const { t, lang } = useLocale()\n    const pickerBase = inject('EP_PICKER_BASE') as any\n    const popper = inject(TOOLTIP_INJECTION_KEY)\n    const {\n      shortcuts,\n      disabledDate,\n      cellClassName,\n      defaultTime,\n      arrowControl,\n    } = pickerBase.props\n    const defaultValue = toRef(pickerBase.props, 'defaultValue')\n\n    const innerDate = ref(dayjs().locale(lang.value))\n\n    const defaultTimeD = computed(() => {\n      return dayjs(defaultTime).locale(lang.value)\n    })\n\n    const month = computed(() => {\n      return innerDate.value.month()\n    })\n\n    const year = computed(() => {\n      return innerDate.value.year()\n    })\n\n    const selectableRange = ref([])\n    const userInputDate = ref(null)\n    const userInputTime = ref(null)\n    // todo update to disableHour\n    const checkDateWithinRange = (date: ConfigType) => {\n      return selectableRange.value.length > 0\n        ? timeWithinRange(\n            date,\n            selectableRange.value,\n            props.format || 'HH:mm:ss'\n          )\n        : true\n    }\n    const formatEmit = (emitDayjs: Dayjs) => {\n      if (defaultTime && !visibleTime.value) {\n        return defaultTimeD.value\n          .year(emitDayjs.year())\n          .month(emitDayjs.month())\n          .date(emitDayjs.date())\n      }\n      if (showTime.value) return emitDayjs.millisecond(0)\n      return emitDayjs.startOf('day')\n    }\n    const emit = (value, ...args) => {\n      if (!value) {\n        ctx.emit('pick', value, ...args)\n      } else if (Array.isArray(value)) {\n        const dates = value.map(formatEmit)\n        ctx.emit('pick', dates, ...args)\n      } else {\n        ctx.emit('pick', formatEmit(value), ...args)\n      }\n      userInputDate.value = null\n      userInputTime.value = null\n    }\n    const handleDatePick = (value: Dayjs) => {\n      if (selectionMode.value === 'day') {\n        let newDate = props.parsedValue\n          ? (props.parsedValue as Dayjs)\n              .year(value.year())\n              .month(value.month())\n              .date(value.date())\n          : value\n        // change default time while out of selectableRange\n        if (!checkDateWithinRange(newDate)) {\n          newDate = (selectableRange.value[0][0] as Dayjs)\n            .year(value.year())\n            .month(value.month())\n            .date(value.date())\n        }\n        innerDate.value = newDate\n        emit(newDate, showTime.value)\n      } else if (selectionMode.value === 'week') {\n        emit(value.date)\n      } else if (selectionMode.value === 'dates') {\n        emit(value, true) // set false to keep panel open\n      }\n    }\n    const prevMonth_ = () => {\n      innerDate.value = innerDate.value.subtract(1, 'month')\n      handlePanelChange('month')\n    }\n\n    const nextMonth_ = () => {\n      innerDate.value = innerDate.value.add(1, 'month')\n      handlePanelChange('month')\n    }\n\n    const prevYear_ = () => {\n      if (currentView.value === 'year') {\n        innerDate.value = innerDate.value.subtract(10, 'year')\n      } else {\n        innerDate.value = innerDate.value.subtract(1, 'year')\n      }\n      handlePanelChange('year')\n    }\n\n    const nextYear_ = () => {\n      if (currentView.value === 'year') {\n        innerDate.value = innerDate.value.add(10, 'year')\n      } else {\n        innerDate.value = innerDate.value.add(1, 'year')\n      }\n      handlePanelChange('year')\n    }\n\n    const currentView = ref('date')\n\n    const yearLabel = computed(() => {\n      const yearTranslation = t('el.datepicker.year')\n      if (currentView.value === 'year') {\n        const startYear = Math.floor(year.value / 10) * 10\n        if (yearTranslation) {\n          return `${startYear} ${yearTranslation} - ${\n            startYear + 9\n          } ${yearTranslation}`\n        }\n        return `${startYear} - ${startYear + 9}`\n      }\n      return `${year.value} ${yearTranslation}`\n    })\n\n    const handleShortcutClick = (shortcut) => {\n      const shortcutValue =\n        typeof shortcut.value === 'function' ? shortcut.value() : shortcut.value\n      if (shortcutValue) {\n        emit(dayjs(shortcutValue).locale(lang.value))\n        return\n      }\n      if (shortcut.onClick) {\n        shortcut.onClick(ctx)\n      }\n    }\n\n    const selectionMode = computed(() => {\n      if (['week', 'month', 'year', 'dates'].includes(props.type)) {\n        return props.type\n      }\n      return 'day'\n    })\n\n    watch(\n      () => selectionMode.value,\n      (val) => {\n        if (['month', 'year'].includes(val)) {\n          currentView.value = val\n          return\n        }\n        currentView.value = 'date'\n      },\n      { immediate: true }\n    )\n\n    watch(\n      () => currentView.value,\n      () => {\n        popper?.updatePopper()\n      }\n    )\n\n    const hasShortcuts = computed(() => !!shortcuts.length)\n\n    const handleMonthPick = (month) => {\n      innerDate.value = innerDate.value.startOf('month').month(month)\n      if (selectionMode.value === 'month') {\n        emit(innerDate.value)\n      } else {\n        currentView.value = 'date'\n      }\n      handlePanelChange('month')\n    }\n\n    const handleYearPick = (year) => {\n      if (selectionMode.value === 'year') {\n        innerDate.value = innerDate.value.startOf('year').year(year)\n        emit(innerDate.value)\n      } else {\n        innerDate.value = innerDate.value.year(year)\n        currentView.value = 'month'\n      }\n      handlePanelChange('year')\n    }\n\n    const showMonthPicker = () => {\n      currentView.value = 'month'\n    }\n\n    const showYearPicker = () => {\n      currentView.value = 'year'\n    }\n\n    const showTime = computed(\n      () => props.type === 'datetime' || props.type === 'datetimerange'\n    )\n\n    const footerVisible = computed(() => {\n      return showTime.value || selectionMode.value === 'dates'\n    })\n\n    const onConfirm = () => {\n      if (selectionMode.value === 'dates') {\n        emit(props.parsedValue)\n      } else {\n        // deal with the scenario where: user opens the date time picker, then confirm without doing anything\n        let result = props.parsedValue as Dayjs\n        if (!result) {\n          const defaultTimeD = dayjs(defaultTime).locale(lang.value)\n          const defaultValueD = getDefaultValue()\n          result = defaultTimeD\n            .year(defaultValueD.year())\n            .month(defaultValueD.month())\n            .date(defaultValueD.date())\n        }\n        innerDate.value = result\n        emit(result)\n      }\n    }\n\n    const changeToNow = () => {\n      // NOTE: not a permanent solution\n      //       consider disable \"now\" button in the future\n      const now = dayjs().locale(lang.value)\n      const nowDate = now.toDate()\n      if (\n        (!disabledDate || !disabledDate(nowDate)) &&\n        checkDateWithinRange(nowDate)\n      ) {\n        innerDate.value = dayjs().locale(lang.value)\n        emit(innerDate.value)\n      }\n    }\n\n    const timeFormat = computed(() => {\n      return extractTimeFormat(props.format)\n    })\n\n    const dateFormat = computed(() => {\n      return extractDateFormat(props.format)\n    })\n\n    const visibleTime = computed(() => {\n      if (userInputTime.value) return userInputTime.value\n      if (!props.parsedValue && !defaultValue.value) return\n      return ((props.parsedValue || innerDate.value) as Dayjs).format(\n        timeFormat.value\n      )\n    })\n\n    const visibleDate = computed(() => {\n      if (userInputDate.value) return userInputDate.value\n      if (!props.parsedValue && !defaultValue.value) return\n      return ((props.parsedValue || innerDate.value) as Dayjs).format(\n        dateFormat.value\n      )\n    })\n\n    const timePickerVisible = ref(false)\n    const onTimePickerInputFocus = () => {\n      timePickerVisible.value = true\n    }\n    const handleTimePickClose = () => {\n      timePickerVisible.value = false\n    }\n\n    const handleTimePick = (value, visible, first) => {\n      const newDate = props.parsedValue\n        ? (props.parsedValue as Dayjs)\n            .hour(value.hour())\n            .minute(value.minute())\n            .second(value.second())\n        : value\n      innerDate.value = newDate\n      emit(innerDate.value, true)\n      if (!first) {\n        timePickerVisible.value = visible\n      }\n    }\n\n    const handleVisibleTimeChange = (value) => {\n      const newDate = dayjs(value, timeFormat.value).locale(lang.value)\n      if (newDate.isValid() && checkDateWithinRange(newDate)) {\n        innerDate.value = newDate\n          .year(innerDate.value.year())\n          .month(innerDate.value.month())\n          .date(innerDate.value.date())\n        userInputTime.value = null\n        timePickerVisible.value = false\n        emit(innerDate.value, true)\n      }\n    }\n\n    const handleVisibleDateChange = (value) => {\n      const newDate = dayjs(value, dateFormat.value).locale(lang.value)\n      if (newDate.isValid()) {\n        if (disabledDate && disabledDate(newDate.toDate())) {\n          return\n        }\n        innerDate.value = newDate\n          .hour(innerDate.value.hour())\n          .minute(innerDate.value.minute())\n          .second(innerDate.value.second())\n        userInputDate.value = null\n        emit(innerDate.value, true)\n      }\n    }\n\n    const isValidValue = (date: unknown) => {\n      return (\n        dayjs.isDayjs(date) &&\n        date.isValid() &&\n        (disabledDate ? !disabledDate(date.toDate()) : true)\n      )\n    }\n\n    const formatToString = (value) => {\n      if (selectionMode.value === 'dates') {\n        return value.map((_) => _.format(props.format))\n      }\n      return value.format(props.format)\n    }\n\n    const parseUserInput = (value) => {\n      return dayjs(value, props.format).locale(lang.value)\n    }\n\n    const getDefaultValue = () => {\n      const parseDate = dayjs(defaultValue.value).locale(lang.value)\n      if (!defaultValue.value) {\n        const defaultTimeDValue = defaultTimeD.value\n        return dayjs()\n          .hour(defaultTimeDValue.hour())\n          .minute(defaultTimeDValue.minute())\n          .second(defaultTimeDValue.second())\n          .locale(lang.value)\n      }\n      return parseDate\n    }\n\n    const handleKeydown = (event) => {\n      const { code, keyCode } = event\n      const list = [\n        EVENT_CODE.up,\n        EVENT_CODE.down,\n        EVENT_CODE.left,\n        EVENT_CODE.right,\n      ]\n      if (props.visible && !timePickerVisible.value) {\n        if (list.includes(code)) {\n          handleKeyControl(keyCode)\n          event.stopPropagation()\n          event.preventDefault()\n        }\n        if (\n          code === EVENT_CODE.enter &&\n          userInputDate.value === null &&\n          userInputTime.value === null\n        ) {\n          // Enter\n          emit(innerDate, false)\n        }\n      }\n    }\n\n    const handleKeyControl = (keyCode) => {\n      const mapping = {\n        year: {\n          38: -4,\n          40: 4,\n          37: -1,\n          39: 1,\n          offset: (date, step) => date.setFullYear(date.getFullYear() + step),\n        },\n        month: {\n          38: -4,\n          40: 4,\n          37: -1,\n          39: 1,\n          offset: (date, step) => date.setMonth(date.getMonth() + step),\n        },\n        week: {\n          38: -1,\n          40: 1,\n          37: -1,\n          39: 1,\n          offset: (date, step) => date.setDate(date.getDate() + step * 7),\n        },\n        day: {\n          38: -7,\n          40: 7,\n          37: -1,\n          39: 1,\n          offset: (date, step) => date.setDate(date.getDate() + step),\n        },\n      }\n\n      const newDate = innerDate.value.toDate()\n      while (Math.abs(innerDate.value.diff(newDate, 'year', true)) < 1) {\n        const map = mapping[selectionMode.value]\n        map.offset(newDate, map[keyCode])\n        if (disabledDate && disabledDate(newDate)) {\n          continue\n        }\n        const result = dayjs(newDate).locale(lang.value)\n        innerDate.value = result\n        ctx.emit('pick', result, true)\n        break\n      }\n    }\n\n    const handlePanelChange = (mode: 'month' | 'year') => {\n      ctx.emit(\n        'panel-change',\n        innerDate.value.toDate(),\n        mode,\n        currentView.value\n      )\n    }\n\n    ctx.emit('set-picker-option', ['isValidValue', isValidValue])\n    ctx.emit('set-picker-option', ['formatToString', formatToString])\n    ctx.emit('set-picker-option', ['parseUserInput', parseUserInput])\n    ctx.emit('set-picker-option', ['handleKeydown', handleKeydown])\n\n    watch(\n      () => defaultValue.value,\n      (val) => {\n        if (val) {\n          innerDate.value = getDefaultValue()\n        }\n      },\n      { immediate: true }\n    )\n\n    watch(\n      () => props.parsedValue,\n      (val) => {\n        if (val) {\n          if (selectionMode.value === 'dates') return\n          if (Array.isArray(val)) return\n          innerDate.value = val\n        } else {\n          innerDate.value = getDefaultValue()\n        }\n      },\n      { immediate: true }\n    )\n\n    return {\n      handleTimePick,\n      handleTimePickClose,\n      onTimePickerInputFocus,\n      timePickerVisible,\n      visibleTime,\n      visibleDate,\n      showTime,\n      changeToNow,\n      onConfirm,\n      footerVisible,\n      handleYearPick,\n      showMonthPicker,\n      showYearPicker,\n      handleMonthPick,\n      hasShortcuts,\n      shortcuts,\n      arrowControl,\n      disabledDate,\n      cellClassName,\n      selectionMode,\n      handleShortcutClick,\n      prevYear_,\n      nextYear_,\n      prevMonth_,\n      nextMonth_,\n      innerDate,\n      t,\n      yearLabel,\n      currentView,\n      month,\n      handleDatePick,\n      handleVisibleTimeChange,\n      handleVisibleDateChange,\n      timeFormat,\n      userInputTime,\n      userInputDate,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","DateTable","ElInput","ElButton","ElIcon","TimePickPanel","MonthTable","YearTable","DArrowLeft","ArrowLeft","DArrowRight","ArrowRight","ClickOutside","isValidDatePickType","useLocale","inject","TOOLTIP_INJECTION_KEY","toRef","ref","dayjs","computed","extractTimeFormat","extractDateFormat","EVENT_CODE","_openBlock","_Fragment","_createElementBlock","_createCommentVNode","_createElementVNode","_withCtx","_normalizeClass","_createVNode"],"mappings":"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"}
+{"version":3,"file":"panel-date-pick.js","sources":["../../../../../../../packages/components/date-picker/src/date-picker-com/panel-date-pick.vue"],"sourcesContent":["<template>\n  <div\n    class=\"el-picker-panel el-date-picker\"\n    :class=\"[\n      {\n        'has-sidebar': $slots.sidebar || hasShortcuts,\n        'has-time': showTime,\n      },\n    ]\"\n  >\n    <div class=\"el-picker-panel__body-wrapper\">\n      <slot name=\"sidebar\" class=\"el-picker-panel__sidebar\"></slot>\n      <div v-if=\"hasShortcuts\" class=\"el-picker-panel__sidebar\">\n        <button\n          v-for=\"(shortcut, key) in shortcuts\"\n          :key=\"key\"\n          type=\"button\"\n          class=\"el-picker-panel__shortcut\"\n          @click=\"handleShortcutClick(shortcut)\"\n        >\n          {{ shortcut.text }}\n        </button>\n      </div>\n      <div class=\"el-picker-panel__body\">\n        <div v-if=\"showTime\" class=\"el-date-picker__time-header\">\n          <span class=\"el-date-picker__editor-wrap\">\n            <el-input\n              :placeholder=\"t('el.datepicker.selectDate')\"\n              :model-value=\"visibleDate\"\n              size=\"small\"\n              @input=\"(val) => (userInputDate = val)\"\n              @change=\"handleVisibleDateChange\"\n            />\n          </span>\n          <span\n            v-clickoutside=\"handleTimePickClose\"\n            class=\"el-date-picker__editor-wrap\"\n          >\n            <el-input\n              :placeholder=\"t('el.datepicker.selectTime')\"\n              :model-value=\"visibleTime\"\n              size=\"small\"\n              @focus=\"onTimePickerInputFocus\"\n              @input=\"(val) => (userInputTime = val)\"\n              @change=\"handleVisibleTimeChange\"\n            />\n            <time-pick-panel\n              :visible=\"timePickerVisible\"\n              :format=\"timeFormat\"\n              :time-arrow-control=\"arrowControl\"\n              :parsed-value=\"innerDate\"\n              @pick=\"handleTimePick\"\n            />\n          </span>\n        </div>\n        <div\n          v-show=\"currentView !== 'time'\"\n          class=\"el-date-picker__header\"\n          :class=\"{\n            'el-date-picker__header--bordered':\n              currentView === 'year' || currentView === 'month',\n          }\"\n        >\n          <button\n            type=\"button\"\n            :aria-label=\"t(`el.datepicker.prevYear`)\"\n            class=\"el-picker-panel__icon-btn el-date-picker__prev-btn d-arrow-left\"\n            @click=\"prevYear_\"\n          >\n            <el-icon><d-arrow-left /></el-icon>\n          </button>\n          <button\n            v-show=\"currentView === 'date'\"\n            type=\"button\"\n            :aria-label=\"t(`el.datepicker.prevMonth`)\"\n            class=\"el-picker-panel__icon-btn el-date-picker__prev-btn arrow-left\"\n            @click=\"prevMonth_\"\n          >\n            <el-icon><arrow-left /></el-icon>\n          </button>\n          <span\n            role=\"button\"\n            class=\"el-date-picker__header-label\"\n            @click=\"showYearPicker\"\n            >{{ yearLabel }}</span\n          >\n          <span\n            v-show=\"currentView === 'date'\"\n            role=\"button\"\n            class=\"el-date-picker__header-label\"\n            :class=\"{ active: currentView === 'month' }\"\n            @click=\"showMonthPicker\"\n            >{{ t(`el.datepicker.month${month + 1}`) }}</span\n          >\n          <button\n            type=\"button\"\n            :aria-label=\"t(`el.datepicker.nextYear`)\"\n            class=\"el-picker-panel__icon-btn el-date-picker__next-btn d-arrow-right\"\n            @click=\"nextYear_\"\n          >\n            <el-icon><d-arrow-right /></el-icon>\n          </button>\n          <button\n            v-show=\"currentView === 'date'\"\n            type=\"button\"\n            :aria-label=\"t(`el.datepicker.nextMonth`)\"\n            class=\"el-picker-panel__icon-btn el-date-picker__next-btn arrow-right\"\n            @click=\"nextMonth_\"\n          >\n            <el-icon><arrow-right /></el-icon>\n          </button>\n        </div>\n        <div class=\"el-picker-panel__content\">\n          <date-table\n            v-if=\"currentView === 'date'\"\n            :selection-mode=\"selectionMode\"\n            :date=\"innerDate\"\n            :parsed-value=\"parsedValue\"\n            :disabled-date=\"disabledDate\"\n            @pick=\"handleDatePick\"\n          />\n          <year-table\n            v-if=\"currentView === 'year'\"\n            :date=\"innerDate\"\n            :disabled-date=\"disabledDate\"\n            :parsed-value=\"parsedValue\"\n            @pick=\"handleYearPick\"\n          />\n          <month-table\n            v-if=\"currentView === 'month'\"\n            :date=\"innerDate\"\n            :parsed-value=\"parsedValue\"\n            :disabled-date=\"disabledDate\"\n            @pick=\"handleMonthPick\"\n          />\n        </div>\n      </div>\n    </div>\n    <div\n      v-show=\"footerVisible && currentView === 'date'\"\n      class=\"el-picker-panel__footer\"\n    >\n      <el-button\n        v-show=\"selectionMode !== 'dates'\"\n        size=\"small\"\n        type=\"text\"\n        class=\"el-picker-panel__link-btn\"\n        @click=\"changeToNow\"\n      >\n        {{ t('el.datepicker.now') }}\n      </el-button>\n      <el-button\n        plain\n        size=\"small\"\n        class=\"el-picker-panel__link-btn\"\n        @click=\"onConfirm\"\n      >\n        {{ t('el.datepicker.confirm') }}\n      </el-button>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject, ref, watch, toRef } from 'vue'\nimport dayjs from 'dayjs'\nimport ElButton from '@element-plus/components/button'\nimport { ClickOutside } from '@element-plus/directives'\nimport { useLocale } from '@element-plus/hooks'\nimport ElInput from '@element-plus/components/input'\nimport {\n  extractDateFormat,\n  extractTimeFormat,\n  TimePickPanel,\n} from '@element-plus/components/time-picker'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { EVENT_CODE } from '@element-plus/utils/aria'\nimport { isValidDatePickType } from '@element-plus/utils/validators'\nimport {\n  DArrowLeft,\n  ArrowLeft,\n  DArrowRight,\n  ArrowRight,\n} from '@element-plus/icons-vue'\nimport { TOOLTIP_INJECTION_KEY } from '@element-plus/components/tooltip'\nimport DateTable from './basic-date-table.vue'\nimport MonthTable from './basic-month-table.vue'\nimport YearTable from './basic-year-table.vue'\n\nimport type { PropType } from 'vue'\nimport type { ConfigType, Dayjs } from 'dayjs'\nimport type { IDatePickerType } from '../date-picker.type'\n\n// todo\n/* eslint-disable-next-line */\nconst timeWithinRange = (_: ConfigType, __: any, ___: string) => true\n\nexport default defineComponent({\n  components: {\n    DateTable,\n    ElInput,\n    ElButton,\n    ElIcon,\n    TimePickPanel,\n    MonthTable,\n    YearTable,\n    DArrowLeft,\n    ArrowLeft,\n    DArrowRight,\n    ArrowRight,\n  },\n\n  directives: { clickoutside: ClickOutside },\n  props: {\n    visible: {\n      type: Boolean,\n      default: false,\n    },\n    parsedValue: {\n      type: [Object, Array] as PropType<Dayjs | Dayjs[]>,\n    },\n    format: {\n      type: String,\n      default: '',\n    },\n    type: {\n      type: String as PropType<IDatePickerType>,\n      required: true,\n      validator: isValidDatePickType,\n    },\n  },\n  emits: ['pick', 'set-picker-option', 'panel-change'],\n  setup(props, ctx) {\n    const { t, lang } = useLocale()\n    const pickerBase = inject('EP_PICKER_BASE') as any\n    const popper = inject(TOOLTIP_INJECTION_KEY)\n    const {\n      shortcuts,\n      disabledDate,\n      cellClassName,\n      defaultTime,\n      arrowControl,\n    } = pickerBase.props\n    const defaultValue = toRef(pickerBase.props, 'defaultValue')\n\n    const innerDate = ref(dayjs().locale(lang.value))\n\n    const defaultTimeD = computed(() => {\n      return dayjs(defaultTime).locale(lang.value)\n    })\n\n    const month = computed(() => {\n      return innerDate.value.month()\n    })\n\n    const year = computed(() => {\n      return innerDate.value.year()\n    })\n\n    const selectableRange = ref([])\n    const userInputDate = ref(null)\n    const userInputTime = ref(null)\n    // todo update to disableHour\n    const checkDateWithinRange = (date: ConfigType) => {\n      return selectableRange.value.length > 0\n        ? timeWithinRange(\n            date,\n            selectableRange.value,\n            props.format || 'HH:mm:ss'\n          )\n        : true\n    }\n    const formatEmit = (emitDayjs: Dayjs) => {\n      if (defaultTime && !visibleTime.value) {\n        return defaultTimeD.value\n          .year(emitDayjs.year())\n          .month(emitDayjs.month())\n          .date(emitDayjs.date())\n      }\n      if (showTime.value) return emitDayjs.millisecond(0)\n      return emitDayjs.startOf('day')\n    }\n    const emit = (value, ...args) => {\n      if (!value) {\n        ctx.emit('pick', value, ...args)\n      } else if (Array.isArray(value)) {\n        const dates = value.map(formatEmit)\n        ctx.emit('pick', dates, ...args)\n      } else {\n        ctx.emit('pick', formatEmit(value), ...args)\n      }\n      userInputDate.value = null\n      userInputTime.value = null\n    }\n    const handleDatePick = (value: Dayjs) => {\n      if (selectionMode.value === 'day') {\n        let newDate = props.parsedValue\n          ? (props.parsedValue as Dayjs)\n              .year(value.year())\n              .month(value.month())\n              .date(value.date())\n          : value\n        // change default time while out of selectableRange\n        if (!checkDateWithinRange(newDate)) {\n          newDate = (selectableRange.value[0][0] as Dayjs)\n            .year(value.year())\n            .month(value.month())\n            .date(value.date())\n        }\n        innerDate.value = newDate\n        emit(newDate, showTime.value)\n      } else if (selectionMode.value === 'week') {\n        emit(value.date)\n      } else if (selectionMode.value === 'dates') {\n        emit(value, true) // set false to keep panel open\n      }\n    }\n    const prevMonth_ = () => {\n      innerDate.value = innerDate.value.subtract(1, 'month')\n      handlePanelChange('month')\n    }\n\n    const nextMonth_ = () => {\n      innerDate.value = innerDate.value.add(1, 'month')\n      handlePanelChange('month')\n    }\n\n    const prevYear_ = () => {\n      if (currentView.value === 'year') {\n        innerDate.value = innerDate.value.subtract(10, 'year')\n      } else {\n        innerDate.value = innerDate.value.subtract(1, 'year')\n      }\n      handlePanelChange('year')\n    }\n\n    const nextYear_ = () => {\n      if (currentView.value === 'year') {\n        innerDate.value = innerDate.value.add(10, 'year')\n      } else {\n        innerDate.value = innerDate.value.add(1, 'year')\n      }\n      handlePanelChange('year')\n    }\n\n    const currentView = ref('date')\n\n    const yearLabel = computed(() => {\n      const yearTranslation = t('el.datepicker.year')\n      if (currentView.value === 'year') {\n        const startYear = Math.floor(year.value / 10) * 10\n        if (yearTranslation) {\n          return `${startYear} ${yearTranslation} - ${\n            startYear + 9\n          } ${yearTranslation}`\n        }\n        return `${startYear} - ${startYear + 9}`\n      }\n      return `${year.value} ${yearTranslation}`\n    })\n\n    const handleShortcutClick = (shortcut) => {\n      const shortcutValue =\n        typeof shortcut.value === 'function' ? shortcut.value() : shortcut.value\n      if (shortcutValue) {\n        emit(dayjs(shortcutValue).locale(lang.value))\n        return\n      }\n      if (shortcut.onClick) {\n        shortcut.onClick(ctx)\n      }\n    }\n\n    const selectionMode = computed(() => {\n      if (['week', 'month', 'year', 'dates'].includes(props.type)) {\n        return props.type\n      }\n      return 'day'\n    })\n\n    watch(\n      () => selectionMode.value,\n      (val) => {\n        if (['month', 'year'].includes(val)) {\n          currentView.value = val\n          return\n        }\n        currentView.value = 'date'\n      },\n      { immediate: true }\n    )\n\n    watch(\n      () => currentView.value,\n      () => {\n        popper?.updatePopper()\n      }\n    )\n\n    const hasShortcuts = computed(() => !!shortcuts.length)\n\n    const handleMonthPick = (month) => {\n      innerDate.value = innerDate.value.startOf('month').month(month)\n      if (selectionMode.value === 'month') {\n        emit(innerDate.value)\n      } else {\n        currentView.value = 'date'\n      }\n      handlePanelChange('month')\n    }\n\n    const handleYearPick = (year) => {\n      if (selectionMode.value === 'year') {\n        innerDate.value = innerDate.value.startOf('year').year(year)\n        emit(innerDate.value)\n      } else {\n        innerDate.value = innerDate.value.year(year)\n        currentView.value = 'month'\n      }\n      handlePanelChange('year')\n    }\n\n    const showMonthPicker = () => {\n      currentView.value = 'month'\n    }\n\n    const showYearPicker = () => {\n      currentView.value = 'year'\n    }\n\n    const showTime = computed(\n      () => props.type === 'datetime' || props.type === 'datetimerange'\n    )\n\n    const footerVisible = computed(() => {\n      return showTime.value || selectionMode.value === 'dates'\n    })\n\n    const onConfirm = () => {\n      if (selectionMode.value === 'dates') {\n        emit(props.parsedValue)\n      } else {\n        // deal with the scenario where: user opens the date time picker, then confirm without doing anything\n        let result = props.parsedValue as Dayjs\n        if (!result) {\n          const defaultTimeD = dayjs(defaultTime).locale(lang.value)\n          const defaultValueD = getDefaultValue()\n          result = defaultTimeD\n            .year(defaultValueD.year())\n            .month(defaultValueD.month())\n            .date(defaultValueD.date())\n        }\n        innerDate.value = result\n        emit(result)\n      }\n    }\n\n    const changeToNow = () => {\n      // NOTE: not a permanent solution\n      //       consider disable \"now\" button in the future\n      const now = dayjs().locale(lang.value)\n      const nowDate = now.toDate()\n      if (\n        (!disabledDate || !disabledDate(nowDate)) &&\n        checkDateWithinRange(nowDate)\n      ) {\n        innerDate.value = dayjs().locale(lang.value)\n        emit(innerDate.value)\n      }\n    }\n\n    const timeFormat = computed(() => {\n      return extractTimeFormat(props.format)\n    })\n\n    const dateFormat = computed(() => {\n      return extractDateFormat(props.format)\n    })\n\n    const visibleTime = computed(() => {\n      if (userInputTime.value) return userInputTime.value\n      if (!props.parsedValue && !defaultValue.value) return\n      return ((props.parsedValue || innerDate.value) as Dayjs).format(\n        timeFormat.value\n      )\n    })\n\n    const visibleDate = computed(() => {\n      if (userInputDate.value) return userInputDate.value\n      if (!props.parsedValue && !defaultValue.value) return\n      return ((props.parsedValue || innerDate.value) as Dayjs).format(\n        dateFormat.value\n      )\n    })\n\n    const timePickerVisible = ref(false)\n    const onTimePickerInputFocus = () => {\n      timePickerVisible.value = true\n    }\n    const handleTimePickClose = () => {\n      timePickerVisible.value = false\n    }\n\n    const handleTimePick = (value, visible, first) => {\n      const newDate = props.parsedValue\n        ? (props.parsedValue as Dayjs)\n            .hour(value.hour())\n            .minute(value.minute())\n            .second(value.second())\n        : value\n      innerDate.value = newDate\n      emit(innerDate.value, true)\n      if (!first) {\n        timePickerVisible.value = visible\n      }\n    }\n\n    const handleVisibleTimeChange = (value) => {\n      const newDate = dayjs(value, timeFormat.value).locale(lang.value)\n      if (newDate.isValid() && checkDateWithinRange(newDate)) {\n        innerDate.value = newDate\n          .year(innerDate.value.year())\n          .month(innerDate.value.month())\n          .date(innerDate.value.date())\n        userInputTime.value = null\n        timePickerVisible.value = false\n        emit(innerDate.value, true)\n      }\n    }\n\n    const handleVisibleDateChange = (value) => {\n      const newDate = dayjs(value, dateFormat.value).locale(lang.value)\n      if (newDate.isValid()) {\n        if (disabledDate && disabledDate(newDate.toDate())) {\n          return\n        }\n        innerDate.value = newDate\n          .hour(innerDate.value.hour())\n          .minute(innerDate.value.minute())\n          .second(innerDate.value.second())\n        userInputDate.value = null\n        emit(innerDate.value, true)\n      }\n    }\n\n    const isValidValue = (date: unknown) => {\n      return (\n        dayjs.isDayjs(date) &&\n        date.isValid() &&\n        (disabledDate ? !disabledDate(date.toDate()) : true)\n      )\n    }\n\n    const formatToString = (value) => {\n      if (selectionMode.value === 'dates') {\n        return value.map((_) => _.format(props.format))\n      }\n      return value.format(props.format)\n    }\n\n    const parseUserInput = (value) => {\n      return dayjs(value, props.format).locale(lang.value)\n    }\n\n    const getDefaultValue = () => {\n      const parseDate = dayjs(defaultValue.value).locale(lang.value)\n      if (!defaultValue.value) {\n        const defaultTimeDValue = defaultTimeD.value\n        return dayjs()\n          .hour(defaultTimeDValue.hour())\n          .minute(defaultTimeDValue.minute())\n          .second(defaultTimeDValue.second())\n          .locale(lang.value)\n      }\n      return parseDate\n    }\n\n    const handleKeydown = (event) => {\n      const { code, keyCode } = event\n      const list = [\n        EVENT_CODE.up,\n        EVENT_CODE.down,\n        EVENT_CODE.left,\n        EVENT_CODE.right,\n      ]\n      if (props.visible && !timePickerVisible.value) {\n        if (list.includes(code)) {\n          handleKeyControl(keyCode)\n          event.stopPropagation()\n          event.preventDefault()\n        }\n        if (\n          code === EVENT_CODE.enter &&\n          userInputDate.value === null &&\n          userInputTime.value === null\n        ) {\n          // Enter\n          emit(innerDate, false)\n        }\n      }\n    }\n\n    const handleKeyControl = (keyCode) => {\n      const mapping = {\n        year: {\n          38: -4,\n          40: 4,\n          37: -1,\n          39: 1,\n          offset: (date, step) => date.setFullYear(date.getFullYear() + step),\n        },\n        month: {\n          38: -4,\n          40: 4,\n          37: -1,\n          39: 1,\n          offset: (date, step) => date.setMonth(date.getMonth() + step),\n        },\n        week: {\n          38: -1,\n          40: 1,\n          37: -1,\n          39: 1,\n          offset: (date, step) => date.setDate(date.getDate() + step * 7),\n        },\n        day: {\n          38: -7,\n          40: 7,\n          37: -1,\n          39: 1,\n          offset: (date, step) => date.setDate(date.getDate() + step),\n        },\n      }\n\n      const newDate = innerDate.value.toDate()\n      while (Math.abs(innerDate.value.diff(newDate, 'year', true)) < 1) {\n        const map = mapping[selectionMode.value]\n        map.offset(newDate, map[keyCode])\n        if (disabledDate && disabledDate(newDate)) {\n          continue\n        }\n        const result = dayjs(newDate).locale(lang.value)\n        innerDate.value = result\n        ctx.emit('pick', result, true)\n        break\n      }\n    }\n\n    const handlePanelChange = (mode: 'month' | 'year') => {\n      ctx.emit(\n        'panel-change',\n        innerDate.value.toDate(),\n        mode,\n        currentView.value\n      )\n    }\n\n    ctx.emit('set-picker-option', ['isValidValue', isValidValue])\n    ctx.emit('set-picker-option', ['formatToString', formatToString])\n    ctx.emit('set-picker-option', ['parseUserInput', parseUserInput])\n    ctx.emit('set-picker-option', ['handleKeydown', handleKeydown])\n\n    watch(\n      () => defaultValue.value,\n      (val) => {\n        if (val) {\n          innerDate.value = getDefaultValue()\n        }\n      },\n      { immediate: true }\n    )\n\n    watch(\n      () => props.parsedValue,\n      (val) => {\n        if (val) {\n          if (selectionMode.value === 'dates') return\n          if (Array.isArray(val)) return\n          innerDate.value = val\n        } else {\n          innerDate.value = getDefaultValue()\n        }\n      },\n      { immediate: true }\n    )\n\n    return {\n      handleTimePick,\n      handleTimePickClose,\n      onTimePickerInputFocus,\n      timePickerVisible,\n      visibleTime,\n      visibleDate,\n      showTime,\n      changeToNow,\n      onConfirm,\n      footerVisible,\n      handleYearPick,\n      showMonthPicker,\n      showYearPicker,\n      handleMonthPick,\n      hasShortcuts,\n      shortcuts,\n      arrowControl,\n      disabledDate,\n      cellClassName,\n      selectionMode,\n      handleShortcutClick,\n      prevYear_,\n      nextYear_,\n      prevMonth_,\n      nextMonth_,\n      innerDate,\n      t,\n      yearLabel,\n      currentView,\n      month,\n      handleDatePick,\n      handleVisibleTimeChange,\n      handleVisibleDateChange,\n      timeFormat,\n      userInputTime,\n      userInputDate,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","DateTable","ElInput","ElButton","ElIcon","TimePickPanel","MonthTable","YearTable","DArrowLeft","ArrowLeft","DArrowRight","ArrowRight","ClickOutside","isValidDatePickType","useLocale","inject","TOOLTIP_INJECTION_KEY","toRef","ref","dayjs","computed","extractTimeFormat","extractDateFormat","EVENT_CODE","_openBlock","_Fragment","_createElementBlock","_createCommentVNode","_createElementVNode","_withCtx","_normalizeClass","_createVNode"],"mappings":"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"}

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

@@ -5,18 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var dayjs = require('dayjs');
 var index$2 = require('../../../button/index.js');
-var index = require('../../../../directives/click-outside/index.js');
-require('@vueuse/core');
-require('@vue/shared');
-require('lodash/isEqualWith');
-require('normalize-wheel-es');
-require('lodash/fromPairs');
-require('../../../../hooks/use-common-props/index.js');
-require('../../../../hooks/use-global-config/index.js');
-var index$4 = require('../../../../hooks/use-locale/index.js');
-require('../../../../hooks/use-modal/index.js');
-require('../../../../hooks/use-model-toggle/index.js');
-require('../../../../hooks/use-delayed-toggle/index.js');
+require('../../../../directives/index.js');
+require('../../../../hooks/index.js');
 var index$1 = require('../../../input/index.js');
 require('../../../time-picker/index.js');
 var index$3 = require('../../../icon/index.js');
@@ -24,7 +14,9 @@ var validators = require('../../../../utils/validators.js');
 var iconsVue = require('@element-plus/icons-vue');
 var basicDateTable = require('./basic-date-table.js');
 var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../../directives/click-outside/index.js');
 var panelTimePick = require('../../../time-picker/src/time-picker-com/panel-time-pick.js');
+var index$4 = require('../../../../hooks/use-locale/index.js');
 var dateUtils = require('../../../time-picker/src/common/date-utils.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }