element-plus 2.2.9 → 2.2.10

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v2.2.9 */
+/*! Element Plus v2.2.10 */
 
 import { getCurrentScope, onScopeDispose, readonly, shallowRef, watchEffect, ref, watch, unref, getCurrentInstance, onMounted, nextTick, computed, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, inject, provide, onBeforeUnmount, toRef, onUnmounted, isRef, h as h$1, Teleport, onBeforeMount, defineComponent, normalizeClass, normalizeStyle, renderSlot, mergeProps, useSlots, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, useAttrs as useAttrs$1, onUpdated, withModifiers, reactive, cloneVNode, Text, toRefs, resolveComponent, onDeactivated, renderList, withKeys, createSlots, normalizeProps, guardReactiveProps, vModelCheckbox, vModelRadio, onBeforeUpdate, resolveDirective, vModelText, toHandlers, markRaw, effectScope, toRaw, triggerRef, TransitionGroup, createApp, shallowReactive, render } from 'vue';
 
@@ -4444,7 +4444,7 @@ function omitBy(object, predicate) {
   return pickBy(object, negate(baseIteratee(predicate)));
 }
 
-function once$1(func) {
+function once(func) {
   return before(2, func);
 }
 
@@ -5998,7 +5998,7 @@ var func = {
   flip,
   memoize,
   negate,
-  once: once$1,
+  once,
   overArgs,
   partial,
   partialRight,
@@ -6884,15 +6884,6 @@ const off = (element, event, handler, useCapture = false) => {
     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);
@@ -7420,36 +7411,6 @@ const getClientXY = (event) => {
   };
 };
 
-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;
@@ -9294,7 +9255,8 @@ const createModelToggleComposable = (name) => {
     return {
       hide,
       show,
-      toggle
+      toggle,
+      hasUpdateHandler
     };
   };
   return {
@@ -10730,7 +10692,7 @@ function useCursor(input) {
   return [recordCursor, setCursor];
 }
 
-const version$1 = "2.2.9";
+const version$1 = "2.2.10";
 
 const makeInstaller = (components = []) => {
   const install = (app, options) => {
@@ -10779,11 +10741,11 @@ var _export_sfc = (sfc, props) => {
   return target;
 };
 
-const __default__$1n = {
+const __default__$1p = {
   name: "ElAffix"
 };
 const _sfc_main$2f = /* @__PURE__ */ defineComponent({
-  ...__default__$1n,
+  ...__default__$1p,
   props: affixProps,
   emits: affixEmits,
   setup(__props, { expose, emit }) {
@@ -10898,12 +10860,12 @@ const iconProps = buildProps({
   }
 });
 
-const __default__$1m = {
+const __default__$1o = {
   name: "ElIcon",
   inheritAttrs: false
 };
 const _sfc_main$2e = /* @__PURE__ */ defineComponent({
-  ...__default__$1m,
+  ...__default__$1o,
   props: iconProps,
   setup(__props) {
     const props = __props;
@@ -10965,11 +10927,11 @@ const alertEmits = {
   close: (evt) => evt instanceof MouseEvent
 };
 
-const __default__$1l = {
+const __default__$1n = {
   name: "ElAlert"
 };
 const _sfc_main$2d = /* @__PURE__ */ defineComponent({
-  ...__default__$1l,
+  ...__default__$1n,
   props: alertProps,
   emits: alertEmits,
   setup(__props, { emit }) {
@@ -11235,14 +11197,14 @@ const inputEmits = {
 };
 
 const _hoisted_1$12 = ["role"];
-const _hoisted_2$H = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder"];
-const _hoisted_3$o = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder"];
-const __default__$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__ */ defineComponent({
-  ...__default__$1k,
+  ...__default__$1m,
   props: inputProps,
   emits: inputEmits,
   setup(__props, { expose, emit }) {
@@ -11558,7 +11520,7 @@ const _sfc_main$2c = /* @__PURE__ */ defineComponent({
               onBlur: handleBlur,
               onChange: handleChange,
               onKeydown: handleKeydown
-            }), null, 16, _hoisted_2$H),
+            }), null, 16, _hoisted_2$G),
             createCommentVNode(" suffix slot "),
             unref(suffixVisible) ? (openBlock(), createElementBlock("span", {
               key: 1,
@@ -11654,7 +11616,7 @@ const _sfc_main$2c = /* @__PURE__ */ defineComponent({
             onBlur: handleBlur,
             onChange: handleChange,
             onKeydown: handleKeydown
-          }), null, 16, _hoisted_3$o),
+          }), null, 16, _hoisted_3$m),
           unref(isWordLimitVisible) ? (openBlock(), createElementBlock("span", {
             key: 0,
             style: normalizeStyle(countStyle.value),
@@ -11936,11 +11898,11 @@ const scrollbarEmits = {
   }) => [scrollTop, scrollLeft].every(isNumber)
 };
 
-const __default__$1j = {
+const __default__$1l = {
   name: "ElScrollbar"
 };
 const _sfc_main$29 = /* @__PURE__ */ defineComponent({
-  ...__default__$1j,
+  ...__default__$1l,
   props: scrollbarProps,
   emits: scrollbarEmits,
   setup(__props, { expose, emit }) {
@@ -12032,7 +11994,9 @@ const _sfc_main$29 = /* @__PURE__ */ defineComponent({
     }));
     onMounted(() => {
       if (!props.native)
-        nextTick(() => update());
+        nextTick(() => {
+          update();
+        });
     });
     onUpdated(() => update());
     expose({
@@ -12101,12 +12065,12 @@ const usePopperProps = buildProps({
   }
 });
 
-const __default__$1i = {
+const __default__$1k = {
   name: "ElPopperRoot",
   inheritAttrs: false
 };
 const _sfc_main$28 = /* @__PURE__ */ defineComponent({
-  ...__default__$1i,
+  ...__default__$1k,
   props: usePopperProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -12138,12 +12102,12 @@ const usePopperArrowProps = buildProps({
   }
 });
 
-const __default__$1h = {
+const __default__$1j = {
   name: "ElPopperArrow",
   inheritAttrs: false
 };
 const _sfc_main$27 = /* @__PURE__ */ defineComponent({
-  ...__default__$1h,
+  ...__default__$1j,
   props: usePopperArrowProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -12240,12 +12204,12 @@ const usePopperTriggerProps = buildProps({
   open: Boolean
 });
 
-const __default__$1g = {
+const __default__$1i = {
   name: "ElPopperTrigger",
   inheritAttrs: false
 };
 const _sfc_main$26 = /* @__PURE__ */ defineComponent({
-  ...__default__$1g,
+  ...__default__$1i,
   props: usePopperTriggerProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -12647,10 +12611,10 @@ const _sfc_main$25 = defineComponent({
     };
   }
 });
-function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
   return 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({
@@ -12807,11 +12771,11 @@ function deriveExtraModifiers(options, modifiers) {
   }
 }
 
-const __default__$1f = {
+const __default__$1h = {
   name: "ElPopperContent"
 };
 const _sfc_main$24 = /* @__PURE__ */ defineComponent({
-  ...__default__$1f,
+  ...__default__$1h,
   props: usePopperContentProps,
   emits: usePopperContentEmits,
   setup(__props, { expose, emit }) {
@@ -12885,13 +12849,13 @@ const _sfc_main$24 = /* @__PURE__ */ defineComponent({
     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 = () => {
@@ -13182,7 +13146,7 @@ const _sfc_main$23 = defineComponent({
     };
   }
 });
-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 = resolveComponent("el-popper-content");
   return openBlock(), createBlock(Teleport, {
     disabled: !_ctx.teleported,
@@ -13237,7 +13201,7 @@ function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
     }, 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)) {
@@ -13302,7 +13266,7 @@ const _sfc_main$22 = defineComponent({
     };
   }
 });
-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 = resolveComponent("el-popper-trigger");
   return openBlock(), createBlock(_component_el_popper_trigger, {
     id: _ctx.id,
@@ -13324,7 +13288,7 @@ function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["id", "virtual-ref", "open", "virtual-triggering", "class", "onBlur", "onClick", "onContextmenu", "onFocus", "onMouseenter", "onMouseleave", "onKeydown"]);
 }
-var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$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 = defineComponent({
@@ -13374,7 +13338,7 @@ const _sfc_main$21 = defineComponent({
     };
     const open = ref(false);
     const toggleReason = ref(void 0);
-    const { show, hide } = useModelToggle({
+    const { show, hide, hasUpdateHandler } = useModelToggle({
       indicator: open,
       toggleReason
     });
@@ -13384,7 +13348,7 @@ const _sfc_main$21 = defineComponent({
       open: show,
       close: hide
     });
-    const controlled = computed(() => isBoolean(props.visible));
+    const controlled = computed(() => isBoolean(props.visible) && !hasUpdateHandler.value);
     provide(TOOLTIP_INJECTION_KEY, {
       controlled,
       id,
@@ -13443,8 +13407,8 @@ const _sfc_main$21 = defineComponent({
   }
 });
 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 = resolveComponent("el-tooltip-trigger");
   const _component_el_popper_arrow = resolveComponent("el-popper-arrow");
   const _component_el_tooltip_content = resolveComponent("el-tooltip-content");
@@ -13500,7 +13464,7 @@ function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
             _ctx.rawContent ? (openBlock(), createElementBlock("span", {
               key: 0,
               innerHTML: _ctx.content
-            }, null, 8, _hoisted_1$11)) : (openBlock(), createElementBlock("span", _hoisted_2$G, toDisplayString(_ctx.content), 1))
+            }, null, 8, _hoisted_1$11)) : (openBlock(), createElementBlock("span", _hoisted_2$F, toDisplayString(_ctx.content), 1))
           ]),
           _ctx.compatShowArrow ? (openBlock(), createBlock(_component_el_popper_arrow, {
             key: 0,
@@ -13513,7 +13477,7 @@ function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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);
 
@@ -13586,14 +13550,14 @@ const autocompleteEmits = {
 };
 
 const _hoisted_1$10 = ["aria-expanded", "aria-owns"];
-const _hoisted_2$F = { key: 0 };
-const _hoisted_3$n = ["id", "aria-selected", "onClick"];
-const __default__$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__ */ defineComponent({
-  ...__default__$1e,
+  ...__default__$1g,
   props: autocompleteProps,
   emits: autocompleteEmits,
   setup(__props, { expose, emit }) {
@@ -13827,7 +13791,7 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
               role: "listbox"
             }, {
               default: withCtx(() => [
-                unref(suggestionLoading) ? (openBlock(), createElementBlock("li", _hoisted_2$F, [
+                unref(suggestionLoading) ? (openBlock(), createElementBlock("li", _hoisted_2$E, [
                   createVNode(unref(ElIcon), {
                     class: normalizeClass(unref(ns).is("loading"))
                   }, {
@@ -13848,7 +13812,7 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
                     renderSlot(_ctx.$slots, "default", { item }, () => [
                       createTextVNode(toDisplayString(item[_ctx.valueKey]), 1)
                     ])
-                  ], 10, _hoisted_3$n);
+                  ], 10, _hoisted_3$l);
                 }), 128))
               ]),
               _: 3
@@ -13952,11 +13916,11 @@ const avatarEmits = {
 };
 
 const _hoisted_1$$ = ["src", "alt", "srcset"];
-const __default__$1d = {
+const __default__$1f = {
   name: "ElAvatar"
 };
 const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
-  ...__default__$1d,
+  ...__default__$1f,
   props: avatarProps,
   emits: avatarEmits,
   setup(__props, { emit }) {
@@ -14037,11 +14001,11 @@ const backtopEmits = {
 };
 
 const _hoisted_1$_ = ["onClick"];
-const __default__$1c = {
+const __default__$1e = {
   name: "ElBacktop"
 };
 const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
-  ...__default__$1c,
+  ...__default__$1e,
   props: backtopProps,
   emits: backtopEmits,
   setup(__props, { emit }) {
@@ -14146,11 +14110,11 @@ const badgeProps = buildProps({
 });
 
 const _hoisted_1$Z = ["textContent"];
-const __default__$1b = {
+const __default__$1d = {
   name: "ElBadge"
 };
 const _sfc_main$1Z = /* @__PURE__ */ defineComponent({
-  ...__default__$1b,
+  ...__default__$1d,
   props: badgeProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -14209,11 +14173,11 @@ const breadcrumbProps = buildProps({
   }
 });
 
-const __default__$1a = {
+const __default__$1c = {
   name: "ElBreadcrumb"
 };
 const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
-  ...__default__$1a,
+  ...__default__$1c,
   props: breadcrumbProps,
   setup(__props) {
     const props = __props;
@@ -14252,11 +14216,11 @@ const breadcrumbItemProps = buildProps({
   }
 });
 
-const __default__$19 = {
+const __default__$1b = {
   name: "ElBreadcrumbItem"
 };
 const _sfc_main$1X = /* @__PURE__ */ defineComponent({
-  ...__default__$19,
+  ...__default__$1b,
   props: breadcrumbItemProps,
   setup(__props) {
     const props = __props;
@@ -15287,11 +15251,11 @@ function useButtonCustomStyle(props) {
 }
 
 const _hoisted_1$Y = ["aria-disabled", "disabled", "autofocus", "type"];
-const __default__$18 = {
+const __default__$1a = {
   name: "ElButton"
 };
 const _sfc_main$1W = /* @__PURE__ */ defineComponent({
-  ...__default__$18,
+  ...__default__$1a,
   props: buttonProps,
   emits: buttonEmits,
   setup(__props, { expose, emit }) {
@@ -15399,11 +15363,11 @@ const buttonGroupProps = {
   type: buttonProps.type
 };
 
-const __default__$17 = {
+const __default__$19 = {
   name: "ElButtonGroup"
 };
 const _sfc_main$1V = /* @__PURE__ */ defineComponent({
-  ...__default__$17,
+  ...__default__$19,
   props: buttonGroupProps,
   setup(__props) {
     const props = __props;
@@ -16054,12 +16018,12 @@ const timePickerDefaultProps = buildProps({
 });
 
 const _hoisted_1$X = ["id", "name", "placeholder", "value", "disabled", "readonly"];
-const _hoisted_2$E = ["id", "name", "placeholder", "value", "disabled", "readonly"];
-const __default__$16 = {
+const _hoisted_2$D = ["id", "name", "placeholder", "value", "disabled", "readonly"];
+const __default__$18 = {
   name: "Picker"
 };
 const _sfc_main$1U = /* @__PURE__ */ defineComponent({
-  ...__default__$16,
+  ...__default__$18,
   props: timePickerDefaultProps,
   emits: [
     "update:modelValue",
@@ -16487,7 +16451,6 @@ const _sfc_main$1U = /* @__PURE__ */ defineComponent({
         ref_key: "refPopper",
         ref: refPopper,
         visible: pickerVisible.value,
-        "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => pickerVisible.value = $event),
         effect: "light",
         pure: "",
         trigger: "click"
@@ -16627,7 +16590,7 @@ const _sfc_main$1U = /* @__PURE__ */ defineComponent({
               onBlur: handleBlurInput,
               onInput: handleEndInput,
               onChange: handleEndChange
-            }, null, 42, _hoisted_2$E),
+            }, null, 42, _hoisted_2$D),
             _ctx.clearIcon ? (openBlock(), createBlock(unref(ElIcon), {
               key: 1,
               class: normalizeClass([
@@ -16843,25 +16806,28 @@ const ClickOutside = {
   }
 };
 
-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);
     });
   }
 };
@@ -16898,7 +16864,7 @@ const TrapFocus = {
     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) {
@@ -16909,7 +16875,7 @@ const TrapFocus = {
   unmounted() {
     FOCUS_STACK.shift();
     if (FOCUS_STACK.length === 0) {
-      off(document, "keydown", FOCUS_HANDLER);
+      document.removeEventListener("keydown", FOCUS_HANDLER);
     }
   }
 };
@@ -16944,19 +16910,6 @@ const Mousewheel = {
   }
 };
 
-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,
@@ -16979,7 +16932,7 @@ const basicTimeSpinnerProps = buildProps({
 });
 
 const _hoisted_1$W = ["onClick"];
-const _hoisted_2$D = ["onMouseenter"];
+const _hoisted_2$C = ["onMouseenter"];
 const _sfc_main$1T = /* @__PURE__ */ defineComponent({
   __name: "basic-time-spinner",
   props: basicTimeSpinnerProps,
@@ -17214,7 +17167,7 @@ const _sfc_main$1T = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }, 8, ["class"])), [
-              [unref(vRepeatClick), onDecrement]
+              [unref(RepeatClick), onDecrement]
             ]),
             withDirectives((openBlock(), createBlock(unref(ElIcon), {
               class: normalizeClass(["arrow-down", unref(ns).be("spinner", "arrow")])
@@ -17224,7 +17177,7 @@ const _sfc_main$1T = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }, 8, ["class"])), [
-              [unref(vRepeatClick), onIncrement]
+              [unref(RepeatClick), onIncrement]
             ]),
             createElementVNode("ul", {
               class: normalizeClass(unref(ns).be("spinner", "list"))
@@ -17248,7 +17201,7 @@ const _sfc_main$1T = /* @__PURE__ */ defineComponent({
                 ], 2);
               }), 128))
             ], 2)
-          ], 42, _hoisted_2$D);
+          ], 42, _hoisted_2$C);
         }), 128)) : createCommentVNode("v-if", true)
       ], 2);
     };
@@ -17766,12 +17719,12 @@ const dateTableEmits = {
 };
 
 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__ */ defineComponent({
-  ...__default__$15,
+  ...__default__$17,
   props: dateTableProps,
   emits: dateTableEmits,
   setup(__props, { expose, emit }) {
@@ -17900,7 +17853,7 @@ const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
                       createElementVNode("span", null, toDisplayString(cell.text), 1)
                     ])
                   ], 2)
-                ], 10, _hoisted_2$C);
+                ], 10, _hoisted_2$B);
               }), 128))
             ], 2);
           }), 128))
@@ -17926,11 +17879,11 @@ const calendarEmits = {
   [INPUT_EVENT]: (value) => isDate(value)
 };
 
-const __default__$14 = {
+const __default__$16 = {
   name: "ElCalendar"
 };
 const _sfc_main$1P = /* @__PURE__ */ defineComponent({
-  ...__default__$14,
+  ...__default__$16,
   props: calendarProps,
   emits: calendarEmits,
   setup(__props, { expose, emit }) {
@@ -18161,11 +18114,11 @@ const cardProps = buildProps({
   }
 });
 
-const __default__$13 = {
+const __default__$15 = {
   name: "ElCard"
 };
 const _sfc_main$1O = /* @__PURE__ */ defineComponent({
-  ...__default__$13,
+  ...__default__$15,
   props: cardProps,
   setup(__props) {
     const ns = useNamespace("card");
@@ -18255,13 +18208,13 @@ const carouselEmits = {
 };
 
 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__ */ defineComponent({
-  ...__default__$12,
+  ...__default__$14,
   props: carouselProps,
   emits: carouselEmits,
   setup(__props, { expose, emit }) {
@@ -18551,9 +18504,9 @@ const _sfc_main$1N = /* @__PURE__ */ defineComponent({
               createElementVNode("button", {
                 class: normalizeClass(unref(ns).e("button"))
               }, [
-                unref(hasLabel) ? (openBlock(), createElementBlock("span", _hoisted_3$m, toDisplayString(item.props.label), 1)) : createCommentVNode("v-if", true)
+                unref(hasLabel) ? (openBlock(), createElementBlock("span", _hoisted_3$k, toDisplayString(item.props.label), 1)) : createCommentVNode("v-if", true)
               ], 2)
-            ], 42, _hoisted_2$B);
+            ], 42, _hoisted_2$A);
           }), 128))
         ], 2)) : createCommentVNode("v-if", true)
       ], 42, _hoisted_1$T);
@@ -18570,11 +18523,11 @@ const carouselItemProps = buildProps({
   }
 });
 
-const __default__$11 = {
+const __default__$13 = {
   name: "ElCarouselItem"
 };
 const _sfc_main$1M = /* @__PURE__ */ defineComponent({
-  ...__default__$11,
+  ...__default__$13,
   props: carouselItemProps,
   setup(__props) {
     const props = __props;
@@ -18998,13 +18951,13 @@ const useCheckbox = (props, slots) => {
 };
 
 const _hoisted_1$S = ["tabindex", "role", "aria-checked"];
-const _hoisted_2$A = ["id", "aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"];
-const _hoisted_3$l = ["id", "aria-hidden", "disabled", "value", "name", "tabindex"];
-const __default__$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__ */ defineComponent({
-  ...__default__$10,
+  ...__default__$12,
   props: checkboxProps,
   emits: checkboxEmits,
   setup(__props) {
@@ -19063,7 +19016,7 @@ const _sfc_main$1L = /* @__PURE__ */ defineComponent({
               onChange: _cache[1] || (_cache[1] = (...args) => unref(handleChange) && 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)), [
               [vModelCheckbox, unref(model)]
             ]) : withDirectives((openBlock(), createElementBlock("input", {
               key: 1,
@@ -19079,7 +19032,7 @@ const _sfc_main$1L = /* @__PURE__ */ defineComponent({
               onChange: _cache[5] || (_cache[5] = (...args) => unref(handleChange) && 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)), [
               [vModelCheckbox, unref(model)]
             ]),
             createElementVNode("span", {
@@ -19104,12 +19057,12 @@ const _sfc_main$1L = /* @__PURE__ */ defineComponent({
 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__ */ defineComponent({
-  ...__default__$$,
+  ...__default__$11,
   props: checkboxProps,
   emits: checkboxEmits,
   setup(__props) {
@@ -19165,7 +19118,7 @@ const _sfc_main$1K = /* @__PURE__ */ defineComponent({
           onChange: _cache[5] || (_cache[5] = (...args) => unref(handleChange) && 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)), [
           [vModelCheckbox, unref(model)]
         ]),
         _ctx.$slots.default || _ctx.label ? (openBlock(), createElementBlock("span", {
@@ -19183,11 +19136,11 @@ const _sfc_main$1K = /* @__PURE__ */ defineComponent({
 });
 var CheckboxButton = /* @__PURE__ */ _export_sfc(_sfc_main$1K, [["__file", "checkbox-button.vue"]]);
 
-const __default__$_ = {
+const __default__$10 = {
   name: "ElCheckboxGroup"
 };
 const _sfc_main$1J = /* @__PURE__ */ defineComponent({
-  ...__default__$_,
+  ...__default__$10,
   props: useCheckboxGroupProps,
   emits: checkboxGroupEmits,
   setup(__props, { emit }) {
@@ -19311,11 +19264,11 @@ const useRadio = (props, emit) => {
 };
 
 const _hoisted_1$Q = ["value", "name", "disabled"];
-const __default__$Z = {
+const __default__$$ = {
   name: "ElRadio"
 };
 const _sfc_main$1I = /* @__PURE__ */ defineComponent({
-  ...__default__$Z,
+  ...__default__$$,
   props: radioProps,
   emits: radioEmits,
   setup(__props, { emit }) {
@@ -19387,11 +19340,11 @@ const radioButtonProps = buildProps({
 });
 
 const _hoisted_1$P = ["value", "name", "disabled"];
-const __default__$Y = {
+const __default__$_ = {
   name: "ElRadioButton"
 };
 const _sfc_main$1H = /* @__PURE__ */ defineComponent({
-  ...__default__$Y,
+  ...__default__$_,
   props: radioButtonProps,
   setup(__props) {
     const props = __props;
@@ -19481,11 +19434,11 @@ const radioGroupProps = buildProps({
 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__ */ defineComponent({
-  ...__default__$X,
+  ...__default__$Z,
   props: radioGroupProps,
   emits: radioGroupEmits,
   setup(__props, { emit }) {
@@ -19685,8 +19638,8 @@ const _sfc_main$1F = defineComponent({
   }
 });
 const _hoisted_1$N = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
-const _hoisted_2$y = /* @__PURE__ */ createElementVNode("span", null, null, -1);
-function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_2$x = /* @__PURE__ */ createElementVNode("span", null, null, -1);
+function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_checkbox = resolveComponent("el-checkbox");
   const _component_el_radio = resolveComponent("el-radio");
   const _component_check = resolveComponent("check");
@@ -19733,7 +19686,7 @@ function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
     }, {
       default: withCtx(() => [
         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 ? (openBlock(), createBlock(_component_el_icon, {
@@ -19769,7 +19722,7 @@ function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
     ], 64)) : 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 = defineComponent({
   name: "ElCascaderMenu",
@@ -19849,7 +19802,7 @@ const _sfc_main$1E = defineComponent({
     };
   }
 });
-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 = resolveComponent("el-cascader-node");
   const _component_loading = resolveComponent("loading");
   const _component_el_icon = resolveComponent("el-icon");
@@ -19902,7 +19855,7 @@ function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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";
@@ -20377,7 +20330,7 @@ const _sfc_main$1D = defineComponent({
     };
   }
 });
-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 = resolveComponent("el-cascader-menu");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass([_ctx.ns.b("panel"), _ctx.ns.is("bordered", _ctx.border)]),
@@ -20394,7 +20347,7 @@ function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
     }), 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);
@@ -20432,11 +20385,11 @@ const tagEmits = {
   click: (evt) => evt instanceof MouseEvent
 };
 
-const __default__$W = {
+const __default__$Y = {
   name: "ElTag"
 };
 const _sfc_main$1C = /* @__PURE__ */ defineComponent({
-  ...__default__$W,
+  ...__default__$Y,
   props: tagProps,
   emits: tagEmits,
   setup(__props, { emit }) {
@@ -20964,10 +20917,9 @@ const _sfc_main$1B = defineComponent({
   }
 });
 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 = resolveComponent("circle-close");
   const _component_el_icon = resolveComponent("el-icon");
   const _component_arrow_down = resolveComponent("arrow-down");
@@ -21088,11 +21040,13 @@ function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
                     createElementVNode("span", null, toDisplayString(tag.text), 1)
                   ]),
                   content: withCtx(() => [
-                    createElementVNode("div", _hoisted_2$x, [
+                    createElementVNode("div", {
+                      class: normalizeClass(_ctx.nsCascader.e("collapse-tags"))
+                    }, [
                       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.allPresentTags, (tag2, idx) => {
                         return openBlock(), createElementBlock("div", {
                           key: idx,
-                          class: "el-cascader__collapse-tag"
+                          class: normalizeClass(_ctx.nsCascader.e("collapse-tag"))
                         }, [
                           (openBlock(), createBlock(_component_el_tag, {
                             key: tag2.key,
@@ -21109,9 +21063,9 @@ function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
                             ]),
                             _: 2
                           }, 1032, ["type", "size", "hit", "closable", "onClose"]))
-                        ]);
+                        ], 2);
                       }), 128))
-                    ])
+                    ], 2)
                   ]),
                   _: 2
                 }, 1032, ["disabled"]))
@@ -21131,7 +21085,7 @@ function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
             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)), [
             [vModelText, _ctx.searchInputValue]
           ]) : createCommentVNode("v-if", true)
         ], 2)) : createCommentVNode("v-if", true)
@@ -21179,7 +21133,7 @@ function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
                 ]),
                 _: 1
               })) : createCommentVNode("v-if", true)
-            ], 10, _hoisted_4$d);
+            ], 10, _hoisted_3$i);
           }), 128)) : renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
             createElementVNode("li", {
               class: normalizeClass(_ctx.nsCascader.e("empty-text"))
@@ -21194,7 +21148,7 @@ function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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);
@@ -21213,11 +21167,11 @@ const checkTagEmits = {
   [CHANGE_EVENT]: (value) => isBoolean(value)
 };
 
-const __default__$V = {
+const __default__$X = {
   name: "ElCheckTag"
 };
 const _sfc_main$1A = /* @__PURE__ */ defineComponent({
-  ...__default__$V,
+  ...__default__$X,
   props: checkTagProps,
   emits: checkTagEmits,
   setup(__props, { emit }) {
@@ -21285,11 +21239,11 @@ const colProps = buildProps({
   }
 });
 
-const __default__$U = {
+const __default__$W = {
   name: "ElCol"
 };
 const _sfc_main$1z = /* @__PURE__ */ defineComponent({
-  ...__default__$U,
+  ...__default__$W,
   props: colProps,
   setup(__props) {
     const props = __props;
@@ -21359,11 +21313,11 @@ const collapseEmits = {
   [CHANGE_EVENT]: emitChangeFn
 };
 
-const __default__$T = {
+const __default__$V = {
   name: "ElCollapse"
 };
 const _sfc_main$1y = /* @__PURE__ */ defineComponent({
-  ...__default__$T,
+  ...__default__$V,
   props: collapseProps,
   emits: collapseEmits,
   setup(__props, { expose, emit }) {
@@ -21414,11 +21368,11 @@ const _sfc_main$1y = /* @__PURE__ */ defineComponent({
 });
 var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["__file", "collapse.vue"]]);
 
-const __default__$S = {
+const __default__$U = {
   name: "ElCollapseTransition"
 };
 const _sfc_main$1x = /* @__PURE__ */ defineComponent({
-  ...__default__$S,
+  ...__default__$U,
   setup(__props) {
     const ns = useNamespace("collapse-transition");
     const on = {
@@ -21504,13 +21458,13 @@ const collapseItemProps = buildProps({
 });
 
 const _hoisted_1$L = ["aria-expanded", "aria-controls", "aria-describedby"];
-const _hoisted_2$w = ["id", "tabindex", "onKeypress"];
-const _hoisted_3$j = ["id", "aria-hidden", "aria-labelledby"];
-const __default__$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__ */ defineComponent({
-  ...__default__$R,
+  ...__default__$T,
   props: collapseItemProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -21581,7 +21535,7 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }, 8, ["class"])
-          ], 42, _hoisted_2$w)
+          ], 42, _hoisted_2$v)
         ], 8, _hoisted_1$L),
         createVNode(unref(_CollapseTransition), null, {
           default: withCtx(() => [
@@ -21597,7 +21551,7 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
               }, [
                 renderSlot(_ctx.$slots, "default")
               ], 2)
-            ], 10, _hoisted_3$j), [
+            ], 10, _hoisted_3$h), [
               [vShow, unref(isActive)]
             ])
           ]),
@@ -21664,6 +21618,7 @@ const _sfc_main$1v = defineComponent({
     }
   },
   setup(props) {
+    const ns = useNamespace("color-alpha-slider");
     const instance = getCurrentInstance();
     const thumb = shallowRef(null);
     const bar = shallowRef(null);
@@ -21748,33 +21703,34 @@ const _sfc_main$1v = defineComponent({
       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 openBlock(), createElementBlock("div", {
-    class: normalizeClass(["el-color-alpha-slider", { "is-vertical": _ctx.vertical }])
+    class: normalizeClass([_ctx.ns.b(), _ctx.ns.is("vertical", _ctx.vertical)])
   }, [
     createElementVNode("div", {
       ref: "bar",
-      class: "el-color-alpha-slider__bar",
+      class: normalizeClass(_ctx.ns.e("bar")),
       style: normalizeStyle({
         background: _ctx.background
       }),
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
-    }, null, 4),
+    }, null, 6),
     createElementVNode("div", {
       ref: "thumb",
-      class: "el-color-alpha-slider__thumb",
+      class: normalizeClass(_ctx.ns.e("thumb")),
       style: 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 = defineComponent({
   name: "ElColorHueSlider",
@@ -21786,6 +21742,7 @@ const _sfc_main$1u = defineComponent({
     vertical: Boolean
   },
   setup(props) {
+    const ns = useNamespace("color-hue-slider");
     const instance = getCurrentInstance();
     const thumb = ref(null);
     const bar = ref(null);
@@ -21863,30 +21820,31 @@ const _sfc_main$1u = defineComponent({
       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 openBlock(), createElementBlock("div", {
-    class: normalizeClass(["el-color-hue-slider", { "is-vertical": _ctx.vertical }])
+    class: normalizeClass([_ctx.ns.b(), _ctx.ns.is("vertical", _ctx.vertical)])
   }, [
     createElementVNode("div", {
       ref: "bar",
-      class: "el-color-hue-slider__bar",
+      class: normalizeClass(_ctx.ns.e("bar")),
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
-    }, null, 512),
+    }, null, 2),
     createElementVNode("div", {
       ref: "thumb",
-      class: "el-color-hue-slider__thumb",
+      class: normalizeClass(_ctx.ns.e("thumb")),
       style: 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 = () => {
@@ -22173,6 +22131,7 @@ const _sfc_main$1t = defineComponent({
     }
   },
   setup(props) {
+    const ns = useNamespace("color-predefine");
     const { currentColor } = useOptions();
     const rgbaColors = ref(parseColors(props.colors, props.color));
     watch(() => currentColor.value, (val) => {
@@ -22200,31 +22159,38 @@ const _sfc_main$1t = defineComponent({
     }
     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 openBlock(), createElementBlock("div", _hoisted_1$K, [
-    createElementVNode("div", _hoisted_2$v, [
+const _hoisted_1$K = ["onClick"];
+function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(_ctx.ns.b())
+  }, [
+    createElementVNode("div", {
+      class: normalizeClass(_ctx.ns.e("colors"))
+    }, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.rgbaColors, (item, index) => {
         return openBlock(), createElementBlock("div", {
           key: _ctx.colors[index],
-          class: normalizeClass(["el-color-predefine__color-selector", { selected: item.selected, "is-alpha": item._alpha < 100 }]),
+          class: normalizeClass([
+            _ctx.ns.e("color-selector"),
+            _ctx.ns.is("alpha", item._alpha < 100),
+            { selected: item.selected }
+          ]),
           onClick: ($event) => _ctx.handleSelect(index)
         }, [
           createElementVNode("div", {
             style: 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 = defineComponent({
   name: "ElSlPanel",
@@ -22235,6 +22201,7 @@ const _sfc_main$1s = defineComponent({
     }
   },
   setup(props) {
+    const ns = useNamespace("color-svpanel");
     const instance = getCurrentInstance();
     const cursorTop = ref(0);
     const cursorLeft = ref(0);
@@ -22290,35 +22257,38 @@ const _sfc_main$1s = defineComponent({
       background,
       colorValue,
       handleDrag,
-      update
+      update,
+      ns
     };
   }
 });
-const _hoisted_1$J = /* @__PURE__ */ createElementVNode("div", { class: "el-color-svpanel__white" }, null, -1);
-const _hoisted_2$u = /* @__PURE__ */ createElementVNode("div", { class: "el-color-svpanel__black" }, null, -1);
-const _hoisted_3$h = /* @__PURE__ */ createElementVNode("div", null, null, -1);
-const _hoisted_4$c = [
-  _hoisted_3$h
+const _hoisted_1$J = /* @__PURE__ */ 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 openBlock(), createElementBlock("div", {
-    class: "el-color-svpanel",
+    class: normalizeClass(_ctx.ns.b()),
     style: normalizeStyle({
       backgroundColor: _ctx.background
     })
   }, [
-    _hoisted_1$J,
-    _hoisted_2$u,
     createElementVNode("div", {
-      class: "el-color-svpanel__cursor",
+      class: normalizeClass(_ctx.ns.e("white"))
+    }, null, 2),
+    createElementVNode("div", {
+      class: normalizeClass(_ctx.ns.e("black"))
+    }, null, 2),
+    createElementVNode("div", {
+      class: normalizeClass(_ctx.ns.e("cursor")),
       style: 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 = defineComponent({
   name: "ElColorPicker",
@@ -22528,7 +22498,7 @@ const _sfc_main$1r = defineComponent({
   }
 });
 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 = resolveComponent("hue-slider");
   const _component_sv_panel = resolveComponent("sv-panel");
   const _component_alpha_slider = resolveComponent("alpha-slider");
@@ -22683,7 +22653,7 @@ function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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);
@@ -22734,11 +22704,11 @@ const ConfigProvider = defineComponent({
 
 const ElConfigProvider = withInstall(ConfigProvider);
 
-const __default__$Q = {
+const __default__$S = {
   name: "ElContainer"
 };
 const _sfc_main$1q = /* @__PURE__ */ defineComponent({
-  ...__default__$Q,
+  ...__default__$S,
   props: {
     direction: {
       type: String
@@ -22775,11 +22745,11 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
 });
 var Container = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["__file", "container.vue"]]);
 
-const __default__$P = {
+const __default__$R = {
   name: "ElAside"
 };
 const _sfc_main$1p = /* @__PURE__ */ defineComponent({
-  ...__default__$P,
+  ...__default__$R,
   props: {
     width: {
       type: String,
@@ -22802,11 +22772,11 @@ const _sfc_main$1p = /* @__PURE__ */ defineComponent({
 });
 var Aside = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["__file", "aside.vue"]]);
 
-const __default__$O = {
+const __default__$Q = {
   name: "ElFooter"
 };
 const _sfc_main$1o = /* @__PURE__ */ defineComponent({
-  ...__default__$O,
+  ...__default__$Q,
   props: {
     height: {
       type: String,
@@ -22829,11 +22799,11 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
 });
 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__ */ defineComponent({
-  ...__default__$N,
+  ...__default__$P,
   props: {
     height: {
       type: String,
@@ -22860,11 +22830,11 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
 });
 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__ */ defineComponent({
-  ...__default__$M,
+  ...__default__$O,
   setup(__props) {
     const ns = useNamespace("main");
     return (_ctx, _cache) => {
@@ -23237,6 +23207,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
     const lastRow = ref();
     const lastColumn = ref();
     const tableRows = ref([[], [], [], [], [], []]);
+    let focusWithClick = false;
     const firstDayOfWeek = props.date.$locale().weekStart || 7;
     const WEEKS_CONSTANT = props.date.locale("en").localeData().weekdaysShort().map((_) => _.toLowerCase());
     const offsetDay = computed(() => {
@@ -23441,13 +23412,25 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
       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;
@@ -23512,7 +23495,9 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
         cellpadding: "0",
         class: normalizeClass([unref(ns).b(), { "is-week-mode": _ctx.selectionMode === "week" }]),
         onClick: handlePickDate,
-        onMousemove: handleMouseMove
+        onMousemove: handleMouseMove,
+        onMousedown: handleMouseDown,
+        onMouseup: handleMouseUp
       }, [
         createElementVNode("tbody", {
           ref_key: "tbodyRef",
@@ -23537,9 +23522,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
                 return openBlock(), createElementBlock("td", {
                   key: `${rowKey}.${columnKey}`,
                   ref_for: true,
-                  ref: (el) => {
-                    isSelectedCell(cell) && (currentCellRef.value = el);
-                  },
+                  ref: (el) => isSelectedCell(cell) && (currentCellRef.value = el),
                   class: normalizeClass(getCellClasses(cell)),
                   "aria-current": cell.isCurrent ? "date" : void 0,
                   "aria-selected": cell.isCurrent,
@@ -25292,11 +25275,11 @@ const useMonthRangeHeader = ({
 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__ */ defineComponent({
-  ...__default__$L,
+  ...__default__$N,
   props: panelMonthRangeProps,
   emits: panelMonthRangeEmits,
   setup(__props, { emit }) {
@@ -25579,9 +25562,9 @@ _DatePicker.install = (app) => {
 };
 const ElDatePicker = _DatePicker;
 
-const elDescriptionsKey = "elDescriptions";
+const descriptionsKey = "elDescriptions";
 
-var DescriptionsCell = defineComponent({
+var ElDescriptionsCell = defineComponent({
   name: "ElDescriptionsCell",
   props: {
     cell: {
@@ -25595,7 +25578,7 @@ var DescriptionsCell = defineComponent({
     }
   },
   setup() {
-    const descriptions = inject(elDescriptionsKey, {});
+    const descriptions = inject(descriptionsKey, {});
     return {
       descriptions
     };
@@ -25661,114 +25644,112 @@ var DescriptionsCell = defineComponent({
   }
 });
 
-const _sfc_main$1f = defineComponent({
-  name: "ElDescriptionsRow",
-  components: {
-    [DescriptionsCell.name]: DescriptionsCell
-  },
-  props: {
-    row: {
-      type: Array
-    }
-  },
-  setup() {
-    const descriptions = 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 = resolveComponent("el-descriptions-cell");
-  return _ctx.descriptions.direction === "vertical" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-    createElementVNode("tr", null, [
-      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.row, (cell, index) => {
-        return openBlock(), createBlock(_component_el_descriptions_cell, {
-          key: `tr1-${index}`,
-          cell,
-          tag: "th",
-          type: "label"
-        }, null, 8, ["cell"]);
-      }), 128))
-    ]),
-    createElementVNode("tr", null, [
-      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.row, (cell, index) => {
-        return openBlock(), createBlock(_component_el_descriptions_cell, {
-          key: `tr2-${index}`,
-          cell,
-          tag: "td",
-          type: "content"
-        }, null, 8, ["cell"]);
-      }), 128))
-    ])
-  ], 64)) : (openBlock(), createElementBlock("tr", _hoisted_1$B, [
-    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.row, (cell, index) => {
-      return openBlock(), createElementBlock(Fragment, {
-        key: `tr3-${index}`
-      }, [
-        _ctx.descriptions.border ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-          createVNode(_component_el_descriptions_cell, {
-            cell,
-            tag: "td",
-            type: "label"
-          }, null, 8, ["cell"]),
-          createVNode(_component_el_descriptions_cell, {
-            cell,
-            tag: "td",
-            type: "content"
-          }, null, 8, ["cell"])
-        ], 64)) : (openBlock(), 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__ */ defineComponent({
+  ...__default__$M,
+  props: descriptionsRowProps,
+  setup(__props) {
+    const descriptions = inject(descriptionsKey, {});
+    return (_ctx, _cache) => {
+      return unref(descriptions).direction === "vertical" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+        createElementVNode("tr", null, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.row, (cell, index) => {
+            return openBlock(), createBlock(unref(ElDescriptionsCell), {
+              key: `tr1-${index}`,
+              cell,
+              tag: "th",
+              type: "label"
+            }, null, 8, ["cell"]);
+          }), 128))
+        ]),
+        createElementVNode("tr", null, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.row, (cell, index) => {
+            return openBlock(), createBlock(unref(ElDescriptionsCell), {
+              key: `tr2-${index}`,
+              cell,
+              tag: "td",
+              type: "content"
+            }, null, 8, ["cell"]);
+          }), 128))
+        ])
+      ], 64)) : (openBlock(), createElementBlock("tr", _hoisted_1$B, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.row, (cell, index) => {
+          return openBlock(), createElementBlock(Fragment, {
+            key: `tr3-${index}`
+          }, [
+            unref(descriptions).border ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              createVNode(unref(ElDescriptionsCell), {
+                cell,
+                tag: "td",
+                type: "label"
+              }, null, 8, ["cell"]),
+              createVNode(unref(ElDescriptionsCell), {
+                cell,
+                tag: "td",
+                type: "content"
+              }, null, 8, ["cell"])
+            ], 64)) : (openBlock(), createBlock(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 = 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 }) {
-    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__ */ defineComponent({
+  ...__default__$L,
+  props: descriptionProps,
+  setup(__props) {
+    const props = __props;
     const ns = useNamespace("descriptions");
-    const descriptionKls = computed(() => [
-      ns.b(),
-      ns.m(descriptionsSize.value)
-    ]);
+    const descriptionsSize = useSize();
+    const slots = useSlots();
+    provide(descriptionsKey, props);
+    const descriptionKls = computed(() => [ns.b(), ns.m(descriptionsSize.value)]);
     const flattedChildren = (children) => {
       const temp = Array.isArray(children) ? children : [children];
       const res = [];
@@ -25827,56 +25808,50 @@ const _sfc_main$1e = defineComponent({
       });
       return rows;
     };
-    return {
-      descriptionKls,
-      getRows,
-      ns
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(descriptionKls))
+      }, [
+        _ctx.title || _ctx.extra || _ctx.$slots.title || _ctx.$slots.extra ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(unref(ns).e("header"))
+        }, [
+          createElementVNode("div", {
+            class: normalizeClass(unref(ns).e("title"))
+          }, [
+            renderSlot(_ctx.$slots, "title", {}, () => [
+              createTextVNode(toDisplayString(_ctx.title), 1)
+            ])
+          ], 2),
+          createElementVNode("div", {
+            class: normalizeClass(unref(ns).e("extra"))
+          }, [
+            renderSlot(_ctx.$slots, "extra", {}, () => [
+              createTextVNode(toDisplayString(_ctx.extra), 1)
+            ])
+          ], 2)
+        ], 2)) : createCommentVNode("v-if", true),
+        createElementVNode("div", {
+          class: normalizeClass(unref(ns).e("body"))
+        }, [
+          createElementVNode("table", {
+            class: normalizeClass([unref(ns).e("table"), unref(ns).is("bordered", _ctx.border)])
+          }, [
+            createElementVNode("tbody", null, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(getRows(), (row, index) => {
+                return openBlock(), 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 = resolveComponent("el-descriptions-row");
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass(_ctx.descriptionKls)
-  }, [
-    _ctx.title || _ctx.extra || _ctx.$slots.title || _ctx.$slots.extra ? (openBlock(), createElementBlock("div", {
-      key: 0,
-      class: normalizeClass(_ctx.ns.e("header"))
-    }, [
-      createElementVNode("div", {
-        class: normalizeClass(_ctx.ns.e("title"))
-      }, [
-        renderSlot(_ctx.$slots, "title", {}, () => [
-          createTextVNode(toDisplayString(_ctx.title), 1)
-        ])
-      ], 2),
-      createElementVNode("div", {
-        class: normalizeClass(_ctx.ns.e("extra"))
-      }, [
-        renderSlot(_ctx.$slots, "extra", {}, () => [
-          createTextVNode(toDisplayString(_ctx.extra), 1)
-        ])
-      ], 2)
-    ], 2)) : createCommentVNode("v-if", true),
-    createElementVNode("div", {
-      class: normalizeClass(_ctx.ns.e("body"))
-    }, [
-      createElementVNode("table", {
-        class: normalizeClass([_ctx.ns.e("table"), _ctx.ns.is("bordered", _ctx.border)])
-      }, [
-        createElementVNode("tbody", null, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.getRows(), (row, index) => {
-            return openBlock(), 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 = defineComponent({
   name: "ElDescriptionsItem",
@@ -29503,8 +29478,8 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
       const computedValue = getProp(model, props.prop);
       if (!isEqual$1(computedValue.value, initialValue)) {
         isResettingField = true;
+        computedValue.value = clone(initialValue);
       }
-      computedValue.value = clone(initialValue);
       await nextTick();
       clearValidate();
     };
@@ -30587,7 +30562,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
             _: 1
           })
         ], 42, _hoisted_1$q)), [
-          [unref(vRepeatClick), decrease]
+          [unref(RepeatClick), decrease]
         ]) : createCommentVNode("v-if", true),
         _ctx.controls ? withDirectives((openBlock(), createElementBlock("span", {
           key: 1,
@@ -30603,7 +30578,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
             _: 1
           })
         ], 42, _hoisted_2$i)), [
-          [unref(vRepeatClick), increase]
+          [unref(RepeatClick), increase]
         ]) : createCommentVNode("v-if", true),
         createVNode(unref(ElInput), {
           id: _ctx.id,
@@ -31342,11 +31317,22 @@ var Menu = defineComponent({
       }
       updateActiveIndex(currentActive);
     });
-    watch(items.value, () => initMenu());
+    watch(items.value, () => {
+      initMenu();
+      if (props.mode === "horizontal" && props.ellipsis)
+        handleResize();
+    });
     watch(() => props.collapse, (value) => {
       if (value)
         openedMenus.value = [];
     });
+    let resizeStopper;
+    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;
@@ -31412,7 +31398,6 @@ var Menu = defineComponent({
       });
       return result;
     };
-    const useVNodeResize = (vnode) => props.mode === "horizontal" ? 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 : [];
@@ -31448,8 +31433,7 @@ var Menu = defineComponent({
         }
       }
       const ulStyle = useMenuCssVar(props, 0);
-      const resizeMenu = (vNode) => props.ellipsis ? useVNodeResize(vNode) : vNode;
-      const vMenu = resizeMenu(h$1("ul", {
+      const vMenu = h$1("ul", {
         key: String(props.collapse),
         role: "menubar",
         ref: menu,
@@ -31459,7 +31443,7 @@ var Menu = defineComponent({
           [nsMenu.m(props.mode)]: true,
           [nsMenu.m("collapse")]: props.collapse
         }
-      }, [...slot, ...vShowMore]));
+      }, [...slot, ...vShowMore]);
       if (props.collapseTransition && props.mode === "vertical") {
         return h$1(ElMenuCollapseTransition, () => vMenu);
       }
@@ -31908,11 +31892,11 @@ const _sfc_main$O = defineComponent({
       const doesSelected = selectedOptions.some((item) => {
         return item.value === vm.value;
       });
-      if (select.cachedOptions.get(key) === vm && !doesSelected) {
-        nextTick(() => {
+      nextTick(() => {
+        if (select.cachedOptions.get(key) === vm && !doesSelected) {
           select.cachedOptions.delete(key);
-        });
-      }
+        }
+      });
       select.onOptionDestroy(key, vm);
     });
     function selectOptionClick() {
@@ -32558,8 +32542,6 @@ const useSelect$3 = (props, states, ctx) => {
   };
   const toggleMenu = () => {
     var _a;
-    if (props.automaticDropdown)
-      return;
     if (!selectDisabled.value) {
       if (states.menuVisibleOnFocus) {
         states.menuVisibleOnFocus = false;
@@ -33048,7 +33030,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
                     "fallback-placements": ["bottom", "top", "right", "left"],
                     effect: _ctx.effect,
                     placement: "bottom",
-                    teleported: false
+                    teleported: _ctx.teleported
                   }, {
                     default: withCtx(() => [
                       createElementVNode("span", {
@@ -33090,7 +33072,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
                       ], 2)
                     ]),
                     _: 1
-                  }, 8, ["disabled", "effect"])) : (openBlock(), createElementBlock("span", {
+                  }, 8, ["disabled", "effect", "teleported"])) : (openBlock(), createElementBlock("span", {
                     key: 1,
                     class: normalizeClass(_ctx.nsSelect.e("tags-text"))
                   }, "+ " + toDisplayString(_ctx.selected.length - 1), 3))
@@ -34026,18 +34008,15 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       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 = computed(() => props.confirmButtonText || t("el.popconfirm.confirmButtonText"));
     const finalCancelButtonText = computed(() => props.cancelButtonText || t("el.popconfirm.cancelButtonText"));
@@ -34160,6 +34139,9 @@ const popoverProps = buildProps({
   persistent: {
     type: Boolean,
     default: true
+  },
+  "onUpdate:visible": {
+    type: Function
   }
 });
 const popoverEmits = {
@@ -34179,6 +34161,10 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
   emits: popoverEmits,
   setup(__props, { expose, emit }) {
     const props = __props;
+    const updateEventKeyRaw = `onUpdate:visible`;
+    const onUpdateVisible = computed(() => {
+      return props[updateEventKeyRaw];
+    });
     const ns = useNamespace("popover");
     const tooltipRef = ref();
     const popperRef = computed(() => {
@@ -34246,6 +34232,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
         teleported: _ctx.teleported,
         persistent: _ctx.persistent,
         "gpu-acceleration": unref(gpuAcceleration),
+        "onUpdate:visible": unref(onUpdateVisible),
         onBeforeShow: beforeEnter,
         onBeforeHide: beforeLeave,
         onShow: afterEnter,
@@ -34265,7 +34252,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
           _ctx.$slots.reference ? renderSlot(_ctx.$slots, "reference", { key: 0 }) : 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"]);
     };
   }
 });
@@ -34818,12 +34805,13 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
       resetCurrentValue
     });
     return (_ctx, _cache) => {
+      var _a;
       return openBlock(), createElementBlock("div", {
         id: unref(inputId),
         class: normalizeClass([unref(rateClasses), unref(ns).is("disabled", unref(rateDisabled))]),
         role: "slider",
         "aria-label": !unref(isLabeledByFormItem) ? _ctx.label || "rating" : void 0,
-        "aria-labelledby": unref(isLabeledByFormItem) ? unref(formItemContext).labelId : void 0,
+        "aria-labelledby": unref(isLabeledByFormItem) ? (_a = unref(formItemContext)) == null ? void 0 : _a.labelId : void 0,
         "aria-valuenow": currentValue.value,
         "aria-valuetext": unref(text) || void 0,
         "aria-valuemin": "0",
@@ -37454,8 +37442,9 @@ const useSelect$1 = (props, emit) => {
   });
   const filteredOptions = 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) {
@@ -38948,7 +38937,9 @@ const useSliderButton = (props, initData, emit) => {
     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;
     }
@@ -39194,7 +39185,7 @@ var SliderMarker = defineComponent({
     const style = computed(() => isString(props.mark) ? void 0 : props.mark.style);
     return () => h$1("div", {
       class: ns.e("marks-text"),
-      style
+      style: style.value
     }, label.value);
   }
 });
@@ -39810,7 +39801,7 @@ const _sfc_main$s = defineComponent({
             }, null, 6)
           ], 2)) : createCommentVNode("v-if", true),
           createElementVNode("div", {
-            class: normalizeClass([unref(ns).e("icon"), unref(ns).is(_ctx.icon ? "icon" : "text")])
+            class: normalizeClass([unref(ns).e("icon"), unref(ns).is(_ctx.icon || _ctx.$slots.icon ? "icon" : "text")])
           }, [
             unref(currentStatus) !== "success" && unref(currentStatus) !== "error" ? renderSlot(_ctx.$slots, "icon", { key: 0 }, () => [
               _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), {
@@ -40254,14 +40245,8 @@ function escapeHtml(string) {
  */
 
 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";
@@ -40513,11 +40498,9 @@ function createTablePopper(parentNode, trigger, popperContent, popperOptions, to
     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) {
     }
@@ -40545,11 +40528,9 @@ function createTablePopper(parentNode, trigger, popperContent, popperOptions, to
     ],
     ...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) => {
@@ -41607,14 +41588,6 @@ class TableLayout {
     this.bodyWidth = ref(null);
     this.fixedWidth = ref(null);
     this.rightFixedWidth = ref(null);
-    this.tableHeight = ref(null);
-    this.headerHeight = ref(44);
-    this.appendHeight = ref(0);
-    this.footerHeight = ref(44);
-    this.viewportHeight = ref(null);
-    this.bodyHeight = ref(null);
-    this.bodyScrollHeight = ref(0);
-    this.fixedBodyHeight = ref(null);
     this.gutterWidth = 0;
     for (const name in options) {
       if (hasOwn(options, name)) {
@@ -41636,15 +41609,11 @@ class TableLayout {
     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;
     }
@@ -41682,43 +41651,6 @@ class TableLayout {
     return flattenColumns;
   }
   updateElsHeight() {
-    var _a, _b;
-    if (!this.table.$ready)
-      return 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 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");
   }
@@ -42245,12 +42177,10 @@ function useEvent(props, emit) {
     }
   };
   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) {
@@ -42283,13 +42213,11 @@ function useEvent(props, emit) {
     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;
@@ -43354,14 +43282,18 @@ function useStyle(props, layout, store, table) {
   };
   const resizeState = ref({
     width: null,
-    height: null
+    height: null,
+    headerHeight: null
   });
   const isGroup = ref(false);
   const scrollbarViewStyle = {
-    display: "block",
+    display: "inline-block",
     verticalAlign: "middle"
   };
   const tableWidth = ref();
+  const tableScrollHeight = ref(0);
+  const bodyScrollHeight = ref(0);
+  const headerScrollHeight = ref(0);
   watchEffect(() => {
     layout.setHeight(props.height);
   });
@@ -43418,12 +43350,14 @@ function useStyle(props, layout, store, table) {
     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) {
@@ -43494,23 +43428,36 @@ function useStyle(props, layout, store, table) {
     }
   };
   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();
     }
@@ -43525,57 +43472,57 @@ function useStyle(props, layout, store, table) {
       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 = 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 = 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 = 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 = computed(() => {
-    const headerHeight = layout.headerHeight.value || 0;
-    const bodyHeight2 = layout.bodyHeight.value;
-    const footerHeight = layout.footerHeight.value || 0;
+  const scrollbarStyle = 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 = 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) {
@@ -43591,47 +43538,6 @@ function useStyle(props, layout, store, table) {
       bodyWrapper.scrollLeft += Math.ceil(data.pixelX / 5);
     }
   };
-  const fixedHeight = 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 = 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,
@@ -43640,19 +43546,17 @@ function useStyle(props, layout, store, table) {
     handleMouseLeave,
     handleHeaderFooterMousewheel,
     tableSize,
-    bodyHeight,
-    height,
     emptyBlockStyle,
     handleFixedMousewheel,
-    fixedHeight,
-    fixedBodyHeight,
     resizeProxyVisible,
     bodyWidth,
     resizeState,
     doLayout,
     tableBodyStyles,
     tableLayout,
-    scrollbarViewStyle
+    scrollbarViewStyle,
+    tableInnerStyle,
+    scrollbarStyle
   };
 }
 
@@ -43827,19 +43731,17 @@ const _sfc_main$p = defineComponent({
       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);
@@ -43870,14 +43772,10 @@ const _sfc_main$p = defineComponent({
       resizeState,
       isGroup,
       bodyWidth,
-      bodyHeight,
-      height,
       tableBodyStyles,
       emptyBlockStyle,
       debouncedUpdateLayout,
       handleFixedMousewheel,
-      fixedHeight,
-      fixedBodyHeight,
       setCurrentRow,
       getSelectionRows,
       toggleRowSelection,
@@ -43895,6 +43793,8 @@ const _sfc_main$p = defineComponent({
       computedEmptyText,
       tableLayout,
       scrollbarViewStyle,
+      tableInnerStyle,
+      scrollbarStyle,
       scrollBarRef,
       scrollTo,
       setScrollLeft,
@@ -43940,7 +43840,8 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     onMouseleave: _cache[0] || (_cache[0] = ($event) => _ctx.handleMouseLeave())
   }, [
     createElementVNode("div", {
-      class: normalizeClass(_ctx.ns.e("inner-wrapper"))
+      class: normalizeClass(_ctx.ns.e("inner-wrapper")),
+      style: normalizeStyle(_ctx.tableInnerStyle)
     }, [
       createElementVNode("div", _hoisted_2$7, [
         renderSlot(_ctx.$slots, "default")
@@ -43975,14 +43876,12 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
       ]) : createCommentVNode("v-if", true),
       createElementVNode("div", {
         ref: "bodyWrapper",
-        style: normalizeStyle(_ctx.bodyHeight),
         class: normalizeClass(_ctx.ns.e("body-wrapper"))
       }, [
         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: withCtx(() => [
@@ -44041,30 +43940,30 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
             ], 2)) : createCommentVNode("v-if", true)
           ]),
           _: 3
-        }, 8, ["height", "max-height", "view-style", "always"])
-      ], 6),
-      _ctx.border || _ctx.isGroup ? (openBlock(), createElementBlock("div", {
+        }, 8, ["view-style", "wrap-style", "always"])
+      ], 2),
+      _ctx.showSummary ? withDirectives((openBlock(), createElementBlock("div", {
         key: 1,
+        ref: "footerWrapper",
+        class: normalizeClass(_ctx.ns.e("footer-wrapper"))
+      }, [
+        createVNode(_component_table_footer, {
+          border: _ctx.border,
+          "default-sort": _ctx.defaultSort,
+          store: _ctx.store,
+          style: normalizeStyle(_ctx.tableBodyStyles),
+          "sum-text": _ctx.computedSumText,
+          "summary-method": _ctx.summaryMethod
+        }, null, 8, ["border", "default-sort", "store", "style", "sum-text", "summary-method"])
+      ], 2)), [
+        [vShow, !_ctx.isEmpty],
+        [_directive_mousewheel, _ctx.handleHeaderFooterMousewheel]
+      ]) : createCommentVNode("v-if", true),
+      _ctx.border || _ctx.isGroup ? (openBlock(), createElementBlock("div", {
+        key: 2,
         class: normalizeClass(_ctx.ns.e("border-left-patch"))
       }, null, 2)) : createCommentVNode("v-if", true)
-    ], 2),
-    _ctx.showSummary ? withDirectives((openBlock(), createElementBlock("div", {
-      key: 0,
-      ref: "footerWrapper",
-      class: normalizeClass(_ctx.ns.e("footer-wrapper"))
-    }, [
-      createVNode(_component_table_footer, {
-        border: _ctx.border,
-        "default-sort": _ctx.defaultSort,
-        store: _ctx.store,
-        style: normalizeStyle(_ctx.tableBodyStyles),
-        "sum-text": _ctx.computedSumText,
-        "summary-method": _ctx.summaryMethod
-      }, null, 8, ["border", "default-sort", "store", "style", "sum-text", "summary-method"])
-    ], 2)), [
-      [vShow, !_ctx.isEmpty],
-      [_directive_mousewheel, _ctx.handleHeaderFooterMousewheel]
-    ]) : createCommentVNode("v-if", true),
+    ], 6),
     withDirectives(createElementVNode("div", {
       ref: "resizeProxy",
       class: normalizeClass(_ctx.ns.e("column-resize-proxy"))
@@ -46960,7 +46859,7 @@ const TabNav = defineComponent({
       } = 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) {
@@ -47023,8 +46922,9 @@ const TabNav = defineComponent({
       })])] : 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 ? createVNode(ElIcon, {
           "class": "is-icon-close",
@@ -47033,10 +46933,10 @@ const TabNav = defineComponent({
           default: () => [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 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}`,
@@ -52165,7 +52065,7 @@ const useHandlers = (props, uploadRef) => {
         props.onError(err, uploadFile, uploadFiles.value);
       }
     }
-    uploadFiles.value.push(uploadFile);
+    uploadFiles.value = [...uploadFiles.value, uploadFile];
     props.onChange(uploadFile, uploadFiles.value);
   };
   const handleRemove = async (file) => {
@@ -53090,7 +52990,9 @@ const normalizeOptions = (params) => {
     ...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;
@@ -54117,4 +54019,4 @@ var installer = makeInstaller([...Components, ...Plugins]);
 const install = installer.install;
 const version = installer.version;
 
-export { BAR_MAP, CASCADER_PANEL_INJECTION_KEY, CHANGE_EVENT, ClickOutside, CommonPicker, CommonProps, DEFAULT_FORMATS_DATE, DEFAULT_FORMATS_DATEPICKER, DEFAULT_FORMATS_TIME, COLLECTION_INJECTION_KEY as DROPDOWN_COLLECTION_INJECTION_KEY, COLLECTION_ITEM_INJECTION_KEY as DROPDOWN_COLLECTION_ITEM_INJECTION_KEY, DROPDOWN_INJECTION_KEY, DefaultProps, DynamicSizeGrid$1 as DynamicSizeGrid, DynamicSizeList$1 as DynamicSizeList, EVENT_CODE, Effect, ElAffix, ElAlert, ElAside, ElAutoResizer, ElAutocomplete, ElAvatar, ElBacktop, ElBadge, ElBreadcrumb, ElBreadcrumbItem, ElButton, ElButtonGroup$1 as ElButtonGroup, ElCalendar, ElCard, ElCarousel, ElCarouselItem, ElCascader, ElCascaderPanel, ElCheckTag, ElCheckbox, ElCheckboxButton, ElCheckboxGroup$1 as ElCheckboxGroup, ElCol, ElCollapse, ElCollapseItem, ElCollapseTransition, ElCollection, ElCollectionItem, ElColorPicker, ElConfigProvider, ElContainer, ElDatePicker, ElDescriptions, ElDescriptionsItem, ElDialog, ElDivider, ElDrawer, ElDropdown, ElDropdownItem, ElDropdownMenu, ElEmpty, ElFooter, ElForm, ElFormItem, ElHeader, ElIcon, ElImage, ElImageViewer, ElInfiniteScroll, ElInput, ElInputNumber, ElLink, ElLoading, vLoading as ElLoadingDirective, Loading as ElLoadingService, ElMain, ElMenu, ElMenuItem, ElMenuItemGroup, ElMessage, ElMessageBox, ElNotification, ElOption, ElOptionGroup, ElOverlay, ElPageHeader, ElPagination, ElPopconfirm, ElPopover, ElPopoverDirective, ElPopper, ElPopperArrow, ElPopperContent, ElPopperTrigger, ElProgress, ElRadio, ElRadioButton, ElRadioGroup, ElRate, ElResult, ElRow, ElScrollbar, ElSelect, ElSelectV2, ElSkeleton, ElSkeletonItem, ElSlider, ElSpace, ElStep, ElSteps, ElSubMenu, ElSwitch, ElTabPane, ElTable, ElTableColumn, ElTableV2, ElTabs, ElTag, ElTimePicker, ElTimeSelect, ElTimeline, ElTimelineItem, ElTooltip, ElTransfer, ElTree, ElTreeSelect, ElTreeV2, ElUpload, ExpandTrigger$1 as ExpandTrigger, FIRST_KEYS, FIRST_LAST_KEYS, FORWARD_REF_INJECTION_KEY, FixedSizeGrid$1 as FixedSizeGrid, FixedSizeList$1 as FixedSizeList, GAP, ID_INJECTION_KEY, INPUT_EVENT, INSTALLED_KEY, IconComponentMap, IconMap, LAST_KEYS, LEFT_CHECK_CHANGE_EVENT, Mousewheel, POPPER_CONTAINER_ID, POPPER_CONTAINER_SELECTOR, POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY, RIGHT_CHECK_CHANGE_EVENT, ROOT_PICKER_INJECTION_KEY, vRepeatClick as RepeatClick, Resize, RowAlign, RowJustify, TOOLTIP_INJECTION_KEY, TOOLTIP_V2_OPEN, TableV2$1 as TableV2, Alignment as TableV2Alignment, FixedDir as TableV2FixedDir, placeholderSign as TableV2Placeholder, SortOrder as TableV2SortOrder, TimePickPanel, TrapFocus, UPDATE_MODEL_EVENT, WEEK_DAYS, affixEmits, affixProps, alertEffects, alertEmits, alertProps, arrowMiddleware, autoResizerProps, autocompleteEmits, autocompleteProps, avatarEmits, avatarProps, backtopEmits, backtopProps, badgeProps, breadcrumbItemProps, breadcrumbKey, breadcrumbProps, buildLocaleContext, buildTimeList, buildTranslator, buttonEmits, buttonGroupContextKey, buttonNativeTypes, buttonProps, buttonTypes, calendarEmits, calendarProps, cardProps, carouselContextKey, carouselEmits, carouselItemProps, carouselProps, checkTagEmits, checkTagProps, checkboxEmits, checkboxGroupEmits, checkboxProps, colProps, collapseContextKey, collapseEmits, collapseItemProps, collapseProps, componentSizeMap, componentSizes, configProviderContextKey, configProviderProps, createModelToggleComposable, dateEquals, datePickTypes, dayjs, installer as default, defaultNamespace, dialogEmits, dialogInjectionKey, dialogProps, dividerProps, drawerEmits, drawerProps, dropdownItemProps, dropdownMenuProps, dropdownProps, elPaginationKey, emitChangeFn, emptyProps, extractDateFormat, extractTimeFormat, formContextKey, formEmits, formItemContextKey, formItemProps, formItemValidateStates, formProps, formatter, genFileId, getPositionDataWithUnit, iconProps, imageEmits, imageProps, imageViewerEmits, imageViewerProps, inputEmits, inputNumberEmits, inputNumberProps, inputProps, install, linkEmits, linkProps, makeInstaller, makeList, menuEmits, menuItemEmits, menuItemGroupProps, menuItemProps, menuProps, messageConfig, messageDefaults, messageEmits, messageProps, messageTypes, notificationEmits, notificationProps, notificationTypes, overlayEmits, overlayProps, pageHeaderEmits, pageHeaderProps, paginationEmits, paginationProps, parseDate, popconfirmProps, popoverEmits, popoverProps, progressProps, provideGlobalConfig, radioButtonProps, radioEmits, radioGroupEmits, radioGroupKey, radioGroupProps, radioProps, radioPropsBase, rangeArr, rateEmits, rateProps, renderThumbStyle$1 as renderThumbStyle, resultProps, rowContextKey, rowProps, scrollbarContextKey, scrollbarEmits, scrollbarProps, selectGroupKey, selectKey, selectV2InjectionKey, skeletonItemProps, skeletonProps, sliderContextKey, sliderEmits, sliderProps, spaceProps, stepProps, stepsEmits, stepsProps, subMenuProps, switchEmits, switchProps, tabBarProps, tabNavProps, tabPaneProps, tableV2Props, tableV2RowProps, tabsEmits, tabsProps, tabsRootContextKey, tagEmits, tagProps, thumbProps, timePickerDefaultProps, timeUnits, timelineItemProps, tooltipV2ContentKey, tooltipV2RootKey, transferCheckedChangeFn, transferEmits, transferProps, translate, uploadBaseProps, uploadContentProps, uploadContextKey, uploadDraggerEmits, uploadDraggerProps, uploadListEmits, uploadListProps, uploadListTypes, uploadProps, useAttrs, useCascaderConfig, useCheckbox, useCheckboxGroup, useCheckboxGroupId, useCheckboxGroupProps, useCursor, useDelayedRender, useDelayedToggle, useDelayedToggleProps, useDeprecated, useDialog, useDisabled$1 as useDisabled, useDraggable, useEscapeKeydown, useFloating, useFloatingProps, useFocus, useFormItem, useFormItemInputId, useForwardRef, useForwardRefDirective, useGlobalConfig, useId, useLocale, useLockscreen, useModal, useModelToggle$1 as useModelToggle, useModelToggleEmits$1 as useModelToggleEmits, useModelToggleProps$1 as useModelToggleProps, useNamespace, usePopperArrowProps, usePopperContainer, usePopperContentEmits, usePopperContentProps, usePopperCoreConfigProps, usePopperProps, usePopperTriggerProps, usePreventGlobal, useProp, useRestoreActive, useSameTarget, useSize, useSizeProp, useSpace, useTeleport, useThrottleRender, useTimeout, useTooltipContentProps, useTooltipProps, useTooltipTriggerProps, useTransitionFallthrough, useTransitionFallthroughEmits, useZIndex, vLoading, valueEquals, version, virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps };
+export { BAR_MAP, CASCADER_PANEL_INJECTION_KEY, CHANGE_EVENT, ClickOutside, CommonPicker, CommonProps, DEFAULT_FORMATS_DATE, DEFAULT_FORMATS_DATEPICKER, DEFAULT_FORMATS_TIME, COLLECTION_INJECTION_KEY as DROPDOWN_COLLECTION_INJECTION_KEY, COLLECTION_ITEM_INJECTION_KEY as DROPDOWN_COLLECTION_ITEM_INJECTION_KEY, DROPDOWN_INJECTION_KEY, DefaultProps, DynamicSizeGrid$1 as DynamicSizeGrid, DynamicSizeList$1 as DynamicSizeList, EVENT_CODE, Effect, ElAffix, ElAlert, ElAside, ElAutoResizer, ElAutocomplete, ElAvatar, ElBacktop, ElBadge, ElBreadcrumb, ElBreadcrumbItem, ElButton, ElButtonGroup$1 as ElButtonGroup, ElCalendar, ElCard, ElCarousel, ElCarouselItem, ElCascader, ElCascaderPanel, ElCheckTag, ElCheckbox, ElCheckboxButton, ElCheckboxGroup$1 as ElCheckboxGroup, ElCol, ElCollapse, ElCollapseItem, ElCollapseTransition, ElCollection, ElCollectionItem, ElColorPicker, ElConfigProvider, ElContainer, ElDatePicker, ElDescriptions, ElDescriptionsItem, ElDialog, ElDivider, ElDrawer, ElDropdown, ElDropdownItem, ElDropdownMenu, ElEmpty, ElFooter, ElForm, ElFormItem, ElHeader, ElIcon, ElImage, ElImageViewer, ElInfiniteScroll, ElInput, ElInputNumber, ElLink, ElLoading, vLoading as ElLoadingDirective, Loading as ElLoadingService, ElMain, ElMenu, ElMenuItem, ElMenuItemGroup, ElMessage, ElMessageBox, ElNotification, ElOption, ElOptionGroup, ElOverlay, ElPageHeader, ElPagination, ElPopconfirm, ElPopover, ElPopoverDirective, ElPopper, ElPopperArrow, ElPopperContent, ElPopperTrigger, ElProgress, ElRadio, ElRadioButton, ElRadioGroup, ElRate, ElResult, ElRow, ElScrollbar, ElSelect, ElSelectV2, ElSkeleton, ElSkeletonItem, ElSlider, ElSpace, ElStep, ElSteps, ElSubMenu, ElSwitch, ElTabPane, ElTable, ElTableColumn, ElTableV2, ElTabs, ElTag, ElTimePicker, ElTimeSelect, ElTimeline, ElTimelineItem, ElTooltip, ElTransfer, ElTree, ElTreeSelect, ElTreeV2, ElUpload, ExpandTrigger$1 as ExpandTrigger, FIRST_KEYS, FIRST_LAST_KEYS, FORWARD_REF_INJECTION_KEY, FixedSizeGrid$1 as FixedSizeGrid, FixedSizeList$1 as FixedSizeList, GAP, ID_INJECTION_KEY, INPUT_EVENT, INSTALLED_KEY, IconComponentMap, IconMap, LAST_KEYS, LEFT_CHECK_CHANGE_EVENT, Mousewheel, POPPER_CONTAINER_ID, POPPER_CONTAINER_SELECTOR, POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY, RIGHT_CHECK_CHANGE_EVENT, ROOT_PICKER_INJECTION_KEY, RepeatClick, RowAlign, RowJustify, TOOLTIP_INJECTION_KEY, TOOLTIP_V2_OPEN, TableV2$1 as TableV2, Alignment as TableV2Alignment, FixedDir as TableV2FixedDir, placeholderSign as TableV2Placeholder, SortOrder as TableV2SortOrder, TimePickPanel, TrapFocus, UPDATE_MODEL_EVENT, WEEK_DAYS, affixEmits, affixProps, alertEffects, alertEmits, alertProps, arrowMiddleware, autoResizerProps, autocompleteEmits, autocompleteProps, avatarEmits, avatarProps, backtopEmits, backtopProps, badgeProps, breadcrumbItemProps, breadcrumbKey, breadcrumbProps, buildLocaleContext, buildTimeList, buildTranslator, buttonEmits, buttonGroupContextKey, buttonNativeTypes, buttonProps, buttonTypes, calendarEmits, calendarProps, cardProps, carouselContextKey, carouselEmits, carouselItemProps, carouselProps, checkTagEmits, checkTagProps, checkboxEmits, checkboxGroupEmits, checkboxProps, colProps, collapseContextKey, collapseEmits, collapseItemProps, collapseProps, componentSizeMap, componentSizes, configProviderContextKey, configProviderProps, createModelToggleComposable, dateEquals, datePickTypes, dayjs, installer as default, defaultNamespace, descriptionProps, dialogEmits, dialogInjectionKey, dialogProps, dividerProps, drawerEmits, drawerProps, dropdownItemProps, dropdownMenuProps, dropdownProps, elPaginationKey, emitChangeFn, emptyProps, extractDateFormat, extractTimeFormat, formContextKey, formEmits, formItemContextKey, formItemProps, formItemValidateStates, formProps, formatter, genFileId, getPositionDataWithUnit, iconProps, imageEmits, imageProps, imageViewerEmits, imageViewerProps, inputEmits, inputNumberEmits, inputNumberProps, inputProps, install, linkEmits, linkProps, makeInstaller, makeList, menuEmits, menuItemEmits, menuItemGroupProps, menuItemProps, menuProps, messageConfig, messageDefaults, messageEmits, messageProps, messageTypes, notificationEmits, notificationProps, notificationTypes, overlayEmits, overlayProps, pageHeaderEmits, pageHeaderProps, paginationEmits, paginationProps, parseDate, popconfirmProps, popoverEmits, popoverProps, progressProps, provideGlobalConfig, radioButtonProps, radioEmits, radioGroupEmits, radioGroupKey, radioGroupProps, radioProps, radioPropsBase, rangeArr, rateEmits, rateProps, renderThumbStyle$1 as renderThumbStyle, resultProps, rowContextKey, rowProps, scrollbarContextKey, scrollbarEmits, scrollbarProps, selectGroupKey, selectKey, selectV2InjectionKey, skeletonItemProps, skeletonProps, sliderContextKey, sliderEmits, sliderProps, spaceProps, stepProps, stepsEmits, stepsProps, subMenuProps, switchEmits, switchProps, tabBarProps, tabNavProps, tabPaneProps, tableV2Props, tableV2RowProps, tabsEmits, tabsProps, tabsRootContextKey, tagEmits, tagProps, thumbProps, timePickerDefaultProps, timeUnits, timelineItemProps, tooltipV2ContentKey, tooltipV2RootKey, transferCheckedChangeFn, transferEmits, transferProps, translate, uploadBaseProps, uploadContentProps, uploadContextKey, uploadDraggerEmits, uploadDraggerProps, uploadListEmits, uploadListProps, uploadListTypes, uploadProps, useAttrs, useCascaderConfig, useCheckbox, useCheckboxGroup, useCheckboxGroupId, useCheckboxGroupProps, useCursor, useDelayedRender, useDelayedToggle, useDelayedToggleProps, useDeprecated, useDialog, useDisabled$1 as useDisabled, useDraggable, useEscapeKeydown, useFloating, useFloatingProps, useFocus, useFormItem, useFormItemInputId, useForwardRef, useForwardRefDirective, useGlobalConfig, useId, useLocale, useLockscreen, useModal, useModelToggle$1 as useModelToggle, useModelToggleEmits$1 as useModelToggleEmits, useModelToggleProps$1 as useModelToggleProps, useNamespace, usePopperArrowProps, usePopperContainer, usePopperContentEmits, usePopperContentProps, usePopperCoreConfigProps, usePopperProps, usePopperTriggerProps, usePreventGlobal, useProp, useRestoreActive, useSameTarget, useSize, useSizeProp, useSpace, useTeleport, useThrottleRender, useTimeout, useTooltipContentProps, useTooltipProps, useTooltipTriggerProps, useTransitionFallthrough, useTransitionFallthroughEmits, useZIndex, vLoading, valueEquals, version, virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps };