element-plus 2.2.9 → 2.2.10

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v2.2.9 */
+/*! Element Plus v2.2.10 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -4448,7 +4448,7 @@
     return pickBy(object, negate(baseIteratee(predicate)));
   }
 
-  function once$1(func) {
+  function once(func) {
     return before(2, func);
   }
 
@@ -6002,7 +6002,7 @@
     flip,
     memoize,
     negate,
-    once: once$1,
+    once,
     overArgs,
     partial,
     partialRight,
@@ -6888,15 +6888,6 @@
       element == null ? void 0 : element.removeEventListener(event, handler, useCapture);
     }
   };
-  const once = (el, event, fn) => {
-    const listener = function(...args) {
-      if (fn) {
-        fn.apply(this, args);
-      }
-      off(el, event, listener);
-    };
-    on$1(el, event, listener);
-  };
   const composeEventHandlers = (theirsHandler, oursHandler, { checkForDefaultPrevented = true } = {}) => {
     const handleEvent = (event) => {
       const shouldPrevent = theirsHandler == null ? void 0 : theirsHandler(event);
@@ -7424,36 +7415,6 @@
     };
   };
 
-  const resizeHandler = function(entries) {
-    for (const entry of entries) {
-      const listeners = entry.target.__resizeListeners__ || [];
-      if (listeners.length) {
-        listeners.forEach((fn) => {
-          fn();
-        });
-      }
-    }
-  };
-  const addResizeListener = function(element, fn) {
-    if (!isClient || !element)
-      return;
-    if (!element.__resizeListeners__) {
-      element.__resizeListeners__ = [];
-      element.__ro__ = new ResizeObserver(resizeHandler);
-      element.__ro__.observe(element);
-    }
-    element.__resizeListeners__.push(fn);
-  };
-  const removeResizeListener = function(element, fn) {
-    var _a;
-    if (!element || !element.__resizeListeners__)
-      return;
-    element.__resizeListeners__.splice(element.__resizeListeners__.indexOf(fn), 1);
-    if (!element.__resizeListeners__.length) {
-      (_a = element.__ro__) == null ? void 0 : _a.disconnect();
-    }
-  };
-
   const NOOP = () => {
   };
   const hasOwnProperty = Object.prototype.hasOwnProperty;
@@ -9298,7 +9259,8 @@
       return {
         hide,
         show,
-        toggle
+        toggle,
+        hasUpdateHandler
       };
     };
     return {
@@ -10734,7 +10696,7 @@
     return [recordCursor, setCursor];
   }
 
-  const version$1 = "2.2.9";
+  const version$1 = "2.2.10";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -10783,11 +10745,11 @@
     return target;
   };
 
-  const __default__$1n = {
+  const __default__$1p = {
     name: "ElAffix"
   };
   const _sfc_main$2f = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1n,
+    ...__default__$1p,
     props: affixProps,
     emits: affixEmits,
     setup(__props, { expose, emit }) {
@@ -10902,12 +10864,12 @@
     }
   });
 
-  const __default__$1m = {
+  const __default__$1o = {
     name: "ElIcon",
     inheritAttrs: false
   };
   const _sfc_main$2e = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1m,
+    ...__default__$1o,
     props: iconProps,
     setup(__props) {
       const props = __props;
@@ -10969,11 +10931,11 @@
     close: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$1l = {
+  const __default__$1n = {
     name: "ElAlert"
   };
   const _sfc_main$2d = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1l,
+    ...__default__$1n,
     props: alertProps,
     emits: alertEmits,
     setup(__props, { emit }) {
@@ -11239,14 +11201,14 @@
   };
 
   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__$1k = {
+  const _hoisted_2$G = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder"];
+  const _hoisted_3$m = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder"];
+  const __default__$1m = {
     name: "ElInput",
     inheritAttrs: false
   };
   const _sfc_main$2c = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1k,
+    ...__default__$1m,
     props: inputProps,
     emits: inputEmits,
     setup(__props, { expose, emit }) {
@@ -11562,7 +11524,7 @@
                 onBlur: handleBlur,
                 onChange: handleChange,
                 onKeydown: handleKeydown
-              }), null, 16, _hoisted_2$H),
+              }), null, 16, _hoisted_2$G),
               vue.createCommentVNode(" suffix slot "),
               vue.unref(suffixVisible) ? (vue.openBlock(), vue.createElementBlock("span", {
                 key: 1,
@@ -11658,7 +11620,7 @@
               onBlur: handleBlur,
               onChange: handleChange,
               onKeydown: handleKeydown
-            }), null, 16, _hoisted_3$o),
+            }), null, 16, _hoisted_3$m),
             vue.unref(isWordLimitVisible) ? (vue.openBlock(), vue.createElementBlock("span", {
               key: 0,
               style: vue.normalizeStyle(countStyle.value),
@@ -11940,11 +11902,11 @@
     }) => [scrollTop, scrollLeft].every(isNumber)
   };
 
-  const __default__$1j = {
+  const __default__$1l = {
     name: "ElScrollbar"
   };
   const _sfc_main$29 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1j,
+    ...__default__$1l,
     props: scrollbarProps,
     emits: scrollbarEmits,
     setup(__props, { expose, emit }) {
@@ -12036,7 +11998,9 @@
       }));
       vue.onMounted(() => {
         if (!props.native)
-          vue.nextTick(() => update());
+          vue.nextTick(() => {
+            update();
+          });
       });
       vue.onUpdated(() => update());
       expose({
@@ -12105,12 +12069,12 @@
     }
   });
 
-  const __default__$1i = {
+  const __default__$1k = {
     name: "ElPopperRoot",
     inheritAttrs: false
   };
   const _sfc_main$28 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1i,
+    ...__default__$1k,
     props: usePopperProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -12142,12 +12106,12 @@
     }
   });
 
-  const __default__$1h = {
+  const __default__$1j = {
     name: "ElPopperArrow",
     inheritAttrs: false
   };
   const _sfc_main$27 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1h,
+    ...__default__$1j,
     props: usePopperArrowProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -12244,12 +12208,12 @@
     open: Boolean
   });
 
-  const __default__$1g = {
+  const __default__$1i = {
     name: "ElPopperTrigger",
     inheritAttrs: false
   };
   const _sfc_main$26 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1g,
+    ...__default__$1i,
     props: usePopperTriggerProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -12651,10 +12615,10 @@
       };
     }
   });
-  function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default", { handleKeydown: _ctx.onKeydown });
   }
-  var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["render", _sfc_render$H], ["__file", "focus-trap.vue"]]);
+  var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["render", _sfc_render$F], ["__file", "focus-trap.vue"]]);
 
   const POSITIONING_STRATEGIES = ["fixed", "absolute"];
   const usePopperCoreConfigProps = buildProps({
@@ -12811,11 +12775,11 @@
     }
   }
 
-  const __default__$1f = {
+  const __default__$1h = {
     name: "ElPopperContent"
   };
   const _sfc_main$24 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1f,
+    ...__default__$1h,
     props: usePopperContentProps,
     emits: usePopperContentEmits,
     setup(__props, { expose, emit }) {
@@ -12889,13 +12853,13 @@
       const onFocusInTrap = (event) => {
         var _a;
         if (props.visible && !trapped.value) {
-          if (event.relatedTarget) {
-            (_a = event.relatedTarget) == null ? void 0 : _a.focus();
-          }
           if (event.target) {
             focusStartRef.value = event.target;
           }
           trapped.value = true;
+          if (event.relatedTarget) {
+            (_a = event.relatedTarget) == null ? void 0 : _a.focus();
+          }
         }
       };
       const onFocusoutPrevented = () => {
@@ -13186,7 +13150,7 @@
       };
     }
   });
-  function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$E(_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,
@@ -13241,7 +13205,7 @@
       }, 8, ["name", "onAfterLeave", "onBeforeEnter", "onAfterEnter", "onBeforeLeave"])
     ], 8, ["disabled", "to"]);
   }
-  var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["render", _sfc_render$G], ["__file", "content.vue"]]);
+  var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["render", _sfc_render$E], ["__file", "content.vue"]]);
 
   const isTriggerType = (trigger, type) => {
     if (isArray(trigger)) {
@@ -13306,7 +13270,7 @@
       };
     }
   });
-  function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$D(_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,
@@ -13328,7 +13292,7 @@
       _: 3
     }, 8, ["id", "virtual-ref", "open", "virtual-triggering", "class", "onBlur", "onClick", "onContextmenu", "onFocus", "onMouseenter", "onMouseleave", "onKeydown"]);
   }
-  var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["render", _sfc_render$F], ["__file", "trigger.vue"]]);
+  var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["render", _sfc_render$D], ["__file", "trigger.vue"]]);
 
   const { useModelToggleProps, useModelToggle, useModelToggleEmits } = createModelToggleComposable("visible");
   const _sfc_main$21 = vue.defineComponent({
@@ -13378,7 +13342,7 @@
       };
       const open = vue.ref(false);
       const toggleReason = vue.ref(void 0);
-      const { show, hide } = useModelToggle({
+      const { show, hide, hasUpdateHandler } = useModelToggle({
         indicator: open,
         toggleReason
       });
@@ -13388,7 +13352,7 @@
         open: show,
         close: hide
       });
-      const controlled = vue.computed(() => isBoolean(props.visible));
+      const controlled = vue.computed(() => isBoolean(props.visible) && !hasUpdateHandler.value);
       vue.provide(TOOLTIP_INJECTION_KEY, {
         controlled,
         id,
@@ -13447,8 +13411,8 @@
     }
   });
   const _hoisted_1$11 = ["innerHTML"];
-  const _hoisted_2$G = { key: 1 };
-  function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_2$F = { key: 1 };
+  function _sfc_render$C(_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");
@@ -13504,7 +13468,7 @@
               _ctx.rawContent ? (vue.openBlock(), vue.createElementBlock("span", {
                 key: 0,
                 innerHTML: _ctx.content
-              }, null, 8, _hoisted_1$11)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$G, vue.toDisplayString(_ctx.content), 1))
+              }, null, 8, _hoisted_1$11)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$F, vue.toDisplayString(_ctx.content), 1))
             ]),
             _ctx.compatShowArrow ? (vue.openBlock(), vue.createBlock(_component_el_popper_arrow, {
               key: 0,
@@ -13517,7 +13481,7 @@
       _: 3
     }, 8, ["role"]);
   }
-  var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["render", _sfc_render$E], ["__file", "tooltip.vue"]]);
+  var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["render", _sfc_render$C], ["__file", "tooltip.vue"]]);
 
   const ElTooltip = withInstall(Tooltip);
 
@@ -13590,14 +13554,14 @@
   };
 
   const _hoisted_1$10 = ["aria-expanded", "aria-owns"];
-  const _hoisted_2$F = { key: 0 };
-  const _hoisted_3$n = ["id", "aria-selected", "onClick"];
-  const __default__$1e = {
+  const _hoisted_2$E = { key: 0 };
+  const _hoisted_3$l = ["id", "aria-selected", "onClick"];
+  const __default__$1g = {
     name: "ElAutocomplete",
     inheritAttrs: false
   };
   const _sfc_main$20 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1e,
+    ...__default__$1g,
     props: autocompleteProps,
     emits: autocompleteEmits,
     setup(__props, { expose, emit }) {
@@ -13831,7 +13795,7 @@
                 role: "listbox"
               }, {
                 default: vue.withCtx(() => [
-                  vue.unref(suggestionLoading) ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_2$F, [
+                  vue.unref(suggestionLoading) ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_2$E, [
                     vue.createVNode(vue.unref(ElIcon), {
                       class: vue.normalizeClass(vue.unref(ns).is("loading"))
                     }, {
@@ -13852,7 +13816,7 @@
                       vue.renderSlot(_ctx.$slots, "default", { item }, () => [
                         vue.createTextVNode(vue.toDisplayString(item[_ctx.valueKey]), 1)
                       ])
-                    ], 10, _hoisted_3$n);
+                    ], 10, _hoisted_3$l);
                   }), 128))
                 ]),
                 _: 3
@@ -13956,11 +13920,11 @@
   };
 
   const _hoisted_1$$ = ["src", "alt", "srcset"];
-  const __default__$1d = {
+  const __default__$1f = {
     name: "ElAvatar"
   };
   const _sfc_main$1$ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1d,
+    ...__default__$1f,
     props: avatarProps,
     emits: avatarEmits,
     setup(__props, { emit }) {
@@ -14041,11 +14005,11 @@
   };
 
   const _hoisted_1$_ = ["onClick"];
-  const __default__$1c = {
+  const __default__$1e = {
     name: "ElBacktop"
   };
   const _sfc_main$1_ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1c,
+    ...__default__$1e,
     props: backtopProps,
     emits: backtopEmits,
     setup(__props, { emit }) {
@@ -14150,11 +14114,11 @@
   });
 
   const _hoisted_1$Z = ["textContent"];
-  const __default__$1b = {
+  const __default__$1d = {
     name: "ElBadge"
   };
   const _sfc_main$1Z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1b,
+    ...__default__$1d,
     props: badgeProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -14213,11 +14177,11 @@
     }
   });
 
-  const __default__$1a = {
+  const __default__$1c = {
     name: "ElBreadcrumb"
   };
   const _sfc_main$1Y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1a,
+    ...__default__$1c,
     props: breadcrumbProps,
     setup(__props) {
       const props = __props;
@@ -14256,11 +14220,11 @@
     }
   });
 
-  const __default__$19 = {
+  const __default__$1b = {
     name: "ElBreadcrumbItem"
   };
   const _sfc_main$1X = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$19,
+    ...__default__$1b,
     props: breadcrumbItemProps,
     setup(__props) {
       const props = __props;
@@ -15291,11 +15255,11 @@
   }
 
   const _hoisted_1$Y = ["aria-disabled", "disabled", "autofocus", "type"];
-  const __default__$18 = {
+  const __default__$1a = {
     name: "ElButton"
   };
   const _sfc_main$1W = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$18,
+    ...__default__$1a,
     props: buttonProps,
     emits: buttonEmits,
     setup(__props, { expose, emit }) {
@@ -15403,11 +15367,11 @@
     type: buttonProps.type
   };
 
-  const __default__$17 = {
+  const __default__$19 = {
     name: "ElButtonGroup"
   };
   const _sfc_main$1V = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$17,
+    ...__default__$19,
     props: buttonGroupProps,
     setup(__props) {
       const props = __props;
@@ -16058,12 +16022,12 @@
   });
 
   const _hoisted_1$X = ["id", "name", "placeholder", "value", "disabled", "readonly"];
-  const _hoisted_2$E = ["id", "name", "placeholder", "value", "disabled", "readonly"];
-  const __default__$16 = {
+  const _hoisted_2$D = ["id", "name", "placeholder", "value", "disabled", "readonly"];
+  const __default__$18 = {
     name: "Picker"
   };
   const _sfc_main$1U = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$16,
+    ...__default__$18,
     props: timePickerDefaultProps,
     emits: [
       "update:modelValue",
@@ -16491,7 +16455,6 @@
           ref_key: "refPopper",
           ref: refPopper,
           visible: pickerVisible.value,
-          "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => pickerVisible.value = $event),
           effect: "light",
           pure: "",
           trigger: "click"
@@ -16631,7 +16594,7 @@
                 onBlur: handleBlurInput,
                 onInput: handleEndInput,
                 onChange: handleEndChange
-              }, null, 42, _hoisted_2$E),
+              }, null, 42, _hoisted_2$D),
               _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
                 key: 1,
                 class: vue.normalizeClass([
@@ -16847,25 +16810,28 @@
     }
   };
 
-  var vRepeatClick = {
+  const RepeatClick = {
     beforeMount(el, binding) {
       let interval = null;
-      let startTime;
+      let isHandlerCalled = false;
       const handler = () => binding.value && binding.value();
       const clear = () => {
-        if (Date.now() - startTime < 100) {
-          handler();
-        }
         clearInterval(interval);
         interval = null;
+        if (!isHandlerCalled) {
+          handler();
+        }
+        isHandlerCalled = false;
       };
-      on$1(el, "mousedown", (e) => {
+      el.addEventListener("mousedown", (e) => {
         if (e.button !== 0)
           return;
-        startTime = Date.now();
-        once(document, "mouseup", clear);
+        document.addEventListener("mouseup", clear, { once: true });
         clearInterval(interval);
-        interval = setInterval(handler, 100);
+        interval = setInterval(() => {
+          isHandlerCalled = true;
+          handler();
+        }, 100);
       });
     }
   };
@@ -16902,7 +16868,7 @@
       el[FOCUSABLE_CHILDREN] = obtainAllFocusableElements$1(el);
       FOCUS_STACK.push(el);
       if (FOCUS_STACK.length <= 1) {
-        on$1(document, "keydown", FOCUS_HANDLER);
+        document.addEventListener("keydown", FOCUS_HANDLER);
       }
     },
     updated(el) {
@@ -16913,7 +16879,7 @@
     unmounted() {
       FOCUS_STACK.shift();
       if (FOCUS_STACK.length === 0) {
-        off(document, "keydown", FOCUS_HANDLER);
+        document.removeEventListener("keydown", FOCUS_HANDLER);
       }
     }
   };
@@ -16948,19 +16914,6 @@
     }
   };
 
-  const Resize = {
-    beforeMount(el, binding) {
-      el._handleResize = () => {
-        var _a;
-        el && ((_a = binding.value) == null ? void 0 : _a.call(binding, el));
-      };
-      addResizeListener(el, el._handleResize);
-    },
-    beforeUnmount(el) {
-      removeResizeListener(el, el._handleResize);
-    }
-  };
-
   const basicTimeSpinnerProps = buildProps({
     role: {
       type: String,
@@ -16983,7 +16936,7 @@
   });
 
   const _hoisted_1$W = ["onClick"];
-  const _hoisted_2$D = ["onMouseenter"];
+  const _hoisted_2$C = ["onMouseenter"];
   const _sfc_main$1T = /* @__PURE__ */ vue.defineComponent({
     __name: "basic-time-spinner",
     props: basicTimeSpinnerProps,
@@ -17218,7 +17171,7 @@
                 ]),
                 _: 1
               }, 8, ["class"])), [
-                [vue.unref(vRepeatClick), onDecrement]
+                [vue.unref(RepeatClick), onDecrement]
               ]),
               vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
                 class: vue.normalizeClass(["arrow-down", vue.unref(ns).be("spinner", "arrow")])
@@ -17228,7 +17181,7 @@
                 ]),
                 _: 1
               }, 8, ["class"])), [
-                [vue.unref(vRepeatClick), onIncrement]
+                [vue.unref(RepeatClick), onIncrement]
               ]),
               vue.createElementVNode("ul", {
                 class: vue.normalizeClass(vue.unref(ns).be("spinner", "list"))
@@ -17252,7 +17205,7 @@
                   ], 2);
                 }), 128))
               ], 2)
-            ], 42, _hoisted_2$D);
+            ], 42, _hoisted_2$C);
           }), 128)) : vue.createCommentVNode("v-if", true)
         ], 2);
       };
@@ -17770,12 +17723,12 @@
   };
 
   const _hoisted_1$U = { key: 0 };
-  const _hoisted_2$C = ["onClick"];
-  const __default__$15 = {
+  const _hoisted_2$B = ["onClick"];
+  const __default__$17 = {
     name: "DateTable"
   };
   const _sfc_main$1Q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$15,
+    ...__default__$17,
     props: dateTableProps,
     emits: dateTableEmits,
     setup(__props, { expose, emit }) {
@@ -17904,7 +17857,7 @@
                         vue.createElementVNode("span", null, vue.toDisplayString(cell.text), 1)
                       ])
                     ], 2)
-                  ], 10, _hoisted_2$C);
+                  ], 10, _hoisted_2$B);
                 }), 128))
               ], 2);
             }), 128))
@@ -17930,11 +17883,11 @@
     [INPUT_EVENT]: (value) => isDate(value)
   };
 
-  const __default__$14 = {
+  const __default__$16 = {
     name: "ElCalendar"
   };
   const _sfc_main$1P = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$14,
+    ...__default__$16,
     props: calendarProps,
     emits: calendarEmits,
     setup(__props, { expose, emit }) {
@@ -18165,11 +18118,11 @@
     }
   });
 
-  const __default__$13 = {
+  const __default__$15 = {
     name: "ElCard"
   };
   const _sfc_main$1O = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$13,
+    ...__default__$15,
     props: cardProps,
     setup(__props) {
       const ns = useNamespace("card");
@@ -18259,13 +18212,13 @@
   };
 
   const _hoisted_1$T = ["onMouseenter", "onMouseleave"];
-  const _hoisted_2$B = ["onMouseenter", "onClick"];
-  const _hoisted_3$m = { key: 0 };
-  const __default__$12 = {
+  const _hoisted_2$A = ["onMouseenter", "onClick"];
+  const _hoisted_3$k = { key: 0 };
+  const __default__$14 = {
     name: "ElCarousel"
   };
   const _sfc_main$1N = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$12,
+    ...__default__$14,
     props: carouselProps,
     emits: carouselEmits,
     setup(__props, { expose, emit }) {
@@ -18555,9 +18508,9 @@
                 vue.createElementVNode("button", {
                   class: vue.normalizeClass(vue.unref(ns).e("button"))
                 }, [
-                  vue.unref(hasLabel) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$m, vue.toDisplayString(item.props.label), 1)) : vue.createCommentVNode("v-if", true)
+                  vue.unref(hasLabel) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$k, vue.toDisplayString(item.props.label), 1)) : vue.createCommentVNode("v-if", true)
                 ], 2)
-              ], 42, _hoisted_2$B);
+              ], 42, _hoisted_2$A);
             }), 128))
           ], 2)) : vue.createCommentVNode("v-if", true)
         ], 42, _hoisted_1$T);
@@ -18574,11 +18527,11 @@
     }
   });
 
-  const __default__$11 = {
+  const __default__$13 = {
     name: "ElCarouselItem"
   };
   const _sfc_main$1M = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$11,
+    ...__default__$13,
     props: carouselItemProps,
     setup(__props) {
       const props = __props;
@@ -19002,13 +18955,13 @@
   };
 
   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__$10 = {
+  const _hoisted_2$z = ["id", "aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"];
+  const _hoisted_3$j = ["id", "aria-hidden", "disabled", "value", "name", "tabindex"];
+  const __default__$12 = {
     name: "ElCheckbox"
   };
   const _sfc_main$1L = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$10,
+    ...__default__$12,
     props: checkboxProps,
     emits: checkboxEmits,
     setup(__props) {
@@ -19067,7 +19020,7 @@
                 onChange: _cache[1] || (_cache[1] = (...args) => vue.unref(handleChange) && vue.unref(handleChange)(...args)),
                 onFocus: _cache[2] || (_cache[2] = ($event) => focus.value = true),
                 onBlur: _cache[3] || (_cache[3] = ($event) => focus.value = false)
-              }, null, 42, _hoisted_2$A)), [
+              }, null, 42, _hoisted_2$z)), [
                 [vue.vModelCheckbox, vue.unref(model)]
               ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
                 key: 1,
@@ -19083,7 +19036,7 @@
                 onChange: _cache[5] || (_cache[5] = (...args) => vue.unref(handleChange) && vue.unref(handleChange)(...args)),
                 onFocus: _cache[6] || (_cache[6] = ($event) => focus.value = true),
                 onBlur: _cache[7] || (_cache[7] = ($event) => focus.value = false)
-              }, null, 42, _hoisted_3$l)), [
+              }, null, 42, _hoisted_3$j)), [
                 [vue.vModelCheckbox, vue.unref(model)]
               ]),
               vue.createElementVNode("span", {
@@ -19108,12 +19061,12 @@
   var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["__file", "checkbox.vue"]]);
 
   const _hoisted_1$R = ["name", "tabindex", "disabled", "true-value", "false-value"];
-  const _hoisted_2$z = ["name", "tabindex", "disabled", "value"];
-  const __default__$$ = {
+  const _hoisted_2$y = ["name", "tabindex", "disabled", "value"];
+  const __default__$11 = {
     name: "ElCheckboxButton"
   };
   const _sfc_main$1K = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$$,
+    ...__default__$11,
     props: checkboxProps,
     emits: checkboxEmits,
     setup(__props) {
@@ -19169,7 +19122,7 @@
             onChange: _cache[5] || (_cache[5] = (...args) => vue.unref(handleChange) && vue.unref(handleChange)(...args)),
             onFocus: _cache[6] || (_cache[6] = ($event) => focus.value = true),
             onBlur: _cache[7] || (_cache[7] = ($event) => focus.value = false)
-          }, null, 42, _hoisted_2$z)), [
+          }, null, 42, _hoisted_2$y)), [
             [vue.vModelCheckbox, vue.unref(model)]
           ]),
           _ctx.$slots.default || _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", {
@@ -19187,11 +19140,11 @@
   });
   var CheckboxButton = /* @__PURE__ */ _export_sfc(_sfc_main$1K, [["__file", "checkbox-button.vue"]]);
 
-  const __default__$_ = {
+  const __default__$10 = {
     name: "ElCheckboxGroup"
   };
   const _sfc_main$1J = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$_,
+    ...__default__$10,
     props: useCheckboxGroupProps,
     emits: checkboxGroupEmits,
     setup(__props, { emit }) {
@@ -19315,11 +19268,11 @@
   };
 
   const _hoisted_1$Q = ["value", "name", "disabled"];
-  const __default__$Z = {
+  const __default__$$ = {
     name: "ElRadio"
   };
   const _sfc_main$1I = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Z,
+    ...__default__$$,
     props: radioProps,
     emits: radioEmits,
     setup(__props, { emit }) {
@@ -19391,11 +19344,11 @@
   });
 
   const _hoisted_1$P = ["value", "name", "disabled"];
-  const __default__$Y = {
+  const __default__$_ = {
     name: "ElRadioButton"
   };
   const _sfc_main$1H = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Y,
+    ...__default__$_,
     props: radioButtonProps,
     setup(__props) {
       const props = __props;
@@ -19485,11 +19438,11 @@
   const radioGroupEmits = radioEmits;
 
   const _hoisted_1$O = ["id", "aria-label", "aria-labelledby"];
-  const __default__$X = {
+  const __default__$Z = {
     name: "ElRadioGroup"
   };
   const _sfc_main$1G = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$X,
+    ...__default__$Z,
     props: radioGroupProps,
     emits: radioGroupEmits,
     setup(__props, { emit }) {
@@ -19689,8 +19642,8 @@
     }
   });
   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$D(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_2$x = /* @__PURE__ */ vue.createElementVNode("span", null, null, -1);
+  function _sfc_render$B(_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");
@@ -19737,7 +19690,7 @@
       }, {
         default: vue.withCtx(() => [
           vue.createCommentVNode("\n        Add an empty element to avoid render label,\n        do not use empty fragment here for https://github.com/vuejs/vue-next/pull/2485\n      "),
-          _hoisted_2$y
+          _hoisted_2$x
         ]),
         _: 1
       }, 8, ["model-value", "label", "disabled", "onUpdate:modelValue"])) : _ctx.isLeaf && _ctx.node.checked ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
@@ -19773,7 +19726,7 @@
       ], 64)) : vue.createCommentVNode("v-if", true)
     ], 42, _hoisted_1$N);
   }
-  var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$D], ["__file", "node.vue"]]);
+  var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$B], ["__file", "node.vue"]]);
 
   const _sfc_main$1E = vue.defineComponent({
     name: "ElCascaderMenu",
@@ -19853,7 +19806,7 @@
       };
     }
   });
-  function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$A(_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");
@@ -19906,7 +19859,7 @@
       _: 1
     }, 8, ["class", "wrap-class", "view-class", "onMousemove", "onMouseleave"]);
   }
-  var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$C], ["__file", "menu.vue"]]);
+  var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$A], ["__file", "menu.vue"]]);
 
   var ExpandTrigger = /* @__PURE__ */ ((ExpandTrigger2) => {
     ExpandTrigger2["CLICK"] = "click";
@@ -20381,7 +20334,7 @@
       };
     }
   });
-  function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$z(_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)]),
@@ -20398,7 +20351,7 @@
       }), 128))
     ], 34);
   }
-  var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["render", _sfc_render$B], ["__file", "index.vue"]]);
+  var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["render", _sfc_render$z], ["__file", "index.vue"]]);
 
   CascaderPanel.install = (app) => {
     app.component(CascaderPanel.name, CascaderPanel);
@@ -20436,11 +20389,11 @@
     click: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$W = {
+  const __default__$Y = {
     name: "ElTag"
   };
   const _sfc_main$1C = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$W,
+    ...__default__$Y,
     props: tagProps,
     emits: tagEmits,
     setup(__props, { emit }) {
@@ -20968,10 +20921,9 @@
     }
   });
   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$A(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_2$w = ["placeholder"];
+  const _hoisted_3$i = ["onClick"];
+  function _sfc_render$y(_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");
@@ -21092,11 +21044,13 @@
                       vue.createElementVNode("span", null, vue.toDisplayString(tag.text), 1)
                     ]),
                     content: vue.withCtx(() => [
-                      vue.createElementVNode("div", _hoisted_2$x, [
+                      vue.createElementVNode("div", {
+                        class: vue.normalizeClass(_ctx.nsCascader.e("collapse-tags"))
+                      }, [
                         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.allPresentTags, (tag2, idx) => {
                           return vue.openBlock(), vue.createElementBlock("div", {
                             key: idx,
-                            class: "el-cascader__collapse-tag"
+                            class: vue.normalizeClass(_ctx.nsCascader.e("collapse-tag"))
                           }, [
                             (vue.openBlock(), vue.createBlock(_component_el_tag, {
                               key: tag2.key,
@@ -21113,9 +21067,9 @@
                               ]),
                               _: 2
                             }, 1032, ["type", "size", "hit", "closable", "onClose"]))
-                          ]);
+                          ], 2);
                         }), 128))
-                      ])
+                      ], 2)
                     ]),
                     _: 2
                   }, 1032, ["disabled"]))
@@ -21135,7 +21089,7 @@
               onCompositionstart: _cache[8] || (_cache[8] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args)),
               onCompositionupdate: _cache[9] || (_cache[9] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args)),
               onCompositionend: _cache[10] || (_cache[10] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args))
-            }, null, 42, _hoisted_3$k)), [
+            }, null, 42, _hoisted_2$w)), [
               [vue.vModelText, _ctx.searchInputValue]
             ]) : vue.createCommentVNode("v-if", true)
           ], 2)) : vue.createCommentVNode("v-if", true)
@@ -21183,7 +21137,7 @@
                   ]),
                   _: 1
                 })) : vue.createCommentVNode("v-if", true)
-              ], 10, _hoisted_4$d);
+              ], 10, _hoisted_3$i);
             }), 128)) : vue.renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
               vue.createElementVNode("li", {
                 class: vue.normalizeClass(_ctx.nsCascader.e("empty-text"))
@@ -21198,7 +21152,7 @@
       _: 3
     }, 8, ["visible", "teleported", "popper-class", "popper-options", "transition", "onHide"]);
   }
-  var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["render", _sfc_render$A], ["__file", "index.vue"]]);
+  var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["render", _sfc_render$y], ["__file", "index.vue"]]);
 
   Cascader.install = (app) => {
     app.component(Cascader.name, Cascader);
@@ -21217,11 +21171,11 @@
     [CHANGE_EVENT]: (value) => isBoolean(value)
   };
 
-  const __default__$V = {
+  const __default__$X = {
     name: "ElCheckTag"
   };
   const _sfc_main$1A = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$V,
+    ...__default__$X,
     props: checkTagProps,
     emits: checkTagEmits,
     setup(__props, { emit }) {
@@ -21289,11 +21243,11 @@
     }
   });
 
-  const __default__$U = {
+  const __default__$W = {
     name: "ElCol"
   };
   const _sfc_main$1z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$U,
+    ...__default__$W,
     props: colProps,
     setup(__props) {
       const props = __props;
@@ -21363,11 +21317,11 @@
     [CHANGE_EVENT]: emitChangeFn
   };
 
-  const __default__$T = {
+  const __default__$V = {
     name: "ElCollapse"
   };
   const _sfc_main$1y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$T,
+    ...__default__$V,
     props: collapseProps,
     emits: collapseEmits,
     setup(__props, { expose, emit }) {
@@ -21418,11 +21372,11 @@
   });
   var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["__file", "collapse.vue"]]);
 
-  const __default__$S = {
+  const __default__$U = {
     name: "ElCollapseTransition"
   };
   const _sfc_main$1x = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$S,
+    ...__default__$U,
     setup(__props) {
       const ns = useNamespace("collapse-transition");
       const on = {
@@ -21508,13 +21462,13 @@
   });
 
   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__$R = {
+  const _hoisted_2$v = ["id", "tabindex", "onKeypress"];
+  const _hoisted_3$h = ["id", "aria-hidden", "aria-labelledby"];
+  const __default__$T = {
     name: "ElCollapseItem"
   };
   const _sfc_main$1w = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$R,
+    ...__default__$T,
     props: collapseItemProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -21585,7 +21539,7 @@
                 ]),
                 _: 1
               }, 8, ["class"])
-            ], 42, _hoisted_2$w)
+            ], 42, _hoisted_2$v)
           ], 8, _hoisted_1$L),
           vue.createVNode(vue.unref(_CollapseTransition), null, {
             default: vue.withCtx(() => [
@@ -21601,7 +21555,7 @@
                 }, [
                   vue.renderSlot(_ctx.$slots, "default")
                 ], 2)
-              ], 10, _hoisted_3$j), [
+              ], 10, _hoisted_3$h), [
                 [vue.vShow, vue.unref(isActive)]
               ])
             ]),
@@ -21668,6 +21622,7 @@
       }
     },
     setup(props) {
+      const ns = useNamespace("color-alpha-slider");
       const instance = vue.getCurrentInstance();
       const thumb = vue.shallowRef(null);
       const bar = vue.shallowRef(null);
@@ -21752,33 +21707,34 @@
         thumbTop,
         background,
         handleClick,
-        update
+        update,
+        ns
       };
     }
   });
-  function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
-      class: vue.normalizeClass(["el-color-alpha-slider", { "is-vertical": _ctx.vertical }])
+      class: vue.normalizeClass([_ctx.ns.b(), _ctx.ns.is("vertical", _ctx.vertical)])
     }, [
       vue.createElementVNode("div", {
         ref: "bar",
-        class: "el-color-alpha-slider__bar",
+        class: vue.normalizeClass(_ctx.ns.e("bar")),
         style: vue.normalizeStyle({
           background: _ctx.background
         }),
         onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
-      }, null, 4),
+      }, null, 6),
       vue.createElementVNode("div", {
         ref: "thumb",
-        class: "el-color-alpha-slider__thumb",
+        class: vue.normalizeClass(_ctx.ns.e("thumb")),
         style: vue.normalizeStyle({
           left: _ctx.thumbLeft + "px",
           top: _ctx.thumbTop + "px"
         })
-      }, null, 4)
+      }, null, 6)
     ], 2);
   }
-  var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$z], ["__file", "alpha-slider.vue"]]);
+  var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$x], ["__file", "alpha-slider.vue"]]);
 
   const _sfc_main$1u = vue.defineComponent({
     name: "ElColorHueSlider",
@@ -21790,6 +21746,7 @@
       vertical: Boolean
     },
     setup(props) {
+      const ns = useNamespace("color-hue-slider");
       const instance = vue.getCurrentInstance();
       const thumb = vue.ref(null);
       const bar = vue.ref(null);
@@ -21867,30 +21824,31 @@
         thumbTop,
         hueValue,
         handleClick,
-        update
+        update,
+        ns
       };
     }
   });
-  function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
-      class: vue.normalizeClass(["el-color-hue-slider", { "is-vertical": _ctx.vertical }])
+      class: vue.normalizeClass([_ctx.ns.b(), _ctx.ns.is("vertical", _ctx.vertical)])
     }, [
       vue.createElementVNode("div", {
         ref: "bar",
-        class: "el-color-hue-slider__bar",
+        class: vue.normalizeClass(_ctx.ns.e("bar")),
         onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
-      }, null, 512),
+      }, null, 2),
       vue.createElementVNode("div", {
         ref: "thumb",
-        class: "el-color-hue-slider__thumb",
+        class: vue.normalizeClass(_ctx.ns.e("thumb")),
         style: vue.normalizeStyle({
           left: _ctx.thumbLeft + "px",
           top: _ctx.thumbTop + "px"
         })
-      }, null, 4)
+      }, null, 6)
     ], 2);
   }
-  var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$y], ["__file", "hue-slider.vue"]]);
+  var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$w], ["__file", "hue-slider.vue"]]);
 
   const OPTIONS_KEY = Symbol();
   const useOptions = () => {
@@ -22177,6 +22135,7 @@
       }
     },
     setup(props) {
+      const ns = useNamespace("color-predefine");
       const { currentColor } = useOptions();
       const rgbaColors = vue.ref(parseColors(props.colors, props.color));
       vue.watch(() => currentColor.value, (val) => {
@@ -22204,31 +22163,38 @@
       }
       return {
         rgbaColors,
-        handleSelect
+        handleSelect,
+        ns
       };
     }
   });
-  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$x(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$K, [
-      vue.createElementVNode("div", _hoisted_2$v, [
+  const _hoisted_1$K = ["onClick"];
+  function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("div", {
+      class: vue.normalizeClass(_ctx.ns.b())
+    }, [
+      vue.createElementVNode("div", {
+        class: vue.normalizeClass(_ctx.ns.e("colors"))
+      }, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.rgbaColors, (item, index) => {
           return vue.openBlock(), vue.createElementBlock("div", {
             key: _ctx.colors[index],
-            class: vue.normalizeClass(["el-color-predefine__color-selector", { selected: item.selected, "is-alpha": item._alpha < 100 }]),
+            class: vue.normalizeClass([
+              _ctx.ns.e("color-selector"),
+              _ctx.ns.is("alpha", item._alpha < 100),
+              { selected: item.selected }
+            ]),
             onClick: ($event) => _ctx.handleSelect(index)
           }, [
             vue.createElementVNode("div", {
               style: vue.normalizeStyle({ backgroundColor: item.value })
             }, null, 4)
-          ], 10, _hoisted_3$i);
+          ], 10, _hoisted_1$K);
         }), 128))
-      ])
-    ]);
+      ], 2)
+    ], 2);
   }
-  var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$x], ["__file", "predefine.vue"]]);
+  var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$v], ["__file", "predefine.vue"]]);
 
   const _sfc_main$1s = vue.defineComponent({
     name: "ElSlPanel",
@@ -22239,6 +22205,7 @@
       }
     },
     setup(props) {
+      const ns = useNamespace("color-svpanel");
       const instance = vue.getCurrentInstance();
       const cursorTop = vue.ref(0);
       const cursorLeft = vue.ref(0);
@@ -22294,35 +22261,38 @@
         background,
         colorValue,
         handleDrag,
-        update
+        update,
+        ns
       };
     }
   });
-  const _hoisted_1$J = /* @__PURE__ */ vue.createElementVNode("div", { class: "el-color-svpanel__white" }, null, -1);
-  const _hoisted_2$u = /* @__PURE__ */ vue.createElementVNode("div", { class: "el-color-svpanel__black" }, null, -1);
-  const _hoisted_3$h = /* @__PURE__ */ vue.createElementVNode("div", null, null, -1);
-  const _hoisted_4$c = [
-    _hoisted_3$h
+  const _hoisted_1$J = /* @__PURE__ */ vue.createElementVNode("div", null, null, -1);
+  const _hoisted_2$u = [
+    _hoisted_1$J
   ];
-  function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
-      class: "el-color-svpanel",
+      class: vue.normalizeClass(_ctx.ns.b()),
       style: vue.normalizeStyle({
         backgroundColor: _ctx.background
       })
     }, [
-      _hoisted_1$J,
-      _hoisted_2$u,
       vue.createElementVNode("div", {
-        class: "el-color-svpanel__cursor",
+        class: vue.normalizeClass(_ctx.ns.e("white"))
+      }, null, 2),
+      vue.createElementVNode("div", {
+        class: vue.normalizeClass(_ctx.ns.e("black"))
+      }, null, 2),
+      vue.createElementVNode("div", {
+        class: vue.normalizeClass(_ctx.ns.e("cursor")),
         style: vue.normalizeStyle({
           top: _ctx.cursorTop + "px",
           left: _ctx.cursorLeft + "px"
         })
-      }, _hoisted_4$c, 4)
-    ], 4);
+      }, _hoisted_2$u, 6)
+    ], 6);
   }
-  var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["render", _sfc_render$w], ["__file", "sv-panel.vue"]]);
+  var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["render", _sfc_render$u], ["__file", "sv-panel.vue"]]);
 
   const _sfc_main$1r = vue.defineComponent({
     name: "ElColorPicker",
@@ -22532,7 +22502,7 @@
     }
   });
   const _hoisted_1$I = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex"];
-  function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$t(_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");
@@ -22687,7 +22657,7 @@
       _: 1
     }, 8, ["visible", "popper-class"]);
   }
-  var ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["render", _sfc_render$v], ["__file", "index.vue"]]);
+  var ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["render", _sfc_render$t], ["__file", "index.vue"]]);
 
   ColorPicker.install = (app) => {
     app.component(ColorPicker.name, ColorPicker);
@@ -22738,11 +22708,11 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const __default__$Q = {
+  const __default__$S = {
     name: "ElContainer"
   };
   const _sfc_main$1q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Q,
+    ...__default__$S,
     props: {
       direction: {
         type: String
@@ -22779,11 +22749,11 @@
   });
   var Container = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["__file", "container.vue"]]);
 
-  const __default__$P = {
+  const __default__$R = {
     name: "ElAside"
   };
   const _sfc_main$1p = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$P,
+    ...__default__$R,
     props: {
       width: {
         type: String,
@@ -22806,11 +22776,11 @@
   });
   var Aside = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["__file", "aside.vue"]]);
 
-  const __default__$O = {
+  const __default__$Q = {
     name: "ElFooter"
   };
   const _sfc_main$1o = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$O,
+    ...__default__$Q,
     props: {
       height: {
         type: String,
@@ -22833,11 +22803,11 @@
   });
   var Footer$2 = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["__file", "footer.vue"]]);
 
-  const __default__$N = {
+  const __default__$P = {
     name: "ElHeader"
   };
   const _sfc_main$1n = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$N,
+    ...__default__$P,
     props: {
       height: {
         type: String,
@@ -22864,11 +22834,11 @@
   });
   var Header$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["__file", "header.vue"]]);
 
-  const __default__$M = {
+  const __default__$O = {
     name: "ElMain"
   };
   const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$M,
+    ...__default__$O,
     setup(__props) {
       const ns = useNamespace("main");
       return (_ctx, _cache) => {
@@ -23241,6 +23211,7 @@
       const lastRow = vue.ref();
       const lastColumn = vue.ref();
       const tableRows = vue.ref([[], [], [], [], [], []]);
+      let focusWithClick = false;
       const firstDayOfWeek = props.date.$locale().weekStart || 7;
       const WEEKS_CONSTANT = props.date.locale("en").localeData().weekdaysShort().map((_) => _.toLowerCase());
       const offsetDay = vue.computed(() => {
@@ -23445,13 +23416,25 @@
         return !hasCurrent.value && (cell == null ? void 0 : cell.text) === 1 && cell.type === "normal" || cell.isCurrent;
       };
       const handleFocus = (event) => {
-        if (!hasCurrent.value && props.selectionMode === "date") {
-          handlePickDate(event, true);
-        }
+        if (focusWithClick || hasCurrent.value || props.selectionMode !== "date")
+          return;
+        handlePickDate(event, true);
+      };
+      const handleMouseDown = (event) => {
+        const target = event.target.closest("td");
+        if (!target)
+          return;
+        focusWithClick = true;
+      };
+      const handleMouseUp = (event) => {
+        const target = event.target.closest("td");
+        if (!target)
+          return;
+        focusWithClick = false;
       };
       const handlePickDate = (event, isKeyboardMovement = false) => {
         const target = event.target.closest("td");
-        if (!target || target.tagName !== "TD")
+        if (!target)
           return;
         const row = target.parentNode.rowIndex - 1;
         const column = target.cellIndex;
@@ -23516,7 +23499,9 @@
           cellpadding: "0",
           class: vue.normalizeClass([vue.unref(ns).b(), { "is-week-mode": _ctx.selectionMode === "week" }]),
           onClick: handlePickDate,
-          onMousemove: handleMouseMove
+          onMousemove: handleMouseMove,
+          onMousedown: handleMouseDown,
+          onMouseup: handleMouseUp
         }, [
           vue.createElementVNode("tbody", {
             ref_key: "tbodyRef",
@@ -23541,9 +23526,7 @@
                   return vue.openBlock(), vue.createElementBlock("td", {
                     key: `${rowKey}.${columnKey}`,
                     ref_for: true,
-                    ref: (el) => {
-                      isSelectedCell(cell) && (currentCellRef.value = el);
-                    },
+                    ref: (el) => isSelectedCell(cell) && (currentCellRef.value = el),
                     class: vue.normalizeClass(getCellClasses(cell)),
                     "aria-current": cell.isCurrent ? "date" : void 0,
                     "aria-selected": cell.isCurrent,
@@ -25296,11 +25279,11 @@
   const _hoisted_1$C = ["onClick"];
   const _hoisted_2$o = ["disabled"];
   const _hoisted_3$b = ["disabled"];
-  const __default__$L = {
+  const __default__$N = {
     name: "DatePickerMonthRange"
   };
   const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$L,
+    ...__default__$N,
     props: panelMonthRangeProps,
     emits: panelMonthRangeEmits,
     setup(__props, { emit }) {
@@ -25583,9 +25566,9 @@
   };
   const ElDatePicker = _DatePicker;
 
-  const elDescriptionsKey = "elDescriptions";
+  const descriptionsKey = "elDescriptions";
 
-  var DescriptionsCell = vue.defineComponent({
+  var ElDescriptionsCell = vue.defineComponent({
     name: "ElDescriptionsCell",
     props: {
       cell: {
@@ -25599,7 +25582,7 @@
       }
     },
     setup() {
-      const descriptions = vue.inject(elDescriptionsKey, {});
+      const descriptions = vue.inject(descriptionsKey, {});
       return {
         descriptions
       };
@@ -25665,114 +25648,112 @@
     }
   });
 
-  const _sfc_main$1f = vue.defineComponent({
-    name: "ElDescriptionsRow",
-    components: {
-      [DescriptionsCell.name]: DescriptionsCell
-    },
-    props: {
-      row: {
-        type: Array
-      }
-    },
-    setup() {
-      const descriptions = vue.inject(elDescriptionsKey, {});
-      return {
-        descriptions
-      };
+  const descriptionsRowProps = buildProps({
+    row: {
+      type: Array,
+      default: () => []
     }
   });
+
   const _hoisted_1$B = { key: 1 };
-  function _sfc_render$u(_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, [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.row, (cell, index) => {
-          return vue.openBlock(), vue.createBlock(_component_el_descriptions_cell, {
-            key: `tr1-${index}`,
-            cell,
-            tag: "th",
-            type: "label"
-          }, null, 8, ["cell"]);
-        }), 128))
-      ]),
-      vue.createElementVNode("tr", null, [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.row, (cell, index) => {
-          return vue.openBlock(), vue.createBlock(_component_el_descriptions_cell, {
-            key: `tr2-${index}`,
-            cell,
-            tag: "td",
-            type: "content"
-          }, null, 8, ["cell"]);
-        }), 128))
-      ])
-    ], 64)) : (vue.openBlock(), vue.createElementBlock("tr", _hoisted_1$B, [
-      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.row, (cell, index) => {
-        return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
-          key: `tr3-${index}`
-        }, [
-          _ctx.descriptions.border ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-            vue.createVNode(_component_el_descriptions_cell, {
-              cell,
-              tag: "td",
-              type: "label"
-            }, null, 8, ["cell"]),
-            vue.createVNode(_component_el_descriptions_cell, {
-              cell,
-              tag: "td",
-              type: "content"
-            }, null, 8, ["cell"])
-          ], 64)) : (vue.openBlock(), vue.createBlock(_component_el_descriptions_cell, {
-            key: 1,
-            cell,
-            tag: "td",
-            type: "both"
-          }, null, 8, ["cell"]))
-        ], 64);
-      }), 128))
-    ]));
-  }
-  var DescriptionsRow = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["render", _sfc_render$u], ["__file", "descriptions-row.vue"]]);
+  const __default__$M = {
+    name: "ElDescriptionsRow"
+  };
+  const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$M,
+    props: descriptionsRowProps,
+    setup(__props) {
+      const descriptions = vue.inject(descriptionsKey, {});
+      return (_ctx, _cache) => {
+        return vue.unref(descriptions).direction === "vertical" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+          vue.createElementVNode("tr", null, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.row, (cell, index) => {
+              return vue.openBlock(), vue.createBlock(vue.unref(ElDescriptionsCell), {
+                key: `tr1-${index}`,
+                cell,
+                tag: "th",
+                type: "label"
+              }, null, 8, ["cell"]);
+            }), 128))
+          ]),
+          vue.createElementVNode("tr", null, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.row, (cell, index) => {
+              return vue.openBlock(), vue.createBlock(vue.unref(ElDescriptionsCell), {
+                key: `tr2-${index}`,
+                cell,
+                tag: "td",
+                type: "content"
+              }, null, 8, ["cell"]);
+            }), 128))
+          ])
+        ], 64)) : (vue.openBlock(), vue.createElementBlock("tr", _hoisted_1$B, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.row, (cell, index) => {
+            return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+              key: `tr3-${index}`
+            }, [
+              vue.unref(descriptions).border ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                vue.createVNode(vue.unref(ElDescriptionsCell), {
+                  cell,
+                  tag: "td",
+                  type: "label"
+                }, null, 8, ["cell"]),
+                vue.createVNode(vue.unref(ElDescriptionsCell), {
+                  cell,
+                  tag: "td",
+                  type: "content"
+                }, null, 8, ["cell"])
+              ], 64)) : (vue.openBlock(), vue.createBlock(vue.unref(ElDescriptionsCell), {
+                key: 1,
+                cell,
+                tag: "td",
+                type: "both"
+              }, null, 8, ["cell"]))
+            ], 64);
+          }), 128))
+        ]));
+      };
+    }
+  });
+  var ElDescriptionsRow = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["__file", "descriptions-row.vue"]]);
 
-  const _sfc_main$1e = vue.defineComponent({
-    name: "ElDescriptions",
-    components: {
-      [DescriptionsRow.name]: DescriptionsRow
+  const descriptionProps = buildProps({
+    border: {
+      type: Boolean,
+      default: false
     },
-    props: {
-      border: {
-        type: Boolean,
-        default: false
-      },
-      column: {
-        type: Number,
-        default: 3
-      },
-      direction: {
-        type: String,
-        default: "horizontal"
-      },
-      size: {
-        type: String,
-        validator: isValidComponentSize
-      },
-      title: {
-        type: String,
-        default: ""
-      },
-      extra: {
-        type: String,
-        default: ""
-      }
+    column: {
+      type: Number,
+      default: 3
     },
-    setup(props, { slots }) {
-      vue.provide(elDescriptionsKey, props);
-      const descriptionsSize = useSize();
+    direction: {
+      type: String,
+      values: ["horizontal", "vertical"],
+      default: "horizontal"
+    },
+    size: useSizeProp,
+    title: {
+      type: String,
+      default: ""
+    },
+    extra: {
+      type: String,
+      default: ""
+    }
+  });
+
+  const __default__$L = {
+    name: "ElDescriptions"
+  };
+  const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$L,
+    props: descriptionProps,
+    setup(__props) {
+      const props = __props;
       const ns = useNamespace("descriptions");
-      const descriptionKls = vue.computed(() => [
-        ns.b(),
-        ns.m(descriptionsSize.value)
-      ]);
+      const descriptionsSize = useSize();
+      const slots = vue.useSlots();
+      vue.provide(descriptionsKey, props);
+      const descriptionKls = vue.computed(() => [ns.b(), ns.m(descriptionsSize.value)]);
       const flattedChildren = (children) => {
         const temp = Array.isArray(children) ? children : [children];
         const res = [];
@@ -25831,56 +25812,50 @@
         });
         return rows;
       };
-      return {
-        descriptionKls,
-        getRows,
-        ns
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass(vue.unref(descriptionKls))
+        }, [
+          _ctx.title || _ctx.extra || _ctx.$slots.title || _ctx.$slots.extra ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: vue.normalizeClass(vue.unref(ns).e("header"))
+          }, [
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(vue.unref(ns).e("title"))
+            }, [
+              vue.renderSlot(_ctx.$slots, "title", {}, () => [
+                vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
+              ])
+            ], 2),
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(vue.unref(ns).e("extra"))
+            }, [
+              vue.renderSlot(_ctx.$slots, "extra", {}, () => [
+                vue.createTextVNode(vue.toDisplayString(_ctx.extra), 1)
+              ])
+            ], 2)
+          ], 2)) : vue.createCommentVNode("v-if", true),
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(vue.unref(ns).e("body"))
+          }, [
+            vue.createElementVNode("table", {
+              class: vue.normalizeClass([vue.unref(ns).e("table"), vue.unref(ns).is("bordered", _ctx.border)])
+            }, [
+              vue.createElementVNode("tbody", null, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getRows(), (row, index) => {
+                  return vue.openBlock(), vue.createBlock(ElDescriptionsRow, {
+                    key: index,
+                    row
+                  }, null, 8, ["row"]);
+                }), 128))
+              ])
+            ], 2)
+          ], 2)
+        ], 2);
       };
     }
   });
-  function _sfc_render$t(_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)
-    }, [
-      _ctx.title || _ctx.extra || _ctx.$slots.title || _ctx.$slots.extra ? (vue.openBlock(), vue.createElementBlock("div", {
-        key: 0,
-        class: vue.normalizeClass(_ctx.ns.e("header"))
-      }, [
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass(_ctx.ns.e("title"))
-        }, [
-          vue.renderSlot(_ctx.$slots, "title", {}, () => [
-            vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
-          ])
-        ], 2),
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass(_ctx.ns.e("extra"))
-        }, [
-          vue.renderSlot(_ctx.$slots, "extra", {}, () => [
-            vue.createTextVNode(vue.toDisplayString(_ctx.extra), 1)
-          ])
-        ], 2)
-      ], 2)) : vue.createCommentVNode("v-if", true),
-      vue.createElementVNode("div", {
-        class: vue.normalizeClass(_ctx.ns.e("body"))
-      }, [
-        vue.createElementVNode("table", {
-          class: vue.normalizeClass([_ctx.ns.e("table"), _ctx.ns.is("bordered", _ctx.border)])
-        }, [
-          vue.createElementVNode("tbody", null, [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.getRows(), (row, index) => {
-              return vue.openBlock(), vue.createBlock(_component_el_descriptions_row, {
-                key: index,
-                row
-              }, null, 8, ["row"]);
-            }), 128))
-          ])
-        ], 2)
-      ], 2)
-    ], 2);
-  }
-  var Descriptions = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["render", _sfc_render$t], ["__file", "index.vue"]]);
+  var Descriptions = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["__file", "description.vue"]]);
 
   var DescriptionsItem = vue.defineComponent({
     name: "ElDescriptionsItem",
@@ -29507,8 +29482,8 @@
         const computedValue = getProp(model, props.prop);
         if (!isEqual$1(computedValue.value, initialValue)) {
           isResettingField = true;
+          computedValue.value = clone(initialValue);
         }
-        computedValue.value = clone(initialValue);
         await vue.nextTick();
         clearValidate();
       };
@@ -30591,7 +30566,7 @@
               _: 1
             })
           ], 42, _hoisted_1$q)), [
-            [vue.unref(vRepeatClick), decrease]
+            [vue.unref(RepeatClick), decrease]
           ]) : vue.createCommentVNode("v-if", true),
           _ctx.controls ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
             key: 1,
@@ -30607,7 +30582,7 @@
               _: 1
             })
           ], 42, _hoisted_2$i)), [
-            [vue.unref(vRepeatClick), increase]
+            [vue.unref(RepeatClick), increase]
           ]) : vue.createCommentVNode("v-if", true),
           vue.createVNode(vue.unref(ElInput), {
             id: _ctx.id,
@@ -31346,11 +31321,22 @@
         }
         updateActiveIndex(currentActive);
       });
-      vue.watch(items.value, () => initMenu());
+      vue.watch(items.value, () => {
+        initMenu();
+        if (props.mode === "horizontal" && props.ellipsis)
+          handleResize();
+      });
       vue.watch(() => props.collapse, (value) => {
         if (value)
           openedMenus.value = [];
       });
+      let resizeStopper;
+      vue.watchEffect(() => {
+        if (props.mode === "horizontal" && props.ellipsis)
+          resizeStopper = useResizeObserver(menu, handleResize).stop;
+        else
+          resizeStopper == null ? void 0 : resizeStopper();
+      });
       {
         const addSubMenu = (item) => {
           subMenus.value[item.index] = item;
@@ -31416,7 +31402,6 @@
         });
         return result;
       };
-      const useVNodeResize = (vnode) => props.mode === "horizontal" ? vue.withDirectives(vnode, [[Resize, handleResize]]) : vnode;
       return () => {
         var _a, _b, _c, _d;
         let slot = (_b = (_a = slots.default) == null ? void 0 : _a.call(slots)) != null ? _b : [];
@@ -31452,8 +31437,7 @@
           }
         }
         const ulStyle = useMenuCssVar(props, 0);
-        const resizeMenu = (vNode) => props.ellipsis ? useVNodeResize(vNode) : vNode;
-        const vMenu = resizeMenu(vue.h("ul", {
+        const vMenu = vue.h("ul", {
           key: String(props.collapse),
           role: "menubar",
           ref: menu,
@@ -31463,7 +31447,7 @@
             [nsMenu.m(props.mode)]: true,
             [nsMenu.m("collapse")]: props.collapse
           }
-        }, [...slot, ...vShowMore]));
+        }, [...slot, ...vShowMore]);
         if (props.collapseTransition && props.mode === "vertical") {
           return vue.h(ElMenuCollapseTransition, () => vMenu);
         }
@@ -31912,11 +31896,11 @@
         const doesSelected = selectedOptions.some((item) => {
           return item.value === vm.value;
         });
-        if (select.cachedOptions.get(key) === vm && !doesSelected) {
-          vue.nextTick(() => {
+        vue.nextTick(() => {
+          if (select.cachedOptions.get(key) === vm && !doesSelected) {
             select.cachedOptions.delete(key);
-          });
-        }
+          }
+        });
         select.onOptionDestroy(key, vm);
       });
       function selectOptionClick() {
@@ -32562,8 +32546,6 @@
     };
     const toggleMenu = () => {
       var _a;
-      if (props.automaticDropdown)
-        return;
       if (!selectDisabled.value) {
         if (states.menuVisibleOnFocus) {
           states.menuVisibleOnFocus = false;
@@ -33052,7 +33034,7 @@
                       "fallback-placements": ["bottom", "top", "right", "left"],
                       effect: _ctx.effect,
                       placement: "bottom",
-                      teleported: false
+                      teleported: _ctx.teleported
                     }, {
                       default: vue.withCtx(() => [
                         vue.createElementVNode("span", {
@@ -33094,7 +33076,7 @@
                         ], 2)
                       ]),
                       _: 1
-                    }, 8, ["disabled", "effect"])) : (vue.openBlock(), vue.createElementBlock("span", {
+                    }, 8, ["disabled", "effect", "teleported"])) : (vue.openBlock(), vue.createElementBlock("span", {
                       key: 1,
                       class: vue.normalizeClass(_ctx.nsSelect.e("tags-text"))
                     }, "+ " + vue.toDisplayString(_ctx.selected.length - 1), 3))
@@ -34030,18 +34012,15 @@
         var _a, _b;
         (_b = (_a = tooltipRef.value) == null ? void 0 : _a.onClose) == null ? void 0 : _b.call(_a);
       };
-      const handleCallback = () => {
-        hidePopper();
-      };
       const confirm = (e) => {
         var _a;
         (_a = props.onConfirm) == null ? void 0 : _a.call(props, e);
-        handleCallback();
+        hidePopper();
       };
       const cancel = (e) => {
         var _a;
         (_a = props.onCancel) == null ? void 0 : _a.call(props, e);
-        handleCallback();
+        hidePopper();
       };
       const finalConfirmButtonText = vue.computed(() => props.confirmButtonText || t("el.popconfirm.confirmButtonText"));
       const finalCancelButtonText = vue.computed(() => props.cancelButtonText || t("el.popconfirm.cancelButtonText"));
@@ -34164,6 +34143,9 @@
     persistent: {
       type: Boolean,
       default: true
+    },
+    "onUpdate:visible": {
+      type: Function
     }
   });
   const popoverEmits = {
@@ -34183,6 +34165,10 @@
     emits: popoverEmits,
     setup(__props, { expose, emit }) {
       const props = __props;
+      const updateEventKeyRaw = `onUpdate:visible`;
+      const onUpdateVisible = vue.computed(() => {
+        return props[updateEventKeyRaw];
+      });
       const ns = useNamespace("popover");
       const tooltipRef = vue.ref();
       const popperRef = vue.computed(() => {
@@ -34250,6 +34236,7 @@
           teleported: _ctx.teleported,
           persistent: _ctx.persistent,
           "gpu-acceleration": vue.unref(gpuAcceleration),
+          "onUpdate:visible": vue.unref(onUpdateVisible),
           onBeforeShow: beforeEnter,
           onBeforeHide: beforeLeave,
           onShow: afterEnter,
@@ -34269,7 +34256,7 @@
             _ctx.$slots.reference ? vue.renderSlot(_ctx.$slots, "reference", { key: 0 }) : vue.createCommentVNode("v-if", true)
           ]),
           _: 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"]);
+        }, 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", "onUpdate:visible"]);
       };
     }
   });
@@ -34822,12 +34809,13 @@
         resetCurrentValue
       });
       return (_ctx, _cache) => {
+        var _a;
         return vue.openBlock(), vue.createElementBlock("div", {
           id: vue.unref(inputId),
           class: vue.normalizeClass([vue.unref(rateClasses), vue.unref(ns).is("disabled", vue.unref(rateDisabled))]),
           role: "slider",
           "aria-label": !vue.unref(isLabeledByFormItem) ? _ctx.label || "rating" : void 0,
-          "aria-labelledby": vue.unref(isLabeledByFormItem) ? vue.unref(formItemContext).labelId : void 0,
+          "aria-labelledby": vue.unref(isLabeledByFormItem) ? (_a = vue.unref(formItemContext)) == null ? void 0 : _a.labelId : void 0,
           "aria-valuenow": currentValue.value,
           "aria-valuetext": vue.unref(text) || void 0,
           "aria-valuemin": "0",
@@ -37458,8 +37446,9 @@
     });
     const filteredOptions = vue.computed(() => {
       const isValidOption = (o) => {
+        var _a;
         const query = states.inputValue;
-        const containsQueryString = query ? o.label.includes(query) : true;
+        const containsQueryString = query ? (_a = o.label) == null ? void 0 : _a.includes(query) : true;
         return containsQueryString;
       };
       if (props.loading) {
@@ -38952,7 +38941,9 @@
       const steps = Math.round(newPosition / lengthPerStep);
       let value = steps * lengthPerStep * (max.value - min.value) * 0.01 + min.value;
       value = Number.parseFloat(value.toFixed(precision.value));
-      emit(UPDATE_MODEL_EVENT, value);
+      if (value !== props.modelValue) {
+        emit(UPDATE_MODEL_EVENT, value);
+      }
       if (!initData.dragging && props.modelValue !== initData.oldValue) {
         initData.oldValue = props.modelValue;
       }
@@ -39198,7 +39189,7 @@
       const style = vue.computed(() => isString(props.mark) ? void 0 : props.mark.style);
       return () => vue.h("div", {
         class: ns.e("marks-text"),
-        style
+        style: style.value
       }, label.value);
     }
   });
@@ -39814,7 +39805,7 @@
               }, null, 6)
             ], 2)) : vue.createCommentVNode("v-if", true),
             vue.createElementVNode("div", {
-              class: vue.normalizeClass([vue.unref(ns).e("icon"), vue.unref(ns).is(_ctx.icon ? "icon" : "text")])
+              class: vue.normalizeClass([vue.unref(ns).e("icon"), vue.unref(ns).is(_ctx.icon || _ctx.$slots.icon ? "icon" : "text")])
             }, [
               vue.unref(currentStatus) !== "success" && vue.unref(currentStatus) !== "error" ? vue.renderSlot(_ctx.$slots, "icon", { key: 0 }, () => [
                 _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
@@ -40258,14 +40249,8 @@
    */
 
   const getCell = function(event) {
-    let cell = event.target;
-    while (cell && cell.tagName.toUpperCase() !== "HTML") {
-      if (cell.tagName.toUpperCase() === "TD") {
-        return cell;
-      }
-      cell = cell.parentNode;
-    }
-    return null;
+    var _a;
+    return (_a = event.target) == null ? void 0 : _a.closest("td");
   };
   const isObject = function(obj) {
     return obj !== null && typeof obj === "object";
@@ -40517,11 +40502,9 @@
       try {
         popperInstance && popperInstance.destroy();
         content && (parentNode == null ? void 0 : parentNode.removeChild(content));
-        off(trigger, "mouseenter", showPopper);
-        off(trigger, "mouseleave", removePopper);
-        if (scrollContainer) {
-          off(scrollContainer, "scroll", removePopper);
-        }
+        trigger.removeEventListener("mouseenter", showPopper);
+        trigger.removeEventListener("mouseleave", removePopper);
+        scrollContainer == null ? void 0 : scrollContainer.removeEventListener("scroll", removePopper);
         removePopper = void 0;
       } catch (e) {
       }
@@ -40549,11 +40532,9 @@
       ],
       ...popperOptions
     });
-    on$1(trigger, "mouseenter", showPopper);
-    on$1(trigger, "mouseleave", removePopper);
-    if (scrollContainer) {
-      on$1(scrollContainer, "scroll", removePopper);
-    }
+    trigger.addEventListener("mouseenter", showPopper);
+    trigger.addEventListener("mouseleave", removePopper);
+    scrollContainer == null ? void 0 : scrollContainer.addEventListener("scroll", removePopper);
     return popperInstance;
   }
   const isFixedColumn = (index, fixed, store, realColumns) => {
@@ -41611,14 +41592,6 @@
       this.bodyWidth = vue.ref(null);
       this.fixedWidth = vue.ref(null);
       this.rightFixedWidth = vue.ref(null);
-      this.tableHeight = vue.ref(null);
-      this.headerHeight = vue.ref(44);
-      this.appendHeight = vue.ref(0);
-      this.footerHeight = vue.ref(44);
-      this.viewportHeight = vue.ref(null);
-      this.bodyHeight = vue.ref(null);
-      this.bodyScrollHeight = vue.ref(0);
-      this.fixedBodyHeight = vue.ref(null);
       this.gutterWidth = 0;
       for (const name in options) {
         if (hasOwn(options, name)) {
@@ -41640,15 +41613,11 @@
       const height = this.height.value;
       if (height === null)
         return false;
-      const bodyWrapper = this.table.refs.bodyWrapper;
-      if (this.table.vnode.el && bodyWrapper) {
+      const scrollBarRef = this.table.refs.scrollBarRef;
+      if (this.table.vnode.el && scrollBarRef) {
         let scrollY = true;
         const prevScrollY = this.scrollY.value;
-        if (this.bodyHeight.value === null) {
-          scrollY = false;
-        } else {
-          scrollY = bodyWrapper.scrollHeight > this.bodyHeight.value;
-        }
+        scrollY = scrollBarRef.wrap$.scrollHeight > scrollBarRef.wrap$.clientHeight;
         this.scrollY.value = scrollY;
         return prevScrollY !== scrollY;
       }
@@ -41686,43 +41655,6 @@
       return flattenColumns;
     }
     updateElsHeight() {
-      var _a, _b;
-      if (!this.table.$ready)
-        return vue.nextTick(() => this.updateElsHeight());
-      const {
-        tableWrapper,
-        headerWrapper,
-        appendWrapper,
-        footerWrapper,
-        tableHeader,
-        tableBody
-      } = this.table.refs;
-      if (tableWrapper && tableWrapper.style.display === "none") {
-        return;
-      }
-      const { tableLayout } = this.table.props;
-      this.appendHeight.value = appendWrapper ? appendWrapper.offsetHeight : 0;
-      if (this.showHeader && !headerWrapper && tableLayout === "fixed") {
-        return;
-      }
-      const headerTrElm = tableHeader ? tableHeader : null;
-      const noneHeader = this.headerDisplayNone(headerTrElm);
-      const headerWrapperOffsetHeight = (headerWrapper == null ? void 0 : headerWrapper.offsetHeight) || 0;
-      const headerHeight = this.headerHeight.value = !this.showHeader ? 0 : headerWrapperOffsetHeight;
-      if (this.showHeader && !noneHeader && headerWrapperOffsetHeight > 0 && (this.table.store.states.columns.value || []).length > 0 && headerHeight < 2) {
-        return vue.nextTick(() => this.updateElsHeight());
-      }
-      const tableHeight = this.tableHeight.value = (_b = (_a = this.table) == null ? void 0 : _a.vnode.el) == null ? void 0 : _b.clientHeight;
-      const footerHeight = this.footerHeight.value = footerWrapper ? footerWrapper.offsetHeight : 0;
-      if (this.height.value !== null) {
-        if (this.bodyHeight.value === null) {
-          requestAnimationFrame(() => this.updateElsHeight());
-        }
-        this.bodyHeight.value = tableHeight - headerHeight - footerHeight + (footerWrapper ? 1 : 0);
-        this.bodyScrollHeight.value = tableBody == null ? void 0 : tableBody.scrollHeight;
-      }
-      this.fixedBodyHeight.value = this.scrollX.value ? this.bodyHeight.value - this.gutterWidth : this.bodyHeight.value;
-      this.viewportHeight.value = this.scrollX.value ? tableHeight - this.gutterWidth : tableHeight;
       this.updateScrollY();
       this.notifyObservers("scrollable");
     }
@@ -42249,12 +42181,10 @@
       }
     };
     const handleMouseMove = (event, column) => {
+      var _a;
       if (column.children && column.children.length > 0)
         return;
-      let target = event.target;
-      while (target && target.tagName !== "TH") {
-        target = target.parentNode;
-      }
+      const target = (_a = event.target) == null ? void 0 : _a.closest("th");
       if (!column || !column.resizable)
         return;
       if (!dragging.value && props.border) {
@@ -42287,13 +42217,11 @@
       return sortOrders[index > sortOrders.length - 2 ? 0 : index + 1];
     };
     const handleSortClick = (event, column, givenOrder) => {
+      var _a;
       event.stopPropagation();
       const order = column.order === givenOrder ? null : givenOrder || toggleOrder(column);
-      let target = event.target;
-      while (target && target.tagName !== "TH") {
-        target = target.parentNode;
-      }
-      if (target && target.tagName === "TH") {
+      const target = (_a = event.target) == null ? void 0 : _a.closest("th");
+      if (target) {
         if (hasClass(target, "noclick")) {
           removeClass(target, "noclick");
           return;
@@ -43358,14 +43286,18 @@
     };
     const resizeState = vue.ref({
       width: null,
-      height: null
+      height: null,
+      headerHeight: null
     });
     const isGroup = vue.ref(false);
     const scrollbarViewStyle = {
-      display: "block",
+      display: "inline-block",
       verticalAlign: "middle"
     };
     const tableWidth = vue.ref();
+    const tableScrollHeight = vue.ref(0);
+    const bodyScrollHeight = vue.ref(0);
+    const headerScrollHeight = vue.ref(0);
     vue.watchEffect(() => {
       layout.setHeight(props.height);
     });
@@ -43422,12 +43354,14 @@
       bindEvents();
       requestAnimationFrame(doLayout);
       const el = table.vnode.el;
+      const tableHeader = table.refs.headerWrapper;
       if (props.flexible && el && el.parentElement) {
         el.parentElement.style.minWidth = "0";
       }
       resizeState.value = {
         width: tableWidth.value = el.offsetWidth,
-        height: el.offsetHeight
+        height: el.offsetHeight,
+        headerHeight: props.showHeader && tableHeader ? tableHeader.offsetHeight : null
       };
       store.states.columns.value.forEach((column) => {
         if (column.filteredValue && column.filteredValue.length) {
@@ -43498,23 +43432,36 @@
       }
     };
     const resizeListener = () => {
+      var _a;
       if (!table.$ready)
         return;
       let shouldUpdateLayout = false;
       const el = table.vnode.el;
-      const { width: oldWidth, height: oldHeight } = resizeState.value;
+      const {
+        width: oldWidth,
+        height: oldHeight,
+        headerHeight: oldHeaderHeight
+      } = resizeState.value;
       const width = tableWidth.value = el.offsetWidth;
       if (oldWidth !== width) {
         shouldUpdateLayout = true;
       }
-      const height2 = el.offsetHeight;
-      if ((props.height || shouldUpdateHeight.value) && oldHeight !== height2) {
+      const height = el.offsetHeight;
+      if ((props.height || shouldUpdateHeight.value) && oldHeight !== height) {
+        shouldUpdateLayout = true;
+      }
+      const tableHeader = table.refs.headerWrapper;
+      if (props.showHeader && tableHeader.offsetHeight !== oldHeaderHeight) {
         shouldUpdateLayout = true;
       }
+      tableScrollHeight.value = table.refs.tableWrapper.scrollHeight;
+      headerScrollHeight.value = ((_a = table.refs.headerWrapper) == null ? void 0 : _a.scrollHeight) || 0;
+      bodyScrollHeight.value = tableScrollHeight.value - headerScrollHeight.value;
       if (shouldUpdateLayout) {
         resizeState.value = {
           width,
-          height: height2
+          height,
+          headerHeight: props.showHeader ? tableHeader.offsetHeight : null
         };
         doLayout();
       }
@@ -43529,57 +43476,57 @@
         return "fixed";
       return props.tableLayout;
     });
-    function calcMaxHeight(maxHeight, footerHeight, headerHeight) {
-      const parsedMaxHeight = parseHeight(maxHeight);
-      const tableHeaderHeight = props.showHeader ? headerHeight : 0;
-      if (parsedMaxHeight === null)
-        return;
-      if (isString(parsedMaxHeight)) {
-        return `calc(${parsedMaxHeight} - ${footerHeight}px - ${tableHeaderHeight}px)`;
+    const emptyBlockStyle = vue.computed(() => {
+      if (props.data && props.data.length)
+        return null;
+      let height = "100%";
+      if (bodyScrollHeight.value) {
+        height = `${bodyScrollHeight.value}px`;
       }
-      return parsedMaxHeight - footerHeight - tableHeaderHeight;
-    }
-    const height = vue.computed(() => {
-      const headerHeight = layout.headerHeight.value || 0;
-      const bodyHeight2 = layout.bodyHeight.value;
-      const footerHeight = layout.footerHeight.value || 0;
+      const width = tableWidth.value;
+      return {
+        width: width ? `${width}px` : "",
+        height
+      };
+    });
+    const tableInnerStyle = vue.computed(() => {
       if (props.height) {
-        return bodyHeight2 ? bodyHeight2 : void 0;
-      } else if (props.maxHeight) {
-        return calcMaxHeight(props.maxHeight, footerHeight, headerHeight);
+        return {
+          height: !Number.isNaN(Number(props.height)) ? `${props.height}px` : props.height
+        };
       }
-      return void 0;
+      if (props.maxHeight) {
+        return {
+          maxHeight: !Number.isNaN(Number(props.maxHeight)) ? `${props.maxHeight}px` : props.maxHeight
+        };
+      }
+      return {};
     });
-    const bodyHeight = vue.computed(() => {
-      const headerHeight = layout.headerHeight.value || 0;
-      const bodyHeight2 = layout.bodyHeight.value;
-      const footerHeight = layout.footerHeight.value || 0;
+    const scrollbarStyle = vue.computed(() => {
+      var _a;
       if (props.height) {
         return {
-          height: bodyHeight2 ? `${bodyHeight2}px` : ""
+          height: "100%"
         };
-      } else if (props.maxHeight) {
-        const maxHeight = calcMaxHeight(props.maxHeight, footerHeight, headerHeight);
-        if (maxHeight !== null) {
+      }
+      if (props.maxHeight) {
+        if (!Number.isNaN(Number(props.maxHeight))) {
+          const headerHeight = ((_a = table.refs.headerWrapper) == null ? void 0 : _a.scrollHeight) || 0;
+          const maxHeight = props.maxHeight;
+          const reachMaxHeight = tableScrollHeight.value >= Number(maxHeight);
+          if (reachMaxHeight) {
+            return {
+              maxHeight: `${tableScrollHeight.value - headerHeight}px`
+            };
+          }
+        } else {
           return {
-            "max-height": `${maxHeight}${isNumber(maxHeight) ? "px" : ""}`
+            maxHeight: `calc(${props.maxHeight} - ${headerScrollHeight.value}px)`
           };
         }
       }
       return {};
     });
-    const emptyBlockStyle = vue.computed(() => {
-      if (props.data && props.data.length)
-        return null;
-      let height2 = "100%";
-      if (layout.appendHeight.value) {
-        height2 = `calc(100% - ${layout.appendHeight.value}px)`;
-      }
-      return {
-        width: tableWidth.value ? `${tableWidth.value}px` : "",
-        height: height2
-      };
-    });
     const handleFixedMousewheel = (event, data) => {
       const bodyWrapper = table.refs.bodyWrapper;
       if (Math.abs(data.spinY) > 0) {
@@ -43595,47 +43542,6 @@
         bodyWrapper.scrollLeft += Math.ceil(data.pixelX / 5);
       }
     };
-    const fixedHeight = vue.computed(() => {
-      if (props.maxHeight) {
-        if (props.showSummary) {
-          return {
-            bottom: 0
-          };
-        }
-        return {
-          bottom: layout.scrollX.value && props.data.length ? `${layout.gutterWidth}px` : ""
-        };
-      } else {
-        if (props.showSummary) {
-          return {
-            height: layout.tableHeight.value ? `${layout.tableHeight.value}px` : ""
-          };
-        }
-        return {
-          height: layout.viewportHeight.value ? `${layout.viewportHeight.value}px` : ""
-        };
-      }
-    });
-    const fixedBodyHeight = vue.computed(() => {
-      if (props.height) {
-        return {
-          height: layout.fixedBodyHeight.value ? `${layout.fixedBodyHeight.value}px` : ""
-        };
-      } else if (props.maxHeight) {
-        let maxHeight = parseHeight(props.maxHeight);
-        if (typeof maxHeight === "number") {
-          maxHeight = layout.scrollX.value ? maxHeight - layout.gutterWidth : maxHeight;
-          if (props.showHeader) {
-            maxHeight -= layout.headerHeight.value;
-          }
-          maxHeight -= layout.footerHeight.value;
-          return {
-            "max-height": `${maxHeight}px`
-          };
-        }
-      }
-      return {};
-    });
     return {
       isHidden,
       renderExpanded,
@@ -43644,19 +43550,17 @@
       handleMouseLeave,
       handleHeaderFooterMousewheel,
       tableSize,
-      bodyHeight,
-      height,
       emptyBlockStyle,
       handleFixedMousewheel,
-      fixedHeight,
-      fixedBodyHeight,
       resizeProxyVisible,
       bodyWidth,
       resizeState,
       doLayout,
       tableBodyStyles,
       tableLayout,
-      scrollbarViewStyle
+      scrollbarViewStyle,
+      tableInnerStyle,
+      scrollbarStyle
     };
   }
 
@@ -43831,19 +43735,17 @@
         handleMouseLeave,
         handleHeaderFooterMousewheel,
         tableSize,
-        bodyHeight,
-        height,
         emptyBlockStyle,
         handleFixedMousewheel,
-        fixedHeight,
-        fixedBodyHeight,
         resizeProxyVisible,
         bodyWidth,
         resizeState,
         doLayout,
         tableBodyStyles,
         tableLayout,
-        scrollbarViewStyle
+        scrollbarViewStyle,
+        tableInnerStyle,
+        scrollbarStyle
       } = useStyle(props, layout, store, table);
       const { scrollBarRef, scrollTo, setScrollLeft, setScrollTop } = useScrollbar$1();
       const debouncedUpdateLayout = debounce(doLayout, 50);
@@ -43874,14 +43776,10 @@
         resizeState,
         isGroup,
         bodyWidth,
-        bodyHeight,
-        height,
         tableBodyStyles,
         emptyBlockStyle,
         debouncedUpdateLayout,
         handleFixedMousewheel,
-        fixedHeight,
-        fixedBodyHeight,
         setCurrentRow,
         getSelectionRows,
         toggleRowSelection,
@@ -43899,6 +43797,8 @@
         computedEmptyText,
         tableLayout,
         scrollbarViewStyle,
+        tableInnerStyle,
+        scrollbarStyle,
         scrollBarRef,
         scrollTo,
         setScrollLeft,
@@ -43944,7 +43844,8 @@
       onMouseleave: _cache[0] || (_cache[0] = ($event) => _ctx.handleMouseLeave())
     }, [
       vue.createElementVNode("div", {
-        class: vue.normalizeClass(_ctx.ns.e("inner-wrapper"))
+        class: vue.normalizeClass(_ctx.ns.e("inner-wrapper")),
+        style: vue.normalizeStyle(_ctx.tableInnerStyle)
       }, [
         vue.createElementVNode("div", _hoisted_2$7, [
           vue.renderSlot(_ctx.$slots, "default")
@@ -43979,14 +43880,12 @@
         ]) : vue.createCommentVNode("v-if", true),
         vue.createElementVNode("div", {
           ref: "bodyWrapper",
-          style: vue.normalizeStyle(_ctx.bodyHeight),
           class: vue.normalizeClass(_ctx.ns.e("body-wrapper"))
         }, [
           vue.createVNode(_component_el_scrollbar, {
             ref: "scrollBarRef",
-            height: _ctx.maxHeight ? void 0 : _ctx.height,
-            "max-height": _ctx.maxHeight ? _ctx.height : void 0,
             "view-style": _ctx.scrollbarViewStyle,
+            "wrap-style": _ctx.scrollbarStyle,
             always: _ctx.scrollbarAlwaysOn
           }, {
             default: vue.withCtx(() => [
@@ -44045,30 +43944,30 @@
               ], 2)) : vue.createCommentVNode("v-if", true)
             ]),
             _: 3
-          }, 8, ["height", "max-height", "view-style", "always"])
-        ], 6),
-        _ctx.border || _ctx.isGroup ? (vue.openBlock(), vue.createElementBlock("div", {
+          }, 8, ["view-style", "wrap-style", "always"])
+        ], 2),
+        _ctx.showSummary ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
           key: 1,
+          ref: "footerWrapper",
+          class: vue.normalizeClass(_ctx.ns.e("footer-wrapper"))
+        }, [
+          vue.createVNode(_component_table_footer, {
+            border: _ctx.border,
+            "default-sort": _ctx.defaultSort,
+            store: _ctx.store,
+            style: vue.normalizeStyle(_ctx.tableBodyStyles),
+            "sum-text": _ctx.computedSumText,
+            "summary-method": _ctx.summaryMethod
+          }, null, 8, ["border", "default-sort", "store", "style", "sum-text", "summary-method"])
+        ], 2)), [
+          [vue.vShow, !_ctx.isEmpty],
+          [_directive_mousewheel, _ctx.handleHeaderFooterMousewheel]
+        ]) : vue.createCommentVNode("v-if", true),
+        _ctx.border || _ctx.isGroup ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 2,
           class: vue.normalizeClass(_ctx.ns.e("border-left-patch"))
         }, null, 2)) : vue.createCommentVNode("v-if", true)
-      ], 2),
-      _ctx.showSummary ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-        key: 0,
-        ref: "footerWrapper",
-        class: vue.normalizeClass(_ctx.ns.e("footer-wrapper"))
-      }, [
-        vue.createVNode(_component_table_footer, {
-          border: _ctx.border,
-          "default-sort": _ctx.defaultSort,
-          store: _ctx.store,
-          style: vue.normalizeStyle(_ctx.tableBodyStyles),
-          "sum-text": _ctx.computedSumText,
-          "summary-method": _ctx.summaryMethod
-        }, null, 8, ["border", "default-sort", "store", "style", "sum-text", "summary-method"])
-      ], 2)), [
-        [vue.vShow, !_ctx.isEmpty],
-        [_directive_mousewheel, _ctx.handleHeaderFooterMousewheel]
-      ]) : vue.createCommentVNode("v-if", true),
+      ], 6),
       vue.withDirectives(vue.createElementVNode("div", {
         ref: "resizeProxy",
         class: vue.normalizeClass(_ctx.ns.e("column-resize-proxy"))
@@ -46964,7 +46863,7 @@
         } = EVENT_CODE;
         if (![up, down, left, right].includes(code))
           return;
-        const tabList = Array.from(e.currentTarget.querySelectorAll("[role=tab]"));
+        const tabList = Array.from(e.currentTarget.querySelectorAll("[role=tab]:not(.is-disabled)"));
         const currentIndex = tabList.indexOf(e.target);
         let nextIndex;
         if (code === left || code === up) {
@@ -47027,8 +46926,9 @@
         })])] : null;
         const tabs = props.panes.map((pane, index) => {
           var _a, _b, _c, _d;
+          const disabled = pane.props.disabled;
           const tabName = (_b = (_a = pane.props.name) != null ? _a : pane.index) != null ? _b : `${index}`;
-          const closable = pane.isClosable || props.editable;
+          const closable = !disabled && (pane.isClosable || props.editable);
           pane.index = `${index}`;
           const btnClose = closable ? vue.createVNode(ElIcon, {
             "class": "is-icon-close",
@@ -47037,10 +46937,10 @@
             default: () => [vue.createVNode(close_default, null, null)]
           }) : null;
           const tabLabelContent = ((_d = (_c = pane.slots).label) == null ? void 0 : _d.call(_c)) || pane.props.label;
-          const tabindex = pane.active ? 0 : -1;
+          const tabindex = !disabled && pane.active ? 0 : -1;
           return vue.createVNode("div", {
             "ref": `tab-${tabName}`,
-            "class": [ns.e("item"), ns.is(rootTabs.props.tabPosition), ns.is("active", pane.active), ns.is("disabled", pane.props.disabled), ns.is("closable", closable), ns.is("focus", isFocus.value)],
+            "class": [ns.e("item"), ns.is(rootTabs.props.tabPosition), ns.is("active", pane.active), ns.is("disabled", disabled), ns.is("closable", closable), ns.is("focus", isFocus.value)],
             "id": `tab-${tabName}`,
             "key": `tab-${tabName}`,
             "aria-controls": `pane-${tabName}`,
@@ -52169,7 +52069,7 @@
           props.onError(err, uploadFile, uploadFiles.value);
         }
       }
-      uploadFiles.value.push(uploadFile);
+      uploadFiles.value = [...uploadFiles.value, uploadFile];
       props.onChange(uploadFile, uploadFiles.value);
     };
     const handleRemove = async (file) => {
@@ -53094,7 +52994,9 @@
       ...messageDefaults,
       ...options
     };
-    if (isString(normalized.appendTo)) {
+    if (!normalized.appendTo) {
+      normalized.appendTo = document.body;
+    } else if (isString(normalized.appendTo)) {
       let appendTo = document.querySelector(normalized.appendTo);
       if (!isElement$1(appendTo)) {
         appendTo = document.body;
@@ -54267,8 +54169,7 @@
   exports.POPPER_INJECTION_KEY = POPPER_INJECTION_KEY;
   exports.RIGHT_CHECK_CHANGE_EVENT = RIGHT_CHECK_CHANGE_EVENT;
   exports.ROOT_PICKER_INJECTION_KEY = ROOT_PICKER_INJECTION_KEY;
-  exports.RepeatClick = vRepeatClick;
-  exports.Resize = Resize;
+  exports.RepeatClick = RepeatClick;
   exports.RowAlign = RowAlign;
   exports.RowJustify = RowJustify;
   exports.TOOLTIP_INJECTION_KEY = TOOLTIP_INJECTION_KEY;
@@ -54334,6 +54235,7 @@
   exports.dayjs = dayjs;
   exports["default"] = installer;
   exports.defaultNamespace = defaultNamespace;
+  exports.descriptionProps = descriptionProps;
   exports.dialogEmits = dialogEmits;
   exports.dialogInjectionKey = dialogInjectionKey;
   exports.dialogProps = dialogProps;