@element-plus/nightly 0.0.20220614 → 0.0.20220617

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220614 */
+/*! Element Plus v0.0.20220617 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -6950,6 +6950,7 @@
 
   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";
@@ -7303,6 +7304,46 @@
     SwipeDirection2["NONE"] = "NONE";
   })(SwipeDirection || (SwipeDirection = {}));
 
+  function useVModel(props, key, emit, options = {}) {
+    var _a;
+    const {
+      passive = false,
+      eventName,
+      deep = false,
+      defaultValue
+    } = options;
+    const vm = vue.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 = vue.ref(getValue());
+      vue.watch(() => props[key], (v) => proxy.value = v);
+      vue.watch(proxy, (v) => {
+        if (v !== props[key] || deep)
+          _emit(event, v);
+      }, {
+        deep
+      });
+      return proxy;
+    } else {
+      return vue.computed({
+        get() {
+          return getValue();
+        },
+        set(value) {
+          _emit(event, value);
+        }
+      });
+    }
+  }
+
   function useWindowFocus({ window = defaultWindow } = {}) {
     if (!window)
       return vue.ref(false);
@@ -9782,17 +9823,9 @@
     } = 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
@@ -9824,7 +9857,15 @@
         }
       };
 
-      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;
@@ -10683,7 +10724,7 @@
     return [recordCursor, setCursor];
   }
 
-  const version$1 = "0.0.20220614";
+  const version$1 = "0.0.20220617";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -10732,11 +10773,11 @@
     return target;
   };
 
-  const __default__$1h = {
+  const __default__$1i = {
     name: "ElAffix"
   };
   const _sfc_main$2g = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1h,
+    ...__default__$1i,
     props: affixProps,
     emits: affixEmits,
     setup(__props, { expose, emit }) {
@@ -10851,12 +10892,12 @@
     }
   });
 
-  const __default__$1g = {
+  const __default__$1h = {
     name: "ElIcon",
     inheritAttrs: false
   };
   const _sfc_main$2f = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1g,
+    ...__default__$1h,
     props: iconProps,
     setup(__props) {
       const props = __props;
@@ -10918,11 +10959,11 @@
     close: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$1f = {
+  const __default__$1g = {
     name: "ElAlert"
   };
   const _sfc_main$2e = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1f,
+    ...__default__$1g,
     props: alertProps,
     emits: alertEmits,
     setup(__props, { emit }) {
@@ -11190,12 +11231,12 @@
   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__ */ vue.defineComponent({
-    ...__default__$1e,
+    ...__default__$1f,
     props: inputProps,
     emits: inputEmits,
     setup(__props, { expose, emit }) {
@@ -11886,14 +11927,14 @@
     scroll: ({
       scrollTop,
       scrollLeft
-    }) => isNumber(scrollTop) && isNumber(scrollLeft)
+    }) => [scrollTop, scrollLeft].every(isNumber)
   };
 
-  const __default__$1d = {
+  const __default__$1e = {
     name: "ElScrollbar"
   };
   const _sfc_main$2a = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1d,
+    ...__default__$1e,
     props: scrollbarProps,
     emits: scrollbarEmits,
     setup(__props, { expose, emit }) {
@@ -12054,12 +12095,12 @@
     }
   });
 
-  const __default__$1c = {
+  const __default__$1d = {
     name: "ElPopperRoot",
     inheritAttrs: false
   };
   const _sfc_main$29 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1c,
+    ...__default__$1d,
     props: usePopperProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -12091,12 +12132,12 @@
     }
   });
 
-  const __default__$1b = {
+  const __default__$1c = {
     name: "ElPopperArrow",
     inheritAttrs: false
   };
   const _sfc_main$28 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1b,
+    ...__default__$1c,
     props: usePopperArrowProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -12194,12 +12235,12 @@
     open: Boolean
   });
 
-  const __default__$1a = {
+  const __default__$1b = {
     name: "ElPopperTrigger",
     inheritAttrs: false
   };
   const _sfc_main$27 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1a,
+    ...__default__$1b,
     props: usePopperTriggerProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -12601,10 +12642,10 @@
       };
     }
   });
-  function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.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({
@@ -12761,11 +12802,11 @@
     }
   }
 
-  const __default__$19 = {
+  const __default__$1a = {
     name: "ElPopperContent"
   };
   const _sfc_main$25 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$19,
+    ...__default__$1a,
     props: usePopperContentProps,
     emits: usePopperContentEmits,
     setup(__props, { expose, emit }) {
@@ -13136,7 +13177,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-popper-content");
     return vue.openBlock(), vue.createBlock(vue.Teleport, {
       disabled: !_ctx.teleported,
@@ -13191,7 +13232,7 @@
       }, 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)) {
@@ -13256,7 +13297,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-popper-trigger");
     return vue.openBlock(), vue.createBlock(_component_el_popper_trigger, {
       id: _ctx.id,
@@ -13278,7 +13319,7 @@
       _: 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 = vue.defineComponent({
@@ -13397,7 +13438,7 @@
   });
   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 = vue.resolveComponent("el-tooltip-trigger");
     const _component_el_popper_arrow = vue.resolveComponent("el-popper-arrow");
     const _component_el_tooltip_content = vue.resolveComponent("el-tooltip-content");
@@ -13466,7 +13507,7 @@
       _: 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);
 
@@ -13537,12 +13578,12 @@
   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__ */ vue.defineComponent({
-    ...__default__$18,
+    ...__default__$19,
     props: autocompleteProps,
     emits: autocompleteEmits,
     setup(__props, { expose, emit }) {
@@ -13869,11 +13910,11 @@
   };
 
   const _hoisted_1$$ = ["src", "alt", "srcset"];
-  const __default__$17 = {
+  const __default__$18 = {
     name: "ElAvatar"
   };
   const _sfc_main$20 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$17,
+    ...__default__$18,
     props: avatarProps,
     emits: avatarEmits,
     setup(__props, { emit }) {
@@ -13954,11 +13995,11 @@
   };
 
   const _hoisted_1$_ = ["onClick"];
-  const __default__$16 = {
+  const __default__$17 = {
     name: "ElBacktop"
   };
   const _sfc_main$1$ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$16,
+    ...__default__$17,
     props: backtopProps,
     emits: backtopEmits,
     setup(__props, { emit }) {
@@ -14063,11 +14104,11 @@
   });
 
   const _hoisted_1$Z = ["textContent"];
-  const __default__$15 = {
+  const __default__$16 = {
     name: "ElBadge"
   };
   const _sfc_main$1_ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$15,
+    ...__default__$16,
     props: badgeProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -14126,11 +14167,11 @@
     }
   });
 
-  const __default__$14 = {
+  const __default__$15 = {
     name: "ElBreadcrumb"
   };
   const _sfc_main$1Z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$14,
+    ...__default__$15,
     props: breadcrumbProps,
     setup(__props) {
       const props = __props;
@@ -14169,11 +14210,11 @@
     }
   });
 
-  const __default__$13 = {
+  const __default__$14 = {
     name: "ElBreadcrumbItem"
   };
   const _sfc_main$1Y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$13,
+    ...__default__$14,
     props: breadcrumbItemProps,
     setup(__props) {
       const props = __props;
@@ -15204,11 +15245,11 @@
   }
 
   const _hoisted_1$Y = ["aria-disabled", "disabled", "autofocus", "type"];
-  const __default__$12 = {
+  const __default__$13 = {
     name: "ElButton"
   };
   const _sfc_main$1X = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$12,
+    ...__default__$13,
     props: buttonProps,
     emits: buttonEmits,
     setup(__props, { expose, emit }) {
@@ -15316,11 +15357,11 @@
     type: buttonProps.type
   };
 
-  const __default__$11 = {
+  const __default__$12 = {
     name: "ElButtonGroup"
   };
   const _sfc_main$1W = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$11,
+    ...__default__$12,
     props: buttonGroupProps,
     setup(__props) {
       const props = __props;
@@ -15972,11 +16013,11 @@
 
   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__ */ vue.defineComponent({
-    ...__default__$10,
+    ...__default__$11,
     props: timePickerDefaultProps,
     emits: [
       "update:modelValue",
@@ -17682,11 +17723,11 @@
 
   const _hoisted_1$U = { key: 0 };
   const _hoisted_2$C = ["onClick"];
-  const __default__$$ = {
+  const __default__$10 = {
     name: "DateTable"
   };
   const _sfc_main$1R = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$$,
+    ...__default__$10,
     props: dateTableProps,
     emits: dateTableEmits,
     setup(__props, { expose, emit }) {
@@ -17841,11 +17882,11 @@
     [INPUT_EVENT]: (value) => isDate(value)
   };
 
-  const __default__$_ = {
+  const __default__$$ = {
     name: "ElCalendar"
   };
   const _sfc_main$1Q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$_,
+    ...__default__$$,
     props: calendarProps,
     emits: calendarEmits,
     setup(__props, { expose, emit }) {
@@ -18076,11 +18117,11 @@
     }
   });
 
-  const __default__$Z = {
+  const __default__$_ = {
     name: "ElCard"
   };
   const _sfc_main$1P = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Z,
+    ...__default__$_,
     props: cardProps,
     setup(__props) {
       const ns = useNamespace("card");
@@ -18172,11 +18213,11 @@
   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__ */ vue.defineComponent({
-    ...__default__$Y,
+    ...__default__$Z,
     props: carouselProps,
     emits: carouselEmits,
     setup(__props, { expose, emit }) {
@@ -18485,11 +18526,11 @@
     }
   });
 
-  const __default__$X = {
+  const __default__$Y = {
     name: "ElCarouselItem"
   };
   const _sfc_main$1N = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$X,
+    ...__default__$Y,
     props: carouselItemProps,
     setup(__props) {
       const props = __props;
@@ -18901,11 +18942,11 @@
   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__ */ vue.defineComponent({
-    ...__default__$W,
+    ...__default__$X,
     props: checkboxProps,
     emits: checkboxEmits,
     setup(__props) {
@@ -19006,11 +19047,11 @@
 
   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__ */ vue.defineComponent({
-    ...__default__$V,
+    ...__default__$W,
     props: checkboxProps,
     emits: checkboxEmits,
     setup(__props) {
@@ -19084,11 +19125,11 @@
   });
   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__ */ vue.defineComponent({
-    ...__default__$U,
+    ...__default__$V,
     props: useCheckboxGroupProps,
     emits: checkboxGroupEmits,
     setup(__props, { emit }) {
@@ -19210,11 +19251,11 @@
   };
 
   const _hoisted_1$Q = ["value", "name", "disabled"];
-  const __default__$T = {
+  const __default__$U = {
     name: "ElRadio"
   };
   const _sfc_main$1J = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$T,
+    ...__default__$U,
     props: radioProps,
     emits: radioEmits,
     setup(__props, { emit }) {
@@ -19286,11 +19327,11 @@
   });
 
   const _hoisted_1$P = ["value", "name", "disabled"];
-  const __default__$S = {
+  const __default__$T = {
     name: "ElRadioButton"
   };
   const _sfc_main$1I = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$S,
+    ...__default__$T,
     props: radioButtonProps,
     setup(__props) {
       const props = __props;
@@ -19376,11 +19417,11 @@
   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__ */ vue.defineComponent({
-    ...__default__$R,
+    ...__default__$S,
     props: radioGroupProps,
     emits: radioGroupEmits,
     setup(__props, { emit }) {
@@ -19577,7 +19618,7 @@
   });
   const _hoisted_1$N = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
   const _hoisted_2$y = /* @__PURE__ */ vue.createElementVNode("span", null, null, -1);
-  function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_checkbox = vue.resolveComponent("el-checkbox");
     const _component_el_radio = vue.resolveComponent("el-radio");
     const _component_check = vue.resolveComponent("check");
@@ -19660,7 +19701,7 @@
       ], 64)) : vue.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 = vue.defineComponent({
     name: "ElCascaderMenu",
@@ -19740,7 +19781,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-cascader-node");
     const _component_loading = vue.resolveComponent("loading");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -19793,7 +19834,7 @@
       _: 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";
@@ -20268,7 +20309,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-cascader-menu");
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass([_ctx.ns.b("panel"), _ctx.ns.is("bordered", _ctx.border)]),
@@ -20285,7 +20326,7 @@
       }), 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);
@@ -20323,11 +20364,11 @@
     click: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$Q = {
+  const __default__$R = {
     name: "ElTag"
   };
   const _sfc_main$1D = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Q,
+    ...__default__$R,
     props: tagProps,
     emits: tagEmits,
     setup(__props, { emit }) {
@@ -20852,7 +20893,7 @@
   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 = vue.resolveComponent("circle-close");
     const _component_el_icon = vue.resolveComponent("el-icon");
     const _component_arrow_down = vue.resolveComponent("arrow-down");
@@ -21079,7 +21120,7 @@
       _: 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);
@@ -21098,11 +21139,11 @@
     [CHANGE_EVENT]: (value) => isBoolean(value)
   };
 
-  const __default__$P = {
+  const __default__$Q = {
     name: "ElCheckTag"
   };
   const _sfc_main$1B = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$P,
+    ...__default__$Q,
     props: checkTagProps,
     emits: checkTagEmits,
     setup(__props, { emit }) {
@@ -21170,11 +21211,11 @@
     }
   });
 
-  const __default__$O = {
+  const __default__$P = {
     name: "ElCol"
   };
   const _sfc_main$1A = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$O,
+    ...__default__$P,
     props: colProps,
     setup(__props) {
       const props = __props;
@@ -21244,11 +21285,11 @@
     [CHANGE_EVENT]: emitChangeFn
   };
 
-  const __default__$N = {
+  const __default__$O = {
     name: "ElCollapse"
   };
   const _sfc_main$1z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$N,
+    ...__default__$O,
     props: collapseProps,
     emits: collapseEmits,
     setup(__props, { expose, emit }) {
@@ -21299,11 +21340,11 @@
   });
   var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["__file", "collapse.vue"]]);
 
-  const __default__$M = {
+  const __default__$N = {
     name: "ElCollapseTransition"
   };
   const _sfc_main$1y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$M,
+    ...__default__$N,
     setup(__props) {
       const ns = useNamespace("collapse-transition");
       const on = {
@@ -21391,11 +21432,11 @@
   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__ */ vue.defineComponent({
-    ...__default__$L,
+    ...__default__$M,
     props: collapseItemProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -21637,7 +21678,7 @@
       };
     }
   });
-  function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(["el-color-alpha-slider", { "is-vertical": _ctx.vertical }])
     }, [
@@ -21659,7 +21700,7 @@
       }, 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 = vue.defineComponent({
     name: "ElColorHueSlider",
@@ -21752,7 +21793,7 @@
       };
     }
   });
-  function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(["el-color-hue-slider", { "is-vertical": _ctx.vertical }])
     }, [
@@ -21771,7 +21812,7 @@
       }, 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 = () => {
@@ -22092,7 +22133,7 @@
   const _hoisted_1$K = { class: "el-color-predefine" };
   const _hoisted_2$v = { class: "el-color-predefine__colors" };
   const _hoisted_3$i = ["onClick"];
-  function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$K, [
       vue.createElementVNode("div", _hoisted_2$v, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.rgbaColors, (item, index) => {
@@ -22109,7 +22150,7 @@
       ])
     ]);
   }
-  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 = vue.defineComponent({
     name: "ElSlPanel",
@@ -22185,7 +22226,7 @@
   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 vue.openBlock(), vue.createElementBlock("div", {
       class: "el-color-svpanel",
       style: vue.normalizeStyle({
@@ -22203,7 +22244,7 @@
       }, _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 = vue.defineComponent({
     name: "ElColorPicker",
@@ -22404,7 +22445,7 @@
     }
   });
   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 = vue.resolveComponent("hue-slider");
     const _component_sv_panel = vue.resolveComponent("sv-panel");
     const _component_alpha_slider = vue.resolveComponent("alpha-slider");
@@ -22559,7 +22600,7 @@
       _: 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);
@@ -22610,11 +22651,11 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const __default__$K = {
+  const __default__$L = {
     name: "ElContainer"
   };
   const _sfc_main$1r = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$K,
+    ...__default__$L,
     props: {
       direction: {
         type: String
@@ -22651,11 +22692,11 @@
   });
   var Container = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["__file", "container.vue"]]);
 
-  const __default__$J = {
+  const __default__$K = {
     name: "ElAside"
   };
   const _sfc_main$1q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$J,
+    ...__default__$K,
     props: {
       width: {
         type: String,
@@ -22678,11 +22719,11 @@
   });
   var Aside = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["__file", "aside.vue"]]);
 
-  const __default__$I = {
+  const __default__$J = {
     name: "ElFooter"
   };
   const _sfc_main$1p = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$I,
+    ...__default__$J,
     props: {
       height: {
         type: String,
@@ -22705,11 +22746,11 @@
   });
   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__ */ vue.defineComponent({
-    ...__default__$H,
+    ...__default__$I,
     props: {
       height: {
         type: String,
@@ -22736,11 +22777,11 @@
   });
   var Header = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["__file", "header.vue"]]);
 
-  const __default__$G = {
+  const __default__$H = {
     name: "ElMain"
   };
   const _sfc_main$1n = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$G,
+    ...__default__$H,
     setup(__props) {
       const ns = useNamespace("main");
       return (_ctx, _cache) => {
@@ -23748,7 +23789,7 @@
   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__ */ vue.defineComponent({
     __name: "panel-date-pick",
     props: panelDatePickProps,
@@ -24287,7 +24328,7 @@
                       ]),
                       _: 1
                     })
-                  ], 10, _hoisted_5$6)
+                  ], 10, _hoisted_5$7)
                 ], 2)
               ], 2), [
                 [vue.vShow, currentView.value !== "time"]
@@ -24473,7 +24514,7 @@
   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__ */ vue.defineComponent({
     __name: "panel-date-range",
     props: panelDateRangeProps,
@@ -25035,7 +25076,7 @@
                       ]),
                       _: 1
                     })
-                  ], 10, _hoisted_5$5)) : vue.createCommentVNode("v-if", true),
+                  ], 10, _hoisted_5$6)) : vue.createCommentVNode("v-if", true),
                   vue.createElementVNode("button", {
                     type: "button",
                     class: vue.normalizeClass([vue.unref(ppNs).e("icon-btn"), "d-arrow-right"]),
@@ -25168,11 +25209,11 @@
   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__ */ vue.defineComponent({
-    ...__default__$F,
+    ...__default__$G,
     props: panelMonthRangeProps,
     emits: panelMonthRangeEmits,
     setup(__props, { emit }) {
@@ -25555,7 +25596,7 @@
     }
   });
   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 = vue.resolveComponent("el-descriptions-cell");
     return _ctx.descriptions.direction === "vertical" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
       vue.createElementVNode("tr", null, [
@@ -25604,7 +25645,7 @@
       }), 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 = vue.defineComponent({
     name: "ElDescriptions",
@@ -25710,7 +25751,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-descriptions-row");
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.descriptionKls)
@@ -25752,7 +25793,7 @@
       ], 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 = vue.defineComponent({
     name: "ElDescriptionsItem",
@@ -25892,9 +25933,9 @@
 
   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__ */ vue.defineComponent({
-    ...__default__$E,
+    ...__default__$F,
     props: dialogContentProps,
     emits: dialogContentEmits,
     setup(__props) {
@@ -26046,7 +26087,6 @@
     const zIndex = vue.ref(props.zIndex || nextZIndex());
     let openTimer = void 0;
     let closeTimer = void 0;
-    const normalizeWidth = vue.computed(() => isNumber(props.width) ? `${props.width}px` : props.width);
     const namespace = useGlobalConfig("namespace", defaultNamespace);
     const style = vue.computed(() => {
       const style2 = {};
@@ -26056,7 +26096,7 @@
           style2[`${varPrefix}-margin-top`] = props.top;
         }
         if (props.width) {
-          style2[`${varPrefix}-width`] = normalizeWidth.value;
+          style2[`${varPrefix}-width`] = addUnit(props.width);
         }
       }
       return style2;
@@ -26189,11 +26229,11 @@
   };
 
   const _hoisted_1$z = ["aria-label", "aria-labelledby", "aria-describedby"];
-  const __default__$D = {
+  const __default__$E = {
     name: "ElDialog"
   };
   const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$D,
+    ...__default__$E,
     props: dialogProps,
     emits: dialogEmits,
     setup(__props, { expose }) {
@@ -26351,11 +26391,11 @@
     }
   });
 
-  const __default__$C = {
+  const __default__$D = {
     name: "ElDivider"
   };
   const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$C,
+    ...__default__$D,
     props: dividerProps,
     setup(__props) {
       const props = __props;
@@ -26446,7 +26486,7 @@
   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 = vue.resolveComponent("close");
     const _component_el_icon = vue.resolveComponent("el-icon");
     const _component_el_focus_trap = vue.resolveComponent("el-focus-trap");
@@ -26558,26 +26598,26 @@
       }, 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 vue.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 vue.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) => {
@@ -26804,10 +26844,10 @@
       });
     }
   });
-  function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.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 = vue.defineComponent({
     name: "ElRovingFocusGroup",
@@ -26816,7 +26856,7 @@
       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 = vue.resolveComponent("el-roving-focus-group-impl");
     const _component_el_focus_group_collection = vue.resolveComponent("el-focus-group-collection");
     return vue.openBlock(), vue.createBlock(_component_el_focus_group_collection, null, {
@@ -26831,7 +26871,7 @@
       _: 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 = vue.defineComponent({
     components: {
@@ -26918,7 +26958,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-roving-focus-collection-item");
     return vue.openBlock(), vue.createBlock(_component_el_roving_focus_collection_item, {
       id: _ctx.id,
@@ -26931,7 +26971,7 @@
       _: 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,
@@ -27154,7 +27194,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-dropdown-collection");
     const _component_el_roving_focus_group = vue.resolveComponent("el-roving-focus-group");
@@ -27285,7 +27325,7 @@
       })) : vue.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 = vue.defineComponent({
     name: "DropdownItemImpl",
@@ -27339,7 +27379,7 @@
     }
   });
   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 = vue.resolveComponent("el-icon");
     return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
       _ctx.divided ? (vue.openBlock(), vue.createElementBlock("li", vue.mergeProps({
@@ -27369,7 +27409,7 @@
       ], 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 = vue.inject("elDropdown", {});
@@ -27445,7 +27485,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-dropdown-item-impl");
     const _component_el_roving_focus_item = vue.resolveComponent("el-roving-focus-item");
@@ -27476,7 +27516,7 @@
       _: 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 = vue.defineComponent({
     name: "ElDropdownMenu",
@@ -27542,7 +27582,7 @@
     }
   });
   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 vue.openBlock(), vue.createElementBlock("ul", {
       ref: _ctx.dropdownListWrapperRef,
       class: vue.normalizeClass(_ctx.dropdownKls),
@@ -27558,7 +27598,7 @@
       vue.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,
@@ -27587,8 +27627,8 @@
   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 = {
@@ -27624,7 +27664,7 @@
   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 vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$v, [
       vue.createElementVNode("defs", null, [
         vue.createElementVNode("linearGradient", {
@@ -27653,12 +27693,12 @@
           vue.createElementVNode("stop", {
             "stop-color": `var(${_ctx.ns.cssVarBlockName("fill-color-1")})`,
             offset: "0%"
-          }, null, 8, _hoisted_6),
+          }, null, 8, _hoisted_6$1),
           vue.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),
         vue.createElementVNode("rect", {
           id: `path-3-${_ctx.id}`,
           x: "0",
@@ -27743,7 +27783,7 @@
       ])
     ]);
   }
-  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: {
@@ -27759,11 +27799,11 @@
 
   const _hoisted_1$u = ["src"];
   const _hoisted_2$k = { key: 1 };
-  const __default__$B = {
+  const __default__$C = {
     name: "ElEmpty"
   };
   const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$B,
+    ...__default__$C,
     props: emptyProps,
     setup(__props) {
       const props = __props;
@@ -27889,11 +27929,11 @@
     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__ */ vue.defineComponent({
-    ...__default__$A,
+    ...__default__$B,
     props: formProps,
     emits: formEmits,
     setup(__props, { expose, emit }) {
@@ -29160,11 +29200,11 @@
   });
 
   const _hoisted_1$t = ["role", "aria-labelledby"];
-  const __default__$z = {
+  const __default__$A = {
     name: "ElFormItem"
   };
   const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$z,
+    ...__default__$A,
     props: formItemProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -29483,15 +29523,15 @@
   });
   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__ */ vue.defineComponent({
-    ...__default__$y,
+    ...__default__$z,
     props: imageViewerProps,
     emits: imageViewerEmits,
     setup(__props, { emit }) {
@@ -29930,12 +29970,12 @@
 
   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__ */ vue.defineComponent({
-    ...__default__$x,
+    ...__default__$y,
     props: imageProps,
     emits: imageEmits,
     setup(__props, { emit }) {
@@ -30190,11 +30230,11 @@
 
   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__ */ vue.defineComponent({
-    ...__default__$w,
+    ...__default__$x,
     props: inputNumberProps,
     emits: inputNumberEmits,
     setup(__props, { expose, emit }) {
@@ -30487,11 +30527,11 @@
   };
 
   const _hoisted_1$p = ["href"];
-  const __default__$v = {
+  const __default__$w = {
     name: "ElLink"
   };
   const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$v,
+    ...__default__$w,
     props: linkProps,
     emits: linkEmits,
     setup(__props, { emit }) {
@@ -30698,7 +30738,7 @@
       };
     }
   });
-  function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createBlock(vue.Transition, vue.mergeProps({ mode: "out-in" }, _ctx.listeners), {
       default: vue.withCtx(() => [
         vue.renderSlot(_ctx.$slots, "default")
@@ -30706,7 +30746,7 @@
       _: 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 = vue.computed(() => {
@@ -31361,7 +31401,7 @@
       };
     }
   });
-  function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_tooltip = vue.resolveComponent("el-tooltip");
     return vue.openBlock(), vue.createElementBlock("li", {
       class: vue.normalizeClass([
@@ -31397,7 +31437,7 @@
       ], 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
@@ -31414,7 +31454,7 @@
       };
     }
   });
-  function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("li", {
       class: vue.normalizeClass(_ctx.ns.b())
     }, [
@@ -31430,7 +31470,7 @@
       ])
     ], 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,
@@ -31456,11 +31496,11 @@
     back: () => true
   };
 
-  const __default__$u = {
+  const __default__$v = {
     name: "ElPageHeader"
   };
   const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$u,
+    ...__default__$v,
     props: pageHeaderProps,
     emits: pageHeaderEmits,
     setup(__props, { emit }) {
@@ -31529,11 +31569,11 @@
 
   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__ */ vue.defineComponent({
-    ...__default__$t,
+    ...__default__$u,
     props: paginationPrevProps,
     emits: paginationPrevEmits,
     setup(__props) {
@@ -31576,11 +31616,11 @@
 
   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__ */ vue.defineComponent({
-    ...__default__$s,
+    ...__default__$t,
     props: paginationNextProps,
     emits: ["click"],
     setup(__props) {
@@ -31759,7 +31799,7 @@
       };
     }
   });
-  function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.withDirectives((vue.openBlock(), vue.createElementBlock("li", {
       class: vue.normalizeClass([
         _ctx.ns.be("dropdown", "item"),
@@ -31779,7 +31819,7 @@
       [vue.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 = vue.defineComponent({
     name: "ElSelectDropdown",
@@ -31808,7 +31848,7 @@
       };
     }
   });
-  function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass([_ctx.ns.b("dropdown"), _ctx.ns.is("multiple", _ctx.isMultiple), _ctx.popperClass]),
       style: vue.normalizeStyle({ [_ctx.isFitInputWidth ? "width" : "minWidth"]: _ctx.minWidth })
@@ -31816,7 +31856,7 @@
       vue.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();
@@ -32793,7 +32833,7 @@
   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 = vue.resolveComponent("el-tag");
     const _component_el_tooltip = vue.resolveComponent("el-tooltip");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -33095,7 +33135,7 @@
       [_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 = vue.defineComponent({
     name: "ElOptionGroup",
@@ -33143,7 +33183,7 @@
       };
     }
   });
-  function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.withDirectives((vue.openBlock(), vue.createElementBlock("ul", {
       class: vue.normalizeClass(_ctx.ns.be("group", "wrap"))
     }, [
@@ -33161,7 +33201,7 @@
       [vue.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,
@@ -33191,11 +33231,11 @@
     }
   });
 
-  const __default__$r = {
+  const __default__$s = {
     name: "ElPaginationSizes"
   };
   const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$r,
+    ...__default__$s,
     props: paginationSizesProps,
     emits: ["page-size-change"],
     setup(__props, { emit }) {
@@ -33252,11 +33292,11 @@
   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__ */ vue.defineComponent({
-    ...__default__$q,
+    ...__default__$r,
     setup(__props) {
       const { t } = useLocale();
       const ns = useNamespace("pagination");
@@ -33306,11 +33346,11 @@
   });
 
   const _hoisted_1$k = ["disabled"];
-  const __default__$p = {
+  const __default__$q = {
     name: "ElPaginationTotal"
   };
   const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$p,
+    ...__default__$q,
     props: paginationTotalProps,
     setup(__props) {
       const { t } = useLocale();
@@ -33345,14 +33385,16 @@
   });
 
   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__ */ vue.defineComponent({
-    ...__default__$o,
+    ...__default__$p,
     props: paginationPagerProps,
     emits: ["change"],
     setup(__props, { emit }) {
@@ -33402,6 +33444,7 @@
         }
         return array;
       });
+      const tabindex = vue.computed(() => props.disabled ? -1 : 0);
       vue.watchEffect(() => {
         const halfPagerCount = (props.pagerCount - 1) / 2;
         showPrevMore.value = false;
@@ -33483,7 +33526,7 @@
               vue.unref(nsPager).is("disabled", _ctx.disabled)
             ], "number"]),
             "aria-current": _ctx.currentPage === 1,
-            tabindex: "0"
+            tabindex: vue.unref(tabindex)
           }, " 1 ", 10, _hoisted_2$e)) : vue.createCommentVNode("v-if", true),
           showPrevMore.value ? (vue.openBlock(), vue.createElementBlock("li", {
             key: 1,
@@ -33493,14 +33536,14 @@
               vue.unref(nsIcon).b(),
               vue.unref(nsPager).is("disabled", _ctx.disabled)
             ]),
-            tabindex: "0",
+            tabindex: vue.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 ? (vue.openBlock(), vue.createBlock(vue.unref(d_arrow_left_default), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(more_filled_default), { key: 1 }))
-          ], 34)) : vue.createCommentVNode("v-if", true),
+          ], 42, _hoisted_3$7)) : vue.createCommentVNode("v-if", true),
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(pagers), (pager) => {
             return vue.openBlock(), vue.createElementBlock("li", {
               key: pager,
@@ -33509,8 +33552,8 @@
                 vue.unref(nsPager).is("disabled", _ctx.disabled)
               ], "number"]),
               "aria-current": _ctx.currentPage === pager,
-              tabindex: "0"
-            }, vue.toDisplayString(pager), 11, _hoisted_3$7);
+              tabindex: vue.unref(tabindex)
+            }, vue.toDisplayString(pager), 11, _hoisted_4$5);
           }), 128)),
           showNextMore.value ? (vue.openBlock(), vue.createElementBlock("li", {
             key: 2,
@@ -33520,14 +33563,14 @@
               vue.unref(nsIcon).b(),
               vue.unref(nsPager).is("disabled", _ctx.disabled)
             ]),
-            tabindex: "0",
+            tabindex: vue.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 ? (vue.openBlock(), vue.createBlock(vue.unref(d_arrow_right_default), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(more_filled_default), { key: 1 }))
-          ], 34)) : vue.createCommentVNode("v-if", true),
+          ], 42, _hoisted_5$4)) : vue.createCommentVNode("v-if", true),
           _ctx.pageCount > 1 ? (vue.openBlock(), vue.createElementBlock("li", {
             key: 3,
             class: vue.normalizeClass([[
@@ -33535,8 +33578,8 @@
               vue.unref(nsPager).is("disabled", _ctx.disabled)
             ], "number"]),
             "aria-current": _ctx.currentPage === _ctx.pageCount,
-            tabindex: "0"
-          }, vue.toDisplayString(_ctx.pageCount), 11, _hoisted_4$5)) : vue.createCommentVNode("v-if", true)
+            tabindex: vue.unref(tabindex)
+          }, vue.toDisplayString(_ctx.pageCount), 11, _hoisted_6)) : vue.createCommentVNode("v-if", true)
         ], 42, _hoisted_1$j);
       };
     }
@@ -33830,11 +33873,11 @@
     persistent: useTooltipContentProps.persistent
   });
 
-  const __default__$n = {
+  const __default__$o = {
     name: "ElPopconfirm"
   };
   const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$n,
+    ...__default__$o,
     props: popconfirmProps,
     setup(__props) {
       const props = __props;
@@ -34056,7 +34099,7 @@
       };
     }
   });
-  function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_tooltip = vue.resolveComponent("el-tooltip");
     return vue.openBlock(), vue.createBlock(_component_el_tooltip, vue.mergeProps({ ref: "tooltipRef" }, _ctx.$attrs, {
       trigger: _ctx.trigger,
@@ -34101,7 +34144,7 @@
       _: 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;
@@ -34195,11 +34238,11 @@
   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__ */ vue.defineComponent({
-    ...__default__$m,
+    ...__default__$n,
     props: progressProps,
     setup(__props) {
       const props = __props;
@@ -34479,11 +34522,11 @@
 
   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__ */ vue.defineComponent({
-    ...__default__$l,
+    ...__default__$m,
     props: rateProps,
     emits: rateEmits,
     setup(__props, { expose, emit }) {
@@ -34743,11 +34786,11 @@
     }
   });
 
-  const __default__$k = {
+  const __default__$l = {
     name: "ElResult"
   };
   const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$k,
+    ...__default__$l,
     props: resultProps,
     setup(__props) {
       const props = __props;
@@ -34835,11 +34878,11 @@
     }
   });
 
-  const __default__$j = {
+  const __default__$k = {
     name: "ElRow"
   };
   const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$j,
+    ...__default__$k,
     props: rowProps,
     setup(__props) {
       const props = __props;
@@ -36683,7 +36726,7 @@
       };
     }
   });
-  function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
     return _ctx.item.isTitle ? (vue.openBlock(), vue.createElementBlock("div", {
       key: 0,
       class: vue.normalizeClass(_ctx.ns.be("group", "title")),
@@ -36699,7 +36742,7 @@
       }, 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 {
@@ -36830,7 +36873,7 @@
     }
   });
   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 vue.openBlock(), vue.createElementBlock("li", {
       "aria-selected": _ctx.selected,
       style: vue.normalizeStyle(_ctx.style),
@@ -36853,7 +36896,7 @@
       ])
     ], 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";
 
@@ -37858,7 +37901,7 @@
   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 = vue.resolveComponent("el-tag");
     const _component_el_tooltip = vue.resolveComponent("el-tooltip");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -38200,7 +38243,7 @@
       [_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);
@@ -38248,11 +38291,11 @@
     }
   });
 
-  const __default__$i = {
+  const __default__$j = {
     name: "ElSkeletonItem"
   };
   const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$i,
+    ...__default__$j,
     props: skeletonItemProps,
     setup(__props) {
       const ns = useNamespace("skeleton");
@@ -38267,11 +38310,11 @@
   });
   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__ */ vue.defineComponent({
-    ...__default__$h,
+    ...__default__$i,
     props: skeletonProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -38899,11 +38942,11 @@
     [UPDATE_MODEL_EVENT]: (value) => isNumber(value)
   };
 
-  const __default__$g = {
+  const __default__$h = {
     name: "ElSliderButton"
   };
   const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$g,
+    ...__default__$h,
     props: sliderButtonProps,
     emits: sliderButtonEmits,
     setup(__props, { expose, emit }) {
@@ -39008,11 +39051,11 @@
 
   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__ */ vue.defineComponent({
-    ...__default__$f,
+    ...__default__$g,
     props: sliderProps,
     emits: sliderEmits,
     setup(__props, { expose, emit }) {
@@ -39239,14 +39282,14 @@
       };
     }
   });
-  function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.classes)
     }, [
       vue.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,
@@ -39457,11 +39500,11 @@
     [CHANGE_EVENT]: (newVal, oldVal) => [newVal, oldVal].every(isNumber)
   };
 
-  const __default__$e = {
+  const __default__$f = {
     name: "ElSteps"
   };
   const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$e,
+    ...__default__$f,
     props: stepsProps,
     emits: stepsEmits,
     setup(__props, { emit }) {
@@ -39507,11 +39550,11 @@
     }
   });
 
-  const __default__$d = {
+  const __default__$e = {
     name: "ElStep"
   };
   const _sfc_main$s = vue.defineComponent({
-    ...__default__$d,
+    ...__default__$e,
     props: stepProps,
     setup(__props) {
       const props = __props;
@@ -39897,7 +39940,7 @@
   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 = vue.resolveComponent("el-icon");
     const _component_loading = vue.resolveComponent("loading");
     return vue.openBlock(), vue.createElementBlock("div", {
@@ -40016,7 +40059,7 @@
       ], 2)) : vue.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);
 
@@ -41794,7 +41837,7 @@
   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 = vue.resolveComponent("el-checkbox");
     const _component_el_checkbox_group = vue.resolveComponent("el-checkbox-group");
     const _component_el_scrollbar = vue.resolveComponent("el-scrollbar");
@@ -41908,7 +41951,7 @@
       _: 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 = vue.getCurrentInstance();
@@ -43720,7 +43763,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 = vue.resolveComponent("hColgroup");
     const _component_table_header = vue.resolveComponent("table-header");
     const _component_table_body = vue.resolveComponent("table-body");
@@ -43886,7 +43929,7 @@
       ])
     ], 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",
@@ -46559,11 +46602,11 @@
     }
   });
 
-  const __default__$c = {
+  const __default__$d = {
     name: "ElTabBar"
   };
   const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$c,
+    ...__default__$d,
     props: tabBarProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -46701,10 +46744,11 @@
         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 vue.nextTick();
         const activeTab = el$.value.querySelector(".is-active");
         if (!activeTab)
           return;
@@ -46968,6 +47012,7 @@
       vue.watch(() => props.modelValue, (modelValue) => setCurrentName(modelValue));
       vue.watch(currentName, async () => {
         var _a;
+        await vue.nextTick();
         (_a = nav$.value) == null ? void 0 : _a.scrollToActiveTab();
       });
       {
@@ -47037,11 +47082,11 @@
   });
 
   const _hoisted_1$a = ["id", "aria-hidden", "aria-labelledby"];
-  const __default__$b = {
+  const __default__$c = {
     name: "ElTabPane"
   };
   const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$b,
+    ...__default__$c,
     props: tabPaneProps,
     setup(__props) {
       const props = __props;
@@ -47202,11 +47247,11 @@
     return formatTime(next);
   };
 
-  const __default__$a = {
+  const __default__$b = {
     name: "ElTimeSelect"
   };
   const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$a,
+    ...__default__$b,
     props: timeSelectProps,
     emits: ["change", "blur", "focus", "update:modelValue"],
     setup(__props, { expose }) {
@@ -47369,11 +47414,11 @@
     }
   });
 
-  const __default__$9 = {
+  const __default__$a = {
     name: "ElTimelineItem"
   };
   const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$9,
+    ...__default__$a,
     props: timelineItemProps,
     setup(__props) {
       const ns = useNamespace("timeline-item");
@@ -47572,11 +47617,11 @@
     }
   });
 
-  const __default__$8 = {
+  const __default__$9 = {
     name: "ElTooltipV2Root"
   };
   const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$8,
+    ...__default__$9,
     props: tooltipV2RootProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -47645,11 +47690,11 @@
   });
   var TooltipV2Root = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__file", "root.vue"]]);
 
-  const __default__$7 = {
+  const __default__$8 = {
     name: "ElTooltipV2Arrow"
   };
   const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$7,
+    ...__default__$8,
     props: {
       ...tooltipV2ArrowProps,
       ...tooltipV2ArrowSpecialProps
@@ -47681,41 +47726,46 @@
   });
   var TooltipV2Arrow = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__file", "arrow.vue"]]);
 
-  const _sfc_main$i = vue.defineComponent({
-    name: "ElVisuallyHidden",
-    props: {
-      style: {
-        type: [String, Object, Array]
-      }
-    },
-    setup(props) {
-      return {
-        computedStyle: vue.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__ */ vue.defineComponent({
+    ...__default__$7,
+    props: visualHiddenProps,
+    setup(__props) {
+      const props = __props;
+      const computedStyle = vue.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 vue.openBlock(), vue.createElementBlock("span", vue.mergeProps(_ctx.$attrs, { style: vue.unref(computedStyle) }), [
+          vue.renderSlot(_ctx.$slots, "default")
+        ], 16);
       };
     }
   });
-  function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("span", vue.mergeProps(_ctx.$attrs, { style: _ctx.computedStyle }), [
-      vue.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 = {
@@ -51693,10 +51743,6 @@
 
   const uploadContentProps = buildProps({
     ...uploadBaseProps,
-    fileList: {
-      type: definePropType(Array),
-      default: () => mutable([])
-    },
     beforeUpload: {
       type: definePropType(Function),
       default: NOOP
@@ -51899,7 +51945,7 @@
     }
   };
   const useHandlers = (props, uploadRef) => {
-    const uploadFiles = vue.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;
@@ -51912,6 +51958,7 @@
       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);
@@ -51995,14 +52042,14 @@
         return file;
       });
     });
-    vue.watch(() => props.fileList, (fileList) => {
-      for (const file of fileList) {
+    vue.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,
@@ -52010,8 +52057,7 @@
       handleStart,
       handleSuccess,
       handleRemove,
-      submit,
-      uploadFiles
+      submit
     };
   };