element-plus 1.2.0-beta.3 → 1.2.0-beta.4

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.useLocaleInject();
-    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 { useLocaleInject } 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 } = useLocaleInject()\n    const months = ref(\n      props.date\n        .locale('en')\n        .localeData()\n        .monthsShort()\n        .map((_) => _.toLowerCase())\n    )\n    const tableRows = ref([[], [], []])\n    const lastRow = ref(null)\n    const lastColumn = ref(null)\n    const rows = computed(() => {\n      // TODO: refactory rows / getCellClasses\n      const rows = tableRows.value\n      const now = dayjs().locale(lang.value).startOf('month')\n\n      for (let i = 0; i < 3; i++) {\n        const row = rows[i]\n        for (let j = 0; j < 4; j++) {\n          let cell = row[j]\n          if (!cell) {\n            cell = {\n              row: i,\n              column: j,\n              type: 'normal',\n              inRange: false,\n              start: false,\n              end: false,\n            }\n          }\n\n          cell.type = 'normal'\n\n          const index = i * 4 + j\n          const calTime = props.date.startOf('year').month(index)\n\n          const calEndDate =\n            props.rangeState.endDate ||\n            props.maxDate ||\n            (props.rangeState.selecting && props.minDate)\n\n          cell.inRange =\n            (props.minDate &&\n              calTime.isSameOrAfter(props.minDate, 'month') &&\n              calEndDate &&\n              calTime.isSameOrBefore(calEndDate, 'month')) ||\n            (props.minDate &&\n              calTime.isSameOrBefore(props.minDate, 'month') &&\n              calEndDate &&\n              calTime.isSameOrAfter(calEndDate, 'month'))\n\n          if (props.minDate?.isSameOrAfter(calEndDate)) {\n            cell.start = calEndDate && calTime.isSame(calEndDate, 'month')\n            cell.end = props.minDate && calTime.isSame(props.minDate, 'month')\n          } else {\n            cell.start = props.minDate && calTime.isSame(props.minDate, 'month')\n            cell.end = calEndDate && calTime.isSame(calEndDate, 'month')\n          }\n\n          const isToday = now.isSame(calTime)\n\n          if (isToday) {\n            cell.type = 'today'\n          }\n          cell.text = index\n          const cellDate = calTime.toDate()\n          cell.disabled = props.disabledDate && props.disabledDate(cellDate)\n          row[j] = cell\n        }\n      }\n      return rows\n    })\n    const getCellStyle = (cell) => {\n      const style = {} as any\n      const year = props.date.year()\n      const today = new Date()\n      const month = cell.text\n\n      style.disabled = props.disabledDate\n        ? datesInMonth(year, month, lang.value).every(props.disabledDate)\n        : false\n      style.current =\n        coerceTruthyValueToArray(props.parsedValue).findIndex(\n          (date) => date.year() === year && date.month() === month\n        ) >= 0\n      style.today = today.getFullYear() === year && today.getMonth() === month\n\n      if (cell.inRange) {\n        style['in-range'] = true\n\n        if (cell.start) {\n          style['start-date'] = true\n        }\n\n        if (cell.end) {\n          style['end-date'] = true\n        }\n      }\n      return style\n    }\n\n    const handleMouseMove = (event) => {\n      if (!props.rangeState.selecting) return\n\n      let target = event.target\n      if (target.tagName === 'A') {\n        target = target.parentNode.parentNode\n      }\n      if (target.tagName === 'DIV') {\n        target = target.parentNode\n      }\n      if (target.tagName !== 'TD') return\n\n      const row = target.parentNode.rowIndex\n      const column = target.cellIndex\n      // can not select disabled date\n      if (rows.value[row][column].disabled) return\n\n      // only update rangeState when mouse moves to a new cell\n      // this avoids frequent Date object creation and improves performance\n      if (row !== lastRow.value || column !== lastColumn.value) {\n        lastRow.value = row\n        lastColumn.value = column\n        ctx.emit('changerange', {\n          selecting: true,\n          endDate: props.date.startOf('year').month(row * 4 + column),\n        })\n      }\n    }\n    const handleMonthTableClick = (event) => {\n      let target = event.target\n      if (target.tagName === 'A') {\n        target = target.parentNode.parentNode\n      }\n      if (target.tagName === 'DIV') {\n        target = target.parentNode\n      }\n      if (target.tagName !== 'TD') return\n      if (hasClass(target, 'disabled')) return\n      const column = target.cellIndex\n      const row = target.parentNode.rowIndex\n      const month = row * 4 + column\n      const newDate = props.date.startOf('year').month(month)\n      if (props.selectionMode === 'range') {\n        if (!props.rangeState.selecting) {\n          ctx.emit('pick', { minDate: newDate, maxDate: null })\n          ctx.emit('select', true)\n        } else {\n          if (newDate >= props.minDate) {\n            ctx.emit('pick', { minDate: props.minDate, maxDate: newDate })\n          } else {\n            ctx.emit('pick', { minDate: newDate, maxDate: props.minDate })\n          }\n          ctx.emit('select', false)\n        }\n      } else {\n        ctx.emit('pick', month)\n      }\n    }\n\n    return {\n      handleMouseMove,\n      handleMonthTableClick,\n      rows,\n      getCellStyle,\n      t,\n      months,\n    }\n  },\n})\n</script>\n"],"names":["dayjs","rangeArr","defineComponent","useLocaleInject","ref","computed","coerceTruthyValueToArray","hasClass"],"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 { useLocaleInject } 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 } = useLocaleInject()\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":["_createElementBlock","_createElementVNode"],"mappings":";;;;;;qBAUe,OAAM;;0BATnBA;IACE,OAAM;AAAA,IACL,gDAAO;IACP,oDAAW;;IAEZC;4BACED,0DAAyB,YAAb,KAAK;gCAAjBA,+BAAgC;gCAC9BA,0DAA2B,MAAf,MAAM;oCAAlBA;cAAiC,KAAK;AAAA,cAAO,0BAAO,kBAAa;AAAA;cAC/DC;gBACEA,4BAAA,gCACE,iCAA4B,YAAO,KAAK;;;;;;;;;;;;"}

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.useLocaleInject();
-    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 { useLocaleInject } 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 } = useLocaleInject()\n    const startYear = computed(() => {\n      return Math.floor(props.date.year() / 10) * 10\n    })\n    const getCellStyle = (year) => {\n      const style = {} as any\n      const today = dayjs().locale(lang.value)\n\n      style.disabled = props.disabledDate\n        ? datesInYear(year, lang.value).every(props.disabledDate)\n        : false\n\n      style.current =\n        coerceTruthyValueToArray(props.parsedValue).findIndex(\n          (_) => _.year() === year\n        ) >= 0\n\n      style.today = today.year() === year\n\n      return style\n    }\n\n    const handleYearTableClick = (event: MouseEvent) => {\n      const target = event.target as HTMLDivElement\n      if (target.tagName === 'A') {\n        if (hasClass((target as any).parentNode, 'disabled')) return\n        const year = target.textContent || target.innerText\n        ctx.emit('pick', Number(year))\n      }\n    }\n    return {\n      startYear,\n      getCellStyle,\n      handleYearTableClick,\n    }\n  },\n})\n</script>\n"],"names":["dayjs","rangeArr","defineComponent","useLocaleInject","computed","coerceTruthyValueToArray","hasClass"],"mappings":";;;;;;;;;;;;;;;;;AAwDA,MAAM,cAAc,CAAC,MAAa,SAAiB;AACjD,QAAM,WAAWA,0BAAM,OAAO,OAAO,OAAO,MAAM,QAAQ;AAC1D,QAAM,UAAU,SAAS,MAAM;AAC/B,QAAM,YAAY,QAAQ;AAC1B,SAAOC,mBAAS,WAAW,IAAI,CAAC,MAAM,SAAS,IAAI,GAAG,OAAO;AAAA;AAG/D,aAAeC,oBAAgB;AAAA,EAC7B,OAAO;AAAA,IACL,cAAc;AAAA,MACZ,MAAM;AAAA;AAAA,IAER,aAAa;AAAA,MACX,MAAM;AAAA;AAAA,IAER,MAAM;AAAA,MACJ,MAAM;AAAA;AAAA;AAAA,EAIV,OAAO,CAAC;AAAA,EAER,MAAM,OAAO,KAAK;AAChB,UAAM,EAAE,SAASC;AACjB,UAAM,YAAYC,aAAS,MAAM;AAC/B,aAAO,KAAK,MAAM,MAAM,KAAK,SAAS,MAAM;AAAA;AAE9C,UAAM,eAAe,CAAC,SAAS;AAC7B,YAAM,QAAQ;AACd,YAAM,QAAQJ,4BAAQ,OAAO,KAAK;AAElC,YAAM,WAAW,MAAM,eACnB,YAAY,MAAM,KAAK,OAAO,MAAM,MAAM,gBAC1C;AAEJ,YAAM,UACJK,8BAAyB,MAAM,aAAa,UAC1C,CAAC,MAAM,EAAE,WAAW,SACjB;AAEP,YAAM,QAAQ,MAAM,WAAW;AAE/B,aAAO;AAAA;AAGT,UAAM,uBAAuB,CAAC,UAAsB;AAClD,YAAM,SAAS,MAAM;AACrB,UAAI,OAAO,YAAY,KAAK;AAC1B,YAAIC,aAAU,OAAe,YAAY;AAAa;AACtD,cAAM,OAAO,OAAO,eAAe,OAAO;AAC1C,YAAI,KAAK,QAAQ,OAAO;AAAA;AAAA;AAG5B,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

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 { useLocaleInject } 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 } = useLocaleInject()\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":["_createElementBlock","_createElementVNode"],"mappings":";;;;;;qBAKa,OAAM;qBAGN,OAAM;qBAGN,OAAM;qBAGN,OAAM;qBAKN,OAAM;qBAGN,OAAM;qBAGN,OAAM;qBAGN,OAAM;qBAKN,OAAM;sBAGN,OAAM;;;;0BAnCjBA;IAAO,OAAM;AAAA,IAAiB,gDAAO;;IACnCC;MACEA;QACEA;UAAI,2BAAM,aAAoB,kBAAa;;UACzCA,4BAAA,gCAAmB;;QAErBA;UAAI,2BAAM,aAAoB,kBAAa;;UACzCA,4BAAA,gCAAmB;;QAErBA;UAAI,2BAAM,aAAoB,kBAAa;;UACzCA,4BAAA,gCAAmB;;QAErBA;UAAI,2BAAM,aAAoB,kBAAa;;UACzCA,4BAAA,gCAAmB;;;MAGvBA;QACEA;UAAI,2BAAM,aAAoB,kBAAa;;UACzCA,4BAAA,gCAAmB;;QAErBA;UAAI,2BAAM,aAAoB,kBAAa;;UACzCA,4BAAA,gCAAmB;;QAErBA;UAAI,2BAAM,aAAoB,kBAAa;;UACzCA,4BAAA,gCAAmB;;QAErBA;UAAI,2BAAM,aAAoB,kBAAa;;UACzCA,4BAAA,gCAAmB;;;MAGvBA;QACEA;UAAI,2BAAM,aAAoB,kBAAa;;UACzCA,4BAAA,gCAAmB;;QAErBA;UAAI,2BAAM,aAAoB,kBAAa;;UACzCA,4BAAA,iCAAmB;;QAErB;AAAA,QACA;AAAA;AAAA;AAAA;AAAA;;;;"}