@element-plus/nightly 0.0.20220604 → 0.0.20220605

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220604 */
+/*! Element Plus v0.0.20220605 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -10664,7 +10664,7 @@
     return [recordCursor, setCursor];
   }
 
-  const version$1 = "0.0.20220604";
+  const version$1 = "0.0.20220605";
 
   const INSTALLED_KEY = Symbol("INSTALLED_KEY");
   const makeInstaller = (components = []) => {
@@ -12580,10 +12580,10 @@
       };
     }
   });
-  function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default", { handleKeydown: _ctx.onKeydown });
   }
-  var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$28, [["render", _sfc_render$V], ["__file", "focus-trap.vue"]]);
+  var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$28, [["render", _sfc_render$U], ["__file", "focus-trap.vue"]]);
 
   const POSITIONING_STRATEGIES = ["fixed", "absolute"];
   const usePopperCoreConfigProps = buildProps({
@@ -13115,7 +13115,7 @@
       };
     }
   });
-  function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_popper_content = vue.resolveComponent("el-popper-content");
     return vue.openBlock(), vue.createBlock(vue.Teleport, {
       disabled: !_ctx.teleported,
@@ -13170,7 +13170,7 @@
       }, 8, ["name", "onAfterLeave", "onBeforeEnter", "onAfterEnter", "onBeforeLeave"])
     ], 8, ["disabled", "to"]);
   }
-  var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$26, [["render", _sfc_render$U], ["__file", "content.vue"]]);
+  var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$26, [["render", _sfc_render$T], ["__file", "content.vue"]]);
 
   const isTriggerType = (trigger, type) => {
     if (isArray(trigger)) {
@@ -13235,7 +13235,7 @@
       };
     }
   });
-  function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_popper_trigger = vue.resolveComponent("el-popper-trigger");
     return vue.openBlock(), vue.createBlock(_component_el_popper_trigger, {
       id: _ctx.id,
@@ -13257,7 +13257,7 @@
       _: 3
     }, 8, ["id", "virtual-ref", "open", "virtual-triggering", "class", "onBlur", "onClick", "onContextmenu", "onFocus", "onMouseenter", "onMouseleave", "onKeydown"]);
   }
-  var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["render", _sfc_render$T], ["__file", "trigger.vue"]]);
+  var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["render", _sfc_render$S], ["__file", "trigger.vue"]]);
 
   const { useModelToggleProps, useModelToggle, useModelToggleEmits } = createModelToggleComposable("visible");
   const _sfc_main$24 = vue.defineComponent({
@@ -13376,7 +13376,7 @@
   });
   const _hoisted_1$11 = ["innerHTML"];
   const _hoisted_2$G = { key: 1 };
-  function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_tooltip_trigger = vue.resolveComponent("el-tooltip-trigger");
     const _component_el_popper_arrow = vue.resolveComponent("el-popper-arrow");
     const _component_el_tooltip_content = vue.resolveComponent("el-tooltip-content");
@@ -13445,7 +13445,7 @@
       _: 3
     }, 8, ["role"]);
   }
-  var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["render", _sfc_render$S], ["__file", "tooltip.vue"]]);
+  var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["render", _sfc_render$R], ["__file", "tooltip.vue"]]);
 
   const ElTooltip = withInstall(Tooltip);
 
@@ -16375,7 +16375,7 @@
   });
   const _hoisted_1$X = ["id", "name", "placeholder", "value", "disabled", "readonly"];
   const _hoisted_2$E = ["id", "name", "placeholder", "value", "disabled", "readonly"];
-  function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_icon = vue.resolveComponent("el-icon");
     const _component_el_input = vue.resolveComponent("el-input");
     const _component_el_tooltip = vue.resolveComponent("el-tooltip");
@@ -16560,7 +16560,7 @@
       _: 3
     }, 16, ["visible", "transition", "popper-class", "popper-options", "onBeforeShow", "onShow", "onHide"]);
   }
-  var CommonPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1X, [["render", _sfc_render$R], ["__file", "picker.vue"]]);
+  var CommonPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1X, [["render", _sfc_render$Q], ["__file", "picker.vue"]]);
 
   const nodeList = /* @__PURE__ */ new Map();
   let startClick;
@@ -17067,7 +17067,7 @@
   });
   const _hoisted_1$W = ["onClick"];
   const _hoisted_2$D = ["onMouseenter"];
-  function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_scrollbar = vue.resolveComponent("el-scrollbar");
     const _component_arrow_up = vue.resolveComponent("arrow-up");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -17163,7 +17163,7 @@
       }), 128)) : vue.createCommentVNode("v-if", true)
     ], 2);
   }
-  var TimeSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$1W, [["render", _sfc_render$Q], ["__file", "basic-time-spinner.vue"]]);
+  var TimeSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$1W, [["render", _sfc_render$P], ["__file", "basic-time-spinner.vue"]]);
 
   const _sfc_main$1V = vue.defineComponent({
     components: {
@@ -17329,7 +17329,7 @@
       };
     }
   });
-  function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_time_spinner = vue.resolveComponent("time-spinner");
     return vue.openBlock(), vue.createBlock(vue.Transition, { name: _ctx.transitionName }, {
       default: vue.withCtx(() => [
@@ -17374,7 +17374,7 @@
       _: 1
     }, 8, ["name"]);
   }
-  var TimePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1V, [["render", _sfc_render$P], ["__file", "panel-time-pick.vue"]]);
+  var TimePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1V, [["render", _sfc_render$O], ["__file", "panel-time-pick.vue"]]);
 
   const makeSelectRange = (start, end) => {
     const result = [];
@@ -17612,7 +17612,7 @@
     }
   });
   const _hoisted_1$V = ["disabled"];
-  function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_time_spinner = vue.resolveComponent("time-spinner");
     return _ctx.actualVisible ? (vue.openBlock(), vue.createElementBlock("div", {
       key: 0,
@@ -17699,7 +17699,7 @@
       ], 2)
     ], 2)) : vue.createCommentVNode("v-if", true);
   }
-  var TimeRangePanel = /* @__PURE__ */ _export_sfc(_sfc_main$1U, [["render", _sfc_render$O], ["__file", "panel-time-range.vue"]]);
+  var TimeRangePanel = /* @__PURE__ */ _export_sfc(_sfc_main$1U, [["render", _sfc_render$N], ["__file", "panel-time-range.vue"]]);
 
   dayjs.extend(customParseFormat);
   var TimePicker = vue.defineComponent({
@@ -19671,7 +19671,7 @@
   });
   const _hoisted_1$N = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
   const _hoisted_2$y = /* @__PURE__ */ vue.createElementVNode("span", null, null, -1);
-  function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_checkbox = vue.resolveComponent("el-checkbox");
     const _component_el_radio = vue.resolveComponent("el-radio");
     const _component_check = vue.resolveComponent("check");
@@ -19754,7 +19754,7 @@
       ], 2112)) : vue.createCommentVNode("v-if", true)
     ], 42, _hoisted_1$N);
   }
-  var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1I, [["render", _sfc_render$N], ["__file", "node.vue"]]);
+  var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1I, [["render", _sfc_render$M], ["__file", "node.vue"]]);
 
   const _sfc_main$1H = vue.defineComponent({
     name: "ElCascaderMenu",
@@ -19834,7 +19834,7 @@
       };
     }
   });
-  function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_cascader_node = vue.resolveComponent("el-cascader-node");
     const _component_loading = vue.resolveComponent("loading");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -19887,7 +19887,7 @@
       _: 1
     }, 8, ["class", "wrap-class", "view-class", "onMousemove", "onMouseleave"]);
   }
-  var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1H, [["render", _sfc_render$M], ["__file", "menu.vue"]]);
+  var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1H, [["render", _sfc_render$L], ["__file", "menu.vue"]]);
 
   var ExpandTrigger = /* @__PURE__ */ ((ExpandTrigger2) => {
     ExpandTrigger2["CLICK"] = "click";
@@ -20362,7 +20362,7 @@
       };
     }
   });
-  function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_cascader_menu = vue.resolveComponent("el-cascader-menu");
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass([_ctx.ns.b("panel"), _ctx.ns.is("bordered", _ctx.border)]),
@@ -20379,7 +20379,7 @@
       }), 128))
     ], 34);
   }
-  var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _sfc_render$L], ["__file", "index.vue"]]);
+  var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _sfc_render$K], ["__file", "index.vue"]]);
 
   CascaderPanel.install = (app) => {
     app.component(CascaderPanel.name, CascaderPanel);
@@ -20949,7 +20949,7 @@
   const _hoisted_2$x = { class: "el-cascader__collapse-tags" };
   const _hoisted_3$k = ["placeholder"];
   const _hoisted_4$d = ["onClick"];
-  function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_circle_close = vue.resolveComponent("circle-close");
     const _component_el_icon = vue.resolveComponent("el-icon");
     const _component_arrow_down = vue.resolveComponent("arrow-down");
@@ -21176,7 +21176,7 @@
       _: 3
     }, 8, ["visible", "teleported", "popper-class", "popper-options", "transition", "onHide"]);
   }
-  var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$K], ["__file", "index.vue"]]);
+  var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$J], ["__file", "index.vue"]]);
 
   Cascader.install = (app) => {
     app.component(Cascader.name, Cascader);
@@ -21734,7 +21734,7 @@
       };
     }
   });
-  function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(["el-color-alpha-slider", { "is-vertical": _ctx.vertical }])
     }, [
@@ -21756,7 +21756,7 @@
       }, null, 4)
     ], 2);
   }
-  var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["render", _sfc_render$J], ["__file", "alpha-slider.vue"]]);
+  var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["render", _sfc_render$I], ["__file", "alpha-slider.vue"]]);
 
   const _sfc_main$1x = vue.defineComponent({
     name: "ElColorHueSlider",
@@ -21849,7 +21849,7 @@
       };
     }
   });
-  function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(["el-color-hue-slider", { "is-vertical": _ctx.vertical }])
     }, [
@@ -21868,7 +21868,7 @@
       }, null, 4)
     ], 2);
   }
-  var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["render", _sfc_render$I], ["__file", "hue-slider.vue"]]);
+  var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["render", _sfc_render$H], ["__file", "hue-slider.vue"]]);
 
   const OPTIONS_KEY = Symbol();
   const useOptions = () => {
@@ -22189,7 +22189,7 @@
   const _hoisted_1$K = { class: "el-color-predefine" };
   const _hoisted_2$v = { class: "el-color-predefine__colors" };
   const _hoisted_3$i = ["onClick"];
-  function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$K, [
       vue.createElementVNode("div", _hoisted_2$v, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.rgbaColors, (item, index) => {
@@ -22206,7 +22206,7 @@
       ])
     ]);
   }
-  var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["render", _sfc_render$H], ["__file", "predefine.vue"]]);
+  var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["render", _sfc_render$G], ["__file", "predefine.vue"]]);
 
   const _sfc_main$1v = vue.defineComponent({
     name: "ElSlPanel",
@@ -22282,7 +22282,7 @@
   const _hoisted_4$c = [
     _hoisted_3$h
   ];
-  function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: "el-color-svpanel",
       style: vue.normalizeStyle({
@@ -22300,7 +22300,7 @@
       }, _hoisted_4$c, 4)
     ], 4);
   }
-  var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$G], ["__file", "sv-panel.vue"]]);
+  var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$F], ["__file", "sv-panel.vue"]]);
 
   const _sfc_main$1u = vue.defineComponent({
     name: "ElColorPicker",
@@ -22501,7 +22501,7 @@
     }
   });
   const _hoisted_1$I = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex"];
-  function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_hue_slider = vue.resolveComponent("hue-slider");
     const _component_sv_panel = vue.resolveComponent("sv-panel");
     const _component_alpha_slider = vue.resolveComponent("alpha-slider");
@@ -22656,7 +22656,7 @@
       _: 1
     }, 8, ["visible", "popper-class"]);
   }
-  var ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$F], ["__file", "index.vue"]]);
+  var ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$E], ["__file", "index.vue"]]);
 
   ColorPicker.install = (app) => {
     app.component(ColorPicker.name, ColorPicker);
@@ -23084,6 +23084,77 @@
     selectionMode: selectionModeWithDefault("date")
   });
 
+  const isValidRange = (range) => {
+    if (!isArray(range))
+      return false;
+    const [left, right] = range;
+    return dayjs_min.exports.isDayjs(left) && dayjs_min.exports.isDayjs(right) && left.isSameOrBefore(right);
+  };
+  const getDefaultValue = (defaultValue, { lang, unit, unlinkPanels }) => {
+    let start;
+    if (isArray(defaultValue)) {
+      let [left, right] = defaultValue.map((d) => dayjs(d).locale(lang));
+      if (!unlinkPanels) {
+        right = left.add(1, unit);
+      }
+      return [left, right];
+    } else if (defaultValue) {
+      start = dayjs(defaultValue);
+    } else {
+      start = dayjs();
+    }
+    start = start.locale(lang);
+    return [start, start.add(1, unit)];
+  };
+  const buildPickerTable = (dimension, rows, {
+    columnIndexOffset,
+    startDate,
+    nextEndDate,
+    now,
+    unit,
+    relativeDateGetter,
+    setCellMetadata,
+    setRowMetadata
+  }) => {
+    for (let rowIndex = 0; rowIndex < dimension.row; rowIndex++) {
+      const row = rows[rowIndex];
+      for (let columnIndex = 0; columnIndex < dimension.column; columnIndex++) {
+        let cell = row[columnIndex + columnIndexOffset];
+        if (!cell) {
+          cell = {
+            row: rowIndex,
+            column: columnIndex,
+            type: "normal",
+            inRange: false,
+            start: false,
+            end: false
+          };
+        }
+        const index = rowIndex * dimension.column + columnIndex;
+        const nextStartDate = relativeDateGetter(index);
+        cell.dayjs = nextStartDate;
+        cell.date = nextStartDate.toDate();
+        cell.timestamp = nextStartDate.valueOf();
+        cell.type = "normal";
+        cell.inRange = !!(startDate && nextStartDate.isSameOrAfter(startDate, unit) && nextEndDate && nextStartDate.isSameOrBefore(nextEndDate, unit)) || !!(startDate && nextStartDate.isSameOrBefore(startDate, unit) && nextEndDate && nextStartDate.isSameOrAfter(nextEndDate, unit));
+        if (startDate == null ? void 0 : startDate.isSameOrAfter(nextEndDate)) {
+          cell.start = !!nextEndDate && nextStartDate.isSame(nextEndDate, unit);
+          cell.end = startDate && nextStartDate.isSame(startDate, unit);
+        } else {
+          cell.start = !!startDate && nextStartDate.isSame(startDate, unit);
+          cell.end = !!nextEndDate && nextStartDate.isSame(nextEndDate, unit);
+        }
+        const isToday = nextStartDate.isSame(now, unit);
+        if (isToday) {
+          cell.type = "today";
+        }
+        setCellMetadata == null ? void 0 : setCellMetadata(cell, { rowIndex, columnIndex });
+        row[columnIndex + columnIndexOffset] = cell;
+      }
+      setRowMetadata == null ? void 0 : setRowMetadata(row);
+    }
+  };
+
   const basicCellProps = buildProps({
     cell: {
       type: definePropType(Object)
@@ -23119,20 +23190,24 @@
     }
   });
 
-  const _sfc_main$1o = vue.defineComponent({
-    components: {
-      ElDatePickerCell
-    },
+  const _hoisted_1$H = ["aria-label"];
+  const _hoisted_2$t = {
+    key: 0,
+    scope: "col"
+  };
+  const _hoisted_3$g = ["aria-label"];
+  const _hoisted_4$b = ["aria-current", "aria-selected", "tabindex"];
+  const _sfc_main$1o = /* @__PURE__ */ vue.defineComponent({
     props: basicDateTableProps,
     emits: ["changerange", "pick", "select"],
-    expose: ["focus"],
-    setup(props, ctx) {
+    setup(__props, { expose, emit }) {
+      const props = __props;
       const ns = useNamespace("date-table");
       const { t, lang } = useLocale();
       const tbodyRef = vue.ref();
       const currentCellRef = vue.ref();
-      const lastRow = vue.ref(null);
-      const lastColumn = vue.ref(null);
+      const lastRow = vue.ref();
+      const lastColumn = vue.ref();
       const tableRows = vue.ref([[], [], [], [], [], []]);
       const firstDayOfWeek = props.date.$locale().weekStart || 7;
       const WEEKS_CONSTANT = props.date.locale("en").localeData().weekdaysShort().map((_) => _.toLowerCase());
@@ -23151,92 +23226,102 @@
           return row.isCurrent;
         });
       });
-      const rows = vue.computed(() => {
-        var _a;
+      const days = vue.computed(() => {
         const startOfMonth = props.date.startOf("month");
         const startOfMonthDay = startOfMonth.day() || 7;
         const dateCountOfMonth = startOfMonth.daysInMonth();
         const dateCountOfLastMonth = startOfMonth.subtract(1, "month").daysInMonth();
+        return {
+          startOfMonthDay,
+          dateCountOfMonth,
+          dateCountOfLastMonth
+        };
+      });
+      const selectedDate = vue.computed(() => {
+        return props.selectionMode === "dates" ? castArray(props.parsedValue) : [];
+      });
+      const setDateText = (cell, {
+        count,
+        rowIndex,
+        columnIndex
+      }) => {
+        const { startOfMonthDay, dateCountOfMonth, dateCountOfLastMonth } = vue.unref(days);
+        const offset = vue.unref(offsetDay);
+        if (rowIndex >= 0 && rowIndex <= 1) {
+          const numberOfDaysFromPreviousMonth = startOfMonthDay + offset < 0 ? 7 + startOfMonthDay + offset : startOfMonthDay + offset;
+          if (columnIndex + rowIndex * 7 >= numberOfDaysFromPreviousMonth) {
+            cell.text = count;
+            return true;
+          } else {
+            cell.text = dateCountOfLastMonth - (numberOfDaysFromPreviousMonth - columnIndex % 7) + 1 + rowIndex * 7;
+            cell.type = "prev-month";
+          }
+        } else {
+          if (count <= dateCountOfMonth) {
+            cell.text = count;
+          } else {
+            cell.text = count - dateCountOfMonth;
+            cell.type = "next-month";
+          }
+          return true;
+        }
+        return false;
+      };
+      const setCellMetadata = (cell, {
+        columnIndex,
+        rowIndex
+      }, count) => {
+        const { disabledDate, cellClassName } = props;
+        const _selectedDate = vue.unref(selectedDate);
+        const shouldIncrement = setDateText(cell, { count, rowIndex, columnIndex });
+        const cellDate = cell.dayjs.toDate();
+        cell.selected = _selectedDate.find((d) => d.valueOf() === cell.dayjs.valueOf());
+        cell.isSelected = !!cell.selected;
+        cell.isCurrent = isCurrent(cell);
+        cell.disabled = disabledDate == null ? void 0 : disabledDate(cellDate);
+        cell.customClass = cellClassName == null ? void 0 : cellClassName(cellDate);
+        return shouldIncrement;
+      };
+      const setRowMetadata = (row) => {
+        if (props.selectionMode === "week") {
+          const [start, end] = props.showWeekNumber ? [1, 7] : [0, 6];
+          const isActive = isWeekActive(row[start + 1]);
+          row[start].inRange = isActive;
+          row[start].start = isActive;
+          row[end].inRange = isActive;
+          row[end].end = isActive;
+        }
+      };
+      const rows = vue.computed(() => {
+        const { minDate, maxDate, rangeState, showWeekNumber } = props;
         const offset = offsetDay.value;
         const rows_ = tableRows.value;
+        const dateUnit = "day";
         let count = 1;
-        const selectedDate = props.selectionMode === "dates" ? castArray(props.parsedValue) : [];
-        const calNow = dayjs().locale(lang.value).startOf("day");
-        for (let i = 0; i < 6; i++) {
-          const row = rows_[i];
-          if (props.showWeekNumber) {
-            if (!row[0]) {
-              row[0] = {
+        if (showWeekNumber) {
+          for (let rowIndex = 0; rowIndex < 6; rowIndex++) {
+            if (!rows_[rowIndex][0]) {
+              rows_[rowIndex][0] = {
                 type: "week",
-                text: startDate.value.add(i * 7 + 1, "day").week()
+                text: startDate.value.add(rowIndex * 7 + 1, dateUnit).week()
               };
             }
           }
-          for (let j = 0; j < 7; j++) {
-            let cell = row[props.showWeekNumber ? j + 1 : j];
-            if (!cell) {
-              cell = {
-                row: i,
-                column: j,
-                type: "normal",
-                inRange: false,
-                start: false,
-                end: false
-              };
-            }
-            const index = i * 7 + j;
-            const calTime = startDate.value.add(index - offset, "day");
-            cell.dayjs = calTime;
-            cell.date = calTime.toDate();
-            cell.timestamp = calTime.valueOf();
-            cell.type = "normal";
-            const calEndDate = props.rangeState.endDate || props.maxDate || props.rangeState.selecting && props.minDate;
-            cell.inRange = props.minDate && calTime.isSameOrAfter(props.minDate, "day") && calEndDate && calTime.isSameOrBefore(calEndDate, "day") || props.minDate && calTime.isSameOrBefore(props.minDate, "day") && calEndDate && calTime.isSameOrAfter(calEndDate, "day");
-            if ((_a = props.minDate) == null ? void 0 : _a.isSameOrAfter(calEndDate)) {
-              cell.start = calEndDate && calTime.isSame(calEndDate, "day");
-              cell.end = props.minDate && calTime.isSame(props.minDate, "day");
-            } else {
-              cell.start = props.minDate && calTime.isSame(props.minDate, "day");
-              cell.end = calEndDate && calTime.isSame(calEndDate, "day");
-            }
-            const isToday = calTime.isSame(calNow, "day");
-            if (isToday) {
-              cell.type = "today";
-            }
-            if (i >= 0 && i <= 1) {
-              const numberOfDaysFromPreviousMonth = startOfMonthDay + offset < 0 ? 7 + startOfMonthDay + offset : startOfMonthDay + offset;
-              if (j + i * 7 >= numberOfDaysFromPreviousMonth) {
-                cell.text = count++;
-              } else {
-                cell.text = dateCountOfLastMonth - (numberOfDaysFromPreviousMonth - j % 7) + 1 + i * 7;
-                cell.type = "prev-month";
-              }
-            } else {
-              if (count <= dateCountOfMonth) {
-                cell.text = count++;
-              } else {
-                cell.text = count++ - dateCountOfMonth;
-                cell.type = "next-month";
-              }
-            }
-            const cellDate = calTime.toDate();
-            cell.selected = selectedDate.find((_) => _.valueOf() === calTime.valueOf());
-            cell.isSelected = !!cell.selected;
-            cell.isCurrent = isCurrent(cell);
-            cell.disabled = props.disabledDate && props.disabledDate(cellDate);
-            cell.customClass = props.cellClassName && props.cellClassName(cellDate);
-            row[props.showWeekNumber ? j + 1 : j] = cell;
-          }
-          if (props.selectionMode === "week") {
-            const start = props.showWeekNumber ? 1 : 0;
-            const end = props.showWeekNumber ? 7 : 6;
-            const isActive = isWeekActive(row[start + 1]);
-            row[start].inRange = isActive;
-            row[start].start = isActive;
-            row[end].inRange = isActive;
-            row[end].end = isActive;
-          }
         }
+        buildPickerTable({ row: 6, column: 7 }, rows_, {
+          startDate: minDate,
+          columnIndexOffset: showWeekNumber ? 1 : 0,
+          nextEndDate: rangeState.endDate || maxDate || rangeState.selecting && minDate || null,
+          now: dayjs().locale(vue.unref(lang)).startOf(dateUnit),
+          unit: dateUnit,
+          relativeDateGetter: (idx) => startDate.value.add(idx - offset, dateUnit),
+          setCellMetadata: (...args) => {
+            if (setCellMetadata(...args, count)) {
+              count += 1;
+            }
+          },
+          setRowMetadata
+        });
         return rows_;
       });
       vue.watch(() => props.date, async () => {
@@ -23250,8 +23335,11 @@
         var _a;
         (_a = currentCellRef.value) == null ? void 0 : _a.focus();
       };
+      const isNormalDay = (type = "") => {
+        return ["normal", "today"].includes(type);
+      };
       const isCurrent = (cell) => {
-        return props.selectionMode === "date" && (cell.type === "normal" || cell.type === "today") && cellMatchesDate(cell, props.parsedValue);
+        return props.selectionMode === "date" && isNormalDay(cell.type) && cellMatchesDate(cell, props.parsedValue);
       };
       const cellMatchesDate = (cell, date) => {
         if (!date)
@@ -23260,7 +23348,7 @@
       };
       const getCellClasses = (cell) => {
         const classes = [];
-        if ((cell.type === "normal" || cell.type === "today") && !cell.disabled) {
+        if (isNormalDay(cell.type) && !cell.disabled) {
           classes.push("available");
           if (cell.type === "today") {
             classes.push("today");
@@ -23271,7 +23359,7 @@
         if (isCurrent(cell)) {
           classes.push("current");
         }
-        if (cell.inRange && (cell.type === "normal" || cell.type === "today" || props.selectionMode === "week")) {
+        if (cell.inRange && (isNormalDay(cell.type) || props.selectionMode === "week")) {
           classes.push("in-range");
           if (cell.start) {
             classes.push("start-date");
@@ -23296,11 +23384,12 @@
         return startDate.value.add(offsetFromStart, "day");
       };
       const handleMouseMove = (event) => {
+        var _a;
         if (!props.rangeState.selecting)
           return;
         let target = event.target;
         if (target.tagName === "SPAN") {
-          target = target.parentNode.parentNode;
+          target = (_a = target.parentNode) == null ? void 0 : _a.parentNode;
         }
         if (target.tagName === "DIV") {
           target = target.parentNode;
@@ -23314,7 +23403,7 @@
         if (row !== lastRow.value || column !== lastColumn.value) {
           lastRow.value = row;
           lastColumn.value = column;
-          ctx.emit("changerange", {
+          emit("changerange", {
             selecting: true,
             endDate: getDateOfCell(row, column)
           });
@@ -23329,8 +23418,7 @@
         }
       };
       const handlePickDate = (event, isKeyboardMovement = false) => {
-        let target = event.target;
-        target = target == null ? void 0 : target.closest("td");
+        const target = event.target.closest("td");
         if (!target || target.tagName !== "TD")
           return;
         const row = target.parentNode.rowIndex - 1;
@@ -23341,30 +23429,30 @@
         const newDate = getDateOfCell(row, column);
         if (props.selectionMode === "range") {
           if (!props.rangeState.selecting || !props.minDate) {
-            ctx.emit("pick", { minDate: newDate, maxDate: null });
-            ctx.emit("select", true);
+            emit("pick", { minDate: newDate, maxDate: null });
+            emit("select", true);
           } else {
             if (newDate >= props.minDate) {
-              ctx.emit("pick", { minDate: props.minDate, maxDate: newDate });
+              emit("pick", { minDate: props.minDate, maxDate: newDate });
             } else {
-              ctx.emit("pick", { minDate: newDate, maxDate: props.minDate });
+              emit("pick", { minDate: newDate, maxDate: props.minDate });
             }
-            ctx.emit("select", false);
+            emit("select", false);
           }
         } else if (props.selectionMode === "date") {
-          ctx.emit("pick", newDate, isKeyboardMovement);
+          emit("pick", newDate, isKeyboardMovement);
         } else if (props.selectionMode === "week") {
           const weekNumber = newDate.week();
           const value = `${newDate.year()}w${weekNumber}`;
-          ctx.emit("pick", {
+          emit("pick", {
             year: newDate.year(),
             week: weekNumber,
             value,
             date: newDate.startOf("week")
           });
         } else if (props.selectionMode === "dates") {
-          const newValue = cell.selected ? castArray(props.parsedValue).filter((_) => _.valueOf() !== newDate.valueOf()) : castArray(props.parsedValue).concat([newDate]);
-          ctx.emit("pick", newValue);
+          const newValue = cell.selected ? castArray(props.parsedValue).filter((d) => (d == null ? void 0 : d.valueOf()) !== newDate.valueOf()) : castArray(props.parsedValue).concat([newDate]);
+          emit("pick", newValue);
         }
       };
       const isWeekActive = (cell) => {
@@ -23385,79 +23473,62 @@
         }
         return false;
       };
-      return {
-        ns,
-        tbodyRef,
-        currentCellRef,
-        handleMouseMove,
-        t,
-        hasCurrent,
-        rows,
-        isSelectedCell,
-        isWeekActive,
-        getCellClasses,
-        WEEKS,
-        handleFocus,
-        handlePickDate,
+      expose({
         focus
-      };
-    }
-  });
-  const _hoisted_1$H = ["aria-label"];
-  const _hoisted_2$t = { ref: "tbodyRef" };
-  const _hoisted_3$g = {
-    key: 0,
-    scope: "col"
-  };
-  const _hoisted_4$b = ["aria-label"];
-  const _hoisted_5$7 = ["aria-current", "aria-selected", "tabindex"];
-  function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
-    const _component_el_date_picker_cell = vue.resolveComponent("el-date-picker-cell");
-    return vue.openBlock(), vue.createElementBlock("table", {
-      role: "grid",
-      "aria-label": _ctx.t("el.datepicker.dateTablePrompt"),
-      cellspacing: "0",
-      cellpadding: "0",
-      class: vue.normalizeClass([_ctx.ns.b(), { "is-week-mode": _ctx.selectionMode === "week" }]),
-      onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handlePickDate && _ctx.handlePickDate(...args)),
-      onMousemove: _cache[2] || (_cache[2] = (...args) => _ctx.handleMouseMove && _ctx.handleMouseMove(...args))
-    }, [
-      vue.createElementVNode("tbody", _hoisted_2$t, [
-        vue.createElementVNode("tr", null, [
-          _ctx.showWeekNumber ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_3$g, vue.toDisplayString(_ctx.t("el.datepicker.week")), 1)) : vue.createCommentVNode("v-if", true),
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.WEEKS, (week, key) => {
-            return vue.openBlock(), vue.createElementBlock("th", {
-              key,
-              scope: "col",
-              "aria-label": _ctx.t("el.datepicker.weeksFull." + week)
-            }, vue.toDisplayString(_ctx.t("el.datepicker.weeks." + week)), 9, _hoisted_4$b);
-          }), 128))
-        ]),
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.rows, (row, key) => {
-          return vue.openBlock(), vue.createElementBlock("tr", {
-            key,
-            class: vue.normalizeClass([_ctx.ns.e("row"), { current: _ctx.isWeekActive(row[1]) }])
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("table", {
+          role: "grid",
+          "aria-label": vue.unref(t)("el.datepicker.dateTablePrompt"),
+          cellspacing: "0",
+          cellpadding: "0",
+          class: vue.normalizeClass([vue.unref(ns).b(), { "is-week-mode": _ctx.selectionMode === "week" }]),
+          onClick: handlePickDate,
+          onMousemove: handleMouseMove
+        }, [
+          vue.createElementVNode("tbody", {
+            ref_key: "tbodyRef",
+            ref: tbodyRef
           }, [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(row, (cell, key_) => {
-              return vue.openBlock(), vue.createElementBlock("td", {
-                key: key_,
-                ref_for: true,
-                ref: (el) => _ctx.isSelectedCell(cell) && (_ctx.currentCellRef = el),
-                class: vue.normalizeClass(_ctx.getCellClasses(cell)),
-                "aria-current": cell.isCurrent ? "date" : void 0,
-                "aria-selected": `${cell.isCurrent}`,
-                tabindex: _ctx.isSelectedCell(cell) ? 0 : -1,
-                onFocus: _cache[0] || (_cache[0] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args))
+            vue.createElementVNode("tr", null, [
+              _ctx.showWeekNumber ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_2$t, vue.toDisplayString(vue.unref(t)("el.datepicker.week")), 1)) : vue.createCommentVNode("v-if", true),
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(WEEKS), (week, key) => {
+                return vue.openBlock(), vue.createElementBlock("th", {
+                  key,
+                  scope: "col",
+                  "aria-label": vue.unref(t)("el.datepicker.weeksFull." + week)
+                }, vue.toDisplayString(vue.unref(t)("el.datepicker.weeks." + week)), 9, _hoisted_3$g);
+              }), 128))
+            ]),
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(rows), (row, rowKey) => {
+              return vue.openBlock(), vue.createElementBlock("tr", {
+                key: rowKey,
+                class: vue.normalizeClass([vue.unref(ns).e("row"), { current: isWeekActive(row[1]) }])
               }, [
-                vue.createVNode(_component_el_date_picker_cell, { cell }, null, 8, ["cell"])
-              ], 42, _hoisted_5$7);
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(row, (cell, columnKey) => {
+                  return vue.openBlock(), vue.createElementBlock("td", {
+                    key: `${rowKey}.${columnKey}`,
+                    ref_for: true,
+                    ref: (el) => {
+                      isSelectedCell(cell) && (currentCellRef.value = el);
+                    },
+                    class: vue.normalizeClass(getCellClasses(cell)),
+                    "aria-current": cell.isCurrent ? "date" : void 0,
+                    "aria-selected": cell.isCurrent,
+                    tabindex: isSelectedCell(cell) ? 0 : -1,
+                    onFocus: handleFocus
+                  }, [
+                    vue.createVNode(vue.unref(ElDatePickerCell), { cell }, null, 8, ["cell"])
+                  ], 42, _hoisted_4$b);
+                }), 128))
+              ], 2);
             }), 128))
-          ], 2);
-        }), 128))
-      ], 512)
-    ], 42, _hoisted_1$H);
-  }
-  var DateTable = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["render", _sfc_render$E], ["__file", "basic-date-table.vue"]]);
+          ], 512)
+        ], 42, _hoisted_1$H);
+      };
+    }
+  });
+  var DateTable = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["__file", "basic-date-table.vue"]]);
 
   const basicMonthTableProps = buildProps({
     ...datePickerSharedProps,
@@ -25414,28 +25485,6 @@
       }
     }
   };
-  const isValidRange = (range) => {
-    if (!isArray(range))
-      return false;
-    const [left, right] = range;
-    return dayjs_min.exports.isDayjs(left) && dayjs_min.exports.isDayjs(right) && left.isSameOrBefore(right);
-  };
-  const getDefaultValue = (defaultValue, { lang, unit, unlinkPanels }) => {
-    let start;
-    if (isArray(defaultValue)) {
-      let [left, right] = defaultValue.map((d) => dayjs(d).locale(lang));
-      if (!unlinkPanels) {
-        right = left.add(1, unit);
-      }
-      return [left, right];
-    } else if (defaultValue) {
-      start = dayjs(defaultValue);
-    } else {
-      start = dayjs();
-    }
-    start = start.locale(lang);
-    return [start, start.add(1, unit)];
-  };
 
   dayjs.extend(localeData);
   dayjs.extend(advancedFormat);