@element-plus/nightly 0.0.20220121 → 0.0.20220122

package/es/components/container/src/main.vue_vue_type_template_id_526ed157_lang.mjs

@@ -1,12 +0,0 @@
-import { openBlock, createElementBlock, normalizeClass, renderSlot } from 'vue';
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("main", {
-    class: normalizeClass(_ctx.ns.b())
-  }, [
-    renderSlot(_ctx.$slots, "default")
-  ], 2);
-}
-
-export { render };
-//# sourceMappingURL=main.vue_vue_type_template_id_526ed157_lang.mjs.map

package/es/components/container/src/main.vue_vue_type_template_id_526ed157_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"main.vue_vue_type_template_id_526ed157_lang.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/es/components/date-picker/src/date-picker-com/basic-date-table.vue_vue_type_script_lang.mjs

@@ -1,298 +0,0 @@
-import { defineComponent, ref, computed } from 'vue';
-import dayjs from 'dayjs';
-import '../../../../hooks/index.mjs';
-import { coerceTruthyValueToArray } from '../../../../utils/util.mjs';
-import ElDatePickerCell from './basic-cell-render.mjs';
-import { useLocale } from '../../../../hooks/use-locale/index.mjs';
-
-var script = defineComponent({
-  components: {
-    ElDatePickerCell
-  },
-  props: {
-    date: {
-      type: Object
-    },
-    minDate: {
-      type: Object
-    },
-    maxDate: {
-      type: Object
-    },
-    parsedValue: {
-      type: [Object, Array]
-    },
-    selectionMode: {
-      type: String,
-      default: "day"
-    },
-    showWeekNumber: {
-      type: Boolean,
-      default: false
-    },
-    disabledDate: {
-      type: Function
-    },
-    cellClassName: {
-      type: Function
-    },
-    rangeState: {
-      type: Object,
-      default: () => ({
-        endDate: null,
-        selecting: false
-      })
-    }
-  },
-  emits: ["changerange", "pick", "select"],
-  setup(props, ctx) {
-    const { t, lang } = useLocale();
-    const lastRow = ref(null);
-    const lastColumn = ref(null);
-    const tableRows = ref([[], [], [], [], [], []]);
-    const firstDayOfWeek = props.date.$locale().weekStart || 7;
-    const WEEKS_CONSTANT = props.date.locale("en").localeData().weekdaysShort().map((_) => _.toLowerCase());
-    const offsetDay = computed(() => {
-      return firstDayOfWeek > 3 ? 7 - firstDayOfWeek : -firstDayOfWeek;
-    });
-    const startDate = computed(() => {
-      const startDayOfMonth = props.date.startOf("month");
-      return startDayOfMonth.subtract(startDayOfMonth.day() || 7, "day");
-    });
-    const WEEKS = computed(() => {
-      return WEEKS_CONSTANT.concat(WEEKS_CONSTANT).slice(firstDayOfWeek, firstDayOfWeek + 7);
-    });
-    const rows = computed(() => {
-      var _a;
-      const startOfMonth = props.date.startOf("month");
-      const startOfMonthDay = startOfMonth.day() || 7;
-      const dateCountOfMonth = startOfMonth.daysInMonth();
-      const dateCountOfLastMonth = startOfMonth.subtract(1, "month").daysInMonth();
-      const offset = offsetDay.value;
-      const rows_ = tableRows.value;
-      let count = 1;
-      const selectedDate = props.selectionMode === "dates" ? coerceTruthyValueToArray(props.parsedValue) : [];
-      const calNow = dayjs().locale(lang.value).startOf("day");
-      for (let i = 0; i < 6; i++) {
-        const row = rows_[i];
-        if (props.showWeekNumber) {
-          if (!row[0]) {
-            row[0] = {
-              type: "week",
-              text: startDate.value.add(i * 7 + 1, "day").week()
-            };
-          }
-        }
-        for (let j = 0; j < 7; j++) {
-          let cell = row[props.showWeekNumber ? j + 1 : j];
-          if (!cell) {
-            cell = {
-              row: i,
-              column: j,
-              type: "normal",
-              inRange: false,
-              start: false,
-              end: false
-            };
-          }
-          const index = i * 7 + j;
-          const calTime = startDate.value.add(index - offset, "day");
-          cell.dayjs = calTime;
-          cell.date = calTime.toDate();
-          cell.timestamp = calTime.valueOf();
-          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 ((_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 {
-            cell.start = props.minDate && calTime.isSame(props.minDate, "day");
-            cell.end = calEndDate && calTime.isSame(calEndDate, "day");
-          }
-          const isToday = calTime.isSame(calNow, "day");
-          if (isToday) {
-            cell.type = "today";
-          }
-          if (i >= 0 && i <= 1) {
-            const numberOfDaysFromPreviousMonth = startOfMonthDay + offset < 0 ? 7 + startOfMonthDay + offset : startOfMonthDay + offset;
-            if (j + i * 7 >= numberOfDaysFromPreviousMonth) {
-              cell.text = count++;
-            } else {
-              cell.text = dateCountOfLastMonth - (numberOfDaysFromPreviousMonth - j % 7) + 1 + i * 7;
-              cell.type = "prev-month";
-            }
-          } else {
-            if (count <= dateCountOfMonth) {
-              cell.text = count++;
-            } else {
-              cell.text = count++ - dateCountOfMonth;
-              cell.type = "next-month";
-            }
-          }
-          const cellDate = calTime.toDate();
-          cell.selected = selectedDate.find((_) => _.valueOf() === calTime.valueOf());
-          cell.isSelected = !!cell.selected;
-          cell.isCurrent = isCurrent(cell);
-          cell.disabled = props.disabledDate && props.disabledDate(cellDate);
-          cell.customClass = props.cellClassName && props.cellClassName(cellDate);
-          row[props.showWeekNumber ? j + 1 : j] = cell;
-        }
-        if (props.selectionMode === "week") {
-          const start = props.showWeekNumber ? 1 : 0;
-          const end = props.showWeekNumber ? 7 : 6;
-          const isActive = isWeekActive(row[start + 1]);
-          row[start].inRange = isActive;
-          row[start].start = isActive;
-          row[end].inRange = isActive;
-          row[end].end = isActive;
-        }
-      }
-      return rows_;
-    });
-    const isCurrent = (cell) => {
-      return props.selectionMode === "day" && (cell.type === "normal" || cell.type === "today") && cellMatchesDate(cell, props.parsedValue);
-    };
-    const cellMatchesDate = (cell, date) => {
-      if (!date)
-        return false;
-      return dayjs(date).locale(lang.value).isSame(props.date.date(Number(cell.text)), "day");
-    };
-    const getCellClasses = (cell) => {
-      const classes = [];
-      if ((cell.type === "normal" || cell.type === "today") && !cell.disabled) {
-        classes.push("available");
-        if (cell.type === "today") {
-          classes.push("today");
-        }
-      } else {
-        classes.push(cell.type);
-      }
-      if (isCurrent(cell)) {
-        classes.push("current");
-      }
-      if (cell.inRange && (cell.type === "normal" || cell.type === "today" || props.selectionMode === "week")) {
-        classes.push("in-range");
-        if (cell.start) {
-          classes.push("start-date");
-        }
-        if (cell.end) {
-          classes.push("end-date");
-        }
-      }
-      if (cell.disabled) {
-        classes.push("disabled");
-      }
-      if (cell.selected) {
-        classes.push("selected");
-      }
-      if (cell.customClass) {
-        classes.push(cell.customClass);
-      }
-      return classes.join(" ");
-    };
-    const getDateOfCell = (row, column) => {
-      const offsetFromStart = row * 7 + (column - (props.showWeekNumber ? 1 : 0)) - offsetDay.value;
-      return startDate.value.add(offsetFromStart, "day");
-    };
-    const handleMouseMove = (event) => {
-      if (!props.rangeState.selecting)
-        return;
-      let target = event.target;
-      if (target.tagName === "SPAN") {
-        target = target.parentNode.parentNode;
-      }
-      if (target.tagName === "DIV") {
-        target = target.parentNode;
-      }
-      if (target.tagName !== "TD")
-        return;
-      const row = target.parentNode.rowIndex - 1;
-      const column = target.cellIndex;
-      if (rows.value[row][column].disabled)
-        return;
-      if (row !== lastRow.value || column !== lastColumn.value) {
-        lastRow.value = row;
-        lastColumn.value = column;
-        ctx.emit("changerange", {
-          selecting: true,
-          endDate: getDateOfCell(row, column)
-        });
-      }
-    };
-    const handleClick = (event) => {
-      let target = event.target;
-      while (target) {
-        if (target.tagName === "TD") {
-          break;
-        }
-        target = target.parentNode;
-      }
-      if (!target || target.tagName !== "TD")
-        return;
-      const row = target.parentNode.rowIndex - 1;
-      const column = target.cellIndex;
-      const cell = rows.value[row][column];
-      if (cell.disabled || cell.type === "week")
-        return;
-      const newDate = getDateOfCell(row, column);
-      if (props.selectionMode === "range") {
-        if (!props.rangeState.selecting) {
-          ctx.emit("pick", { minDate: newDate, maxDate: null });
-          ctx.emit("select", true);
-        } else {
-          if (newDate >= props.minDate) {
-            ctx.emit("pick", { minDate: props.minDate, maxDate: newDate });
-          } else {
-            ctx.emit("pick", { minDate: newDate, maxDate: props.minDate });
-          }
-          ctx.emit("select", false);
-        }
-      } else if (props.selectionMode === "day") {
-        ctx.emit("pick", newDate);
-      } else if (props.selectionMode === "week") {
-        const weekNumber = newDate.week();
-        const value = `${newDate.year()}w${weekNumber}`;
-        ctx.emit("pick", {
-          year: newDate.year(),
-          week: weekNumber,
-          value,
-          date: newDate.startOf("week")
-        });
-      } else if (props.selectionMode === "dates") {
-        const newValue = cell.selected ? coerceTruthyValueToArray(props.parsedValue).filter((_) => _.valueOf() !== newDate.valueOf()) : coerceTruthyValueToArray(props.parsedValue).concat([newDate]);
-        ctx.emit("pick", newValue);
-      }
-    };
-    const isWeekActive = (cell) => {
-      if (props.selectionMode !== "week")
-        return false;
-      let newDate = props.date.startOf("day");
-      if (cell.type === "prev-month") {
-        newDate = newDate.subtract(1, "month");
-      }
-      if (cell.type === "next-month") {
-        newDate = newDate.add(1, "month");
-      }
-      newDate = newDate.date(parseInt(cell.text, 10));
-      if (props.parsedValue && !Array.isArray(props.parsedValue)) {
-        const dayOffset = (props.parsedValue.day() - firstDayOfWeek + 7) % 7 - 1;
-        const weekDate = props.parsedValue.subtract(dayOffset, "day");
-        return weekDate.isSame(newDate, "day");
-      }
-      return false;
-    };
-    return {
-      handleMouseMove,
-      t,
-      rows,
-      isWeekActive,
-      getCellClasses,
-      WEEKS,
-      handleClick
-    };
-  }
-});
-
-export { script as default };
-//# sourceMappingURL=basic-date-table.vue_vue_type_script_lang.mjs.map

package/es/components/date-picker/src/date-picker-com/basic-date-table.vue_vue_type_script_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"basic-date-table.vue_vue_type_script_lang.mjs","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":[],"mappings":";;;;;;;AAuCA,aAAe,eAAe,CAAC;AAC/B,EAAE,UAAU,EAAE;;AAEd,GAAG;AACH,EAAE,KAAK,EAAE;;AAET,UAAU,EAAE,MAAM;KACb;IACD,OAAO,EAAE;;KAER;IACD;MACE,IAAI,EAAE;KACP;IACD;MACE,IAAI,EAAE,CAAC,MAAM,OAAO,CAAC;KACtB;IACD;MACE,IAAI,EAAE;;KAEP;kBACa;;MAEZ,OAAO,EAAE;;gBAEC,EAAE;;KAEb;iBACY,EAAE;MACb,IAAI,EAAE,QAAQ;KACf;IACD,UAAU,EAAE;MACV,IAAI,EAAE,MAAM;;QAEV,OAAO,EAAE;QACT,SAAS,EAAE;;KAEd;;OAEE,EAAE,CAAC;QACF,KAAK,EAAE,GAAG,EAAE;UACV,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG;;IAEpB;;IAEA,MAAM,iBAAiB,MAAM,IAAI,CAAC;;IAElC,MAAM;MACJ,OAAO,cAAc,GAAG,CAAC,GAAG;KAC7B,EAAE;IACH,MAAM,YAAY;MAChB,MAAM,eAAe,GAAG;MACxB,OAAO,eAAe,CAAC,QAAQ,CAAC,eAAe,CAAC,GAAG,EAAE,IAAI,CAAC;;IAE5D,MAAM,KAAK,WAAW,CAAC,MAAM;MAC3B,OAAO,cAAc,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,KAAK,CAAC;KACpD,CAAC,CAAC;UACG,IAAI,GAAG;MACX,IAAI,EAAE,CAAC;MACP,MAAM;MACN,MAAM,eAAe,GAAG;;MAExB,MAAM,oBAAoB,GAAG;MAC7B,MAAM,MAAM,YAAY,CAAC,KAAK,CAAC;MAC/B,WAAW,GAAG,UAAU,MAAM;;;MAG9B,MAAM,MAAM,QAAQ,EAAE,CAAC,MAAM;MAC7B,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,EAAE;QAC1B,MAAM,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;;;YAGjB,IAAI,EAAE,GAAG;cACP,IAAI,EAAE,MAAM;cACZ,IAAI,EAAE;aACP,CAAC;;;;UAIJ,QAAQ,GAAG,GAAG,CAAC,KAAK;UACpB,KAAK,IAAI,EAAE;YACT,IAAI,GAAG;cACL,GAAG,EAAE,CAAC;cACN,MAAM,EAAE,CAAC;cACT,IAAI,EAAE,QAAQ;cACd,OAAO,EAAE,KAAK;cACd,KAAK,EAAE;;aAER,CAAC;;UAEJ,MAAM;;UAEN,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC;UACrB,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC,MAAM,EAAE;UAC5B,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,OAAO,EAAE,CAAC;UACnC;;UAEA,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,OAAO,CAAC;;YAEtC,KAAK,KAAK;YACV,IAAI,IAAI,GAAG;;YAEX,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;gBACf,CAAC,GAAG,GAAG;;gBAEP,OAAO,GAAG;cACZ,OAAO,EAAE;YACX;;;;YAIA,KAAK,IAAI,GAAG,KAAK;cACf,KAAK,IAAI,GAAG,KAAK,EAAE,CAAC;aACrB,MAAM;cACL,KAAK;cACL,KAAK;;iBAEF;gBACD,KAAK,IAAI;cACX,IAAI,CAAC,IAAI,GAAG;mBACP;;;aAGN;WACF;UACD,MAAM,QAAQ,GAAG;UACjB,IAAI,CAAC,QAAQ,GAAG;UAChB,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,IAAI,CAAC,QAAQ;UACjC,IAAI,CAAC,SAAS,GAAG;;UAEjB,IAAI;aACD,CAAC,KAAK,CAAC,cAAc,GAAG,CAAC;;YAE1B,KAAK,CAAC,aAAa,KAAK,QAAQ;;UAElC,MAAM,GAAG;gBACH,QAAQ,GAAG;cACb,KAAK,CAAC,CAAC,OAAO,GAAG,QAAQ,CAAC;cAC1B,KAAK,CAAC,CAAC,KAAK;cACZ,GAAG,CAAC,CAAC,OAAO,GAAG,QAAQ,CAAC;aACzB,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG;;;kBAGP,CAAC;;UAET,SAAS,GAAG,CAAC,IAAI,KAAK;aACnB,KAAK,CAAC,aAAa,KAAK,KAAK,KAAK,IAAI,CAAC,IAAI,KAAK,QAAQ;;UAE3D;eACK;eACA,MAAM;;;UAGX,cAAc,GAAG,CAAC,IAAI,KAAK;;UAE3B,CAAC,IAAI,CAAC,IAAI;eACL,CAAC,IAAI;;;;aAIP;eACE,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;;mBAEb,CAAC,IAAI,CAAC,EAAE;;;cAGb,CAAC,OAAO,KAAK,IAAI,CAAC;eACjB,CAAC;gBACA,CAAC,KAAK,EAAE;iBACP,CAAC,IAAI,CAAC,YAAY,EAAE;;gBAErB;kBACE;;;UAGR,IAAI,CAAC;eACA,CAAC,IAAI,WAAW,CAAC,CAAC;;cAEnB,CAAC;eACA,CAAC,IAAI,CAAC,UAAU,CAAC;;;;;aAKnB,OAAO,CAAC,IAAI,IAAI,CAAC,CAAC;;uBAER,GAAG,CAAC,KAAK,MAAM,KAAK;;aAE9B,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC;;UAEvB,kBAAkB,CAAC,KAAK,KAAK;UAC7B,CAAC,KAAK,CAAC,UAAU;eACZ;UACL,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;;;;UAItB,MAAM,CAAC,OAAO,KAAK,KAAK,EAAE;cACtB,GAAG,MAAM,CAAC,UAAU,CAAC;;UAEzB,MAAM,CAAC,OAAO,KAAK,IAAI;eAClB;YACH,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC;YACxB,MAAM,GAAG,MAAM,CAAC;;;MAGtB,IAAI,GAAG;;;QAGL,GAAG,CAAC,IAAI,CAAC,aAAa,EAAE;UACtB;UACA,OAAO,EAAE,aAAa,CAAC,GAAG,EAAE;SAC7B,CAAC,CAAC;;MAEL;IACF;;MAEE,OAAO,MAAM,EAAE;YACT,MAAM,CAAC,OAAO;UAChB,MAAM;SACP;QACD,MAAM,GAAG,MAAM,CAAC,UAAU,CAAC;;;QAG3B,OAAO;MACT,MAAM,GAAG,GAAG,MAAM,CAAC;MACnB,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC;YAC1B,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC;cAChB,CAAC,QAAQ,IAAI,IAAI,CAAC;eACjB;;MAET,IAAI;QACF,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;;;SAGrB,MAAM;UACL,IAAI,OAAO,IAAI,KAAK;;;;WAInB;UACD,GAAG,CAAC,KAAK,QAAQ,EAAE;;aAEhB,IAAI,KAAK,CAAC,aAAa;QAC5B;aACK,IAAI,KAAK,CAAC;;QAEf,MAAM,KAAK,GAAG;WACX,CAAC,IAAI,CAAC,MAAM,EAAE;;;eAGV;UACL,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC;;;;WAIrB,CAAC,IAAI,CAAC,MAAM,EAAE;;MAEnB;;MAEA,IAAI,KAAK,CAAC;QACR,OAAO,KAAK,CAAC;MACf;;eAES,GAAG,OAAO,CAAC;;MAEpB;;OAEC;;;QAGC,MAAM,YAAY,CAAC,KAAK,CAAC;QACzB,MAAM,QAAQ,GAAG;QACjB,eAAe,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;OACxC;;;IAGH,OAAO;MACL,eAAe;;MAEf,IAAI;MACJ,YAAY;oBACE;MACd;MACA,WAAW;;;;;;;"}

package/es/components/date-picker/src/date-picker-com/basic-date-table.vue_vue_type_template_id_0572814e_lang.mjs

@@ -1,40 +0,0 @@
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createCommentVNode, Fragment, renderList, createVNode } from 'vue';
-
-const _hoisted_1 = { key: 0 };
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_date_picker_cell = resolveComponent("el-date-picker-cell");
-  return openBlock(), createElementBlock("table", {
-    cellspacing: "0",
-    cellpadding: "0",
-    class: normalizeClass(["el-date-table", { "is-week-mode": _ctx.selectionMode === "week" }]),
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args)),
-    onMousemove: _cache[1] || (_cache[1] = (...args) => _ctx.handleMouseMove && _ctx.handleMouseMove(...args))
-  }, [
-    createElementVNode("tbody", null, [
-      createElementVNode("tr", null, [
-        _ctx.showWeekNumber ? (openBlock(), createElementBlock("th", _hoisted_1, toDisplayString(_ctx.t("el.datepicker.week")), 1)) : createCommentVNode("v-if", true),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.WEEKS, (week, key) => {
-          return openBlock(), createElementBlock("th", { key }, toDisplayString(_ctx.t("el.datepicker.weeks." + week)), 1);
-        }), 128))
-      ]),
-      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.rows, (row, key) => {
-        return openBlock(), createElementBlock("tr", {
-          key,
-          class: normalizeClass(["el-date-table__row", { current: _ctx.isWeekActive(row[1]) }])
-        }, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(row, (cell, key_) => {
-            return openBlock(), createElementBlock("td", {
-              key: key_,
-              class: normalizeClass(_ctx.getCellClasses(cell))
-            }, [
-              createVNode(_component_el_date_picker_cell, { cell }, null, 8, ["cell"])
-            ], 2);
-          }), 128))
-        ], 2);
-      }), 128))
-    ])
-  ], 34);
-}
-
-export { render };
-//# sourceMappingURL=basic-date-table.vue_vue_type_template_id_0572814e_lang.mjs.map

package/es/components/date-picker/src/date-picker-com/basic-date-table.vue_vue_type_template_id_0572814e_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"basic-date-table.vue_vue_type_template_id_0572814e_lang.mjs","sources":["../../../../../../../packages/components/date-picker/src/date-picker-com/basic-date-table.vue?vue&type=template&id=0572814e&lang.js"],"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":["_createElementVNode"],"mappings":";;;;;;;;;IAEI;IACA,WAAW,EAAC;;IAGXA;;;;;SAKa;;;0BACV;;;;+EAKyB,WAAT;;;;;6EAMS;;cACtB,GAAG;cACH;;;;;;;;"}

package/es/components/date-picker/src/date-picker-com/basic-month-table.vue_vue_type_script_lang.mjs

@@ -1,181 +0,0 @@
-import { defineComponent, ref, computed } from 'vue';
-import dayjs from 'dayjs';
-import '../../../../hooks/index.mjs';
-import '../../../time-picker/index.mjs';
-import { hasClass } from '../../../../utils/dom.mjs';
-import { coerceTruthyValueToArray } from '../../../../utils/util.mjs';
-import { rangeArr } from '../../../time-picker/src/common/date-utils.mjs';
-import { useLocale } from '../../../../hooks/use-locale/index.mjs';
-
-const datesInMonth = (year, month, lang) => {
-  const firstDay = dayjs().locale(lang).startOf("month").month(month).year(year);
-  const numOfDays = firstDay.daysInMonth();
-  return rangeArr(numOfDays).map((n) => firstDay.add(n, "day").toDate());
-};
-var script = defineComponent({
-  props: {
-    disabledDate: {
-      type: Function
-    },
-    selectionMode: {
-      type: String,
-      default: "month"
-    },
-    minDate: {
-      type: Object
-    },
-    maxDate: {
-      type: Object
-    },
-    date: {
-      type: Object
-    },
-    parsedValue: {
-      type: Object
-    },
-    rangeState: {
-      type: Object,
-      default: () => ({
-        endDate: null,
-        selecting: false
-      })
-    }
-  },
-  emits: ["changerange", "pick", "select"],
-  setup(props, ctx) {
-    const { t, lang } = useLocale();
-    const months = ref(props.date.locale("en").localeData().monthsShort().map((_) => _.toLowerCase()));
-    const tableRows = ref([[], [], []]);
-    const lastRow = ref(null);
-    const lastColumn = ref(null);
-    const rows = computed(() => {
-      var _a;
-      const rows2 = tableRows.value;
-      const now = dayjs().locale(lang.value).startOf("month");
-      for (let i = 0; i < 3; i++) {
-        const row = rows2[i];
-        for (let j = 0; j < 4; j++) {
-          let cell = row[j];
-          if (!cell) {
-            cell = {
-              row: i,
-              column: j,
-              type: "normal",
-              inRange: false,
-              start: false,
-              end: false
-            };
-          }
-          cell.type = "normal";
-          const index = i * 4 + j;
-          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 ((_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 {
-            cell.start = props.minDate && calTime.isSame(props.minDate, "month");
-            cell.end = calEndDate && calTime.isSame(calEndDate, "month");
-          }
-          const isToday = now.isSame(calTime);
-          if (isToday) {
-            cell.type = "today";
-          }
-          cell.text = index;
-          const cellDate = calTime.toDate();
-          cell.disabled = props.disabledDate && props.disabledDate(cellDate);
-          row[j] = cell;
-        }
-      }
-      return rows2;
-    });
-    const getCellStyle = (cell) => {
-      const style = {};
-      const year = props.date.year();
-      const today = new Date();
-      const month = cell.text;
-      style.disabled = props.disabledDate ? datesInMonth(year, month, lang.value).every(props.disabledDate) : false;
-      style.current = coerceTruthyValueToArray(props.parsedValue).findIndex((date) => date.year() === year && date.month() === month) >= 0;
-      style.today = today.getFullYear() === year && today.getMonth() === month;
-      if (cell.inRange) {
-        style["in-range"] = true;
-        if (cell.start) {
-          style["start-date"] = true;
-        }
-        if (cell.end) {
-          style["end-date"] = true;
-        }
-      }
-      return style;
-    };
-    const handleMouseMove = (event) => {
-      if (!props.rangeState.selecting)
-        return;
-      let target = event.target;
-      if (target.tagName === "A") {
-        target = target.parentNode.parentNode;
-      }
-      if (target.tagName === "DIV") {
-        target = target.parentNode;
-      }
-      if (target.tagName !== "TD")
-        return;
-      const row = target.parentNode.rowIndex;
-      const column = target.cellIndex;
-      if (rows.value[row][column].disabled)
-        return;
-      if (row !== lastRow.value || column !== lastColumn.value) {
-        lastRow.value = row;
-        lastColumn.value = column;
-        ctx.emit("changerange", {
-          selecting: true,
-          endDate: props.date.startOf("year").month(row * 4 + column)
-        });
-      }
-    };
-    const handleMonthTableClick = (event) => {
-      let target = event.target;
-      if (target.tagName === "A") {
-        target = target.parentNode.parentNode;
-      }
-      if (target.tagName === "DIV") {
-        target = target.parentNode;
-      }
-      if (target.tagName !== "TD")
-        return;
-      if (hasClass(target, "disabled"))
-        return;
-      const column = target.cellIndex;
-      const row = target.parentNode.rowIndex;
-      const month = row * 4 + column;
-      const newDate = props.date.startOf("year").month(month);
-      if (props.selectionMode === "range") {
-        if (!props.rangeState.selecting) {
-          ctx.emit("pick", { minDate: newDate, maxDate: null });
-          ctx.emit("select", true);
-        } else {
-          if (newDate >= props.minDate) {
-            ctx.emit("pick", { minDate: props.minDate, maxDate: newDate });
-          } else {
-            ctx.emit("pick", { minDate: newDate, maxDate: props.minDate });
-          }
-          ctx.emit("select", false);
-        }
-      } else {
-        ctx.emit("pick", month);
-      }
-    };
-    return {
-      handleMouseMove,
-      handleMonthTableClick,
-      rows,
-      getCellStyle,
-      t,
-      months
-    };
-  }
-});
-
-export { script as default };
-//# sourceMappingURL=basic-month-table.vue_vue_type_script_lang.mjs.map

package/es/components/date-picker/src/date-picker-com/basic-month-table.vue_vue_type_script_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"basic-month-table.vue_vue_type_script_lang.mjs","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":[],"mappings":"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"}