@element-plus/nightly 0.0.20220121 → 0.0.20220122

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

@@ -1,189 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var dayjs = require('dayjs');
-require('../../../../hooks/index.js');
-require('../../../time-picker/index.js');
-var dom = require('../../../../utils/dom.js');
-var util = require('../../../../utils/util.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 }; }
-
-var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
-
-const datesInMonth = (year, month, lang) => {
-  const firstDay = dayjs__default["default"]().locale(lang).startOf("month").month(month).year(year);
-  const numOfDays = firstDay.daysInMonth();
-  return dateUtils.rangeArr(numOfDays).map((n) => firstDay.add(n, "day").toDate());
-};
-var script = vue.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 } = index.useLocale();
-    const months = vue.ref(props.date.locale("en").localeData().monthsShort().map((_) => _.toLowerCase()));
-    const tableRows = vue.ref([[], [], []]);
-    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++) {
-        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 = util.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 (dom.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
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=basic-month-table.vue_vue_type_script_lang.js.map

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

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

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

@@ -1,34 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-const _hoisted_1 = { class: "cell" };
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createElementBlock("table", {
-    class: "el-month-table",
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleMonthTableClick && _ctx.handleMonthTableClick(...args)),
-    onMousemove: _cache[1] || (_cache[1] = (...args) => _ctx.handleMouseMove && _ctx.handleMouseMove(...args))
-  }, [
-    vue.createElementVNode("tbody", null, [
-      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.rows, (row, key) => {
-        return vue.openBlock(), vue.createElementBlock("tr", { key }, [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(row, (cell, key_) => {
-            return vue.openBlock(), vue.createElementBlock("td", {
-              key: key_,
-              class: vue.normalizeClass(_ctx.getCellStyle(cell))
-            }, [
-              vue.createElementVNode("div", null, [
-                vue.createElementVNode("a", _hoisted_1, vue.toDisplayString(_ctx.t("el.datepicker.months." + _ctx.months[cell.text])), 1)
-              ])
-            ], 2);
-          }), 128))
-        ]);
-      }), 128))
-    ])
-  ], 32);
-}
-
-exports.render = render;
-//# sourceMappingURL=basic-month-table.vue_vue_type_template_id_2f6fcbf2_lang.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"basic-month-table.vue_vue_type_template_id_2f6fcbf2_lang.js","sources":["../../../../../../../packages/components/date-picker/src/date-picker-com/basic-month-table.vue?vue&type=template&id=2f6fcbf2&lang.js"],"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":["_createElementVNode"],"mappings":";;;;;;;;;;;IAEI;;IAECA;;;+FAG8B,WAAT;;;;;cAC2BA;;;gBAEzC;;;;;;;;;;"}

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

@@ -1,68 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var dayjs = require('dayjs');
-require('../../../../hooks/index.js');
-require('../../../time-picker/index.js');
-var dom = require('../../../../utils/dom.js');
-var util = require('../../../../utils/util.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 }; }
-
-var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
-
-const datesInYear = (year, lang) => {
-  const firstDay = dayjs__default["default"](String(year)).locale(lang).startOf("year");
-  const lastDay = firstDay.endOf("year");
-  const numOfDays = lastDay.dayOfYear();
-  return dateUtils.rangeArr(numOfDays).map((n) => firstDay.add(n, "day").toDate());
-};
-var script = vue.defineComponent({
-  props: {
-    disabledDate: {
-      type: Function
-    },
-    parsedValue: {
-      type: Object
-    },
-    date: {
-      type: Object
-    }
-  },
-  emits: ["pick"],
-  setup(props, ctx) {
-    const { lang } = index.useLocale();
-    const startYear = vue.computed(() => {
-      return Math.floor(props.date.year() / 10) * 10;
-    });
-    const getCellStyle = (year) => {
-      const style = {};
-      const today = dayjs__default["default"]().locale(lang.value);
-      style.disabled = props.disabledDate ? datesInYear(year, lang.value).every(props.disabledDate) : false;
-      style.current = util.coerceTruthyValueToArray(props.parsedValue).findIndex((_) => _.year() === year) >= 0;
-      style.today = today.year() === year;
-      return style;
-    };
-    const handleYearTableClick = (event) => {
-      const target = event.target;
-      if (target.tagName === "A") {
-        if (dom.hasClass(target.parentNode, "disabled"))
-          return;
-        const year = target.textContent || target.innerText;
-        ctx.emit("pick", Number(year));
-      }
-    };
-    return {
-      startYear,
-      getCellStyle,
-      handleYearTableClick
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=basic-year-table.vue_vue_type_script_lang.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"basic-year-table.vue_vue_type_script_lang.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":["defineComponent","computed","coerceTruthyValueToArray"],"mappings":";;;;;;;;;;;;;;;;;AAmDA,iBAAiB,GAAG,CAAC,IAAI,EAAE,IAAI,KAAK;;AAEpC,EAAE,MAAM,OAAO,GAAG,QAAQ,CAAC,KAAK,CAAC;AACjC,EAAE,MAAM,SAAS,GAAG,OAAO,CAAC;;AAE5B,CAAC,CAAC;aACaA,mBAAe,CAAC;EAC7B,OAAO;IACL,YAAY,EAAE;MACZ,IAAI,EAAE,QAAQ;AACpB;;AAEA,UAAU,EAAE,MAAM;KACb;IACD,IAAI,EAAE;MACJ,IAAI,EAAE,MAAM;KACb;;OAEE,EAAE,CAAC,MAAM,CAAC;;IAEb,MAAM;UACA,SAAS,GAAGC,YAAQ,CAAC,MAAM;;;;MAI/B,MAAM,KAAK;;MAEX,KAAK,CAAC,QAAQ;MACd,MAAM,OAAO,GAAGC;MAChB,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,EAAE,KAAK;MAC/B,OAAO,KAAK,CAAC;KACd;IACD,MAAM,oBAAoB,GAAG;MAC3B,MAAM,MAAM,GAAG,KAAK,CAAC;MACrB,IAAI,MAAM,QAAQ,KAAK,GAAG,EAAE;;UAExB,OAAO;QACT,MAAM,IAAI,GAAG,OAAO,WAAW,IAAI,MAAM,CAAC,SAAS,CAAC;QACpD,GAAG,CAAC;;MAEN;WACK;eACI;;;MAGT;;;;;;"}

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

@@ -1,88 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-const _hoisted_1 = { class: "cell" };
-const _hoisted_2 = { class: "cell" };
-const _hoisted_3 = { class: "cell" };
-const _hoisted_4 = { class: "cell" };
-const _hoisted_5 = { class: "cell" };
-const _hoisted_6 = { class: "cell" };
-const _hoisted_7 = { class: "cell" };
-const _hoisted_8 = { class: "cell" };
-const _hoisted_9 = { class: "cell" };
-const _hoisted_10 = { class: "cell" };
-const _hoisted_11 = /* @__PURE__ */ vue.createElementVNode("td", null, null, -1);
-const _hoisted_12 = /* @__PURE__ */ vue.createElementVNode("td", null, null, -1);
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createElementBlock("table", {
-    class: "el-year-table",
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleYearTableClick && _ctx.handleYearTableClick(...args))
-  }, [
-    vue.createElementVNode("tbody", null, [
-      vue.createElementVNode("tr", null, [
-        vue.createElementVNode("td", {
-          class: vue.normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 0)])
-        }, [
-          vue.createElementVNode("a", _hoisted_1, vue.toDisplayString(_ctx.startYear), 1)
-        ], 2),
-        vue.createElementVNode("td", {
-          class: vue.normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 1)])
-        }, [
-          vue.createElementVNode("a", _hoisted_2, vue.toDisplayString(_ctx.startYear + 1), 1)
-        ], 2),
-        vue.createElementVNode("td", {
-          class: vue.normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 2)])
-        }, [
-          vue.createElementVNode("a", _hoisted_3, vue.toDisplayString(_ctx.startYear + 2), 1)
-        ], 2),
-        vue.createElementVNode("td", {
-          class: vue.normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 3)])
-        }, [
-          vue.createElementVNode("a", _hoisted_4, vue.toDisplayString(_ctx.startYear + 3), 1)
-        ], 2)
-      ]),
-      vue.createElementVNode("tr", null, [
-        vue.createElementVNode("td", {
-          class: vue.normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 4)])
-        }, [
-          vue.createElementVNode("a", _hoisted_5, vue.toDisplayString(_ctx.startYear + 4), 1)
-        ], 2),
-        vue.createElementVNode("td", {
-          class: vue.normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 5)])
-        }, [
-          vue.createElementVNode("a", _hoisted_6, vue.toDisplayString(_ctx.startYear + 5), 1)
-        ], 2),
-        vue.createElementVNode("td", {
-          class: vue.normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 6)])
-        }, [
-          vue.createElementVNode("a", _hoisted_7, vue.toDisplayString(_ctx.startYear + 6), 1)
-        ], 2),
-        vue.createElementVNode("td", {
-          class: vue.normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 7)])
-        }, [
-          vue.createElementVNode("a", _hoisted_8, vue.toDisplayString(_ctx.startYear + 7), 1)
-        ], 2)
-      ]),
-      vue.createElementVNode("tr", null, [
-        vue.createElementVNode("td", {
-          class: vue.normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 8)])
-        }, [
-          vue.createElementVNode("a", _hoisted_9, vue.toDisplayString(_ctx.startYear + 8), 1)
-        ], 2),
-        vue.createElementVNode("td", {
-          class: vue.normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 9)])
-        }, [
-          vue.createElementVNode("a", _hoisted_10, vue.toDisplayString(_ctx.startYear + 9), 1)
-        ], 2),
-        _hoisted_11,
-        _hoisted_12
-      ])
-    ])
-  ]);
-}
-
-exports.render = render;
-//# sourceMappingURL=basic-year-table.vue_vue_type_template_id_441df31d_lang.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"basic-year-table.vue_vue_type_template_id_441df31d_lang.js","sources":["../../../../../../../packages/components/date-picker/src/date-picker-com/basic-year-table.vue?vue&type=template&id=441df31d&lang.js"],"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":["_createElementVNode","_toDisplayString"],"mappings":";;;;;;;qBAKa,KAAK,EAAC,MAAM;qBAGZ,KAAK,EAAC,MAAM;qBAGZ,KAAK,EAAC,MAAM;qBAGZ,KAAK,EAAC,MAAM;qBAKZ,KAAK,EAAC,MAAM;qBAGZ,KAAK,EAAC,MAAM;qBAGZ,KAAK,EAAC,MAAM;qBAGZ,KAAK,EAAC,MAAM;;;;;;;;;IA3BOA;;;;;UAGpBA,wCAA0BC,oBAAY;;;;;UAGtCD,wCAA0BC,oBAAY;;;;;UAGtCD,wCAA0BC,oBAAY;;;;;UAGtCD,wCAA0BC,oBAAY;;;;;;;UAKtCD,wCAA0BC,oBAAY;;;;;UAGtCD,wCAA0BC,oBAAY;;;;;UAGtCD,wCAA0BC,oBAAY;;;;;UAGtCD,wCAA0BC,oBAAY;;;;;;;UAKtCD,wCAA0BC,oBAAY;;;;;UAGtCD,4DAAsC,CAAC;;;;QAG3C;;;;;;;"}