@element-plus/nightly 0.0.20220614 → 0.0.20220617

package/dist/index.full.mjs

@@ -1,6 +1,6 @@
-/*! Element Plus v0.0.20220614 */
+/*! Element Plus v0.0.20220617 */
 
-import { readonly, shallowRef, watchEffect, getCurrentScope, onScopeDispose, ref, watch, unref, getCurrentInstance, onMounted, nextTick, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, computed, inject, provide, onBeforeUnmount, toRef, onUnmounted, isRef, h as h$1, Teleport, onBeforeMount, defineComponent, normalizeClass, normalizeStyle, renderSlot, mergeProps, useSlots, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, useAttrs as useAttrs$1, onUpdated, withModifiers, reactive, cloneVNode, Text, toRefs, resolveComponent, renderList, withKeys, createSlots, normalizeProps, guardReactiveProps, vModelCheckbox, vModelRadio, onBeforeUpdate, resolveDirective, vModelText, toHandlers, markRaw, effectScope, toRaw, triggerRef, TransitionGroup, createApp, render } from 'vue';
+import { readonly, shallowRef, watchEffect, getCurrentScope, onScopeDispose, ref, watch, unref, getCurrentInstance, onMounted, nextTick, computed, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, inject, provide, onBeforeUnmount, toRef, onUnmounted, isRef, h as h$1, Teleport, onBeforeMount, defineComponent, normalizeClass, normalizeStyle, renderSlot, mergeProps, useSlots, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, useAttrs as useAttrs$1, onUpdated, withModifiers, reactive, cloneVNode, Text, toRefs, resolveComponent, renderList, withKeys, createSlots, normalizeProps, guardReactiveProps, vModelCheckbox, vModelRadio, onBeforeUpdate, resolveDirective, vModelText, toHandlers, markRaw, effectScope, toRaw, triggerRef, TransitionGroup, createApp, render } from 'vue';
 
 var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
 
@@ -6946,6 +6946,7 @@ function tryOnScopeDispose(fn) {
 
 var _a;
 const isClient = typeof window !== "undefined";
+const isDef = (val) => typeof val !== "undefined";
 const isBoolean = (val) => typeof val === "boolean";
 const isNumber = (val) => typeof val === "number";
 const isString$1 = (val) => typeof val === "string";
@@ -7299,6 +7300,46 @@ var SwipeDirection;
   SwipeDirection2["NONE"] = "NONE";
 })(SwipeDirection || (SwipeDirection = {}));
 
+function useVModel(props, key, emit, options = {}) {
+  var _a;
+  const {
+    passive = false,
+    eventName,
+    deep = false,
+    defaultValue
+  } = options;
+  const vm = getCurrentInstance();
+  const _emit = emit || (vm == null ? void 0 : vm.emit) || ((_a = vm == null ? void 0 : vm.$emit) == null ? void 0 : _a.bind(vm));
+  let event = eventName;
+  if (!key) {
+    {
+      key = "modelValue";
+    }
+  }
+  event = eventName || event || `update:${key.toString()}`;
+  const getValue = () => isDef(props[key]) ? props[key] : defaultValue;
+  if (passive) {
+    const proxy = ref(getValue());
+    watch(() => props[key], (v) => proxy.value = v);
+    watch(proxy, (v) => {
+      if (v !== props[key] || deep)
+        _emit(event, v);
+    }, {
+      deep
+    });
+    return proxy;
+  } else {
+    return computed({
+      get() {
+        return getValue();
+      },
+      set(value) {
+        _emit(event, value);
+      }
+    });
+  }
+}
+
 function useWindowFocus({ window = defaultWindow } = {}) {
   if (!window)
     return ref(false);
@@ -9778,17 +9819,9 @@ const computePosition$1 = async (reference, floating, config) => {
   } = computeCoordsFromPlacement(rects, placement, rtl);
   let statefulPlacement = placement;
   let middlewareData = {};
-  let _debug_loop_count_ = 0;
+  let resetCount = 0;
 
   for (let i = 0; i < middleware.length; i++) {
-    if (process.env.NODE_ENV !== "production") {
-      _debug_loop_count_++;
-
-      if (_debug_loop_count_ > 100) {
-        throw new Error(['Floating UI: The middleware lifecycle appears to be', 'running in an infinite loop. This is usually caused by a `reset`', 'continually being returned without a break condition.'].join(' '));
-      }
-    }
-
     const {
       name,
       fn
@@ -9820,7 +9853,15 @@ const computePosition$1 = async (reference, floating, config) => {
       }
     };
 
-    if (reset) {
+    if (process.env.NODE_ENV !== "production") {
+      if (resetCount > 50) {
+        console.warn(['Floating UI: The middleware lifecycle appears to be running in an', 'infinite loop. This is usually caused by a `reset` continually', 'being returned without a break condition.'].join(' '));
+      }
+    }
+
+    if (reset && resetCount <= 50) {
+      resetCount++;
+
       if (typeof reset === 'object') {
         if (reset.placement) {
           statefulPlacement = reset.placement;
@@ -10679,7 +10720,7 @@ function useCursor(input) {
   return [recordCursor, setCursor];
 }
 
-const version$1 = "0.0.20220614";
+const version$1 = "0.0.20220617";
 
 const makeInstaller = (components = []) => {
   const install = (app, options) => {
@@ -10728,11 +10769,11 @@ var _export_sfc = (sfc, props) => {
   return target;
 };
 
-const __default__$1h = {
+const __default__$1i = {
   name: "ElAffix"
 };
 const _sfc_main$2g = /* @__PURE__ */ defineComponent({
-  ...__default__$1h,
+  ...__default__$1i,
   props: affixProps,
   emits: affixEmits,
   setup(__props, { expose, emit }) {
@@ -10847,12 +10888,12 @@ const iconProps = buildProps({
   }
 });
 
-const __default__$1g = {
+const __default__$1h = {
   name: "ElIcon",
   inheritAttrs: false
 };
 const _sfc_main$2f = /* @__PURE__ */ defineComponent({
-  ...__default__$1g,
+  ...__default__$1h,
   props: iconProps,
   setup(__props) {
     const props = __props;
@@ -10914,11 +10955,11 @@ const alertEmits = {
   close: (evt) => evt instanceof MouseEvent
 };
 
-const __default__$1f = {
+const __default__$1g = {
   name: "ElAlert"
 };
 const _sfc_main$2e = /* @__PURE__ */ defineComponent({
-  ...__default__$1f,
+  ...__default__$1g,
   props: alertProps,
   emits: alertEmits,
   setup(__props, { emit }) {
@@ -11186,12 +11227,12 @@ const inputEmits = {
 const _hoisted_1$12 = ["role"];
 const _hoisted_2$H = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder"];
 const _hoisted_3$o = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder"];
-const __default__$1e = {
+const __default__$1f = {
   name: "ElInput",
   inheritAttrs: false
 };
 const _sfc_main$2d = /* @__PURE__ */ defineComponent({
-  ...__default__$1e,
+  ...__default__$1f,
   props: inputProps,
   emits: inputEmits,
   setup(__props, { expose, emit }) {
@@ -11882,14 +11923,14 @@ const scrollbarEmits = {
   scroll: ({
     scrollTop,
     scrollLeft
-  }) => isNumber(scrollTop) && isNumber(scrollLeft)
+  }) => [scrollTop, scrollLeft].every(isNumber)
 };
 
-const __default__$1d = {
+const __default__$1e = {
   name: "ElScrollbar"
 };
 const _sfc_main$2a = /* @__PURE__ */ defineComponent({
-  ...__default__$1d,
+  ...__default__$1e,
   props: scrollbarProps,
   emits: scrollbarEmits,
   setup(__props, { expose, emit }) {
@@ -12050,12 +12091,12 @@ const usePopperProps = buildProps({
   }
 });
 
-const __default__$1c = {
+const __default__$1d = {
   name: "ElPopperRoot",
   inheritAttrs: false
 };
 const _sfc_main$29 = /* @__PURE__ */ defineComponent({
-  ...__default__$1c,
+  ...__default__$1d,
   props: usePopperProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -12087,12 +12128,12 @@ const usePopperArrowProps = buildProps({
   }
 });
 
-const __default__$1b = {
+const __default__$1c = {
   name: "ElPopperArrow",
   inheritAttrs: false
 };
 const _sfc_main$28 = /* @__PURE__ */ defineComponent({
-  ...__default__$1b,
+  ...__default__$1c,
   props: usePopperArrowProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -12190,12 +12231,12 @@ const usePopperTriggerProps = buildProps({
   open: Boolean
 });
 
-const __default__$1a = {
+const __default__$1b = {
   name: "ElPopperTrigger",
   inheritAttrs: false
 };
 const _sfc_main$27 = /* @__PURE__ */ defineComponent({
-  ...__default__$1a,
+  ...__default__$1b,
   props: usePopperTriggerProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -12597,10 +12638,10 @@ const _sfc_main$26 = defineComponent({
     };
   }
 });
-function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default", { handleKeydown: _ctx.onKeydown });
 }
-var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$26, [["render", _sfc_render$O], ["__file", "focus-trap.vue"]]);
+var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$26, [["render", _sfc_render$N], ["__file", "focus-trap.vue"]]);
 
 const POSITIONING_STRATEGIES = ["fixed", "absolute"];
 const usePopperCoreConfigProps = buildProps({
@@ -12757,11 +12798,11 @@ function deriveExtraModifiers(options, modifiers) {
   }
 }
 
-const __default__$19 = {
+const __default__$1a = {
   name: "ElPopperContent"
 };
 const _sfc_main$25 = /* @__PURE__ */ defineComponent({
-  ...__default__$19,
+  ...__default__$1a,
   props: usePopperContentProps,
   emits: usePopperContentEmits,
   setup(__props, { expose, emit }) {
@@ -13132,7 +13173,7 @@ const _sfc_main$24 = defineComponent({
     };
   }
 });
-function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_popper_content = resolveComponent("el-popper-content");
   return openBlock(), createBlock(Teleport, {
     disabled: !_ctx.teleported,
@@ -13187,7 +13228,7 @@ function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["name", "onAfterLeave", "onBeforeEnter", "onAfterEnter", "onBeforeLeave"])
   ], 8, ["disabled", "to"]);
 }
-var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["render", _sfc_render$N], ["__file", "content.vue"]]);
+var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["render", _sfc_render$M], ["__file", "content.vue"]]);
 
 const isTriggerType = (trigger, type) => {
   if (isArray(trigger)) {
@@ -13252,7 +13293,7 @@ const _sfc_main$23 = defineComponent({
     };
   }
 });
-function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_popper_trigger = resolveComponent("el-popper-trigger");
   return openBlock(), createBlock(_component_el_popper_trigger, {
     id: _ctx.id,
@@ -13274,7 +13315,7 @@ function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["id", "virtual-ref", "open", "virtual-triggering", "class", "onBlur", "onClick", "onContextmenu", "onFocus", "onMouseenter", "onMouseleave", "onKeydown"]);
 }
-var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["render", _sfc_render$M], ["__file", "trigger.vue"]]);
+var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["render", _sfc_render$L], ["__file", "trigger.vue"]]);
 
 const { useModelToggleProps, useModelToggle, useModelToggleEmits } = createModelToggleComposable("visible");
 const _sfc_main$22 = defineComponent({
@@ -13393,7 +13434,7 @@ const _sfc_main$22 = defineComponent({
 });
 const _hoisted_1$11 = ["innerHTML"];
 const _hoisted_2$G = { key: 1 };
-function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tooltip_trigger = resolveComponent("el-tooltip-trigger");
   const _component_el_popper_arrow = resolveComponent("el-popper-arrow");
   const _component_el_tooltip_content = resolveComponent("el-tooltip-content");
@@ -13462,7 +13503,7 @@ function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["role"]);
 }
-var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["render", _sfc_render$L], ["__file", "tooltip.vue"]]);
+var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["render", _sfc_render$K], ["__file", "tooltip.vue"]]);
 
 const ElTooltip = withInstall(Tooltip);
 
@@ -13533,12 +13574,12 @@ const autocompleteEmits = {
 const _hoisted_1$10 = ["aria-expanded", "aria-owns"];
 const _hoisted_2$F = { key: 0 };
 const _hoisted_3$n = ["id", "aria-selected", "onClick"];
-const __default__$18 = {
+const __default__$19 = {
   name: "ElAutocomplete",
   inheritAttrs: false
 };
 const _sfc_main$21 = /* @__PURE__ */ defineComponent({
-  ...__default__$18,
+  ...__default__$19,
   props: autocompleteProps,
   emits: autocompleteEmits,
   setup(__props, { expose, emit }) {
@@ -13865,11 +13906,11 @@ const avatarEmits = {
 };
 
 const _hoisted_1$$ = ["src", "alt", "srcset"];
-const __default__$17 = {
+const __default__$18 = {
   name: "ElAvatar"
 };
 const _sfc_main$20 = /* @__PURE__ */ defineComponent({
-  ...__default__$17,
+  ...__default__$18,
   props: avatarProps,
   emits: avatarEmits,
   setup(__props, { emit }) {
@@ -13950,11 +13991,11 @@ const backtopEmits = {
 };
 
 const _hoisted_1$_ = ["onClick"];
-const __default__$16 = {
+const __default__$17 = {
   name: "ElBacktop"
 };
 const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
-  ...__default__$16,
+  ...__default__$17,
   props: backtopProps,
   emits: backtopEmits,
   setup(__props, { emit }) {
@@ -14059,11 +14100,11 @@ const badgeProps = buildProps({
 });
 
 const _hoisted_1$Z = ["textContent"];
-const __default__$15 = {
+const __default__$16 = {
   name: "ElBadge"
 };
 const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
-  ...__default__$15,
+  ...__default__$16,
   props: badgeProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -14122,11 +14163,11 @@ const breadcrumbProps = buildProps({
   }
 });
 
-const __default__$14 = {
+const __default__$15 = {
   name: "ElBreadcrumb"
 };
 const _sfc_main$1Z = /* @__PURE__ */ defineComponent({
-  ...__default__$14,
+  ...__default__$15,
   props: breadcrumbProps,
   setup(__props) {
     const props = __props;
@@ -14165,11 +14206,11 @@ const breadcrumbItemProps = buildProps({
   }
 });
 
-const __default__$13 = {
+const __default__$14 = {
   name: "ElBreadcrumbItem"
 };
 const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
-  ...__default__$13,
+  ...__default__$14,
   props: breadcrumbItemProps,
   setup(__props) {
     const props = __props;
@@ -15200,11 +15241,11 @@ function useButtonCustomStyle(props) {
 }
 
 const _hoisted_1$Y = ["aria-disabled", "disabled", "autofocus", "type"];
-const __default__$12 = {
+const __default__$13 = {
   name: "ElButton"
 };
 const _sfc_main$1X = /* @__PURE__ */ defineComponent({
-  ...__default__$12,
+  ...__default__$13,
   props: buttonProps,
   emits: buttonEmits,
   setup(__props, { expose, emit }) {
@@ -15312,11 +15353,11 @@ const buttonGroupProps = {
   type: buttonProps.type
 };
 
-const __default__$11 = {
+const __default__$12 = {
   name: "ElButtonGroup"
 };
 const _sfc_main$1W = /* @__PURE__ */ defineComponent({
-  ...__default__$11,
+  ...__default__$12,
   props: buttonGroupProps,
   setup(__props) {
     const props = __props;
@@ -15968,11 +16009,11 @@ const timePickerDefaultProps = buildProps({
 
 const _hoisted_1$X = ["id", "name", "placeholder", "value", "disabled", "readonly"];
 const _hoisted_2$E = ["id", "name", "placeholder", "value", "disabled", "readonly"];
-const __default__$10 = {
+const __default__$11 = {
   name: "Picker"
 };
 const _sfc_main$1V = /* @__PURE__ */ defineComponent({
-  ...__default__$10,
+  ...__default__$11,
   props: timePickerDefaultProps,
   emits: [
     "update:modelValue",
@@ -17678,11 +17719,11 @@ const dateTableEmits = {
 
 const _hoisted_1$U = { key: 0 };
 const _hoisted_2$C = ["onClick"];
-const __default__$$ = {
+const __default__$10 = {
   name: "DateTable"
 };
 const _sfc_main$1R = /* @__PURE__ */ defineComponent({
-  ...__default__$$,
+  ...__default__$10,
   props: dateTableProps,
   emits: dateTableEmits,
   setup(__props, { expose, emit }) {
@@ -17837,11 +17878,11 @@ const calendarEmits = {
   [INPUT_EVENT]: (value) => isDate(value)
 };
 
-const __default__$_ = {
+const __default__$$ = {
   name: "ElCalendar"
 };
 const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
-  ...__default__$_,
+  ...__default__$$,
   props: calendarProps,
   emits: calendarEmits,
   setup(__props, { expose, emit }) {
@@ -18072,11 +18113,11 @@ const cardProps = buildProps({
   }
 });
 
-const __default__$Z = {
+const __default__$_ = {
   name: "ElCard"
 };
 const _sfc_main$1P = /* @__PURE__ */ defineComponent({
-  ...__default__$Z,
+  ...__default__$_,
   props: cardProps,
   setup(__props) {
     const ns = useNamespace("card");
@@ -18168,11 +18209,11 @@ const carouselEmits = {
 const _hoisted_1$T = ["onMouseenter", "onMouseleave"];
 const _hoisted_2$B = ["onMouseenter", "onClick"];
 const _hoisted_3$m = { key: 0 };
-const __default__$Y = {
+const __default__$Z = {
   name: "ElCarousel"
 };
 const _sfc_main$1O = /* @__PURE__ */ defineComponent({
-  ...__default__$Y,
+  ...__default__$Z,
   props: carouselProps,
   emits: carouselEmits,
   setup(__props, { expose, emit }) {
@@ -18481,11 +18522,11 @@ const carouselItemProps = buildProps({
   }
 });
 
-const __default__$X = {
+const __default__$Y = {
   name: "ElCarouselItem"
 };
 const _sfc_main$1N = /* @__PURE__ */ defineComponent({
-  ...__default__$X,
+  ...__default__$Y,
   props: carouselItemProps,
   setup(__props) {
     const props = __props;
@@ -18897,11 +18938,11 @@ const useCheckbox = (props, slots) => {
 const _hoisted_1$S = ["tabindex", "role", "aria-checked"];
 const _hoisted_2$A = ["id", "aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"];
 const _hoisted_3$l = ["id", "aria-hidden", "disabled", "value", "name", "tabindex"];
-const __default__$W = {
+const __default__$X = {
   name: "ElCheckbox"
 };
 const _sfc_main$1M = /* @__PURE__ */ defineComponent({
-  ...__default__$W,
+  ...__default__$X,
   props: checkboxProps,
   emits: checkboxEmits,
   setup(__props) {
@@ -19002,11 +19043,11 @@ var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$1M, [["__file", "checkbox.v
 
 const _hoisted_1$R = ["name", "tabindex", "disabled", "true-value", "false-value"];
 const _hoisted_2$z = ["name", "tabindex", "disabled", "value"];
-const __default__$V = {
+const __default__$W = {
   name: "ElCheckboxButton"
 };
 const _sfc_main$1L = /* @__PURE__ */ defineComponent({
-  ...__default__$V,
+  ...__default__$W,
   props: checkboxProps,
   emits: checkboxEmits,
   setup(__props) {
@@ -19080,11 +19121,11 @@ const _sfc_main$1L = /* @__PURE__ */ defineComponent({
 });
 var CheckboxButton = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["__file", "checkbox-button.vue"]]);
 
-const __default__$U = {
+const __default__$V = {
   name: "ElCheckboxGroup"
 };
 const _sfc_main$1K = /* @__PURE__ */ defineComponent({
-  ...__default__$U,
+  ...__default__$V,
   props: useCheckboxGroupProps,
   emits: checkboxGroupEmits,
   setup(__props, { emit }) {
@@ -19206,11 +19247,11 @@ const useRadio = (props, emit) => {
 };
 
 const _hoisted_1$Q = ["value", "name", "disabled"];
-const __default__$T = {
+const __default__$U = {
   name: "ElRadio"
 };
 const _sfc_main$1J = /* @__PURE__ */ defineComponent({
-  ...__default__$T,
+  ...__default__$U,
   props: radioProps,
   emits: radioEmits,
   setup(__props, { emit }) {
@@ -19282,11 +19323,11 @@ const radioButtonProps = buildProps({
 });
 
 const _hoisted_1$P = ["value", "name", "disabled"];
-const __default__$S = {
+const __default__$T = {
   name: "ElRadioButton"
 };
 const _sfc_main$1I = /* @__PURE__ */ defineComponent({
-  ...__default__$S,
+  ...__default__$T,
   props: radioButtonProps,
   setup(__props) {
     const props = __props;
@@ -19372,11 +19413,11 @@ const radioGroupProps = buildProps({
 const radioGroupEmits = radioEmits;
 
 const _hoisted_1$O = ["id", "aria-label", "aria-labelledby"];
-const __default__$R = {
+const __default__$S = {
   name: "ElRadioGroup"
 };
 const _sfc_main$1H = /* @__PURE__ */ defineComponent({
-  ...__default__$R,
+  ...__default__$S,
   props: radioGroupProps,
   emits: radioGroupEmits,
   setup(__props, { emit }) {
@@ -19573,7 +19614,7 @@ const _sfc_main$1G = defineComponent({
 });
 const _hoisted_1$N = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
 const _hoisted_2$y = /* @__PURE__ */ createElementVNode("span", null, null, -1);
-function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_checkbox = resolveComponent("el-checkbox");
   const _component_el_radio = resolveComponent("el-radio");
   const _component_check = resolveComponent("check");
@@ -19656,7 +19697,7 @@ function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
     ], 64)) : createCommentVNode("v-if", true)
   ], 42, _hoisted_1$N);
 }
-var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _sfc_render$K], ["__file", "node.vue"]]);
+var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _sfc_render$J], ["__file", "node.vue"]]);
 
 const _sfc_main$1F = defineComponent({
   name: "ElCascaderMenu",
@@ -19736,7 +19777,7 @@ const _sfc_main$1F = defineComponent({
     };
   }
 });
-function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_cascader_node = resolveComponent("el-cascader-node");
   const _component_loading = resolveComponent("loading");
   const _component_el_icon = resolveComponent("el-icon");
@@ -19789,7 +19830,7 @@ function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["class", "wrap-class", "view-class", "onMousemove", "onMouseleave"]);
 }
-var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$J], ["__file", "menu.vue"]]);
+var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$I], ["__file", "menu.vue"]]);
 
 var ExpandTrigger = /* @__PURE__ */ ((ExpandTrigger2) => {
   ExpandTrigger2["CLICK"] = "click";
@@ -20264,7 +20305,7 @@ const _sfc_main$1E = defineComponent({
     };
   }
 });
-function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_cascader_menu = resolveComponent("el-cascader-menu");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass([_ctx.ns.b("panel"), _ctx.ns.is("bordered", _ctx.border)]),
@@ -20281,7 +20322,7 @@ function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128))
   ], 34);
 }
-var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$I], ["__file", "index.vue"]]);
+var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$H], ["__file", "index.vue"]]);
 
 CascaderPanel.install = (app) => {
   app.component(CascaderPanel.name, CascaderPanel);
@@ -20319,11 +20360,11 @@ const tagEmits = {
   click: (evt) => evt instanceof MouseEvent
 };
 
-const __default__$Q = {
+const __default__$R = {
   name: "ElTag"
 };
 const _sfc_main$1D = /* @__PURE__ */ defineComponent({
-  ...__default__$Q,
+  ...__default__$R,
   props: tagProps,
   emits: tagEmits,
   setup(__props, { emit }) {
@@ -20848,7 +20889,7 @@ const _hoisted_1$M = { key: 0 };
 const _hoisted_2$x = { class: "el-cascader__collapse-tags" };
 const _hoisted_3$k = ["placeholder"];
 const _hoisted_4$d = ["onClick"];
-function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_circle_close = resolveComponent("circle-close");
   const _component_el_icon = resolveComponent("el-icon");
   const _component_arrow_down = resolveComponent("arrow-down");
@@ -21075,7 +21116,7 @@ function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["visible", "teleported", "popper-class", "popper-options", "transition", "onHide"]);
 }
-var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1C, [["render", _sfc_render$H], ["__file", "index.vue"]]);
+var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1C, [["render", _sfc_render$G], ["__file", "index.vue"]]);
 
 Cascader.install = (app) => {
   app.component(Cascader.name, Cascader);
@@ -21094,11 +21135,11 @@ const checkTagEmits = {
   [CHANGE_EVENT]: (value) => isBoolean(value)
 };
 
-const __default__$P = {
+const __default__$Q = {
   name: "ElCheckTag"
 };
 const _sfc_main$1B = /* @__PURE__ */ defineComponent({
-  ...__default__$P,
+  ...__default__$Q,
   props: checkTagProps,
   emits: checkTagEmits,
   setup(__props, { emit }) {
@@ -21166,11 +21207,11 @@ const colProps = buildProps({
   }
 });
 
-const __default__$O = {
+const __default__$P = {
   name: "ElCol"
 };
 const _sfc_main$1A = /* @__PURE__ */ defineComponent({
-  ...__default__$O,
+  ...__default__$P,
   props: colProps,
   setup(__props) {
     const props = __props;
@@ -21240,11 +21281,11 @@ const collapseEmits = {
   [CHANGE_EVENT]: emitChangeFn
 };
 
-const __default__$N = {
+const __default__$O = {
   name: "ElCollapse"
 };
 const _sfc_main$1z = /* @__PURE__ */ defineComponent({
-  ...__default__$N,
+  ...__default__$O,
   props: collapseProps,
   emits: collapseEmits,
   setup(__props, { expose, emit }) {
@@ -21295,11 +21336,11 @@ const _sfc_main$1z = /* @__PURE__ */ defineComponent({
 });
 var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["__file", "collapse.vue"]]);
 
-const __default__$M = {
+const __default__$N = {
   name: "ElCollapseTransition"
 };
 const _sfc_main$1y = /* @__PURE__ */ defineComponent({
-  ...__default__$M,
+  ...__default__$N,
   setup(__props) {
     const ns = useNamespace("collapse-transition");
     const on = {
@@ -21387,11 +21428,11 @@ const collapseItemProps = buildProps({
 const _hoisted_1$L = ["aria-expanded", "aria-controls", "aria-describedby"];
 const _hoisted_2$w = ["id", "tabindex", "onKeypress"];
 const _hoisted_3$j = ["id", "aria-hidden", "aria-labelledby"];
-const __default__$L = {
+const __default__$M = {
   name: "ElCollapseItem"
 };
 const _sfc_main$1x = /* @__PURE__ */ defineComponent({
-  ...__default__$L,
+  ...__default__$M,
   props: collapseItemProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -21633,7 +21674,7 @@ const _sfc_main$1w = defineComponent({
     };
   }
 });
-function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["el-color-alpha-slider", { "is-vertical": _ctx.vertical }])
   }, [
@@ -21655,7 +21696,7 @@ function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 4)
   ], 2);
 }
-var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["render", _sfc_render$G], ["__file", "alpha-slider.vue"]]);
+var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["render", _sfc_render$F], ["__file", "alpha-slider.vue"]]);
 
 const _sfc_main$1v = defineComponent({
   name: "ElColorHueSlider",
@@ -21748,7 +21789,7 @@ const _sfc_main$1v = defineComponent({
     };
   }
 });
-function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["el-color-hue-slider", { "is-vertical": _ctx.vertical }])
   }, [
@@ -21767,7 +21808,7 @@ function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 4)
   ], 2);
 }
-var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$F], ["__file", "hue-slider.vue"]]);
+var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$E], ["__file", "hue-slider.vue"]]);
 
 const OPTIONS_KEY = Symbol();
 const useOptions = () => {
@@ -22088,7 +22129,7 @@ const _sfc_main$1u = defineComponent({
 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$E(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1$K, [
     createElementVNode("div", _hoisted_2$v, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.rgbaColors, (item, index) => {
@@ -22105,7 +22146,7 @@ function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$E], ["__file", "predefine.vue"]]);
+var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$D], ["__file", "predefine.vue"]]);
 
 const _sfc_main$1t = defineComponent({
   name: "ElSlPanel",
@@ -22181,7 +22222,7 @@ const _hoisted_3$h = /* @__PURE__ */ createElementVNode("div", null, null, -1);
 const _hoisted_4$c = [
   _hoisted_3$h
 ];
-function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: "el-color-svpanel",
     style: normalizeStyle({
@@ -22199,7 +22240,7 @@ function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
     }, _hoisted_4$c, 4)
   ], 4);
 }
-var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$D], ["__file", "sv-panel.vue"]]);
+var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$C], ["__file", "sv-panel.vue"]]);
 
 const _sfc_main$1s = defineComponent({
   name: "ElColorPicker",
@@ -22400,7 +22441,7 @@ const _sfc_main$1s = defineComponent({
   }
 });
 const _hoisted_1$I = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex"];
-function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_hue_slider = resolveComponent("hue-slider");
   const _component_sv_panel = resolveComponent("sv-panel");
   const _component_alpha_slider = resolveComponent("alpha-slider");
@@ -22555,7 +22596,7 @@ function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["visible", "popper-class"]);
 }
-var ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["render", _sfc_render$C], ["__file", "index.vue"]]);
+var ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["render", _sfc_render$B], ["__file", "index.vue"]]);
 
 ColorPicker.install = (app) => {
   app.component(ColorPicker.name, ColorPicker);
@@ -22606,11 +22647,11 @@ const ConfigProvider = defineComponent({
 
 const ElConfigProvider = withInstall(ConfigProvider);
 
-const __default__$K = {
+const __default__$L = {
   name: "ElContainer"
 };
 const _sfc_main$1r = /* @__PURE__ */ defineComponent({
-  ...__default__$K,
+  ...__default__$L,
   props: {
     direction: {
       type: String
@@ -22647,11 +22688,11 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
 });
 var Container = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["__file", "container.vue"]]);
 
-const __default__$J = {
+const __default__$K = {
   name: "ElAside"
 };
 const _sfc_main$1q = /* @__PURE__ */ defineComponent({
-  ...__default__$J,
+  ...__default__$K,
   props: {
     width: {
       type: String,
@@ -22674,11 +22715,11 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
 });
 var Aside = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["__file", "aside.vue"]]);
 
-const __default__$I = {
+const __default__$J = {
   name: "ElFooter"
 };
 const _sfc_main$1p = /* @__PURE__ */ defineComponent({
-  ...__default__$I,
+  ...__default__$J,
   props: {
     height: {
       type: String,
@@ -22701,11 +22742,11 @@ const _sfc_main$1p = /* @__PURE__ */ defineComponent({
 });
 var Footer$2 = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["__file", "footer.vue"]]);
 
-const __default__$H = {
+const __default__$I = {
   name: "ElHeader"
 };
 const _sfc_main$1o = /* @__PURE__ */ defineComponent({
-  ...__default__$H,
+  ...__default__$I,
   props: {
     height: {
       type: String,
@@ -22732,11 +22773,11 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
 });
 var Header = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["__file", "header.vue"]]);
 
-const __default__$G = {
+const __default__$H = {
   name: "ElMain"
 };
 const _sfc_main$1n = /* @__PURE__ */ defineComponent({
-  ...__default__$G,
+  ...__default__$H,
   setup(__props) {
     const ns = useNamespace("main");
     return (_ctx, _cache) => {
@@ -23744,7 +23785,7 @@ const _hoisted_1$E = ["onClick"];
 const _hoisted_2$q = ["aria-label"];
 const _hoisted_3$d = ["aria-label"];
 const _hoisted_4$9 = ["aria-label"];
-const _hoisted_5$6 = ["aria-label"];
+const _hoisted_5$7 = ["aria-label"];
 const _sfc_main$1j = /* @__PURE__ */ defineComponent({
   __name: "panel-date-pick",
   props: panelDatePickProps,
@@ -24283,7 +24324,7 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })
-                ], 10, _hoisted_5$6)
+                ], 10, _hoisted_5$7)
               ], 2)
             ], 2), [
               [vShow, currentView.value !== "time"]
@@ -24469,7 +24510,7 @@ const _hoisted_1$D = ["onClick"];
 const _hoisted_2$p = ["disabled"];
 const _hoisted_3$c = ["disabled"];
 const _hoisted_4$8 = ["disabled"];
-const _hoisted_5$5 = ["disabled"];
+const _hoisted_5$6 = ["disabled"];
 const _sfc_main$1i = /* @__PURE__ */ defineComponent({
   __name: "panel-date-range",
   props: panelDateRangeProps,
@@ -25031,7 +25072,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })
-                ], 10, _hoisted_5$5)) : createCommentVNode("v-if", true),
+                ], 10, _hoisted_5$6)) : createCommentVNode("v-if", true),
                 createElementVNode("button", {
                   type: "button",
                   class: normalizeClass([unref(ppNs).e("icon-btn"), "d-arrow-right"]),
@@ -25164,11 +25205,11 @@ const useMonthRangeHeader = ({
 const _hoisted_1$C = ["onClick"];
 const _hoisted_2$o = ["disabled"];
 const _hoisted_3$b = ["disabled"];
-const __default__$F = {
+const __default__$G = {
   name: "DatePickerMonthRange"
 };
 const _sfc_main$1h = /* @__PURE__ */ defineComponent({
-  ...__default__$F,
+  ...__default__$G,
   props: panelMonthRangeProps,
   emits: panelMonthRangeEmits,
   setup(__props, { emit }) {
@@ -25551,7 +25592,7 @@ const _sfc_main$1g = defineComponent({
   }
 });
 const _hoisted_1$B = { key: 1 };
-function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_descriptions_cell = resolveComponent("el-descriptions-cell");
   return _ctx.descriptions.direction === "vertical" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
     createElementVNode("tr", null, [
@@ -25600,7 +25641,7 @@ function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128))
   ]));
 }
-var DescriptionsRow = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["render", _sfc_render$B], ["__file", "descriptions-row.vue"]]);
+var DescriptionsRow = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["render", _sfc_render$A], ["__file", "descriptions-row.vue"]]);
 
 const _sfc_main$1f = defineComponent({
   name: "ElDescriptions",
@@ -25706,7 +25747,7 @@ const _sfc_main$1f = defineComponent({
     };
   }
 });
-function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_descriptions_row = resolveComponent("el-descriptions-row");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.descriptionKls)
@@ -25748,7 +25789,7 @@ function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)
   ], 2);
 }
-var Descriptions = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["render", _sfc_render$A], ["__file", "index.vue"]]);
+var Descriptions = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["render", _sfc_render$z], ["__file", "index.vue"]]);
 
 var DescriptionsItem = defineComponent({
   name: "ElDescriptionsItem",
@@ -25888,9 +25929,9 @@ const dialogContentEmits = {
 
 const _hoisted_1$A = ["aria-label"];
 const _hoisted_2$n = ["id"];
-const __default__$E = { name: "ElDialogContent" };
+const __default__$F = { name: "ElDialogContent" };
 const _sfc_main$1e = /* @__PURE__ */ defineComponent({
-  ...__default__$E,
+  ...__default__$F,
   props: dialogContentProps,
   emits: dialogContentEmits,
   setup(__props) {
@@ -26042,7 +26083,6 @@ const useDialog = (props, targetRef) => {
   const zIndex = ref(props.zIndex || nextZIndex());
   let openTimer = void 0;
   let closeTimer = void 0;
-  const normalizeWidth = computed(() => isNumber(props.width) ? `${props.width}px` : props.width);
   const namespace = useGlobalConfig("namespace", defaultNamespace);
   const style = computed(() => {
     const style2 = {};
@@ -26052,7 +26092,7 @@ const useDialog = (props, targetRef) => {
         style2[`${varPrefix}-margin-top`] = props.top;
       }
       if (props.width) {
-        style2[`${varPrefix}-width`] = normalizeWidth.value;
+        style2[`${varPrefix}-width`] = addUnit(props.width);
       }
     }
     return style2;
@@ -26185,11 +26225,11 @@ const useDialog = (props, targetRef) => {
 };
 
 const _hoisted_1$z = ["aria-label", "aria-labelledby", "aria-describedby"];
-const __default__$D = {
+const __default__$E = {
   name: "ElDialog"
 };
 const _sfc_main$1d = /* @__PURE__ */ defineComponent({
-  ...__default__$D,
+  ...__default__$E,
   props: dialogProps,
   emits: dialogEmits,
   setup(__props, { expose }) {
@@ -26347,11 +26387,11 @@ const dividerProps = buildProps({
   }
 });
 
-const __default__$C = {
+const __default__$D = {
   name: "ElDivider"
 };
 const _sfc_main$1c = /* @__PURE__ */ defineComponent({
-  ...__default__$C,
+  ...__default__$D,
   props: dividerProps,
   setup(__props) {
     const props = __props;
@@ -26442,7 +26482,7 @@ const _hoisted_1$y = ["aria-label", "aria-labelledby", "aria-describedby"];
 const _hoisted_2$m = ["id"];
 const _hoisted_3$a = ["aria-label"];
 const _hoisted_4$7 = ["id"];
-function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_close = resolveComponent("close");
   const _component_el_icon = resolveComponent("el-icon");
   const _component_el_focus_trap = resolveComponent("el-focus-trap");
@@ -26554,26 +26594,26 @@ function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["name", "onAfterEnter", "onAfterLeave", "onBeforeLeave"])
   ], 8, ["disabled"]);
 }
-var Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$z], ["__file", "drawer.vue"]]);
+var Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$y], ["__file", "drawer.vue"]]);
 
 const ElDrawer = withInstall(Drawer);
 
 const _sfc_main$1a = {
   inheritAttrs: false
 };
-function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default");
 }
-var Collection = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$y], ["__file", "collection.vue"]]);
+var Collection = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$x], ["__file", "collection.vue"]]);
 
 const _sfc_main$19 = {
   name: "ElCollectionItem",
   inheritAttrs: false
 };
-function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default");
 }
-var CollectionItem = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$x], ["__file", "collection-item.vue"]]);
+var CollectionItem = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$w], ["__file", "collection-item.vue"]]);
 
 const COLLECTION_ITEM_SIGN = `data-el-collection-item`;
 const createCollectionWithScope = (name) => {
@@ -26800,10 +26840,10 @@ const _sfc_main$18 = defineComponent({
     });
   }
 });
-function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default");
 }
-var ElRovingFocusGroupImpl = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$w], ["__file", "roving-focus-group-impl.vue"]]);
+var ElRovingFocusGroupImpl = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$v], ["__file", "roving-focus-group-impl.vue"]]);
 
 const _sfc_main$17 = defineComponent({
   name: "ElRovingFocusGroup",
@@ -26812,7 +26852,7 @@ const _sfc_main$17 = defineComponent({
     ElRovingFocusGroupImpl
   }
 });
-function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_roving_focus_group_impl = resolveComponent("el-roving-focus-group-impl");
   const _component_el_focus_group_collection = resolveComponent("el-focus-group-collection");
   return openBlock(), createBlock(_component_el_focus_group_collection, null, {
@@ -26827,7 +26867,7 @@ function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   });
 }
-var ElRovingFocusGroup = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$v], ["__file", "roving-focus-group.vue"]]);
+var ElRovingFocusGroup = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$u], ["__file", "roving-focus-group.vue"]]);
 
 const _sfc_main$16 = defineComponent({
   components: {
@@ -26914,7 +26954,7 @@ const _sfc_main$16 = defineComponent({
     };
   }
 });
-function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_roving_focus_collection_item = resolveComponent("el-roving-focus-collection-item");
   return openBlock(), createBlock(_component_el_roving_focus_collection_item, {
     id: _ctx.id,
@@ -26927,7 +26967,7 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["id", "focusable", "active"]);
 }
-var ElRovingFocusItem = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$u], ["__file", "roving-focus-item.vue"]]);
+var ElRovingFocusItem = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$t], ["__file", "roving-focus-item.vue"]]);
 
 const dropdownProps = buildProps({
   trigger: useTooltipTriggerProps.trigger,
@@ -27150,7 +27190,7 @@ const _sfc_main$15 = defineComponent({
     };
   }
 });
-function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
   var _a;
   const _component_el_dropdown_collection = resolveComponent("el-dropdown-collection");
   const _component_el_roving_focus_group = resolveComponent("el-roving-focus-group");
@@ -27281,7 +27321,7 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
     })) : createCommentVNode("v-if", true)
   ], 2);
 }
-var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$t], ["__file", "dropdown.vue"]]);
+var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$s], ["__file", "dropdown.vue"]]);
 
 const _sfc_main$14 = defineComponent({
   name: "DropdownItemImpl",
@@ -27335,7 +27375,7 @@ const _sfc_main$14 = defineComponent({
   }
 });
 const _hoisted_1$x = ["aria-disabled", "tabindex", "role"];
-function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
   return openBlock(), createElementBlock(Fragment, null, [
     _ctx.divided ? (openBlock(), createElementBlock("li", mergeProps({
@@ -27365,7 +27405,7 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
     ], 16, _hoisted_1$x)
   ], 64);
 }
-var ElDropdownItemImpl = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$s], ["__file", "dropdown-item-impl.vue"]]);
+var ElDropdownItemImpl = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$r], ["__file", "dropdown-item-impl.vue"]]);
 
 const useDropdown = () => {
   const elDropdown = inject("elDropdown", {});
@@ -27441,7 +27481,7 @@ const _sfc_main$13 = defineComponent({
     };
   }
 });
-function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
   var _a;
   const _component_el_dropdown_item_impl = resolveComponent("el-dropdown-item-impl");
   const _component_el_roving_focus_item = resolveComponent("el-roving-focus-item");
@@ -27472,7 +27512,7 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["disabled", "text-value"]);
 }
-var DropdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$r], ["__file", "dropdown-item.vue"]]);
+var DropdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$q], ["__file", "dropdown-item.vue"]]);
 
 const _sfc_main$12 = defineComponent({
   name: "ElDropdownMenu",
@@ -27538,7 +27578,7 @@ const _sfc_main$12 = defineComponent({
   }
 });
 const _hoisted_1$w = ["role", "aria-labelledby"];
-function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("ul", {
     ref: _ctx.dropdownListWrapperRef,
     class: normalizeClass(_ctx.dropdownKls),
@@ -27554,7 +27594,7 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 46, _hoisted_1$w);
 }
-var DropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$q], ["__file", "dropdown-menu.vue"]]);
+var DropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$p], ["__file", "dropdown-menu.vue"]]);
 
 const ElDropdown = withInstall(Dropdown, {
   DropdownItem,
@@ -27583,8 +27623,8 @@ const _hoisted_1$v = {
 const _hoisted_2$l = ["id"];
 const _hoisted_3$9 = ["stop-color"];
 const _hoisted_4$6 = ["stop-color"];
-const _hoisted_5$4 = ["id"];
-const _hoisted_6 = ["stop-color"];
+const _hoisted_5$5 = ["id"];
+const _hoisted_6$1 = ["stop-color"];
 const _hoisted_7 = ["stop-color"];
 const _hoisted_8 = ["id"];
 const _hoisted_9 = {
@@ -27620,7 +27660,7 @@ const _hoisted_20 = {
 const _hoisted_21 = ["fill", "xlink:href"];
 const _hoisted_22 = ["fill", "mask"];
 const _hoisted_23 = ["fill"];
-function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$v, [
     createElementVNode("defs", null, [
       createElementVNode("linearGradient", {
@@ -27649,12 +27689,12 @@ function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
         createElementVNode("stop", {
           "stop-color": `var(${_ctx.ns.cssVarBlockName("fill-color-1")})`,
           offset: "0%"
-        }, null, 8, _hoisted_6),
+        }, null, 8, _hoisted_6$1),
         createElementVNode("stop", {
           "stop-color": `var(${_ctx.ns.cssVarBlockName("fill-color-6")})`,
           offset: "100%"
         }, null, 8, _hoisted_7)
-      ], 8, _hoisted_5$4),
+      ], 8, _hoisted_5$5),
       createElementVNode("rect", {
         id: `path-3-${_ctx.id}`,
         x: "0",
@@ -27739,7 +27779,7 @@ function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var ImgEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$p], ["__file", "img-empty.vue"]]);
+var ImgEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$o], ["__file", "img-empty.vue"]]);
 
 const emptyProps = {
   image: {
@@ -27755,11 +27795,11 @@ const emptyProps = {
 
 const _hoisted_1$u = ["src"];
 const _hoisted_2$k = { key: 1 };
-const __default__$B = {
+const __default__$C = {
   name: "ElEmpty"
 };
 const _sfc_main$10 = /* @__PURE__ */ defineComponent({
-  ...__default__$B,
+  ...__default__$C,
   props: emptyProps,
   setup(__props) {
     const props = __props;
@@ -27885,11 +27925,11 @@ const filterFields = (fields, props) => {
   return normalized.length > 0 ? fields.filter((field) => field.prop && normalized.includes(field.prop)) : fields;
 };
 
-const __default__$A = {
+const __default__$B = {
   name: "ElForm"
 };
 const _sfc_main$$ = /* @__PURE__ */ defineComponent({
-  ...__default__$A,
+  ...__default__$B,
   props: formProps,
   emits: formEmits,
   setup(__props, { expose, emit }) {
@@ -29156,11 +29196,11 @@ var FormLabelWrap = defineComponent({
 });
 
 const _hoisted_1$t = ["role", "aria-labelledby"];
-const __default__$z = {
+const __default__$A = {
   name: "ElFormItem"
 };
 const _sfc_main$_ = /* @__PURE__ */ defineComponent({
-  ...__default__$z,
+  ...__default__$A,
   props: formItemProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -29479,15 +29519,15 @@ const imageViewerProps = buildProps({
 });
 const imageViewerEmits = {
   close: () => true,
-  switch: (index) => typeof index === "number"
+  switch: (index) => isNumber(index)
 };
 
 const _hoisted_1$s = ["src"];
-const __default__$y = {
+const __default__$z = {
   name: "ElImageViewer"
 };
 const _sfc_main$Z = /* @__PURE__ */ defineComponent({
-  ...__default__$y,
+  ...__default__$z,
   props: imageViewerProps,
   emits: imageViewerEmits,
   setup(__props, { emit }) {
@@ -29926,12 +29966,12 @@ const imageEmits = {
 
 const _hoisted_1$r = ["src", "loading"];
 const _hoisted_2$j = { key: 0 };
-const __default__$x = {
+const __default__$y = {
   name: "ElImage",
   inheritAttrs: false
 };
 const _sfc_main$Y = /* @__PURE__ */ defineComponent({
-  ...__default__$x,
+  ...__default__$y,
   props: imageProps,
   emits: imageEmits,
   setup(__props, { emit }) {
@@ -30186,11 +30226,11 @@ const inputNumberEmits = {
 
 const _hoisted_1$q = ["aria-label", "onKeydown"];
 const _hoisted_2$i = ["aria-label", "onKeydown"];
-const __default__$w = {
+const __default__$x = {
   name: "ElInputNumber"
 };
 const _sfc_main$X = /* @__PURE__ */ defineComponent({
-  ...__default__$w,
+  ...__default__$x,
   props: inputNumberProps,
   emits: inputNumberEmits,
   setup(__props, { expose, emit }) {
@@ -30483,11 +30523,11 @@ const linkEmits = {
 };
 
 const _hoisted_1$p = ["href"];
-const __default__$v = {
+const __default__$w = {
   name: "ElLink"
 };
 const _sfc_main$W = /* @__PURE__ */ defineComponent({
-  ...__default__$v,
+  ...__default__$w,
   props: linkProps,
   emits: linkEmits,
   setup(__props, { emit }) {
@@ -30694,7 +30734,7 @@ const _sfc_main$V = defineComponent({
     };
   }
 });
-function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(Transition, mergeProps({ mode: "out-in" }, _ctx.listeners), {
     default: withCtx(() => [
       renderSlot(_ctx.$slots, "default")
@@ -30702,7 +30742,7 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 16);
 }
-var ElMenuCollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["render", _sfc_render$o], ["__file", "menu-collapse-transition.vue"]]);
+var ElMenuCollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["render", _sfc_render$n], ["__file", "menu-collapse-transition.vue"]]);
 
 function useMenu(instance, currentIndex) {
   const indexPath = computed(() => {
@@ -31357,7 +31397,7 @@ const _sfc_main$U = defineComponent({
     };
   }
 });
-function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tooltip = resolveComponent("el-tooltip");
   return openBlock(), createElementBlock("li", {
     class: normalizeClass([
@@ -31393,7 +31433,7 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
     ], 64))
   ], 2);
 }
-var MenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$n], ["__file", "menu-item.vue"]]);
+var MenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$m], ["__file", "menu-item.vue"]]);
 
 const menuItemGroupProps = {
   title: String
@@ -31410,7 +31450,7 @@ const _sfc_main$T = defineComponent({
     };
   }
 });
-function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("li", {
     class: normalizeClass(_ctx.ns.b())
   }, [
@@ -31426,7 +31466,7 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 2);
 }
-var MenuItemGroup = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$m], ["__file", "menu-item-group.vue"]]);
+var MenuItemGroup = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$l], ["__file", "menu-item-group.vue"]]);
 
 const ElMenu = withInstall(Menu, {
   MenuItem,
@@ -31452,11 +31492,11 @@ const pageHeaderEmits = {
   back: () => true
 };
 
-const __default__$u = {
+const __default__$v = {
   name: "ElPageHeader"
 };
 const _sfc_main$S = /* @__PURE__ */ defineComponent({
-  ...__default__$u,
+  ...__default__$v,
   props: pageHeaderProps,
   emits: pageHeaderEmits,
   setup(__props, { emit }) {
@@ -31525,11 +31565,11 @@ const paginationPrevEmits = {
 
 const _hoisted_1$o = ["disabled", "aria-disabled"];
 const _hoisted_2$h = { key: 0 };
-const __default__$t = {
+const __default__$u = {
   name: "ElPaginationPrev"
 };
 const _sfc_main$R = /* @__PURE__ */ defineComponent({
-  ...__default__$t,
+  ...__default__$u,
   props: paginationPrevProps,
   emits: paginationPrevEmits,
   setup(__props) {
@@ -31572,11 +31612,11 @@ const paginationNextProps = buildProps({
 
 const _hoisted_1$n = ["disabled", "aria-disabled"];
 const _hoisted_2$g = { key: 0 };
-const __default__$s = {
+const __default__$t = {
   name: "ElPaginationNext"
 };
 const _sfc_main$Q = /* @__PURE__ */ defineComponent({
-  ...__default__$s,
+  ...__default__$t,
   props: paginationNextProps,
   emits: ["click"],
   setup(__props) {
@@ -31755,7 +31795,7 @@ const _sfc_main$P = defineComponent({
     };
   }
 });
-function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
   return withDirectives((openBlock(), createElementBlock("li", {
     class: normalizeClass([
       _ctx.ns.be("dropdown", "item"),
@@ -31775,7 +31815,7 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
     [vShow, _ctx.visible]
   ]);
 }
-var Option = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["render", _sfc_render$l], ["__file", "option.vue"]]);
+var Option = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["render", _sfc_render$k], ["__file", "option.vue"]]);
 
 const _sfc_main$O = defineComponent({
   name: "ElSelectDropdown",
@@ -31804,7 +31844,7 @@ const _sfc_main$O = defineComponent({
     };
   }
 });
-function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass([_ctx.ns.b("dropdown"), _ctx.ns.is("multiple", _ctx.isMultiple), _ctx.popperClass]),
     style: normalizeStyle({ [_ctx.isFitInputWidth ? "width" : "minWidth"]: _ctx.minWidth })
@@ -31812,7 +31852,7 @@ function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 6);
 }
-var ElSelectMenu$1 = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_render$k], ["__file", "select-dropdown.vue"]]);
+var ElSelectMenu$1 = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_render$j], ["__file", "select-dropdown.vue"]]);
 
 function useSelectStates(props) {
   const { t } = useLocale();
@@ -32789,7 +32829,7 @@ const _sfc_main$N = defineComponent({
 const _hoisted_1$m = { class: "select-trigger" };
 const _hoisted_2$f = ["disabled", "autocomplete"];
 const _hoisted_3$8 = { style: { "height": "100%", "display": "flex", "justify-content": "center", "align-items": "center" } };
-function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tag = resolveComponent("el-tag");
   const _component_el_tooltip = resolveComponent("el-tooltip");
   const _component_el_icon = resolveComponent("el-icon");
@@ -33091,7 +33131,7 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
     [_directive_click_outside, _ctx.handleClose, _ctx.popperPaneRef]
   ]);
 }
-var Select$1 = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$j], ["__file", "select.vue"]]);
+var Select$1 = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$i], ["__file", "select.vue"]]);
 
 const _sfc_main$M = defineComponent({
   name: "ElOptionGroup",
@@ -33139,7 +33179,7 @@ const _sfc_main$M = defineComponent({
     };
   }
 });
-function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
   return withDirectives((openBlock(), createElementBlock("ul", {
     class: normalizeClass(_ctx.ns.be("group", "wrap"))
   }, [
@@ -33157,7 +33197,7 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
     [vShow, _ctx.visible]
   ]);
 }
-var OptionGroup = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$i], ["__file", "option-group.vue"]]);
+var OptionGroup = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$h], ["__file", "option-group.vue"]]);
 
 const ElSelect = withInstall(Select$1, {
   Option,
@@ -33187,11 +33227,11 @@ const paginationSizesProps = buildProps({
   }
 });
 
-const __default__$r = {
+const __default__$s = {
   name: "ElPaginationSizes"
 };
 const _sfc_main$L = /* @__PURE__ */ defineComponent({
-  ...__default__$r,
+  ...__default__$s,
   props: paginationSizesProps,
   emits: ["page-size-change"],
   setup(__props, { emit }) {
@@ -33248,11 +33288,11 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
 var Sizes = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__file", "sizes.vue"]]);
 
 const _hoisted_1$l = ["disabled"];
-const __default__$q = {
+const __default__$r = {
   name: "ElPaginationJumper"
 };
 const _sfc_main$K = /* @__PURE__ */ defineComponent({
-  ...__default__$q,
+  ...__default__$r,
   setup(__props) {
     const { t } = useLocale();
     const ns = useNamespace("pagination");
@@ -33302,11 +33342,11 @@ const paginationTotalProps = buildProps({
 });
 
 const _hoisted_1$k = ["disabled"];
-const __default__$p = {
+const __default__$q = {
   name: "ElPaginationTotal"
 };
 const _sfc_main$J = /* @__PURE__ */ defineComponent({
-  ...__default__$p,
+  ...__default__$q,
   props: paginationTotalProps,
   setup(__props) {
     const { t } = useLocale();
@@ -33341,14 +33381,16 @@ const paginationPagerProps = buildProps({
 });
 
 const _hoisted_1$j = ["onKeyup"];
-const _hoisted_2$e = ["aria-current"];
-const _hoisted_3$7 = ["aria-current"];
-const _hoisted_4$5 = ["aria-current"];
-const __default__$o = {
+const _hoisted_2$e = ["aria-current", "tabindex"];
+const _hoisted_3$7 = ["tabindex"];
+const _hoisted_4$5 = ["aria-current", "tabindex"];
+const _hoisted_5$4 = ["tabindex"];
+const _hoisted_6 = ["aria-current", "tabindex"];
+const __default__$p = {
   name: "ElPaginationPager"
 };
 const _sfc_main$I = /* @__PURE__ */ defineComponent({
-  ...__default__$o,
+  ...__default__$p,
   props: paginationPagerProps,
   emits: ["change"],
   setup(__props, { emit }) {
@@ -33398,6 +33440,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
       }
       return array;
     });
+    const tabindex = computed(() => props.disabled ? -1 : 0);
     watchEffect(() => {
       const halfPagerCount = (props.pagerCount - 1) / 2;
       showPrevMore.value = false;
@@ -33479,7 +33522,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
             unref(nsPager).is("disabled", _ctx.disabled)
           ], "number"]),
           "aria-current": _ctx.currentPage === 1,
-          tabindex: "0"
+          tabindex: unref(tabindex)
         }, " 1 ", 10, _hoisted_2$e)) : createCommentVNode("v-if", true),
         showPrevMore.value ? (openBlock(), createElementBlock("li", {
           key: 1,
@@ -33489,14 +33532,14 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
             unref(nsIcon).b(),
             unref(nsPager).is("disabled", _ctx.disabled)
           ]),
-          tabindex: "0",
+          tabindex: unref(tabindex),
           onMouseenter: _cache[0] || (_cache[0] = ($event) => onMouseEnter(true)),
           onMouseleave: _cache[1] || (_cache[1] = ($event) => quickPrevHover.value = false),
           onFocus: _cache[2] || (_cache[2] = ($event) => onFocus(true)),
           onBlur: _cache[3] || (_cache[3] = ($event) => quickPrevFocus.value = false)
         }, [
           quickPrevHover.value || quickPrevFocus.value ? (openBlock(), createBlock(unref(d_arrow_left_default), { key: 0 })) : (openBlock(), createBlock(unref(more_filled_default), { key: 1 }))
-        ], 34)) : createCommentVNode("v-if", true),
+        ], 42, _hoisted_3$7)) : createCommentVNode("v-if", true),
         (openBlock(true), createElementBlock(Fragment, null, renderList(unref(pagers), (pager) => {
           return openBlock(), createElementBlock("li", {
             key: pager,
@@ -33505,8 +33548,8 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
               unref(nsPager).is("disabled", _ctx.disabled)
             ], "number"]),
             "aria-current": _ctx.currentPage === pager,
-            tabindex: "0"
-          }, toDisplayString(pager), 11, _hoisted_3$7);
+            tabindex: unref(tabindex)
+          }, toDisplayString(pager), 11, _hoisted_4$5);
         }), 128)),
         showNextMore.value ? (openBlock(), createElementBlock("li", {
           key: 2,
@@ -33516,14 +33559,14 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
             unref(nsIcon).b(),
             unref(nsPager).is("disabled", _ctx.disabled)
           ]),
-          tabindex: "0",
+          tabindex: unref(tabindex),
           onMouseenter: _cache[4] || (_cache[4] = ($event) => onMouseEnter()),
           onMouseleave: _cache[5] || (_cache[5] = ($event) => quickNextHover.value = false),
           onFocus: _cache[6] || (_cache[6] = ($event) => onFocus()),
           onBlur: _cache[7] || (_cache[7] = ($event) => quickNextFocus.value = false)
         }, [
           quickNextHover.value || quickNextFocus.value ? (openBlock(), createBlock(unref(d_arrow_right_default), { key: 0 })) : (openBlock(), createBlock(unref(more_filled_default), { key: 1 }))
-        ], 34)) : createCommentVNode("v-if", true),
+        ], 42, _hoisted_5$4)) : createCommentVNode("v-if", true),
         _ctx.pageCount > 1 ? (openBlock(), createElementBlock("li", {
           key: 3,
           class: normalizeClass([[
@@ -33531,8 +33574,8 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
             unref(nsPager).is("disabled", _ctx.disabled)
           ], "number"]),
           "aria-current": _ctx.currentPage === _ctx.pageCount,
-          tabindex: "0"
-        }, toDisplayString(_ctx.pageCount), 11, _hoisted_4$5)) : createCommentVNode("v-if", true)
+          tabindex: unref(tabindex)
+        }, toDisplayString(_ctx.pageCount), 11, _hoisted_6)) : createCommentVNode("v-if", true)
       ], 42, _hoisted_1$j);
     };
   }
@@ -33826,11 +33869,11 @@ const popconfirmProps = buildProps({
   persistent: useTooltipContentProps.persistent
 });
 
-const __default__$n = {
+const __default__$o = {
   name: "ElPopconfirm"
 };
 const _sfc_main$H = /* @__PURE__ */ defineComponent({
-  ...__default__$n,
+  ...__default__$o,
   props: popconfirmProps,
   setup(__props) {
     const props = __props;
@@ -34052,7 +34095,7 @@ const _sfc_main$G = defineComponent({
     };
   }
 });
-function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tooltip = resolveComponent("el-tooltip");
   return openBlock(), createBlock(_component_el_tooltip, mergeProps({ ref: "tooltipRef" }, _ctx.$attrs, {
     trigger: _ctx.trigger,
@@ -34097,7 +34140,7 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 16, ["trigger", "placement", "disabled", "visible", "transition", "popper-options", "tabindex", "content", "offset", "show-after", "hide-after", "auto-close", "show-arrow", "aria-label", "effect", "enterable", "popper-class", "popper-style", "teleported", "persistent", "gpu-acceleration", "onBeforeShow", "onBeforeHide", "onShow", "onHide"]);
 }
-var Popover = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render$h], ["__file", "index.vue"]]);
+var Popover = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render$g], ["__file", "index.vue"]]);
 
 const attachEvents = (el, binding) => {
   const popperComponent = binding.arg || binding.value;
@@ -34191,11 +34234,11 @@ const _hoisted_2$d = { viewBox: "0 0 100 100" };
 const _hoisted_3$6 = ["d", "stroke", "stroke-width"];
 const _hoisted_4$4 = ["d", "stroke", "opacity", "stroke-linecap", "stroke-width"];
 const _hoisted_5$3 = { key: 0 };
-const __default__$m = {
+const __default__$n = {
   name: "ElProgress"
 };
 const _sfc_main$F = /* @__PURE__ */ defineComponent({
-  ...__default__$m,
+  ...__default__$n,
   props: progressProps,
   setup(__props) {
     const props = __props;
@@ -34475,11 +34518,11 @@ const rateEmits = {
 
 const _hoisted_1$h = ["id", "aria-label", "aria-labelledby", "aria-valuenow", "aria-valuetext", "aria-valuemax"];
 const _hoisted_2$c = ["onMousemove", "onClick"];
-const __default__$l = {
+const __default__$m = {
   name: "ElRate"
 };
 const _sfc_main$E = /* @__PURE__ */ defineComponent({
-  ...__default__$l,
+  ...__default__$m,
   props: rateProps,
   emits: rateEmits,
   setup(__props, { expose, emit }) {
@@ -34739,11 +34782,11 @@ const resultProps = buildProps({
   }
 });
 
-const __default__$k = {
+const __default__$l = {
   name: "ElResult"
 };
 const _sfc_main$D = /* @__PURE__ */ defineComponent({
-  ...__default__$k,
+  ...__default__$l,
   props: resultProps,
   setup(__props) {
     const props = __props;
@@ -34831,11 +34874,11 @@ const rowProps = buildProps({
   }
 });
 
-const __default__$j = {
+const __default__$k = {
   name: "ElRow"
 };
 const _sfc_main$C = /* @__PURE__ */ defineComponent({
-  ...__default__$j,
+  ...__default__$k,
   props: rowProps,
   setup(__props) {
     const props = __props;
@@ -36679,7 +36722,7 @@ const _sfc_main$B = defineComponent({
     };
   }
 });
-function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
   return _ctx.item.isTitle ? (openBlock(), createElementBlock("div", {
     key: 0,
     class: normalizeClass(_ctx.ns.be("group", "title")),
@@ -36695,7 +36738,7 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 6)
   ], 6));
 }
-var GroupItem = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render$g], ["__file", "group-item.vue"]]);
+var GroupItem = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render$f], ["__file", "group-item.vue"]]);
 
 function useOption(props, { emit }) {
   return {
@@ -36826,7 +36869,7 @@ const _sfc_main$A = defineComponent({
   }
 });
 const _hoisted_1$g = ["aria-selected"];
-function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("li", {
     "aria-selected": _ctx.selected,
     style: normalizeStyle(_ctx.style),
@@ -36849,7 +36892,7 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 46, _hoisted_1$g);
 }
-var OptionItem = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$f], ["__file", "option-item.vue"]]);
+var OptionItem = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$e], ["__file", "option-item.vue"]]);
 
 const selectV2InjectionKey = "ElSelectV2Injection";
 
@@ -37854,7 +37897,7 @@ const _hoisted_2$b = ["id", "autocomplete", "aria-expanded", "aria-labelledby",
 const _hoisted_3$5 = ["textContent"];
 const _hoisted_4$3 = ["id", "aria-labelledby", "aria-expanded", "autocomplete", "disabled", "name", "readonly", "unselectable"];
 const _hoisted_5$2 = ["textContent"];
-function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tag = resolveComponent("el-tag");
   const _component_el_tooltip = resolveComponent("el-tooltip");
   const _component_el_icon = resolveComponent("el-icon");
@@ -38196,7 +38239,7 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
     [_directive_click_outside, _ctx.handleClickOutside, _ctx.popperRef]
   ]);
 }
-var Select = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$e], ["__file", "select.vue"]]);
+var Select = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$d], ["__file", "select.vue"]]);
 
 Select.install = (app) => {
   app.component(Select.name, Select);
@@ -38244,11 +38287,11 @@ const skeletonItemProps = buildProps({
   }
 });
 
-const __default__$i = {
+const __default__$j = {
   name: "ElSkeletonItem"
 };
 const _sfc_main$y = /* @__PURE__ */ defineComponent({
-  ...__default__$i,
+  ...__default__$j,
   props: skeletonItemProps,
   setup(__props) {
     const ns = useNamespace("skeleton");
@@ -38263,11 +38306,11 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
 });
 var SkeletonItem = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__file", "skeleton-item.vue"]]);
 
-const __default__$h = {
+const __default__$i = {
   name: "ElSkeleton"
 };
 const _sfc_main$x = /* @__PURE__ */ defineComponent({
-  ...__default__$h,
+  ...__default__$i,
   props: skeletonProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -38895,11 +38938,11 @@ const sliderButtonEmits = {
   [UPDATE_MODEL_EVENT]: (value) => isNumber(value)
 };
 
-const __default__$g = {
+const __default__$h = {
   name: "ElSliderButton"
 };
 const _sfc_main$w = /* @__PURE__ */ defineComponent({
-  ...__default__$g,
+  ...__default__$h,
   props: sliderButtonProps,
   emits: sliderButtonEmits,
   setup(__props, { expose, emit }) {
@@ -39004,11 +39047,11 @@ var SliderMarker = defineComponent({
 
 const _hoisted_1$e = ["id", "role", "aria-label", "aria-labelledby"];
 const _hoisted_2$a = { key: 1 };
-const __default__$f = {
+const __default__$g = {
   name: "ElSlider"
 };
 const _sfc_main$v = /* @__PURE__ */ defineComponent({
-  ...__default__$f,
+  ...__default__$g,
   props: sliderProps,
   emits: sliderEmits,
   setup(__props, { expose, emit }) {
@@ -39235,14 +39278,14 @@ const _sfc_main$u = defineComponent({
     };
   }
 });
-function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.classes)
   }, [
     renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-var Item = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$d], ["__file", "item.vue"]]);
+var Item = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$c], ["__file", "item.vue"]]);
 
 const SIZE_MAP = {
   small: 8,
@@ -39453,11 +39496,11 @@ const stepsEmits = {
   [CHANGE_EVENT]: (newVal, oldVal) => [newVal, oldVal].every(isNumber)
 };
 
-const __default__$e = {
+const __default__$f = {
   name: "ElSteps"
 };
 const _sfc_main$t = /* @__PURE__ */ defineComponent({
-  ...__default__$e,
+  ...__default__$f,
   props: stepsProps,
   emits: stepsEmits,
   setup(__props, { emit }) {
@@ -39503,11 +39546,11 @@ const stepProps = buildProps({
   }
 });
 
-const __default__$d = {
+const __default__$e = {
   name: "ElStep"
 };
 const _sfc_main$s = defineComponent({
-  ...__default__$d,
+  ...__default__$e,
   props: stepProps,
   setup(__props) {
     const props = __props;
@@ -39893,7 +39936,7 @@ const _hoisted_2$9 = ["aria-hidden"];
 const _hoisted_3$4 = ["aria-hidden"];
 const _hoisted_4$2 = ["aria-hidden"];
 const _hoisted_5$1 = ["aria-hidden"];
-function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
   const _component_loading = resolveComponent("loading");
   return openBlock(), createElementBlock("div", {
@@ -40012,7 +40055,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)) : createCommentVNode("v-if", true)
   ], 6);
 }
-var Switch = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$c], ["__file", "switch.vue"]]);
+var Switch = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$b], ["__file", "switch.vue"]]);
 
 const ElSwitch = withInstall(Switch);
 
@@ -41790,7 +41833,7 @@ const _sfc_main$q = defineComponent({
 const _hoisted_1$c = { key: 0 };
 const _hoisted_2$8 = ["disabled"];
 const _hoisted_3$3 = ["label", "onClick"];
-function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_checkbox = resolveComponent("el-checkbox");
   const _component_el_checkbox_group = resolveComponent("el-checkbox-group");
   const _component_el_scrollbar = resolveComponent("el-scrollbar");
@@ -41904,7 +41947,7 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["visible", "placement", "popper-class"]);
 }
-var FilterPanel = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$b], ["__file", "filter-panel.vue"]]);
+var FilterPanel = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$a], ["__file", "filter-panel.vue"]]);
 
 function useLayoutObserver(root) {
   const instance = getCurrentInstance();
@@ -43716,7 +43759,7 @@ const _hoisted_2$7 = {
   ref: "hiddenColumns",
   class: "hidden-columns"
 };
-function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_hColgroup = resolveComponent("hColgroup");
   const _component_table_header = resolveComponent("table-header");
   const _component_table_body = resolveComponent("table-body");
@@ -43882,7 +43925,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 46, _hoisted_1$b);
 }
-var Table = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$a], ["__file", "table.vue"]]);
+var Table = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$9], ["__file", "table.vue"]]);
 
 const defaultClassNames = {
   selection: "table-column--selection",
@@ -46555,11 +46598,11 @@ const tabBarProps = buildProps({
   }
 });
 
-const __default__$c = {
+const __default__$d = {
   name: "ElTabBar"
 };
 const _sfc_main$o = /* @__PURE__ */ defineComponent({
-  ...__default__$c,
+  ...__default__$d,
   props: tabBarProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -46697,10 +46740,11 @@ const TabNav = defineComponent({
       const newOffset = navSize - currentOffset > containerSize * 2 ? currentOffset + containerSize : navSize - containerSize;
       navOffset.value = newOffset;
     };
-    const scrollToActiveTab = () => {
+    const scrollToActiveTab = async () => {
       const nav = nav$.value;
       if (!scrollable.value || !el$.value || !navScroll$.value || !nav)
         return;
+      await nextTick();
       const activeTab = el$.value.querySelector(".is-active");
       if (!activeTab)
         return;
@@ -46964,6 +47008,7 @@ var Tabs = defineComponent({
     watch(() => props.modelValue, (modelValue) => setCurrentName(modelValue));
     watch(currentName, async () => {
       var _a;
+      await nextTick();
       (_a = nav$.value) == null ? void 0 : _a.scrollToActiveTab();
     });
     {
@@ -47033,11 +47078,11 @@ const tabPaneProps = buildProps({
 });
 
 const _hoisted_1$a = ["id", "aria-hidden", "aria-labelledby"];
-const __default__$b = {
+const __default__$c = {
   name: "ElTabPane"
 };
 const _sfc_main$n = /* @__PURE__ */ defineComponent({
-  ...__default__$b,
+  ...__default__$c,
   props: tabPaneProps,
   setup(__props) {
     const props = __props;
@@ -47198,11 +47243,11 @@ const nextTime = (time, step) => {
   return formatTime(next);
 };
 
-const __default__$a = {
+const __default__$b = {
   name: "ElTimeSelect"
 };
 const _sfc_main$m = /* @__PURE__ */ defineComponent({
-  ...__default__$a,
+  ...__default__$b,
   props: timeSelectProps,
   emits: ["change", "blur", "focus", "update:modelValue"],
   setup(__props, { expose }) {
@@ -47365,11 +47410,11 @@ const timelineItemProps = buildProps({
   }
 });
 
-const __default__$9 = {
+const __default__$a = {
   name: "ElTimelineItem"
 };
 const _sfc_main$l = /* @__PURE__ */ defineComponent({
-  ...__default__$9,
+  ...__default__$a,
   props: timelineItemProps,
   setup(__props) {
     const ns = useNamespace("timeline-item");
@@ -47568,11 +47613,11 @@ const tooltipV2Props = buildProps({
   }
 });
 
-const __default__$8 = {
+const __default__$9 = {
   name: "ElTooltipV2Root"
 };
 const _sfc_main$k = /* @__PURE__ */ defineComponent({
-  ...__default__$8,
+  ...__default__$9,
   props: tooltipV2RootProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -47641,11 +47686,11 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
 });
 var TooltipV2Root = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__file", "root.vue"]]);
 
-const __default__$7 = {
+const __default__$8 = {
   name: "ElTooltipV2Arrow"
 };
 const _sfc_main$j = /* @__PURE__ */ defineComponent({
-  ...__default__$7,
+  ...__default__$8,
   props: {
     ...tooltipV2ArrowProps,
     ...tooltipV2ArrowSpecialProps
@@ -47677,41 +47722,46 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
 });
 var TooltipV2Arrow = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__file", "arrow.vue"]]);
 
-const _sfc_main$i = defineComponent({
-  name: "ElVisuallyHidden",
-  props: {
-    style: {
-      type: [String, Object, Array]
-    }
-  },
-  setup(props) {
-    return {
-      computedStyle: computed(() => {
-        return [
-          props.style,
-          {
-            position: "absolute",
-            border: 0,
-            width: 1,
-            height: 1,
-            padding: 0,
-            margin: -1,
-            overflow: "hidden",
-            clip: "rect(0, 0, 0, 0)",
-            whiteSpace: "nowrap",
-            wordWrap: "normal"
-          }
-        ];
-      })
+const visualHiddenProps = buildProps({
+  style: {
+    type: definePropType([String, Object, Array]),
+    default: () => ({})
+  }
+});
+
+const __default__$7 = {
+  name: "ElVisuallyHidden"
+};
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
+  ...__default__$7,
+  props: visualHiddenProps,
+  setup(__props) {
+    const props = __props;
+    const computedStyle = computed(() => {
+      return [
+        props.style,
+        {
+          position: "absolute",
+          border: 0,
+          width: 1,
+          height: 1,
+          padding: 0,
+          margin: -1,
+          overflow: "hidden",
+          clip: "rect(0, 0, 0, 0)",
+          whiteSpace: "nowrap",
+          wordWrap: "normal"
+        }
+      ];
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", mergeProps(_ctx.$attrs, { style: unref(computedStyle) }), [
+        renderSlot(_ctx.$slots, "default")
+      ], 16);
     };
   }
 });
-function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("span", mergeProps(_ctx.$attrs, { style: _ctx.computedStyle }), [
-    renderSlot(_ctx.$slots, "default")
-  ], 16);
-}
-var ElVisuallyHidden = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$9], ["__file", "visual-hidden.vue"]]);
+var ElVisuallyHidden = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__file", "visual-hidden.vue"]]);
 
 const _hoisted_1$9 = ["data-side"];
 const __default__$6 = {
@@ -51689,10 +51739,6 @@ var UploadDragger = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__file", "upload
 
 const uploadContentProps = buildProps({
   ...uploadBaseProps,
-  fileList: {
-    type: definePropType(Array),
-    default: () => mutable([])
-  },
   beforeUpload: {
     type: definePropType(Function),
     default: NOOP
@@ -51895,7 +51941,7 @@ const revokeObjectURL = (file) => {
   }
 };
 const useHandlers = (props, uploadRef) => {
-  const uploadFiles = ref([]);
+  const uploadFiles = useVModel(props, "fileList", void 0, { passive: true });
   const getFile = (rawFile) => uploadFiles.value.find((file) => file.uid === rawFile.uid);
   function abort(file) {
     var _a;
@@ -51908,6 +51954,7 @@ const useHandlers = (props, uploadRef) => {
     const file = getFile(rawFile);
     if (!file)
       return;
+    console.error(err);
     file.status = "fail";
     uploadFiles.value.splice(uploadFiles.value.indexOf(file), 1);
     props.onError(err, file, uploadFiles.value);
@@ -51991,14 +52038,14 @@ const useHandlers = (props, uploadRef) => {
       return file;
     });
   });
-  watch(() => props.fileList, (fileList) => {
-    for (const file of fileList) {
+  watch(uploadFiles, (files) => {
+    for (const file of files) {
       file.uid || (file.uid = genFileId());
       file.status || (file.status = "success");
     }
-    uploadFiles.value = fileList;
   }, { immediate: true, deep: true });
   return {
+    uploadFiles,
     abort,
     clearFiles,
     handleError,
@@ -52006,8 +52053,7 @@ const useHandlers = (props, uploadRef) => {
     handleStart,
     handleSuccess,
     handleRemove,
-    submit,
-    uploadFiles
+    submit
   };
 };