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_template_id_2f6fcbf2_lang.js

@@ -0,0 +1,34 @@
+'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

@@ -0,0 +1 @@
+{"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.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var basicYearTable_vue_vue_type_script_lang = require('./basic-year-table.vue_vue&type=script&lang.js');
-var basicYearTable_vue_vue_type_template_id_441df31d_lang = require('./basic-year-table.vue_vue&type=template&id=441df31d&lang.js');
+var basicYearTable_vue_vue_type_script_lang = require('./basic-year-table.vue_vue_type_script_lang.js');
+var basicYearTable_vue_vue_type_template_id_441df31d_lang = require('./basic-year-table.vue_vue_type_template_id_441df31d_lang.js');
 
 basicYearTable_vue_vue_type_script_lang["default"].render = basicYearTable_vue_vue_type_template_id_441df31d_lang.render;
 basicYearTable_vue_vue_type_script_lang["default"].__file = "packages/components/date-picker/src/date-picker-com/basic-year-table.vue";

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

@@ -0,0 +1,68 @@
+'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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,88 @@
+'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

@@ -0,0 +1 @@
+{"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;;;;"}

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var panelDatePick_vue_vue_type_script_lang = require('./panel-date-pick.vue_vue&type=script&lang.js');
-var panelDatePick_vue_vue_type_template_id_78e07aa7_lang = require('./panel-date-pick.vue_vue&type=template&id=78e07aa7&lang.js');
+var panelDatePick_vue_vue_type_script_lang = require('./panel-date-pick.vue_vue_type_script_lang.js');
+var panelDatePick_vue_vue_type_template_id_78e07aa7_lang = require('./panel-date-pick.vue_vue_type_template_id_78e07aa7_lang.js');
 
 panelDatePick_vue_vue_type_script_lang["default"].render = panelDatePick_vue_vue_type_template_id_78e07aa7_lang.render;
 panelDatePick_vue_vue_type_script_lang["default"].__file = "packages/components/date-picker/src/date-picker-com/panel-date-pick.vue";