element-plus 2.2.30 → 2.2.32

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v2.2.30 */
+/*! Element Plus v2.2.32 */
 
 import { getCurrentScope, onScopeDispose, unref, readonly, shallowRef, watchEffect, ref, watch, getCurrentInstance, onMounted, nextTick, computed as computed$1, 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, withModifiers, reactive, onUpdated, cloneVNode, Text, onDeactivated, renderList, withKeys, createSlots, toRefs, normalizeProps, toRaw as toRaw$1, vModelCheckbox, vModelRadio, resolveComponent, onBeforeUpdate, vModelText, toHandlers, guardReactiveProps, TransitionGroup, markRaw, effectScope, triggerRef, resolveDirective, createApp, shallowReactive, render } from 'vue';
 
@@ -9486,8 +9486,8 @@ const useLockscreen = (trigger) => {
   let bodyWidth = "0";
   const cleanup = () => {
     setTimeout(() => {
-      removeClass(document.body, hiddenCls.value);
-      if (withoutHiddenClass) {
+      removeClass(document == null ? void 0 : document.body, hiddenCls.value);
+      if (withoutHiddenClass && document) {
         document.body.style.width = bodyWidth;
       }
     }, 200);
@@ -11198,7 +11198,7 @@ const useOrderedChildren = (vm, childComponentName) => {
   };
 };
 
-const version$1 = "2.2.30";
+const version$1 = "2.2.32";
 
 const makeInstaller = (components = []) => {
   const install = (app, options) => {
@@ -11248,11 +11248,11 @@ var _export_sfc = (sfc, props) => {
 };
 
 const COMPONENT_NAME$m = "ElAffix";
-const __default__$1z = defineComponent({
+const __default__$1A = defineComponent({
   name: COMPONENT_NAME$m
 });
 const _sfc_main$2h = /* @__PURE__ */ defineComponent({
-  ...__default__$1z,
+  ...__default__$1A,
   props: affixProps,
   emits: affixEmits,
   setup(__props, { expose, emit }) {
@@ -11368,12 +11368,12 @@ const iconProps = buildProps({
   }
 });
 
-const __default__$1y = defineComponent({
+const __default__$1z = defineComponent({
   name: "ElIcon",
   inheritAttrs: false
 });
 const _sfc_main$2g = /* @__PURE__ */ defineComponent({
-  ...__default__$1y,
+  ...__default__$1z,
   props: iconProps,
   setup(__props) {
     const props = __props;
@@ -11436,11 +11436,11 @@ const alertEmits = {
   close: (evt) => evt instanceof MouseEvent
 };
 
-const __default__$1x = defineComponent({
+const __default__$1y = defineComponent({
   name: "ElAlert"
 });
 const _sfc_main$2f = /* @__PURE__ */ defineComponent({
-  ...__default__$1x,
+  ...__default__$1y,
   props: alertProps,
   emits: alertEmits,
   setup(__props, { emit }) {
@@ -11533,7 +11533,7 @@ let hiddenTextarea = void 0;
 const HIDDEN_STYLE = `
   height:0 !important;
   visibility:hidden !important;
-  overflow:hidden !important;
+  ${isFirefox() ? "" : "overflow:hidden !important;"}
   position:absolute !important;
   z-index:-1000 !important;
   top:0 !important;
@@ -11707,12 +11707,12 @@ const inputEmits = {
 const _hoisted_1$13 = ["role"];
 const _hoisted_2$G = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form"];
 const _hoisted_3$k = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form"];
-const __default__$1w = defineComponent({
+const __default__$1x = defineComponent({
   name: "ElInput",
   inheritAttrs: false
 });
 const _sfc_main$2e = /* @__PURE__ */ defineComponent({
-  ...__default__$1w,
+  ...__default__$1x,
   props: inputProps,
   emits: inputEmits,
   setup(__props, { expose, emit }) {
@@ -12390,11 +12390,11 @@ const scrollbarEmits = {
 };
 
 const COMPONENT_NAME$k = "ElScrollbar";
-const __default__$1v = defineComponent({
+const __default__$1w = defineComponent({
   name: COMPONENT_NAME$k
 });
 const _sfc_main$2b = /* @__PURE__ */ defineComponent({
-  ...__default__$1v,
+  ...__default__$1w,
   props: scrollbarProps,
   emits: scrollbarEmits,
   setup(__props, { expose, emit }) {
@@ -12575,12 +12575,12 @@ const popperProps = buildProps({
 });
 const usePopperProps = popperProps;
 
-const __default__$1u = defineComponent({
+const __default__$1v = defineComponent({
   name: "ElPopper",
   inheritAttrs: false
 });
 const _sfc_main$2a = /* @__PURE__ */ defineComponent({
-  ...__default__$1u,
+  ...__default__$1v,
   props: popperProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -12613,12 +12613,12 @@ const popperArrowProps = buildProps({
 });
 const usePopperArrowProps = popperArrowProps;
 
-const __default__$1t = defineComponent({
+const __default__$1u = defineComponent({
   name: "ElPopperArrow",
   inheritAttrs: false
 });
 const _sfc_main$29 = /* @__PURE__ */ defineComponent({
-  ...__default__$1t,
+  ...__default__$1u,
   props: popperArrowProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -12732,12 +12732,12 @@ const popperTriggerProps = buildProps({
 });
 const usePopperTriggerProps = popperTriggerProps;
 
-const __default__$1s = defineComponent({
+const __default__$1t = defineComponent({
   name: "ElPopperTrigger",
   inheritAttrs: false
 });
 const _sfc_main$28 = /* @__PURE__ */ defineComponent({
-  ...__default__$1s,
+  ...__default__$1t,
   props: popperTriggerProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -13192,7 +13192,7 @@ const _sfc_main$27 = defineComponent({
         });
         trapContainer.addEventListener(FOCUS_AFTER_RELEASED, releaseOnFocus);
         trapContainer.dispatchEvent(releasedEvent);
-        if (!releasedEvent.defaultPrevented && (focusReason.value == "keyboard" || !isFocusCausedByUserEvent())) {
+        if (!releasedEvent.defaultPrevented && (focusReason.value == "keyboard" || !isFocusCausedByUserEvent() || trapContainer.contains(document.activeElement))) {
           tryFocus(lastFocusBeforeTrapped != null ? lastFocusBeforeTrapped : document.body);
         }
         trapContainer.removeEventListener(FOCUS_AFTER_RELEASED, trapOnFocus);
@@ -13221,10 +13221,10 @@ const _sfc_main$27 = defineComponent({
     };
   }
 });
-function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default", { handleKeydown: _ctx.onKeydown });
 }
-var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$27, [["render", _sfc_render$x], ["__file", "focus-trap.vue"]]);
+var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$27, [["render", _sfc_render$w], ["__file", "focus-trap.vue"]]);
 
 const POSITIONING_STRATEGIES = ["fixed", "absolute"];
 const popperCoreConfigProps = buildProps({
@@ -13518,11 +13518,11 @@ const usePopperContentFocusTrap = (props, emit) => {
   };
 };
 
-const __default__$1r = defineComponent({
+const __default__$1s = defineComponent({
   name: "ElPopperContent"
 });
 const _sfc_main$26 = /* @__PURE__ */ defineComponent({
-  ...__default__$1r,
+  ...__default__$1s,
   props: popperContentProps,
   emits: popperContentEmits,
   setup(__props, { expose, emit }) {
@@ -13727,11 +13727,11 @@ const whenTrigger = (trigger, type, handler) => {
   };
 };
 
-const __default__$1q = defineComponent({
+const __default__$1r = defineComponent({
   name: "ElTooltipTrigger"
 });
 const _sfc_main$25 = /* @__PURE__ */ defineComponent({
-  ...__default__$1q,
+  ...__default__$1r,
   props: useTooltipTriggerProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -13792,12 +13792,12 @@ const _sfc_main$25 = /* @__PURE__ */ defineComponent({
 });
 var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["__file", "trigger.vue"]]);
 
-const __default__$1p = defineComponent({
+const __default__$1q = defineComponent({
   name: "ElTooltipContent",
   inheritAttrs: false
 });
 const _sfc_main$24 = /* @__PURE__ */ defineComponent({
-  ...__default__$1p,
+  ...__default__$1q,
   props: useTooltipContentProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -13955,11 +13955,11 @@ var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["__file", "co
 
 const _hoisted_1$12 = ["innerHTML"];
 const _hoisted_2$F = { key: 1 };
-const __default__$1o = defineComponent({
+const __default__$1p = defineComponent({
   name: "ElTooltip"
 });
 const _sfc_main$23 = /* @__PURE__ */ defineComponent({
-  ...__default__$1o,
+  ...__default__$1p,
   props: useTooltipProps,
   emits: tooltipEmits,
   setup(__props, { expose, emit }) {
@@ -14169,7 +14169,16 @@ const autocompleteProps = buildProps({
   fitInputWidth: {
     type: Boolean,
     default: false
-  }
+  },
+  clearable: {
+    type: Boolean,
+    default: false
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  name: String
 });
 const autocompleteEmits = {
   [UPDATE_MODEL_EVENT]: (value) => isString(value),
@@ -14185,12 +14194,12 @@ const _hoisted_1$11 = ["aria-expanded", "aria-owns"];
 const _hoisted_2$E = { key: 0 };
 const _hoisted_3$j = ["id", "aria-selected", "onClick"];
 const COMPONENT_NAME$j = "ElAutocomplete";
-const __default__$1n = defineComponent({
+const __default__$1o = defineComponent({
   name: COMPONENT_NAME$j,
   inheritAttrs: false
 });
 const _sfc_main$22 = /* @__PURE__ */ defineComponent({
-  ...__default__$1n,
+  ...__default__$1o,
   props: autocompleteProps,
   emits: autocompleteEmits,
   setup(__props, { expose, emit }) {
@@ -14550,11 +14559,11 @@ const avatarEmits = {
 };
 
 const _hoisted_1$10 = ["src", "alt", "srcset"];
-const __default__$1m = defineComponent({
+const __default__$1n = defineComponent({
   name: "ElAvatar"
 });
 const _sfc_main$21 = /* @__PURE__ */ defineComponent({
-  ...__default__$1m,
+  ...__default__$1n,
   props: avatarProps,
   emits: avatarEmits,
   setup(__props, { emit }) {
@@ -14668,11 +14677,11 @@ const useBackTop = (props, emit, componentName) => {
 };
 
 const COMPONENT_NAME$i = "ElBacktop";
-const __default__$1l = defineComponent({
+const __default__$1m = defineComponent({
   name: COMPONENT_NAME$i
 });
 const _sfc_main$20 = /* @__PURE__ */ defineComponent({
-  ...__default__$1l,
+  ...__default__$1m,
   props: backtopProps,
   emits: backtopEmits,
   setup(__props, { emit }) {
@@ -14734,11 +14743,11 @@ const badgeProps = buildProps({
 });
 
 const _hoisted_1$$ = ["textContent"];
-const __default__$1k = defineComponent({
+const __default__$1l = defineComponent({
   name: "ElBadge"
 });
 const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
-  ...__default__$1k,
+  ...__default__$1l,
   props: badgeProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -14796,11 +14805,11 @@ const breadcrumbProps = buildProps({
   }
 });
 
-const __default__$1j = defineComponent({
+const __default__$1k = defineComponent({
   name: "ElBreadcrumb"
 });
 const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
-  ...__default__$1j,
+  ...__default__$1k,
   props: breadcrumbProps,
   setup(__props) {
     const props = __props;
@@ -14839,11 +14848,11 @@ const breadcrumbItemProps = buildProps({
   }
 });
 
-const __default__$1i = defineComponent({
+const __default__$1j = defineComponent({
   name: "ElBreadcrumbItem"
 });
 const _sfc_main$1Z = /* @__PURE__ */ defineComponent({
-  ...__default__$1i,
+  ...__default__$1j,
   props: breadcrumbItemProps,
   setup(__props) {
     const props = __props;
@@ -15921,11 +15930,11 @@ function useButtonCustomStyle(props) {
 }
 
 const _hoisted_1$_ = ["aria-disabled", "disabled", "autofocus", "type"];
-const __default__$1h = defineComponent({
+const __default__$1i = defineComponent({
   name: "ElButton"
 });
 const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
-  ...__default__$1h,
+  ...__default__$1i,
   props: buttonProps,
   emits: buttonEmits,
   setup(__props, { expose, emit }) {
@@ -15997,11 +16006,11 @@ const buttonGroupProps = {
   type: buttonProps.type
 };
 
-const __default__$1g = defineComponent({
+const __default__$1h = defineComponent({
   name: "ElButtonGroup"
 });
 const _sfc_main$1X = /* @__PURE__ */ defineComponent({
-  ...__default__$1g,
+  ...__default__$1h,
   props: buttonGroupProps,
   setup(__props) {
     const props = __props;
@@ -16573,11 +16582,11 @@ const timePickerDefaultProps = buildProps({
 
 const _hoisted_1$Z = ["id", "name", "placeholder", "value", "disabled", "readonly"];
 const _hoisted_2$D = ["id", "name", "placeholder", "value", "disabled", "readonly"];
-const __default__$1f = defineComponent({
+const __default__$1g = defineComponent({
   name: "Picker"
 });
 const _sfc_main$1W = /* @__PURE__ */ defineComponent({
-  ...__default__$1f,
+  ...__default__$1g,
   props: timePickerDefaultProps,
   emits: [
     "update:modelValue",
@@ -18477,11 +18486,11 @@ const useDateTable = (props, emit) => {
 
 const _hoisted_1$W = { key: 0 };
 const _hoisted_2$B = ["onClick"];
-const __default__$1e = defineComponent({
+const __default__$1f = defineComponent({
   name: "DateTable"
 });
 const _sfc_main$1S = /* @__PURE__ */ defineComponent({
-  ...__default__$1e,
+  ...__default__$1f,
   props: dateTableProps,
   emits: dateTableEmits,
   setup(__props, { expose, emit }) {
@@ -18695,11 +18704,11 @@ const calendarEmits = {
 };
 
 const COMPONENT_NAME$h = "ElCalendar";
-const __default__$1d = defineComponent({
+const __default__$1e = defineComponent({
   name: COMPONENT_NAME$h
 });
 const _sfc_main$1R = /* @__PURE__ */ defineComponent({
-  ...__default__$1d,
+  ...__default__$1e,
   props: calendarProps,
   emits: calendarEmits,
   setup(__props, { expose, emit }) {
@@ -18836,11 +18845,11 @@ const cardProps = buildProps({
   }
 });
 
-const __default__$1c = defineComponent({
+const __default__$1d = defineComponent({
   name: "ElCard"
 });
 const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
-  ...__default__$1c,
+  ...__default__$1d,
   props: cardProps,
   setup(__props) {
     const ns = useNamespace("card");
@@ -18897,10 +18906,6 @@ const carouselProps = buildProps({
     values: ["", "none", "outside"],
     default: ""
   },
-  indicator: {
-    type: Boolean,
-    default: true
-  },
   arrow: {
     type: String,
     values: ["always", "hover", "never"],
@@ -19129,11 +19134,11 @@ const useCarousel = (props, emit, componentName) => {
 const _hoisted_1$V = ["onMouseenter", "onClick"];
 const _hoisted_2$A = { key: 0 };
 const COMPONENT_NAME$g = "ElCarousel";
-const __default__$1b = defineComponent({
+const __default__$1c = defineComponent({
   name: COMPONENT_NAME$g
 });
 const _sfc_main$1P = /* @__PURE__ */ defineComponent({
-  ...__default__$1b,
+  ...__default__$1c,
   props: carouselProps,
   emits: carouselEmits,
   setup(__props, { expose, emit }) {
@@ -19394,11 +19399,11 @@ const useCarouselItem = (props, componentName) => {
   };
 };
 
-const __default__$1a = defineComponent({
+const __default__$1b = defineComponent({
   name: "ElCarouselItem"
 });
 const _sfc_main$1O = /* @__PURE__ */ defineComponent({
-  ...__default__$1a,
+  ...__default__$1b,
   props: carouselItemProps,
   setup(__props) {
     const props = __props;
@@ -19689,11 +19694,11 @@ const useCheckbox = (props, slots) => {
 const _hoisted_1$U = ["tabindex", "role", "aria-checked"];
 const _hoisted_2$z = ["id", "aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"];
 const _hoisted_3$i = ["id", "aria-hidden", "disabled", "value", "name", "tabindex"];
-const __default__$19 = defineComponent({
+const __default__$1a = defineComponent({
   name: "ElCheckbox"
 });
 const _sfc_main$1N = /* @__PURE__ */ defineComponent({
-  ...__default__$19,
+  ...__default__$1a,
   props: checkboxProps,
   emits: checkboxEmits,
   setup(__props) {
@@ -19800,11 +19805,11 @@ var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$1N, [["__file", "checkbox.v
 
 const _hoisted_1$T = ["name", "tabindex", "disabled", "true-value", "false-value"];
 const _hoisted_2$y = ["name", "tabindex", "disabled", "value"];
-const __default__$18 = defineComponent({
+const __default__$19 = defineComponent({
   name: "ElCheckboxButton"
 });
 const _sfc_main$1M = /* @__PURE__ */ defineComponent({
-  ...__default__$18,
+  ...__default__$19,
   props: checkboxProps,
   emits: checkboxEmits,
   setup(__props) {
@@ -19914,11 +19919,11 @@ const checkboxGroupEmits = {
   change: (val) => isArray(val)
 };
 
-const __default__$17 = defineComponent({
+const __default__$18 = defineComponent({
   name: "ElCheckboxGroup"
 });
 const _sfc_main$1L = /* @__PURE__ */ defineComponent({
-  ...__default__$17,
+  ...__default__$18,
   props: checkboxGroupProps,
   emits: checkboxGroupEmits,
   setup(__props, { emit }) {
@@ -20046,11 +20051,11 @@ const useRadio = (props, emit) => {
 };
 
 const _hoisted_1$S = ["value", "name", "disabled"];
-const __default__$16 = defineComponent({
+const __default__$17 = defineComponent({
   name: "ElRadio"
 });
 const _sfc_main$1K = /* @__PURE__ */ defineComponent({
-  ...__default__$16,
+  ...__default__$17,
   props: radioProps,
   emits: radioEmits,
   setup(__props, { emit }) {
@@ -20122,11 +20127,11 @@ const radioButtonProps = buildProps({
 });
 
 const _hoisted_1$R = ["value", "name", "disabled"];
-const __default__$15 = defineComponent({
+const __default__$16 = defineComponent({
   name: "ElRadioButton"
 });
 const _sfc_main$1J = /* @__PURE__ */ defineComponent({
-  ...__default__$15,
+  ...__default__$16,
   props: radioButtonProps,
   setup(__props) {
     const props = __props;
@@ -20216,11 +20221,11 @@ const radioGroupProps = buildProps({
 const radioGroupEmits = radioEmits;
 
 const _hoisted_1$Q = ["id", "aria-label", "aria-labelledby"];
-const __default__$14 = defineComponent({
+const __default__$15 = defineComponent({
   name: "ElRadioGroup"
 });
 const _sfc_main$1I = /* @__PURE__ */ defineComponent({
-  ...__default__$14,
+  ...__default__$15,
   props: radioGroupProps,
   emits: radioGroupEmits,
   setup(__props, { emit }) {
@@ -20416,7 +20421,7 @@ const _sfc_main$1H = defineComponent({
 });
 const _hoisted_1$P = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
 const _hoisted_2$x = /* @__PURE__ */ createElementVNode("span", null, null, -1);
-function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$v(_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");
@@ -20499,7 +20504,7 @@ function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
     ], 64)) : createCommentVNode("v-if", true)
   ], 42, _hoisted_1$P);
 }
-var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1H, [["render", _sfc_render$w], ["__file", "node.vue"]]);
+var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1H, [["render", _sfc_render$v], ["__file", "node.vue"]]);
 
 const _sfc_main$1G = defineComponent({
   name: "ElCascaderMenu",
@@ -20579,7 +20584,7 @@ const _sfc_main$1G = defineComponent({
     };
   }
 });
-function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$u(_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");
@@ -20632,7 +20637,7 @@ function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["class", "wrap-class", "view-class", "onMousemove", "onMouseleave"]);
 }
-var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _sfc_render$v], ["__file", "menu.vue"]]);
+var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _sfc_render$u], ["__file", "menu.vue"]]);
 
 let uid = 0;
 const calculatePathNodes = (node) => {
@@ -20971,6 +20976,9 @@ const _sfc_main$1F = defineComponent({
     const clearCheckedNodes = () => {
       checkedNodes.value.forEach((node) => node.doCheck(false));
       calculateCheckedValue();
+      menus.value = menus.value.slice(0, 1);
+      expandingNode.value = null;
+      emit("expand-change", []);
     };
     const calculateCheckedValue = () => {
       var _a;
@@ -21107,7 +21115,7 @@ const _sfc_main$1F = defineComponent({
     };
   }
 });
-function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$t(_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)]),
@@ -21124,7 +21132,7 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128))
   ], 34);
 }
-var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$u], ["__file", "index.vue"]]);
+var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$t], ["__file", "index.vue"]]);
 
 CascaderPanel.install = (app) => {
   app.component(CascaderPanel.name, CascaderPanel);
@@ -21162,11 +21170,11 @@ const tagEmits = {
   click: (evt) => evt instanceof MouseEvent
 };
 
-const __default__$13 = defineComponent({
+const __default__$14 = defineComponent({
   name: "ElTag"
 });
 const _sfc_main$1E = /* @__PURE__ */ defineComponent({
-  ...__default__$13,
+  ...__default__$14,
   props: tagProps,
   emits: tagEmits,
   setup(__props, { emit }) {
@@ -21307,11 +21315,11 @@ const _hoisted_1$O = { key: 0 };
 const _hoisted_2$w = ["placeholder", "onKeydown"];
 const _hoisted_3$h = ["onClick"];
 const COMPONENT_NAME$f = "ElCascader";
-const __default__$12 = defineComponent({
+const __default__$13 = defineComponent({
   name: COMPONENT_NAME$f
 });
 const _sfc_main$1D = /* @__PURE__ */ defineComponent({
-  ...__default__$12,
+  ...__default__$13,
   props: cascaderProps,
   emits: cascaderEmits,
   setup(__props, { expose, emit }) {
@@ -21347,6 +21355,7 @@ const _sfc_main$1D = /* @__PURE__ */ defineComponent({
     const popperVisible = ref(false);
     const inputHover = ref(false);
     const filtering = ref(false);
+    const filterFocus = ref(false);
     const inputValue = ref("");
     const searchInputValue = ref("");
     const presentTags = ref([]);
@@ -21409,6 +21418,9 @@ const _sfc_main$1D = /* @__PURE__ */ defineComponent({
         nsCascader.is("reverse", popperVisible.value)
       ];
     });
+    const inputClass = computed$1(() => {
+      return nsCascader.is("focus", popperVisible.value || filterFocus.value);
+    });
     const togglePopperVisible = (visible) => {
       var _a, _b, _c;
       if (isDisabled.value)
@@ -21626,9 +21638,15 @@ const _sfc_main$1D = /* @__PURE__ */ defineComponent({
       }
     };
     const handleFocus = (e) => {
+      const el = e.target;
+      const name = nsCascader.e("search-input");
+      if (el.className === name) {
+        filterFocus.value = true;
+      }
       emit("focus", e);
     };
     const handleBlur = (e) => {
+      filterFocus.value = false;
       emit("blur", e);
     };
     const handleFilter = debounce(() => {
@@ -21665,7 +21683,8 @@ const _sfc_main$1D = /* @__PURE__ */ defineComponent({
     });
     expose({
       getCheckedNodes,
-      cascaderPanelRef
+      cascaderPanelRef,
+      togglePopperVisible
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(ElTooltip), {
@@ -21711,7 +21730,8 @@ const _sfc_main$1D = /* @__PURE__ */ defineComponent({
               disabled: unref(isDisabled),
               "validate-event": false,
               size: unref(realSize),
-              class: normalizeClass(unref(nsCascader).is("focus", popperVisible.value)),
+              class: normalizeClass(unref(inputClass)),
+              tabindex: unref(multiple) && _ctx.filterable && !unref(isDisabled) ? -1 : void 0,
               onCompositionstart: handleComposition,
               onCompositionupdate: handleComposition,
               onCompositionend: handleComposition,
@@ -21741,7 +21761,7 @@ const _sfc_main$1D = /* @__PURE__ */ defineComponent({
                 }, 8, ["class"]))
               ]),
               _: 1
-            }, 8, ["modelValue", "placeholder", "readonly", "disabled", "size", "class"]),
+            }, 8, ["modelValue", "placeholder", "readonly", "disabled", "size", "class", "tabindex"]),
             unref(multiple) ? (openBlock(), createElementBlock("div", {
               key: 0,
               ref_key: "tagWrapper",
@@ -21814,7 +21834,9 @@ const _sfc_main$1D = /* @__PURE__ */ defineComponent({
                 onKeydown: withKeys(handleDelete, ["delete"]),
                 onCompositionstart: handleComposition,
                 onCompositionupdate: handleComposition,
-                onCompositionend: handleComposition
+                onCompositionend: handleComposition,
+                onFocus: handleFocus,
+                onBlur: handleBlur
               }, null, 42, _hoisted_2$w)), [
                 [vModelText, searchInputValue.value]
               ]) : createCommentVNode("v-if", true)
@@ -21901,11 +21923,11 @@ const checkTagEmits = {
   [CHANGE_EVENT]: (value) => isBoolean(value)
 };
 
-const __default__$11 = defineComponent({
+const __default__$12 = defineComponent({
   name: "ElCheckTag"
 });
 const _sfc_main$1C = /* @__PURE__ */ defineComponent({
-  ...__default__$11,
+  ...__default__$12,
   props: checkTagProps,
   emits: checkTagEmits,
   setup(__props, { emit }) {
@@ -21973,11 +21995,11 @@ const colProps = buildProps({
   }
 });
 
-const __default__$10 = defineComponent({
+const __default__$11 = defineComponent({
   name: "ElCol"
 });
 const _sfc_main$1B = /* @__PURE__ */ defineComponent({
-  ...__default__$10,
+  ...__default__$11,
   props: colProps,
   setup(__props) {
     const props = __props;
@@ -22087,11 +22109,11 @@ const useCollapseDOM = () => {
   };
 };
 
-const __default__$$ = defineComponent({
+const __default__$10 = defineComponent({
   name: "ElCollapse"
 });
 const _sfc_main$1A = /* @__PURE__ */ defineComponent({
-  ...__default__$$,
+  ...__default__$10,
   props: collapseProps,
   emits: collapseEmits,
   setup(__props, { expose, emit }) {
@@ -22115,11 +22137,11 @@ const _sfc_main$1A = /* @__PURE__ */ defineComponent({
 });
 var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$1A, [["__file", "collapse.vue"]]);
 
-const __default__$_ = defineComponent({
+const __default__$$ = defineComponent({
   name: "ElCollapseTransition"
 });
 const _sfc_main$1z = /* @__PURE__ */ defineComponent({
-  ...__default__$_,
+  ...__default__$$,
   setup(__props) {
     const ns = useNamespace("collapse-transition");
     const on = {
@@ -22272,11 +22294,11 @@ const useCollapseItemDOM = (props, { focusing, isActive, id }) => {
 const _hoisted_1$N = ["aria-expanded", "aria-controls", "aria-describedby"];
 const _hoisted_2$v = ["id", "tabindex"];
 const _hoisted_3$g = ["id", "aria-hidden", "aria-labelledby"];
-const __default__$Z = defineComponent({
+const __default__$_ = defineComponent({
   name: "ElCollapseItem"
 });
 const _sfc_main$1y = /* @__PURE__ */ defineComponent({
-  ...__default__$Z,
+  ...__default__$_,
   props: collapseItemProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -22512,7 +22534,7 @@ const _sfc_main$1x = defineComponent({
     };
   }
 });
-function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass([_ctx.ns.b(), _ctx.ns.is("vertical", _ctx.vertical)])
   }, [
@@ -22534,7 +22556,7 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 6)
   ], 2);
 }
-var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["render", _sfc_render$t], ["__file", "alpha-slider.vue"]]);
+var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["render", _sfc_render$s], ["__file", "alpha-slider.vue"]]);
 
 const _sfc_main$1w = defineComponent({
   name: "ElColorHueSlider",
@@ -22637,7 +22659,7 @@ const _sfc_main$1w = defineComponent({
     };
   }
 });
-function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass([_ctx.ns.b(), _ctx.ns.is("vertical", _ctx.vertical)])
   }, [
@@ -22656,7 +22678,7 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 6)
   ], 2);
 }
-var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["render", _sfc_render$s], ["__file", "hue-slider.vue"]]);
+var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["render", _sfc_render$r], ["__file", "hue-slider.vue"]]);
 
 const colorPickerProps = buildProps({
   modelValue: String,
@@ -23022,7 +23044,7 @@ const _sfc_main$1v = defineComponent({
   }
 });
 const _hoisted_1$M = ["onClick"];
-function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.ns.b())
   }, [
@@ -23047,7 +23069,7 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)
   ], 2);
 }
-var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$r], ["__file", "predefine.vue"]]);
+var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$q], ["__file", "predefine.vue"]]);
 
 const _sfc_main$1u = defineComponent({
   name: "ElSlPanel",
@@ -23123,7 +23145,7 @@ const _hoisted_1$L = /* @__PURE__ */ createElementVNode("div", null, null, -1);
 const _hoisted_2$u = [
   _hoisted_1$L
 ];
-function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.ns.b()),
     style: normalizeStyle({
@@ -23145,14 +23167,14 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
     }, _hoisted_2$u, 6)
   ], 6);
 }
-var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$q], ["__file", "sv-panel.vue"]]);
+var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$p], ["__file", "sv-panel.vue"]]);
 
 const _hoisted_1$K = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex", "onKeydown"];
-const __default__$Y = defineComponent({
+const __default__$Z = defineComponent({
   name: "ElColorPicker"
 });
 const _sfc_main$1t = /* @__PURE__ */ defineComponent({
-  ...__default__$Y,
+  ...__default__$Z,
   props: colorPickerProps,
   emits: colorPickerEmits,
   setup(__props, { expose, emit }) {
@@ -23491,11 +23513,11 @@ const ConfigProvider = defineComponent({
 
 const ElConfigProvider = withInstall(ConfigProvider);
 
-const __default__$X = defineComponent({
+const __default__$Y = defineComponent({
   name: "ElContainer"
 });
 const _sfc_main$1s = /* @__PURE__ */ defineComponent({
-  ...__default__$X,
+  ...__default__$Y,
   props: {
     direction: {
       type: String
@@ -23532,11 +23554,11 @@ const _sfc_main$1s = /* @__PURE__ */ defineComponent({
 });
 var Container = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["__file", "container.vue"]]);
 
-const __default__$W = defineComponent({
+const __default__$X = defineComponent({
   name: "ElAside"
 });
 const _sfc_main$1r = /* @__PURE__ */ defineComponent({
-  ...__default__$W,
+  ...__default__$X,
   props: {
     width: {
       type: String,
@@ -23559,11 +23581,11 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
 });
 var Aside = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["__file", "aside.vue"]]);
 
-const __default__$V = defineComponent({
+const __default__$W = defineComponent({
   name: "ElFooter"
 });
 const _sfc_main$1q = /* @__PURE__ */ defineComponent({
-  ...__default__$V,
+  ...__default__$W,
   props: {
     height: {
       type: String,
@@ -23586,11 +23608,11 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
 });
 var Footer$2 = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["__file", "footer.vue"]]);
 
-const __default__$U = defineComponent({
+const __default__$V = defineComponent({
   name: "ElHeader"
 });
 const _sfc_main$1p = /* @__PURE__ */ defineComponent({
-  ...__default__$U,
+  ...__default__$V,
   props: {
     height: {
       type: String,
@@ -23617,11 +23639,11 @@ const _sfc_main$1p = /* @__PURE__ */ defineComponent({
 });
 var Header$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["__file", "header.vue"]]);
 
-const __default__$T = defineComponent({
+const __default__$U = defineComponent({
   name: "ElMain"
 });
 const _sfc_main$1o = /* @__PURE__ */ defineComponent({
-  ...__default__$T,
+  ...__default__$U,
   setup(__props) {
     const ns = useNamespace("main");
     return (_ctx, _cache) => {
@@ -26072,11 +26094,11 @@ const _hoisted_1$E = ["onClick"];
 const _hoisted_2$o = ["disabled"];
 const _hoisted_3$a = ["disabled"];
 const unit = "year";
-const __default__$S = defineComponent({
+const __default__$T = defineComponent({
   name: "DatePickerMonthRange"
 });
 const _sfc_main$1i = /* @__PURE__ */ defineComponent({
-  ...__default__$S,
+  ...__default__$T,
   props: panelMonthRangeProps,
   emits: panelMonthRangeEmits,
   setup(__props, { emit }) {
@@ -26437,9 +26459,9 @@ var ElDescriptionsCell = defineComponent({
           class: [ns.e("cell"), align],
           colSpan: span
         }, [
-          h$1("span", {
+          !isNil(label) ? h$1("span", {
             class: [ns.e("label"), labelClassName]
-          }, label),
+          }, label) : void 0,
           h$1("span", {
             class: [ns.e("content"), className]
           }, content)
@@ -26456,11 +26478,11 @@ const descriptionsRowProps = buildProps({
 });
 
 const _hoisted_1$D = { key: 1 };
-const __default__$R = defineComponent({
+const __default__$S = defineComponent({
   name: "ElDescriptionsRow"
 });
 const _sfc_main$1h = /* @__PURE__ */ defineComponent({
-  ...__default__$R,
+  ...__default__$S,
   props: descriptionsRowProps,
   setup(__props) {
     const descriptions = inject(descriptionsKey, {});
@@ -26541,11 +26563,11 @@ const descriptionProps = buildProps({
   }
 });
 
-const __default__$Q = defineComponent({
+const __default__$R = defineComponent({
   name: "ElDescriptions"
 });
 const _sfc_main$1g = /* @__PURE__ */ defineComponent({
-  ...__default__$Q,
+  ...__default__$R,
   props: descriptionProps,
   setup(__props) {
     const props = __props;
@@ -26786,9 +26808,9 @@ const dialogContentEmits = {
 
 const _hoisted_1$C = ["aria-label"];
 const _hoisted_2$n = ["id"];
-const __default__$P = defineComponent({ name: "ElDialogContent" });
+const __default__$Q = defineComponent({ name: "ElDialogContent" });
 const _sfc_main$1f = /* @__PURE__ */ defineComponent({
-  ...__default__$P,
+  ...__default__$Q,
   props: dialogContentProps,
   emits: dialogContentEmits,
   setup(__props) {
@@ -27095,12 +27117,12 @@ const useDialog = (props, targetRef) => {
 };
 
 const _hoisted_1$B = ["aria-label", "aria-labelledby", "aria-describedby"];
-const __default__$O = defineComponent({
+const __default__$P = defineComponent({
   name: "ElDialog",
   inheritAttrs: false
 });
 const _sfc_main$1e = /* @__PURE__ */ defineComponent({
-  ...__default__$O,
+  ...__default__$P,
   props: dialogProps,
   emits: dialogEmits,
   setup(__props, { expose }) {
@@ -27271,11 +27293,11 @@ const dividerProps = buildProps({
   }
 });
 
-const __default__$N = defineComponent({
+const __default__$O = defineComponent({
   name: "ElDivider"
 });
 const _sfc_main$1d = /* @__PURE__ */ defineComponent({
-  ...__default__$N,
+  ...__default__$O,
   props: dividerProps,
   setup(__props) {
     const props = __props;
@@ -27375,7 +27397,7 @@ const _hoisted_1$A = ["aria-label", "aria-labelledby", "aria-describedby"];
 const _hoisted_2$m = ["id"];
 const _hoisted_3$9 = ["aria-label"];
 const _hoisted_4$7 = ["id"];
-function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_close = resolveComponent("close");
   const _component_el_icon = resolveComponent("el-icon");
   const _component_el_focus_trap = resolveComponent("el-focus-trap");
@@ -27488,26 +27510,26 @@ function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["name", "onAfterEnter", "onAfterLeave", "onBeforeLeave"])
   ], 8, ["disabled"]);
 }
-var Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["render", _sfc_render$p], ["__file", "drawer.vue"]]);
+var Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["render", _sfc_render$o], ["__file", "drawer.vue"]]);
 
 const ElDrawer = withInstall(Drawer);
 
 const _sfc_main$1b = /* @__PURE__ */ defineComponent({
   inheritAttrs: false
 });
-function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default");
 }
-var Collection = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$o], ["__file", "collection.vue"]]);
+var Collection = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$n], ["__file", "collection.vue"]]);
 
 const _sfc_main$1a = /* @__PURE__ */ defineComponent({
   name: "ElCollectionItem",
   inheritAttrs: false
 });
-function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default");
 }
-var CollectionItem = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$n], ["__file", "collection-item.vue"]]);
+var CollectionItem = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$m], ["__file", "collection-item.vue"]]);
 
 const COLLECTION_ITEM_SIGN = `data-el-collection-item`;
 const createCollectionWithScope = (name) => {
@@ -27727,10 +27749,10 @@ const _sfc_main$19 = defineComponent({
     useEventListener(rovingFocusGroupRef, ENTRY_FOCUS_EVT, handleEntryFocus);
   }
 });
-function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default");
 }
-var ElRovingFocusGroupImpl = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$m], ["__file", "roving-focus-group-impl.vue"]]);
+var ElRovingFocusGroupImpl = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$l], ["__file", "roving-focus-group-impl.vue"]]);
 
 const _sfc_main$18 = defineComponent({
   name: "ElRovingFocusGroup",
@@ -27739,7 +27761,7 @@ const _sfc_main$18 = defineComponent({
     ElRovingFocusGroupImpl
   }
 });
-function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_roving_focus_group_impl = resolveComponent("el-roving-focus-group-impl");
   const _component_el_focus_group_collection = resolveComponent("el-focus-group-collection");
   return openBlock(), createBlock(_component_el_focus_group_collection, null, {
@@ -27754,7 +27776,7 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   });
 }
-var ElRovingFocusGroup = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$l], ["__file", "roving-focus-group.vue"]]);
+var ElRovingFocusGroup = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$k], ["__file", "roving-focus-group.vue"]]);
 
 const _sfc_main$17 = defineComponent({
   components: {
@@ -27841,7 +27863,7 @@ const _sfc_main$17 = defineComponent({
     };
   }
 });
-function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_roving_focus_collection_item = resolveComponent("el-roving-focus-collection-item");
   return openBlock(), createBlock(_component_el_roving_focus_collection_item, {
     id: _ctx.id,
@@ -27854,7 +27876,7 @@ function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["id", "focusable", "active"]);
 }
-var ElRovingFocusItem = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$k], ["__file", "roving-focus-item.vue"]]);
+var ElRovingFocusItem = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$j], ["__file", "roving-focus-item.vue"]]);
 
 const dropdownProps = buildProps({
   trigger: useTooltipTriggerProps.trigger,
@@ -27987,6 +28009,25 @@ const _sfc_main$16 = defineComponent({
     const triggerId = computed$1(() => {
       return props.id || defaultTriggerId;
     });
+    watch([triggeringElementRef, toRef(props, "trigger")], ([triggeringElement, trigger], [prevTriggeringElement]) => {
+      var _a, _b, _c;
+      const triggerArray = isArray(trigger) ? trigger : [trigger];
+      if ((_a = prevTriggeringElement == null ? void 0 : prevTriggeringElement.$el) == null ? void 0 : _a.removeEventListener) {
+        prevTriggeringElement.$el.removeEventListener("pointerenter", onAutofocusTriggerEnter);
+      }
+      if ((_b = triggeringElement == null ? void 0 : triggeringElement.$el) == null ? void 0 : _b.removeEventListener) {
+        triggeringElement.$el.removeEventListener("pointerenter", onAutofocusTriggerEnter);
+      }
+      if (((_c = triggeringElement == null ? void 0 : triggeringElement.$el) == null ? void 0 : _c.addEventListener) && triggerArray.includes("hover")) {
+        triggeringElement.$el.addEventListener("pointerenter", onAutofocusTriggerEnter);
+      }
+    }, { immediate: true });
+    onBeforeUnmount(() => {
+      var _a, _b;
+      if ((_b = (_a = triggeringElementRef.value) == null ? void 0 : _a.$el) == null ? void 0 : _b.removeEventListener) {
+        triggeringElementRef.value.$el.removeEventListener("pointerenter", onAutofocusTriggerEnter);
+      }
+    });
     function handleClick() {
       handleClose();
     }
@@ -28002,6 +28043,10 @@ const _sfc_main$16 = defineComponent({
     function commandHandler(...args) {
       emit("command", ...args);
     }
+    function onAutofocusTriggerEnter() {
+      var _a, _b;
+      (_b = (_a = triggeringElementRef.value) == null ? void 0 : _a.$el) == null ? void 0 : _b.focus();
+    }
     function onItemEnter() {
     }
     function onItemLeave() {
@@ -28081,7 +28126,7 @@ const _sfc_main$16 = defineComponent({
     };
   }
 });
-function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
   var _a;
   const _component_el_dropdown_collection = resolveComponent("el-dropdown-collection");
   const _component_el_roving_focus_group = resolveComponent("el-roving-focus-group");
@@ -28159,6 +28204,7 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
         fn: withCtx(() => [
           createVNode(_component_el_only_child, {
             id: _ctx.triggerId,
+            ref: "triggeringElementRef",
             role: "button",
             tabindex: _ctx.tabindex
           }, {
@@ -28213,7 +28259,7 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
     })) : createCommentVNode("v-if", true)
   ], 2);
 }
-var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$j], ["__file", "dropdown.vue"]]);
+var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$i], ["__file", "dropdown.vue"]]);
 
 const _sfc_main$15 = defineComponent({
   name: "DropdownItemImpl",
@@ -28267,7 +28313,7 @@ const _sfc_main$15 = defineComponent({
   }
 });
 const _hoisted_1$z = ["aria-disabled", "tabindex", "role"];
-function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
   return openBlock(), createElementBlock(Fragment, null, [
     _ctx.divided ? (openBlock(), createElementBlock("li", mergeProps({
@@ -28297,7 +28343,7 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
     ], 16, _hoisted_1$z)
   ], 64);
 }
-var ElDropdownItemImpl = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$i], ["__file", "dropdown-item-impl.vue"]]);
+var ElDropdownItemImpl = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$h], ["__file", "dropdown-item-impl.vue"]]);
 
 const useDropdown = () => {
   const elDropdown = inject("elDropdown", {});
@@ -28379,7 +28425,7 @@ const _sfc_main$14 = defineComponent({
     };
   }
 });
-function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
   var _a;
   const _component_el_dropdown_item_impl = resolveComponent("el-dropdown-item-impl");
   const _component_el_roving_focus_item = resolveComponent("el-roving-focus-item");
@@ -28410,7 +28456,7 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["disabled", "text-value"]);
 }
-var DropdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$h], ["__file", "dropdown-item.vue"]]);
+var DropdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$g], ["__file", "dropdown-item.vue"]]);
 
 const _sfc_main$13 = defineComponent({
   name: "ElDropdownMenu",
@@ -28476,7 +28522,7 @@ const _sfc_main$13 = defineComponent({
   }
 });
 const _hoisted_1$y = ["role", "aria-labelledby"];
-function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("ul", {
     ref: _ctx.dropdownListWrapperRef,
     class: normalizeClass(_ctx.dropdownKls),
@@ -28492,7 +28538,7 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 46, _hoisted_1$y);
 }
-var DropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$g], ["__file", "dropdown-menu.vue"]]);
+var DropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$f], ["__file", "dropdown-menu.vue"]]);
 
 const ElDropdown = withInstall(Dropdown, {
   DropdownItem,
@@ -28501,17 +28547,6 @@ const ElDropdown = withInstall(Dropdown, {
 const ElDropdownItem = withNoopInstall(DropdownItem);
 const ElDropdownMenu = withNoopInstall(DropdownMenu);
 
-let id = 0;
-const _sfc_main$12 = defineComponent({
-  name: "ImgEmpty",
-  setup() {
-    const ns = useNamespace("empty");
-    return {
-      ns,
-      id: ++id
-    };
-  }
-});
 const _hoisted_1$x = {
   viewBox: "0 0 79 86",
   version: "1.1",
@@ -28558,128 +28593,138 @@ const _hoisted_20 = {
 const _hoisted_21 = ["fill", "xlink:href"];
 const _hoisted_22 = ["fill", "mask"];
 const _hoisted_23 = ["fill"];
-function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$x, [
-    createElementVNode("defs", null, [
-      createElementVNode("linearGradient", {
-        id: `linearGradient-1-${_ctx.id}`,
-        x1: "38.8503086%",
-        y1: "0%",
-        x2: "61.1496914%",
-        y2: "100%"
-      }, [
-        createElementVNode("stop", {
-          "stop-color": `var(${_ctx.ns.cssVarBlockName("fill-color-1")})`,
-          offset: "0%"
-        }, null, 8, _hoisted_3$8),
-        createElementVNode("stop", {
-          "stop-color": `var(${_ctx.ns.cssVarBlockName("fill-color-4")})`,
-          offset: "100%"
-        }, null, 8, _hoisted_4$6)
-      ], 8, _hoisted_2$l),
-      createElementVNode("linearGradient", {
-        id: `linearGradient-2-${_ctx.id}`,
-        x1: "0%",
-        y1: "9.5%",
-        x2: "100%",
-        y2: "90.5%"
-      }, [
-        createElementVNode("stop", {
-          "stop-color": `var(${_ctx.ns.cssVarBlockName("fill-color-1")})`,
-          offset: "0%"
-        }, null, 8, _hoisted_6$1),
-        createElementVNode("stop", {
-          "stop-color": `var(${_ctx.ns.cssVarBlockName("fill-color-6")})`,
-          offset: "100%"
-        }, null, 8, _hoisted_7)
-      ], 8, _hoisted_5$5),
-      createElementVNode("rect", {
-        id: `path-3-${_ctx.id}`,
-        x: "0",
-        y: "0",
-        width: "17",
-        height: "36"
-      }, null, 8, _hoisted_8)
-    ]),
-    createElementVNode("g", _hoisted_9, [
-      createElementVNode("g", _hoisted_10, [
-        createElementVNode("g", _hoisted_11, [
-          createElementVNode("path", {
-            id: "Oval-Copy-2",
-            d: "M39.5,86 C61.3152476,86 79,83.9106622 79,81.3333333 C79,78.7560045 57.3152476,78 35.5,78 C13.6847524,78 0,78.7560045 0,81.3333333 C0,83.9106622 17.6847524,86 39.5,86 Z",
-            fill: `var(${_ctx.ns.cssVarBlockName("fill-color-3")})`
-          }, null, 8, _hoisted_12),
-          createElementVNode("polygon", {
-            id: "Rectangle-Copy-14",
-            fill: `var(${_ctx.ns.cssVarBlockName("fill-color-7")})`,
-            transform: "translate(27.500000, 51.500000) scale(1, -1) translate(-27.500000, -51.500000) ",
-            points: "13 58 53 58 42 45 2 45"
-          }, null, 8, _hoisted_13),
-          createElementVNode("g", _hoisted_14, [
-            createElementVNode("polygon", {
-              id: "Rectangle-Copy-10",
-              fill: `var(${_ctx.ns.cssVarBlockName("fill-color-7")})`,
-              transform: "translate(11.500000, 5.000000) scale(1, -1) translate(-11.500000, -5.000000) ",
-              points: "2.84078316e-14 3 18 3 23 7 5 7"
-            }, null, 8, _hoisted_15),
-            createElementVNode("polygon", {
-              id: "Rectangle-Copy-11",
-              fill: `var(${_ctx.ns.cssVarBlockName("fill-color-5")})`,
-              points: "-3.69149156e-15 7 38 7 38 43 -3.69149156e-15 43"
-            }, null, 8, _hoisted_16),
-            createElementVNode("rect", {
-              id: "Rectangle-Copy-12",
-              fill: `url(#linearGradient-1-${_ctx.id})`,
-              transform: "translate(46.500000, 25.000000) scale(-1, 1) translate(-46.500000, -25.000000) ",
-              x: "38",
-              y: "7",
-              width: "17",
-              height: "36"
-            }, null, 8, _hoisted_17),
-            createElementVNode("polygon", {
-              id: "Rectangle-Copy-13",
-              fill: `var(${_ctx.ns.cssVarBlockName("fill-color-2")})`,
-              transform: "translate(39.500000, 3.500000) scale(-1, 1) translate(-39.500000, -3.500000) ",
-              points: "24 7 41 7 55 -3.63806207e-12 38 -3.63806207e-12"
-            }, null, 8, _hoisted_18)
-          ]),
+const __default__$N = defineComponent({
+  name: "ImgEmpty"
+});
+const _sfc_main$12 = /* @__PURE__ */ defineComponent({
+  ...__default__$N,
+  setup(__props) {
+    const ns = useNamespace("empty");
+    const id = useId();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("svg", _hoisted_1$x, [
+        createElementVNode("defs", null, [
+          createElementVNode("linearGradient", {
+            id: `linearGradient-1-${unref(id)}`,
+            x1: "38.8503086%",
+            y1: "0%",
+            x2: "61.1496914%",
+            y2: "100%"
+          }, [
+            createElementVNode("stop", {
+              "stop-color": `var(${unref(ns).cssVarBlockName("fill-color-1")})`,
+              offset: "0%"
+            }, null, 8, _hoisted_3$8),
+            createElementVNode("stop", {
+              "stop-color": `var(${unref(ns).cssVarBlockName("fill-color-4")})`,
+              offset: "100%"
+            }, null, 8, _hoisted_4$6)
+          ], 8, _hoisted_2$l),
+          createElementVNode("linearGradient", {
+            id: `linearGradient-2-${unref(id)}`,
+            x1: "0%",
+            y1: "9.5%",
+            x2: "100%",
+            y2: "90.5%"
+          }, [
+            createElementVNode("stop", {
+              "stop-color": `var(${unref(ns).cssVarBlockName("fill-color-1")})`,
+              offset: "0%"
+            }, null, 8, _hoisted_6$1),
+            createElementVNode("stop", {
+              "stop-color": `var(${unref(ns).cssVarBlockName("fill-color-6")})`,
+              offset: "100%"
+            }, null, 8, _hoisted_7)
+          ], 8, _hoisted_5$5),
           createElementVNode("rect", {
-            id: "Rectangle-Copy-15",
-            fill: `url(#linearGradient-2-${_ctx.id})`,
-            x: "13",
-            y: "45",
-            width: "40",
+            id: `path-3-${unref(id)}`,
+            x: "0",
+            y: "0",
+            width: "17",
             height: "36"
-          }, null, 8, _hoisted_19),
-          createElementVNode("g", _hoisted_20, [
-            createElementVNode("use", {
-              id: "Mask",
-              fill: `var(${_ctx.ns.cssVarBlockName("fill-color-8")})`,
-              transform: "translate(8.500000, 18.000000) scale(-1, 1) translate(-8.500000, -18.000000) ",
-              "xlink:href": `#path-3-${_ctx.id}`
-            }, null, 8, _hoisted_21),
-            createElementVNode("polygon", {
-              id: "Rectangle-Copy",
-              fill: `var(${_ctx.ns.cssVarBlockName("fill-color-9")})`,
-              mask: `url(#mask-4-${_ctx.id})`,
-              transform: "translate(12.000000, 9.000000) scale(-1, 1) translate(-12.000000, -9.000000) ",
-              points: "7 0 24 0 20 18 7 16.5"
-            }, null, 8, _hoisted_22)
-          ]),
-          createElementVNode("polygon", {
-            id: "Rectangle-Copy-18",
-            fill: `var(${_ctx.ns.cssVarBlockName("fill-color-2")})`,
-            transform: "translate(66.000000, 51.500000) scale(-1, 1) translate(-66.000000, -51.500000) ",
-            points: "62 45 79 45 70 58 53 58"
-          }, null, 8, _hoisted_23)
+          }, null, 8, _hoisted_8)
+        ]),
+        createElementVNode("g", _hoisted_9, [
+          createElementVNode("g", _hoisted_10, [
+            createElementVNode("g", _hoisted_11, [
+              createElementVNode("path", {
+                id: "Oval-Copy-2",
+                d: "M39.5,86 C61.3152476,86 79,83.9106622 79,81.3333333 C79,78.7560045 57.3152476,78 35.5,78 C13.6847524,78 0,78.7560045 0,81.3333333 C0,83.9106622 17.6847524,86 39.5,86 Z",
+                fill: `var(${unref(ns).cssVarBlockName("fill-color-3")})`
+              }, null, 8, _hoisted_12),
+              createElementVNode("polygon", {
+                id: "Rectangle-Copy-14",
+                fill: `var(${unref(ns).cssVarBlockName("fill-color-7")})`,
+                transform: "translate(27.500000, 51.500000) scale(1, -1) translate(-27.500000, -51.500000) ",
+                points: "13 58 53 58 42 45 2 45"
+              }, null, 8, _hoisted_13),
+              createElementVNode("g", _hoisted_14, [
+                createElementVNode("polygon", {
+                  id: "Rectangle-Copy-10",
+                  fill: `var(${unref(ns).cssVarBlockName("fill-color-7")})`,
+                  transform: "translate(11.500000, 5.000000) scale(1, -1) translate(-11.500000, -5.000000) ",
+                  points: "2.84078316e-14 3 18 3 23 7 5 7"
+                }, null, 8, _hoisted_15),
+                createElementVNode("polygon", {
+                  id: "Rectangle-Copy-11",
+                  fill: `var(${unref(ns).cssVarBlockName("fill-color-5")})`,
+                  points: "-3.69149156e-15 7 38 7 38 43 -3.69149156e-15 43"
+                }, null, 8, _hoisted_16),
+                createElementVNode("rect", {
+                  id: "Rectangle-Copy-12",
+                  fill: `url(#linearGradient-1-${unref(id)})`,
+                  transform: "translate(46.500000, 25.000000) scale(-1, 1) translate(-46.500000, -25.000000) ",
+                  x: "38",
+                  y: "7",
+                  width: "17",
+                  height: "36"
+                }, null, 8, _hoisted_17),
+                createElementVNode("polygon", {
+                  id: "Rectangle-Copy-13",
+                  fill: `var(${unref(ns).cssVarBlockName("fill-color-2")})`,
+                  transform: "translate(39.500000, 3.500000) scale(-1, 1) translate(-39.500000, -3.500000) ",
+                  points: "24 7 41 7 55 -3.63806207e-12 38 -3.63806207e-12"
+                }, null, 8, _hoisted_18)
+              ]),
+              createElementVNode("rect", {
+                id: "Rectangle-Copy-15",
+                fill: `url(#linearGradient-2-${unref(id)})`,
+                x: "13",
+                y: "45",
+                width: "40",
+                height: "36"
+              }, null, 8, _hoisted_19),
+              createElementVNode("g", _hoisted_20, [
+                createElementVNode("use", {
+                  id: "Mask",
+                  fill: `var(${unref(ns).cssVarBlockName("fill-color-8")})`,
+                  transform: "translate(8.500000, 18.000000) scale(-1, 1) translate(-8.500000, -18.000000) ",
+                  "xlink:href": `#path-3-${unref(id)}`
+                }, null, 8, _hoisted_21),
+                createElementVNode("polygon", {
+                  id: "Rectangle-Copy",
+                  fill: `var(${unref(ns).cssVarBlockName("fill-color-9")})`,
+                  mask: `url(#mask-4-${unref(id)})`,
+                  transform: "translate(12.000000, 9.000000) scale(-1, 1) translate(-12.000000, -9.000000) ",
+                  points: "7 0 24 0 20 18 7 16.5"
+                }, null, 8, _hoisted_22)
+              ]),
+              createElementVNode("polygon", {
+                id: "Rectangle-Copy-18",
+                fill: `var(${unref(ns).cssVarBlockName("fill-color-2")})`,
+                transform: "translate(66.000000, 51.500000) scale(-1, 1) translate(-66.000000, -51.500000) ",
+                points: "62 45 79 45 70 58 53 58"
+              }, null, 8, _hoisted_23)
+            ])
+          ])
         ])
-      ])
-    ])
-  ]);
-}
-var ImgEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$f], ["__file", "img-empty.vue"]]);
+      ]);
+    };
+  }
+});
+var ImgEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["__file", "img-empty.vue"]]);
 
-const emptyProps = {
+const emptyProps = buildProps({
   image: {
     type: String,
     default: ""
@@ -28689,7 +28734,7 @@ const emptyProps = {
     type: String,
     default: ""
   }
-};
+});
 
 const _hoisted_1$w = ["src"];
 const _hoisted_2$k = { key: 1 };
@@ -28705,7 +28750,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
     const ns = useNamespace("empty");
     const emptyDescription = computed$1(() => props.description || t("el.table.emptyText"));
     const imageStyle = computed$1(() => ({
-      width: props.imageSize ? `${props.imageSize}px` : ""
+      width: addUnit(props.imageSize)
     }));
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
@@ -31807,6 +31852,10 @@ const subMenuProps = buildProps({
     type: Boolean,
     default: void 0
   },
+  teleported: {
+    type: Boolean,
+    default: void 0
+  },
   popperOffset: {
     type: Number,
     default: 6
@@ -31829,6 +31878,13 @@ var SubMenu = defineComponent({
   name: COMPONENT_NAME$c,
   props: subMenuProps,
   setup(props, { slots, expose }) {
+    useDeprecated({
+      from: "popper-append-to-body",
+      replacement: "teleported",
+      scope: COMPONENT_NAME$c,
+      version: "2.3.0",
+      ref: "https://element-plus.org/en-US/component/menu.html#submenu-attributes"
+    }, computed$1(() => props.popperAppendToBody !== void 0));
     const instance = getCurrentInstance();
     const { indexPath, parentMenu } = useMenu(instance, computed$1(() => props.index));
     const nsMenu = useNamespace("menu");
@@ -31853,7 +31909,9 @@ var SubMenu = defineComponent({
       return subMenu.level === 0;
     });
     const appendToBody = computed$1(() => {
-      return props.popperAppendToBody === void 0 ? isFirstLevel.value : Boolean(props.popperAppendToBody);
+      var _a;
+      const value = (_a = props.teleported) != null ? _a : props.popperAppendToBody;
+      return value === void 0 ? isFirstLevel.value : value;
     });
     const menuTransitionName = computed$1(() => rootMenu.props.collapse ? `${nsMenu.namespace.value}-zoom-in-left` : `${nsMenu.namespace.value}-zoom-in-top`);
     const fallbackPlacements = computed$1(() => mode.value === "horizontal" && isFirstLevel.value ? [
@@ -32804,7 +32862,7 @@ function useOption$1(props, states) {
     if (!states.visible) {
       select.filteredOptionsCount--;
     }
-  });
+  }, { immediate: true });
   return {
     select,
     currentLabel,
@@ -33863,7 +33921,7 @@ const _sfc_main$O = defineComponent({
       groupQueryChange
     }));
     onMounted(() => {
-      states.cachedPlaceHolder = currentPlaceholder.value = props.placeholder || t("el.select.placeholder");
+      states.cachedPlaceHolder = currentPlaceholder.value = props.placeholder || (() => t("el.select.placeholder"));
       if (props.multiple && Array.isArray(props.modelValue) && props.modelValue.length > 0) {
         currentPlaceholder.value = "";
       }
@@ -34171,7 +34229,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
             modelValue: _ctx.selectedLabel,
             "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => _ctx.selectedLabel = $event),
             type: "text",
-            placeholder: _ctx.currentPlaceholder,
+            placeholder: typeof _ctx.currentPlaceholder === "function" ? _ctx.currentPlaceholder() : _ctx.currentPlaceholder,
             name: _ctx.name,
             autocomplete: _ctx.autocomplete,
             size: _ctx.selectSize,
@@ -42965,7 +43023,7 @@ class TableLayout {
     if (height === null)
       return false;
     const scrollBarRef = this.table.refs.scrollBarRef;
-    if (this.table.vnode.el && scrollBarRef) {
+    if (this.table.vnode.el && (scrollBarRef == null ? void 0 : scrollBarRef.wrapRef)) {
       let scrollY = true;
       const prevScrollY = this.scrollY.value;
       scrollY = scrollBarRef.wrapRef.scrollHeight > scrollBarRef.wrapRef.clientHeight;
@@ -53224,6 +53282,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       if (disabled.value)
         return;
       dragover.value = false;
+      e.stopPropagation();
       const files = Array.from(e.dataTransfer.files);
       const accept = uploaderContext.accept.value;
       if (!accept) {