@element-plus/nightly 0.0.20230831 → 0.0.20230915

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20230831 */
+/*! Element Plus v0.0.20230915 */
 
 import { getCurrentScope, onScopeDispose, unref, readonly, shallowRef, watchEffect, ref, watch, getCurrentInstance, onMounted, nextTick, computed as computed$1, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, onBeforeUnmount, isRef, inject, onUnmounted, h as h$1, Teleport, onBeforeMount, provide, defineComponent, renderSlot, normalizeClass, normalizeStyle, mergeProps, useSlots, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, toRef, reactive, toRefs, onUpdated, TransitionGroup, useAttrs as useAttrs$1, withModifiers, cloneVNode, Text as Text$1, onDeactivated, renderList, withKeys, createSlots, normalizeProps, toRaw as toRaw$1, vModelCheckbox, vModelRadio, resolveComponent, onBeforeUpdate, vModelText, toHandlers, guardReactiveProps, markRaw, effectScope, triggerRef, resolveDirective, createApp, shallowReactive, render } from 'vue';
 
@@ -704,6 +704,7 @@ const toTypeString = (value) => objectToString$1.call(value);
 const toRawType = (value) => {
   return toTypeString(value).slice(8, -1);
 };
+const isPlainObject$1 = (val) => toTypeString(val) === "[object Object]";
 const cacheStringFunction = (fn) => {
   const cache = /* @__PURE__ */ Object.create(null);
   return (str) => {
@@ -11242,7 +11243,7 @@ const ConfigProvider = defineComponent({
 
 const ElConfigProvider = withInstall(ConfigProvider);
 
-const version$1 = "0.0.20230831";
+const version$1 = "0.0.20230915";
 
 const makeInstaller = (components = []) => {
   const install = (app, options) => {
@@ -13510,6 +13511,10 @@ const inputProps = buildProps({
   inputStyle: {
     type: definePropType([Object, Array, String]),
     default: () => mutable({})
+  },
+  autofocus: {
+    type: Boolean,
+    default: false
   }
 });
 const inputEmits = {
@@ -13528,8 +13533,8 @@ const inputEmits = {
 };
 
 const _hoisted_1$11 = ["role"];
-const _hoisted_2$G = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form"];
-const _hoisted_3$m = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form"];
+const _hoisted_2$G = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form", "autofocus"];
+const _hoisted_3$l = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form", "autofocus"];
 const __default__$1x = defineComponent({
   name: "ElInput",
   inheritAttrs: false
@@ -13838,6 +13843,7 @@ const _sfc_main$2d = /* @__PURE__ */ defineComponent({
               placeholder: _ctx.placeholder,
               style: _ctx.inputStyle,
               form: props.form,
+              autofocus: props.autofocus,
               onCompositionstart: handleCompositionStart,
               onCompositionupdate: handleCompositionUpdate,
               onCompositionend: handleCompositionEnd,
@@ -13935,6 +13941,7 @@ const _sfc_main$2d = /* @__PURE__ */ defineComponent({
             "aria-label": _ctx.label,
             placeholder: _ctx.placeholder,
             form: props.form,
+            autofocus: props.autofocus,
             onCompositionstart: handleCompositionStart,
             onCompositionupdate: handleCompositionUpdate,
             onCompositionend: handleCompositionEnd,
@@ -13943,7 +13950,7 @@ const _sfc_main$2d = /* @__PURE__ */ defineComponent({
             onBlur: _cache[3] || (_cache[3] = (...args) => unref(handleBlur) && unref(handleBlur)(...args)),
             onChange: handleChange,
             onKeydown: handleKeydown
-          }), null, 16, _hoisted_3$m),
+          }), null, 16, _hoisted_3$l),
           unref(isWordLimitVisible) ? (openBlock(), createElementBlock("span", {
             key: 0,
             style: normalizeStyle(countStyle.value),
@@ -16038,7 +16045,7 @@ const autocompleteEmits = {
 
 const _hoisted_1$$ = ["aria-expanded", "aria-owns"];
 const _hoisted_2$E = { key: 0 };
-const _hoisted_3$l = ["id", "aria-selected", "onClick"];
+const _hoisted_3$k = ["id", "aria-selected", "onClick"];
 const COMPONENT_NAME$i = "ElAutocomplete";
 const __default__$1o = defineComponent({
   name: COMPONENT_NAME$i,
@@ -16304,7 +16311,7 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
                     renderSlot(_ctx.$slots, "default", { item }, () => [
                       createTextVNode(toDisplayString(item[_ctx.valueKey]), 1)
                     ])
-                  ], 10, _hoisted_3$l);
+                  ], 10, _hoisted_3$k);
                 }), 128))
               ]),
               _: 3
@@ -21613,7 +21620,7 @@ const useCheckbox = (props, slots) => {
 
 const _hoisted_1$T = ["tabindex", "role", "aria-checked"];
 const _hoisted_2$z = ["id", "aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"];
-const _hoisted_3$k = ["id", "aria-hidden", "disabled", "value", "name", "tabindex"];
+const _hoisted_3$j = ["id", "aria-hidden", "disabled", "value", "name", "tabindex"];
 const __default__$1a = defineComponent({
   name: "ElCheckbox"
 });
@@ -21703,7 +21710,7 @@ const _sfc_main$1M = /* @__PURE__ */ defineComponent({
               onBlur: _cache[8] || (_cache[8] = ($event) => isFocused.value = false),
               onClick: _cache[9] || (_cache[9] = withModifiers(() => {
               }, ["stop"]))
-            }, null, 42, _hoisted_3$k)), [
+            }, null, 42, _hoisted_3$j)), [
               [vModelCheckbox, unref(model)]
             ]),
             createElementVNode("span", {
@@ -23255,7 +23262,7 @@ const cascaderEmits = {
 
 const _hoisted_1$N = { key: 0 };
 const _hoisted_2$w = ["placeholder", "onKeydown"];
-const _hoisted_3$j = ["onClick"];
+const _hoisted_3$i = ["onClick"];
 const COMPONENT_NAME$e = "ElCascader";
 const __default__$13 = defineComponent({
   name: COMPONENT_NAME$e
@@ -23837,7 +23844,7 @@ const _sfc_main$1C = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })) : createCommentVNode("v-if", true)
-                ], 10, _hoisted_3$j);
+                ], 10, _hoisted_3$i);
               }), 128)) : renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
                 createElementVNode("li", {
                   class: normalizeClass(unref(nsCascader).e("empty-text"))
@@ -24153,9 +24160,7 @@ const _sfc_main$1y = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(rootKls)),
-        role: "tablist",
-        "aria-multiselectable": "true"
+        class: normalizeClass(unref(rootKls))
       }, [
         renderSlot(_ctx.$slots, "default")
       ], 2);
@@ -24325,9 +24330,8 @@ const useCollapseItemDOM = (props, { focusing, isActive, id }) => {
   };
 };
 
-const _hoisted_1$M = ["aria-expanded", "aria-controls", "aria-describedby"];
-const _hoisted_2$v = ["id", "tabindex"];
-const _hoisted_3$i = ["id", "aria-hidden", "aria-labelledby"];
+const _hoisted_1$M = ["id", "aria-expanded", "aria-controls", "aria-describedby", "tabindex"];
+const _hoisted_2$v = ["id", "aria-hidden", "aria-labelledby"];
 const __default__$Z = defineComponent({
   name: "ElCollapseItem"
 });
@@ -24360,41 +24364,36 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(unref(rootKls))
       }, [
-        createElementVNode("div", {
-          role: "tab",
+        createElementVNode("button", {
+          id: unref(scopedHeadId),
+          class: normalizeClass(unref(headKls)),
           "aria-expanded": unref(isActive),
           "aria-controls": unref(scopedContentId),
-          "aria-describedby": unref(scopedContentId)
+          "aria-describedby": unref(scopedContentId),
+          tabindex: _ctx.disabled ? -1 : 0,
+          onClick: _cache[0] || (_cache[0] = (...args) => unref(handleHeaderClick) && unref(handleHeaderClick)(...args)),
+          onKeydown: _cache[1] || (_cache[1] = withKeys(withModifiers((...args) => unref(handleEnterClick) && unref(handleEnterClick)(...args), ["stop", "prevent"]), ["space", "enter"])),
+          onFocus: _cache[2] || (_cache[2] = (...args) => unref(handleFocus) && unref(handleFocus)(...args)),
+          onBlur: _cache[3] || (_cache[3] = ($event) => focusing.value = false)
         }, [
-          createElementVNode("div", {
-            id: unref(scopedHeadId),
-            class: normalizeClass(unref(headKls)),
-            role: "button",
-            tabindex: _ctx.disabled ? -1 : 0,
-            onClick: _cache[0] || (_cache[0] = (...args) => unref(handleHeaderClick) && unref(handleHeaderClick)(...args)),
-            onKeydown: _cache[1] || (_cache[1] = withKeys(withModifiers((...args) => unref(handleEnterClick) && unref(handleEnterClick)(...args), ["self", "stop", "prevent"]), ["space", "enter"])),
-            onFocus: _cache[2] || (_cache[2] = (...args) => unref(handleFocus) && unref(handleFocus)(...args)),
-            onBlur: _cache[3] || (_cache[3] = ($event) => focusing.value = false)
-          }, [
-            renderSlot(_ctx.$slots, "title", {}, () => [
-              createTextVNode(toDisplayString(_ctx.title), 1)
+          renderSlot(_ctx.$slots, "title", {}, () => [
+            createTextVNode(toDisplayString(_ctx.title), 1)
+          ]),
+          createVNode(unref(ElIcon), {
+            class: normalizeClass(unref(arrowKls))
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(arrow_right_default))
             ]),
-            createVNode(unref(ElIcon), {
-              class: normalizeClass(unref(arrowKls))
-            }, {
-              default: withCtx(() => [
-                createVNode(unref(arrow_right_default))
-              ]),
-              _: 1
-            }, 8, ["class"])
-          ], 42, _hoisted_2$v)
-        ], 8, _hoisted_1$M),
+            _: 1
+          }, 8, ["class"])
+        ], 42, _hoisted_1$M),
         createVNode(unref(_CollapseTransition), null, {
           default: withCtx(() => [
             withDirectives(createElementVNode("div", {
               id: unref(scopedContentId),
+              role: "region",
               class: normalizeClass(unref(itemWrapperKls)),
-              role: "tabpanel",
               "aria-hidden": !unref(isActive),
               "aria-labelledby": unref(scopedHeadId)
             }, [
@@ -24403,7 +24402,7 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
               }, [
                 renderSlot(_ctx.$slots, "default")
               ], 2)
-            ], 10, _hoisted_3$i), [
+            ], 10, _hoisted_2$v), [
               [vShow, unref(isActive)]
             ])
           ]),
@@ -25515,15 +25514,16 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
                   }, 8, ["class"]), [
                     [vShow, _ctx.modelValue || showPanelColor.value]
                   ]),
-                  !_ctx.modelValue && !showPanelColor.value ? (openBlock(), createBlock(unref(ElIcon), {
-                    key: 0,
+                  withDirectives(createVNode(unref(ElIcon), {
                     class: normalizeClass([unref(ns).be("picker", "empty"), unref(ns).is("icon-close")])
                   }, {
                     default: withCtx(() => [
                       createVNode(unref(close_default))
                     ]),
                     _: 1
-                  }, 8, ["class"])) : createCommentVNode("v-if", true)
+                  }, 8, ["class"]), [
+                    [vShow, !_ctx.modelValue && !showPanelColor.value]
+                  ])
                 ], 6)
               ], 2)
             ], 2)
@@ -25917,6 +25917,7 @@ const basicDateTableProps = buildProps({
   showWeekNumber: Boolean,
   selectionMode: selectionModeWithDefault("date")
 });
+const basicDateTableEmits = ["changerange", "pick", "select"];
 
 const isValidRange = (range) => {
   if (!isArray$1(range))
@@ -25989,6 +25990,343 @@ const buildPickerTable = (dimension, rows, {
   }
 };
 
+const isNormalDay = (type = "") => {
+  return ["normal", "today"].includes(type);
+};
+const useBasicDateTable = (props, emit) => {
+  const { lang } = useLocale();
+  const tbodyRef = ref();
+  const currentCellRef = ref();
+  const lastRow = ref();
+  const lastColumn = ref();
+  const tableRows = ref([[], [], [], [], [], []]);
+  let focusWithClick = false;
+  const firstDayOfWeek = props.date.$locale().weekStart || 7;
+  const WEEKS_CONSTANT = props.date.locale("en").localeData().weekdaysShort().map((_) => _.toLowerCase());
+  const offsetDay = computed$1(() => {
+    return firstDayOfWeek > 3 ? 7 - firstDayOfWeek : -firstDayOfWeek;
+  });
+  const startDate = computed$1(() => {
+    const startDayOfMonth = props.date.startOf("month");
+    return startDayOfMonth.subtract(startDayOfMonth.day() || 7, "day");
+  });
+  const WEEKS = computed$1(() => {
+    return WEEKS_CONSTANT.concat(WEEKS_CONSTANT).slice(firstDayOfWeek, firstDayOfWeek + 7);
+  });
+  const hasCurrent = computed$1(() => {
+    return flatten(unref(rows)).some((row) => {
+      return row.isCurrent;
+    });
+  });
+  const days = computed$1(() => {
+    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 = computed$1(() => {
+    return props.selectionMode === "dates" ? castArray(props.parsedValue) : [];
+  });
+  const setDateText = (cell, { count, rowIndex, columnIndex }) => {
+    const { startOfMonthDay, dateCountOfMonth, dateCountOfLastMonth } = unref(days);
+    const offset = 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 = 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 = computed$1(() => {
+    const { minDate, maxDate, rangeState, showWeekNumber } = props;
+    const offset = unref(offsetDay);
+    const rows_ = unref(tableRows);
+    const dateUnit = "day";
+    let count = 1;
+    if (showWeekNumber) {
+      for (let rowIndex = 0; rowIndex < 6; rowIndex++) {
+        if (!rows_[rowIndex][0]) {
+          rows_[rowIndex][0] = {
+            type: "week",
+            text: unref(startDate).add(rowIndex * 7 + 1, dateUnit).week()
+          };
+        }
+      }
+    }
+    buildPickerTable({ row: 6, column: 7 }, rows_, {
+      startDate: minDate,
+      columnIndexOffset: showWeekNumber ? 1 : 0,
+      nextEndDate: rangeState.endDate || maxDate || rangeState.selecting && minDate || null,
+      now: dayjs().locale(unref(lang)).startOf(dateUnit),
+      unit: dateUnit,
+      relativeDateGetter: (idx) => unref(startDate).add(idx - offset, dateUnit),
+      setCellMetadata: (...args) => {
+        if (setCellMetadata(...args, count)) {
+          count += 1;
+        }
+      },
+      setRowMetadata
+    });
+    return rows_;
+  });
+  watch(() => props.date, async () => {
+    var _a;
+    if ((_a = unref(tbodyRef)) == null ? void 0 : _a.contains(document.activeElement)) {
+      await nextTick();
+      await focus();
+    }
+  });
+  const focus = async () => {
+    var _a;
+    return (_a = unref(currentCellRef)) == null ? void 0 : _a.focus();
+  };
+  const isCurrent = (cell) => {
+    return props.selectionMode === "date" && isNormalDay(cell.type) && cellMatchesDate(cell, props.parsedValue);
+  };
+  const cellMatchesDate = (cell, date) => {
+    if (!date)
+      return false;
+    return dayjs(date).locale(unref(lang)).isSame(props.date.date(Number(cell.text)), "day");
+  };
+  const getDateOfCell = (row, column) => {
+    const offsetFromStart = row * 7 + (column - (props.showWeekNumber ? 1 : 0)) - unref(offsetDay);
+    return unref(startDate).add(offsetFromStart, "day");
+  };
+  const handleMouseMove = (event) => {
+    var _a;
+    if (!props.rangeState.selecting)
+      return;
+    let target = event.target;
+    if (target.tagName === "SPAN") {
+      target = (_a = target.parentNode) == null ? void 0 : _a.parentNode;
+    }
+    if (target.tagName === "DIV") {
+      target = target.parentNode;
+    }
+    if (target.tagName !== "TD")
+      return;
+    const row = target.parentNode.rowIndex - 1;
+    const column = target.cellIndex;
+    if (unref(rows)[row][column].disabled)
+      return;
+    if (row !== unref(lastRow) || column !== unref(lastColumn)) {
+      lastRow.value = row;
+      lastColumn.value = column;
+      emit("changerange", {
+        selecting: true,
+        endDate: getDateOfCell(row, column)
+      });
+    }
+  };
+  const isSelectedCell = (cell) => {
+    return !unref(hasCurrent) && (cell == null ? void 0 : cell.text) === 1 && cell.type === "normal" || cell.isCurrent;
+  };
+  const handleFocus = (event) => {
+    if (focusWithClick || unref(hasCurrent) || props.selectionMode !== "date")
+      return;
+    handlePickDate(event, true);
+  };
+  const handleMouseDown = (event) => {
+    const target = event.target.closest("td");
+    if (!target)
+      return;
+    focusWithClick = true;
+  };
+  const handleMouseUp = (event) => {
+    const target = event.target.closest("td");
+    if (!target)
+      return;
+    focusWithClick = false;
+  };
+  const handleRangePick = (newDate) => {
+    if (!props.rangeState.selecting || !props.minDate) {
+      emit("pick", { minDate: newDate, maxDate: null });
+      emit("select", true);
+    } else {
+      if (newDate >= props.minDate) {
+        emit("pick", { minDate: props.minDate, maxDate: newDate });
+      } else {
+        emit("pick", { minDate: newDate, maxDate: props.minDate });
+      }
+      emit("select", false);
+    }
+  };
+  const handleWeekPick = (newDate) => {
+    const weekNumber = newDate.week();
+    const value = `${newDate.year()}w${weekNumber}`;
+    emit("pick", {
+      year: newDate.year(),
+      week: weekNumber,
+      value,
+      date: newDate.startOf("week")
+    });
+  };
+  const handleDatesPick = (newDate, selected) => {
+    const newValue = selected ? castArray(props.parsedValue).filter((d) => (d == null ? void 0 : d.valueOf()) !== newDate.valueOf()) : castArray(props.parsedValue).concat([newDate]);
+    emit("pick", newValue);
+  };
+  const handlePickDate = (event, isKeyboardMovement = false) => {
+    const target = event.target.closest("td");
+    if (!target)
+      return;
+    const row = target.parentNode.rowIndex - 1;
+    const column = target.cellIndex;
+    const cell = unref(rows)[row][column];
+    if (cell.disabled || cell.type === "week")
+      return;
+    const newDate = getDateOfCell(row, column);
+    switch (props.selectionMode) {
+      case "range": {
+        handleRangePick(newDate);
+        break;
+      }
+      case "date": {
+        emit("pick", newDate, isKeyboardMovement);
+        break;
+      }
+      case "week": {
+        handleWeekPick(newDate);
+        break;
+      }
+      case "dates": {
+        handleDatesPick(newDate, !!cell.selected);
+        break;
+      }
+    }
+  };
+  const isWeekActive = (cell) => {
+    if (props.selectionMode !== "week")
+      return false;
+    let newDate = props.date.startOf("day");
+    if (cell.type === "prev-month") {
+      newDate = newDate.subtract(1, "month");
+    }
+    if (cell.type === "next-month") {
+      newDate = newDate.add(1, "month");
+    }
+    newDate = newDate.date(Number.parseInt(cell.text, 10));
+    if (props.parsedValue && !Array.isArray(props.parsedValue)) {
+      const dayOffset = (props.parsedValue.day() - firstDayOfWeek + 7) % 7 - 1;
+      const weekDate = props.parsedValue.subtract(dayOffset, "day");
+      return weekDate.isSame(newDate, "day");
+    }
+    return false;
+  };
+  return {
+    WEEKS,
+    rows,
+    tbodyRef,
+    currentCellRef,
+    focus,
+    isCurrent,
+    isWeekActive,
+    isSelectedCell,
+    handlePickDate,
+    handleMouseUp,
+    handleMouseDown,
+    handleMouseMove,
+    handleFocus
+  };
+};
+const useBasicDateTableDOM = (props, {
+  isCurrent,
+  isWeekActive
+}) => {
+  const ns = useNamespace("date-table");
+  const { t } = useLocale();
+  const tableKls = computed$1(() => [
+    ns.b(),
+    { "is-week-mode": props.selectionMode === "week" }
+  ]);
+  const tableLabel = computed$1(() => t("el.datepicker.dateTablePrompt"));
+  const weekLabel = computed$1(() => t("el.datepicker.week"));
+  const getCellClasses = (cell) => {
+    const classes = [];
+    if (isNormalDay(cell.type) && !cell.disabled) {
+      classes.push("available");
+      if (cell.type === "today") {
+        classes.push("today");
+      }
+    } else {
+      classes.push(cell.type);
+    }
+    if (isCurrent(cell)) {
+      classes.push("current");
+    }
+    if (cell.inRange && (isNormalDay(cell.type) || props.selectionMode === "week")) {
+      classes.push("in-range");
+      if (cell.start) {
+        classes.push("start-date");
+      }
+      if (cell.end) {
+        classes.push("end-date");
+      }
+    }
+    if (cell.disabled) {
+      classes.push("disabled");
+    }
+    if (cell.selected) {
+      classes.push("selected");
+    }
+    if (cell.customClass) {
+      classes.push(cell.customClass);
+    }
+    return classes.join(" ");
+  };
+  const getRowKls = (cell) => [
+    ns.e("row"),
+    { current: isWeekActive(cell) }
+  ];
+  return {
+    tableKls,
+    tableLabel,
+    weekLabel,
+    getCellClasses,
+    getRowKls,
+    t
+  };
+};
+
 const basicCellProps = buildProps({
   cell: {
     type: definePropType(Object)
@@ -26024,7 +26362,7 @@ var ElDatePickerCell = defineComponent({
   }
 });
 
-const _hoisted_1$I = ["aria-label", "onMousedown"];
+const _hoisted_1$I = ["aria-label"];
 const _hoisted_2$t = {
   key: 0,
   scope: "col"
@@ -26034,337 +26372,72 @@ const _hoisted_4$b = ["aria-current", "aria-selected", "tabindex"];
 const _sfc_main$1l = /* @__PURE__ */ defineComponent({
   __name: "basic-date-table",
   props: basicDateTableProps,
-  emits: ["changerange", "pick", "select"],
+  emits: basicDateTableEmits,
   setup(__props, { expose, emit }) {
     const props = __props;
-    const ns = useNamespace("date-table");
-    const { t, lang } = useLocale();
-    const tbodyRef = ref();
-    const currentCellRef = ref();
-    const lastRow = ref();
-    const lastColumn = ref();
-    const tableRows = ref([[], [], [], [], [], []]);
-    let focusWithClick = false;
-    const firstDayOfWeek = props.date.$locale().weekStart || 7;
-    const WEEKS_CONSTANT = props.date.locale("en").localeData().weekdaysShort().map((_) => _.toLowerCase());
-    const offsetDay = computed$1(() => {
-      return firstDayOfWeek > 3 ? 7 - firstDayOfWeek : -firstDayOfWeek;
-    });
-    const startDate = computed$1(() => {
-      const startDayOfMonth = props.date.startOf("month");
-      return startDayOfMonth.subtract(startDayOfMonth.day() || 7, "day");
-    });
-    const WEEKS = computed$1(() => {
-      return WEEKS_CONSTANT.concat(WEEKS_CONSTANT).slice(firstDayOfWeek, firstDayOfWeek + 7);
-    });
-    const hasCurrent = computed$1(() => {
-      return flatten(rows.value).some((row) => {
-        return row.isCurrent;
-      });
-    });
-    const days = computed$1(() => {
-      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 = computed$1(() => {
-      return props.selectionMode === "dates" ? castArray(props.parsedValue) : [];
-    });
-    const setDateText = (cell, {
-      count,
-      rowIndex,
-      columnIndex
-    }) => {
-      const { startOfMonthDay, dateCountOfMonth, dateCountOfLastMonth } = unref(days);
-      const offset = 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 = 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 = computed$1(() => {
-      const { minDate, maxDate, rangeState, showWeekNumber } = props;
-      const offset = offsetDay.value;
-      const rows_ = tableRows.value;
-      const dateUnit = "day";
-      let count = 1;
-      if (showWeekNumber) {
-        for (let rowIndex = 0; rowIndex < 6; rowIndex++) {
-          if (!rows_[rowIndex][0]) {
-            rows_[rowIndex][0] = {
-              type: "week",
-              text: startDate.value.add(rowIndex * 7 + 1, dateUnit).week()
-            };
-          }
-        }
-      }
-      buildPickerTable({ row: 6, column: 7 }, rows_, {
-        startDate: minDate,
-        columnIndexOffset: showWeekNumber ? 1 : 0,
-        nextEndDate: rangeState.endDate || maxDate || rangeState.selecting && minDate || null,
-        now: dayjs().locale(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_;
-    });
-    watch(() => props.date, async () => {
-      var _a, _b;
-      if ((_a = tbodyRef.value) == null ? void 0 : _a.contains(document.activeElement)) {
-        await nextTick();
-        (_b = currentCellRef.value) == null ? void 0 : _b.focus();
-      }
+    const {
+      WEEKS,
+      rows,
+      tbodyRef,
+      currentCellRef,
+      focus,
+      isCurrent,
+      isWeekActive,
+      isSelectedCell,
+      handlePickDate,
+      handleMouseUp,
+      handleMouseDown,
+      handleMouseMove,
+      handleFocus
+    } = useBasicDateTable(props, emit);
+    const { tableLabel, tableKls, weekLabel, getCellClasses, getRowKls, t } = useBasicDateTableDOM(props, {
+      isCurrent,
+      isWeekActive
     });
-    const focus = async () => {
-      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" && isNormalDay(cell.type) && cellMatchesDate(cell, props.parsedValue);
-    };
-    const cellMatchesDate = (cell, date) => {
-      if (!date)
-        return false;
-      return dayjs(date).locale(lang.value).isSame(props.date.date(Number(cell.text)), "day");
-    };
-    const getCellClasses = (cell) => {
-      const classes = [];
-      if (isNormalDay(cell.type) && !cell.disabled) {
-        classes.push("available");
-        if (cell.type === "today") {
-          classes.push("today");
-        }
-      } else {
-        classes.push(cell.type);
-      }
-      if (isCurrent(cell)) {
-        classes.push("current");
-      }
-      if (cell.inRange && (isNormalDay(cell.type) || props.selectionMode === "week")) {
-        classes.push("in-range");
-        if (cell.start) {
-          classes.push("start-date");
-        }
-        if (cell.end) {
-          classes.push("end-date");
-        }
-      }
-      if (cell.disabled) {
-        classes.push("disabled");
-      }
-      if (cell.selected) {
-        classes.push("selected");
-      }
-      if (cell.customClass) {
-        classes.push(cell.customClass);
-      }
-      return classes.join(" ");
-    };
-    const getDateOfCell = (row, column) => {
-      const offsetFromStart = row * 7 + (column - (props.showWeekNumber ? 1 : 0)) - offsetDay.value;
-      return startDate.value.add(offsetFromStart, "day");
-    };
-    const handleMouseMove = (event) => {
-      var _a;
-      if (!props.rangeState.selecting)
-        return;
-      let target = event.target;
-      if (target.tagName === "SPAN") {
-        target = (_a = target.parentNode) == null ? void 0 : _a.parentNode;
-      }
-      if (target.tagName === "DIV") {
-        target = target.parentNode;
-      }
-      if (target.tagName !== "TD")
-        return;
-      const row = target.parentNode.rowIndex - 1;
-      const column = target.cellIndex;
-      if (rows.value[row][column].disabled)
-        return;
-      if (row !== lastRow.value || column !== lastColumn.value) {
-        lastRow.value = row;
-        lastColumn.value = column;
-        emit("changerange", {
-          selecting: true,
-          endDate: getDateOfCell(row, column)
-        });
-      }
-    };
-    const isSelectedCell = (cell) => {
-      return !hasCurrent.value && (cell == null ? void 0 : cell.text) === 1 && cell.type === "normal" || cell.isCurrent;
-    };
-    const handleFocus = (event) => {
-      if (focusWithClick || hasCurrent.value || props.selectionMode !== "date")
-        return;
-      handlePickDate(event, true);
-    };
-    const handleMouseDown = (event) => {
-      const target = event.target.closest("td");
-      if (!target)
-        return;
-      focusWithClick = true;
-    };
-    const handleMouseUp = (event) => {
-      const target = event.target.closest("td");
-      if (!target)
-        return;
-      focusWithClick = false;
-    };
-    const handlePickDate = (event, isKeyboardMovement = false) => {
-      const target = event.target.closest("td");
-      if (!target)
-        return;
-      const row = target.parentNode.rowIndex - 1;
-      const column = target.cellIndex;
-      const cell = rows.value[row][column];
-      if (cell.disabled || cell.type === "week")
-        return;
-      const newDate = getDateOfCell(row, column);
-      if (props.selectionMode === "range") {
-        if (!props.rangeState.selecting || !props.minDate) {
-          emit("pick", { minDate: newDate, maxDate: null });
-          emit("select", true);
-        } else {
-          if (newDate >= props.minDate) {
-            emit("pick", { minDate: props.minDate, maxDate: newDate });
-          } else {
-            emit("pick", { minDate: newDate, maxDate: props.minDate });
-          }
-          emit("select", false);
-        }
-      } else if (props.selectionMode === "date") {
-        emit("pick", newDate, isKeyboardMovement);
-      } else if (props.selectionMode === "week") {
-        const weekNumber = newDate.week();
-        const value = `${newDate.year()}w${weekNumber}`;
-        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((d) => (d == null ? void 0 : d.valueOf()) !== newDate.valueOf()) : castArray(props.parsedValue).concat([newDate]);
-        emit("pick", newValue);
-      }
-    };
-    const isWeekActive = (cell) => {
-      if (props.selectionMode !== "week")
-        return false;
-      let newDate = props.date.startOf("day");
-      if (cell.type === "prev-month") {
-        newDate = newDate.subtract(1, "month");
-      }
-      if (cell.type === "next-month") {
-        newDate = newDate.add(1, "month");
-      }
-      newDate = newDate.date(Number.parseInt(cell.text, 10));
-      if (props.parsedValue && !Array.isArray(props.parsedValue)) {
-        const dayOffset = (props.parsedValue.day() - firstDayOfWeek + 7) % 7 - 1;
-        const weekDate = props.parsedValue.subtract(dayOffset, "day");
-        return weekDate.isSame(newDate, "day");
-      }
-      return false;
-    };
     expose({
       focus
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("table", {
-        role: "grid",
-        "aria-label": unref(t)("el.datepicker.dateTablePrompt"),
+        "aria-label": unref(tableLabel),
+        class: normalizeClass(unref(tableKls)),
         cellspacing: "0",
         cellpadding: "0",
-        class: normalizeClass([unref(ns).b(), { "is-week-mode": _ctx.selectionMode === "week" }]),
-        onClick: handlePickDate,
-        onMousemove: handleMouseMove,
-        onMousedown: withModifiers(handleMouseDown, ["prevent"]),
-        onMouseup: handleMouseUp
+        role: "grid",
+        onClick: _cache[1] || (_cache[1] = (...args) => unref(handlePickDate) && unref(handlePickDate)(...args)),
+        onMousemove: _cache[2] || (_cache[2] = (...args) => unref(handleMouseMove) && unref(handleMouseMove)(...args)),
+        onMousedown: _cache[3] || (_cache[3] = withModifiers((...args) => unref(handleMouseDown) && unref(handleMouseDown)(...args), ["prevent"])),
+        onMouseup: _cache[4] || (_cache[4] = (...args) => unref(handleMouseUp) && unref(handleMouseUp)(...args))
       }, [
         createElementVNode("tbody", {
           ref_key: "tbodyRef",
           ref: tbodyRef
         }, [
           createElementVNode("tr", null, [
-            _ctx.showWeekNumber ? (openBlock(), createElementBlock("th", _hoisted_2$t, toDisplayString(unref(t)("el.datepicker.week")), 1)) : createCommentVNode("v-if", true),
+            _ctx.showWeekNumber ? (openBlock(), createElementBlock("th", _hoisted_2$t, toDisplayString(unref(weekLabel)), 1)) : createCommentVNode("v-if", true),
             (openBlock(true), createElementBlock(Fragment, null, renderList(unref(WEEKS), (week, key) => {
               return openBlock(), createElementBlock("th", {
                 key,
-                scope: "col",
-                "aria-label": unref(t)("el.datepicker.weeksFull." + week)
+                "aria-label": unref(t)("el.datepicker.weeksFull." + week),
+                scope: "col"
               }, toDisplayString(unref(t)("el.datepicker.weeks." + week)), 9, _hoisted_3$h);
             }), 128))
           ]),
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(rows), (row, rowKey) => {
             return openBlock(), createElementBlock("tr", {
               key: rowKey,
-              class: normalizeClass([unref(ns).e("row"), { current: isWeekActive(row[1]) }])
+              class: normalizeClass(unref(getRowKls)(row[1]))
             }, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(row, (cell, columnKey) => {
                 return openBlock(), createElementBlock("td", {
                   key: `${rowKey}.${columnKey}`,
                   ref_for: true,
-                  ref: (el) => isSelectedCell(cell) && (currentCellRef.value = el),
-                  class: normalizeClass(getCellClasses(cell)),
+                  ref: (el) => unref(isSelectedCell)(cell) && (currentCellRef.value = el),
+                  class: normalizeClass(unref(getCellClasses)(cell)),
                   "aria-current": cell.isCurrent ? "date" : void 0,
                   "aria-selected": cell.isCurrent,
-                  tabindex: isSelectedCell(cell) ? 0 : -1,
-                  onFocus: handleFocus
+                  tabindex: unref(isSelectedCell)(cell) ? 0 : -1,
+                  onFocus: _cache[0] || (_cache[0] = (...args) => unref(handleFocus) && unref(handleFocus)(...args))
                 }, [
                   createVNode(unref(ElDatePickerCell), { cell }, null, 8, ["cell"])
                 ], 42, _hoisted_4$b);
@@ -27438,10 +27511,14 @@ const useRangePicker = (props, {
 };
 
 const _hoisted_1$E = ["onClick"];
-const _hoisted_2$p = ["disabled"];
-const _hoisted_3$d = ["disabled"];
-const _hoisted_4$8 = ["disabled"];
-const _hoisted_5$6 = ["disabled"];
+const _hoisted_2$p = ["aria-label"];
+const _hoisted_3$d = ["aria-label"];
+const _hoisted_4$8 = ["disabled", "aria-label"];
+const _hoisted_5$6 = ["disabled", "aria-label"];
+const _hoisted_6$3 = ["disabled", "aria-label"];
+const _hoisted_7$1 = ["disabled", "aria-label"];
+const _hoisted_8$1 = ["aria-label"];
+const _hoisted_9$1 = ["aria-label"];
 const unit$1 = "month";
 const _sfc_main$1h = /* @__PURE__ */ defineComponent({
   __name: "panel-date-range",
@@ -27898,6 +27975,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
                 createElementVNode("button", {
                   type: "button",
                   class: normalizeClass([unref(ppNs).e("icon-btn"), "d-arrow-left"]),
+                  "aria-label": unref(t)(`el.datepicker.prevYear`),
                   onClick: leftPrevYear
                 }, [
                   createVNode(unref(ElIcon), null, {
@@ -27906,10 +27984,11 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })
-                ], 2),
+                ], 10, _hoisted_2$p),
                 createElementVNode("button", {
                   type: "button",
                   class: normalizeClass([unref(ppNs).e("icon-btn"), "arrow-left"]),
+                  "aria-label": unref(t)(`el.datepicker.prevMonth`),
                   onClick: leftPrevMonth
                 }, [
                   createVNode(unref(ElIcon), null, {
@@ -27918,12 +27997,13 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })
-                ], 2),
+                ], 10, _hoisted_3$d),
                 _ctx.unlinkPanels ? (openBlock(), createElementBlock("button", {
                   key: 0,
                   type: "button",
                   disabled: !unref(enableYearArrow),
                   class: normalizeClass([[unref(ppNs).e("icon-btn"), { "is-disabled": !unref(enableYearArrow) }], "d-arrow-right"]),
+                  "aria-label": unref(t)(`el.datepicker.nextYear`),
                   onClick: leftNextYear
                 }, [
                   createVNode(unref(ElIcon), null, {
@@ -27932,7 +28012,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })
-                ], 10, _hoisted_2$p)) : createCommentVNode("v-if", true),
+                ], 10, _hoisted_4$8)) : createCommentVNode("v-if", true),
                 _ctx.unlinkPanels ? (openBlock(), createElementBlock("button", {
                   key: 1,
                   type: "button",
@@ -27941,6 +28021,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
                     unref(ppNs).e("icon-btn"),
                     { "is-disabled": !unref(enableMonthArrow) }
                   ], "arrow-right"]),
+                  "aria-label": unref(t)(`el.datepicker.nextMonth`),
                   onClick: leftNextMonth
                 }, [
                   createVNode(unref(ElIcon), null, {
@@ -27949,7 +28030,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })
-                ], 10, _hoisted_3$d)) : createCommentVNode("v-if", true),
+                ], 10, _hoisted_5$6)) : createCommentVNode("v-if", true),
                 createElementVNode("div", null, toDisplayString(unref(leftLabel)), 1)
               ], 2),
               createVNode(DateTable, {
@@ -27976,6 +28057,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
                   type: "button",
                   disabled: !unref(enableYearArrow),
                   class: normalizeClass([[unref(ppNs).e("icon-btn"), { "is-disabled": !unref(enableYearArrow) }], "d-arrow-left"]),
+                  "aria-label": unref(t)(`el.datepicker.prevYear`),
                   onClick: rightPrevYear
                 }, [
                   createVNode(unref(ElIcon), null, {
@@ -27984,7 +28066,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })
-                ], 10, _hoisted_4$8)) : createCommentVNode("v-if", true),
+                ], 10, _hoisted_6$3)) : createCommentVNode("v-if", true),
                 _ctx.unlinkPanels ? (openBlock(), createElementBlock("button", {
                   key: 1,
                   type: "button",
@@ -27993,6 +28075,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
                     unref(ppNs).e("icon-btn"),
                     { "is-disabled": !unref(enableMonthArrow) }
                   ], "arrow-left"]),
+                  "aria-label": unref(t)(`el.datepicker.prevMonth`),
                   onClick: rightPrevMonth
                 }, [
                   createVNode(unref(ElIcon), null, {
@@ -28001,9 +28084,10 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })
-                ], 10, _hoisted_5$6)) : createCommentVNode("v-if", true),
+                ], 10, _hoisted_7$1)) : createCommentVNode("v-if", true),
                 createElementVNode("button", {
                   type: "button",
+                  "aria-label": unref(t)(`el.datepicker.nextYear`),
                   class: normalizeClass([unref(ppNs).e("icon-btn"), "d-arrow-right"]),
                   onClick: rightNextYear
                 }, [
@@ -28013,10 +28097,11 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })
-                ], 2),
+                ], 10, _hoisted_8$1),
                 createElementVNode("button", {
                   type: "button",
                   class: normalizeClass([unref(ppNs).e("icon-btn"), "arrow-right"]),
+                  "aria-label": unref(t)(`el.datepicker.nextMonth`),
                   onClick: rightNextMonth
                 }, [
                   createVNode(unref(ElIcon), null, {
@@ -28025,7 +28110,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })
-                ], 2),
+                ], 10, _hoisted_9$1),
                 createElementVNode("div", null, toDisplayString(unref(rightLabel)), 1)
               ], 2),
               createVNode(DateTable, {
@@ -28081,7 +28166,11 @@ var DateRangePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["__file", "
 const panelMonthRangeProps = buildProps({
   ...panelRangeSharedProps
 });
-const panelMonthRangeEmits = ["pick", "set-picker-option"];
+const panelMonthRangeEmits = [
+  "pick",
+  "set-picker-option",
+  "calendar-change"
+];
 
 const useMonthRangeHeader = ({
   unlinkPanels,
@@ -28191,6 +28280,7 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
       if (maxDate.value === maxDate_ && minDate.value === minDate_) {
         return;
       }
+      emit("calendar-change", [minDate_.toDate(), maxDate_ && maxDate_.toDate()]);
       maxDate.value = maxDate_;
       minDate.value = minDate_;
       if (!close)
@@ -30853,7 +30943,8 @@ const imageViewerProps = buildProps({
 });
 const imageViewerEmits = {
   close: () => true,
-  switch: (index) => isNumber(index)
+  switch: (index) => isNumber(index),
+  rotate: (deg) => isNumber(deg)
 };
 
 const _hoisted_1$u = ["src"];
@@ -31070,9 +31161,11 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
           break;
         case "clockwise":
           transform.value.deg += rotateDeg;
+          emit("rotate", transform.value.deg);
           break;
         case "anticlockwise":
           transform.value.deg -= rotateDeg;
+          emit("rotate", transform.value.deg);
           break;
       }
       transform.value.enableTransition = enableTransition;
@@ -34906,6 +34999,7 @@ const paginationSizesProps = buildProps({
     type: String
   },
   disabled: Boolean,
+  teleported: Boolean,
   size: {
     type: String,
     values: componentSizes
@@ -34953,6 +35047,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
           disabled: _ctx.disabled,
           "popper-class": _ctx.popperClass,
           size: _ctx.size,
+          teleported: _ctx.teleported,
           "validate-event": false,
           onChange: handleChange
         }, {
@@ -34966,7 +35061,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
             }), 128))
           ]),
           _: 1
-        }, 8, ["model-value", "disabled", "popper-class", "size"])
+        }, 8, ["model-value", "disabled", "popper-class", "size", "teleported"])
       ], 2);
     };
   }
@@ -35333,6 +35428,10 @@ const paginationProps = buildProps({
     type: iconPropType,
     default: () => arrow_right_default
   },
+  teleported: {
+    type: Boolean,
+    default: true
+  },
   small: Boolean,
   background: Boolean,
   disabled: Boolean,
@@ -35506,6 +35605,7 @@ var Pagination = defineComponent({
           pageSizes: props.pageSizes,
           popperClass: props.popperClass,
           disabled: props.disabled,
+          teleported: props.teleported,
           size: props.small ? "small" : "default"
         }),
         slot: (_b = (_a = slots == null ? void 0 : slots.default) == null ? void 0 : _a.call(slots)) != null ? _b : null,
@@ -53596,7 +53696,7 @@ const uploadBaseProps = buildProps({
     default: "post"
   },
   data: {
-    type: Object,
+    type: definePropType([Object, Function, Promise]),
     default: () => mutable({})
   },
   multiple: {
@@ -54023,9 +54123,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       try {
         const originData = props.data;
         const beforeUploadPromise = props.beforeUpload(rawFile);
-        beforeData = isObject$1(props.data) ? cloneDeep(props.data) : props.data;
+        beforeData = isPlainObject$1(props.data) ? cloneDeep(props.data) : props.data;
         hookResult = await beforeUploadPromise;
-        if (isObject$1(props.data) && isEqual$1(originData, beforeData)) {
+        if (isPlainObject$1(props.data) && isEqual$1(originData, beforeData)) {
           beforeData = cloneDeep(props.data);
         }
       } catch (e) {
@@ -54049,7 +54149,13 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         uid: rawFile.uid
       }), beforeData);
     };
-    const doUpload = (rawFile, beforeData) => {
+    const resolveData = async (data, rawFile) => {
+      if (isFunction$1(data)) {
+        return data(rawFile);
+      }
+      return data;
+    };
+    const doUpload = async (rawFile, beforeData) => {
       const {
         headers,
         data,
@@ -54062,12 +54168,18 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         onError,
         httpRequest
       } = props;
+      try {
+        beforeData = await resolveData(beforeData != null ? beforeData : data, rawFile);
+      } catch (e) {
+        props.onRemove(rawFile);
+        return;
+      }
       const { uid } = rawFile;
       const options = {
         headers: headers || {},
         withCredentials,
         file: rawFile,
-        data: beforeData != null ? beforeData : data,
+        data: beforeData,
         method,
         filename,
         action,