element-plus 2.2.30 → 2.2.32

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v2.2.30 */
+/*! Element Plus v2.2.32 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -9490,8 +9490,8 @@
     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);
@@ -11202,7 +11202,7 @@
     };
   };
 
-  const version$1 = "2.2.30";
+  const version$1 = "2.2.32";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -11252,11 +11252,11 @@
   };
 
   const COMPONENT_NAME$m = "ElAffix";
-  const __default__$1z = vue.defineComponent({
+  const __default__$1A = vue.defineComponent({
     name: COMPONENT_NAME$m
   });
   const _sfc_main$2h = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1z,
+    ...__default__$1A,
     props: affixProps,
     emits: affixEmits,
     setup(__props, { expose, emit }) {
@@ -11372,12 +11372,12 @@
     }
   });
 
-  const __default__$1y = vue.defineComponent({
+  const __default__$1z = vue.defineComponent({
     name: "ElIcon",
     inheritAttrs: false
   });
   const _sfc_main$2g = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1y,
+    ...__default__$1z,
     props: iconProps,
     setup(__props) {
       const props = __props;
@@ -11440,11 +11440,11 @@
     close: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$1x = vue.defineComponent({
+  const __default__$1y = vue.defineComponent({
     name: "ElAlert"
   });
   const _sfc_main$2f = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1x,
+    ...__default__$1y,
     props: alertProps,
     emits: alertEmits,
     setup(__props, { emit }) {
@@ -11537,7 +11537,7 @@
   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;
@@ -11711,12 +11711,12 @@
   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 = vue.defineComponent({
+  const __default__$1x = vue.defineComponent({
     name: "ElInput",
     inheritAttrs: false
   });
   const _sfc_main$2e = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1w,
+    ...__default__$1x,
     props: inputProps,
     emits: inputEmits,
     setup(__props, { expose, emit }) {
@@ -12394,11 +12394,11 @@
   };
 
   const COMPONENT_NAME$k = "ElScrollbar";
-  const __default__$1v = vue.defineComponent({
+  const __default__$1w = vue.defineComponent({
     name: COMPONENT_NAME$k
   });
   const _sfc_main$2b = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1v,
+    ...__default__$1w,
     props: scrollbarProps,
     emits: scrollbarEmits,
     setup(__props, { expose, emit }) {
@@ -12579,12 +12579,12 @@
   });
   const usePopperProps = popperProps;
 
-  const __default__$1u = vue.defineComponent({
+  const __default__$1v = vue.defineComponent({
     name: "ElPopper",
     inheritAttrs: false
   });
   const _sfc_main$2a = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1u,
+    ...__default__$1v,
     props: popperProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -12617,12 +12617,12 @@
   });
   const usePopperArrowProps = popperArrowProps;
 
-  const __default__$1t = vue.defineComponent({
+  const __default__$1u = vue.defineComponent({
     name: "ElPopperArrow",
     inheritAttrs: false
   });
   const _sfc_main$29 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1t,
+    ...__default__$1u,
     props: popperArrowProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -12736,12 +12736,12 @@
   });
   const usePopperTriggerProps = popperTriggerProps;
 
-  const __default__$1s = vue.defineComponent({
+  const __default__$1t = vue.defineComponent({
     name: "ElPopperTrigger",
     inheritAttrs: false
   });
   const _sfc_main$28 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1s,
+    ...__default__$1t,
     props: popperTriggerProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -13196,7 +13196,7 @@
           });
           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);
@@ -13225,10 +13225,10 @@
       };
     }
   });
-  function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default", { 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({
@@ -13522,11 +13522,11 @@
     };
   };
 
-  const __default__$1r = vue.defineComponent({
+  const __default__$1s = vue.defineComponent({
     name: "ElPopperContent"
   });
   const _sfc_main$26 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1r,
+    ...__default__$1s,
     props: popperContentProps,
     emits: popperContentEmits,
     setup(__props, { expose, emit }) {
@@ -13731,11 +13731,11 @@
     };
   };
 
-  const __default__$1q = vue.defineComponent({
+  const __default__$1r = vue.defineComponent({
     name: "ElTooltipTrigger"
   });
   const _sfc_main$25 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1q,
+    ...__default__$1r,
     props: useTooltipTriggerProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -13796,12 +13796,12 @@
   });
   var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["__file", "trigger.vue"]]);
 
-  const __default__$1p = vue.defineComponent({
+  const __default__$1q = vue.defineComponent({
     name: "ElTooltipContent",
     inheritAttrs: false
   });
   const _sfc_main$24 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1p,
+    ...__default__$1q,
     props: useTooltipContentProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -13959,11 +13959,11 @@
 
   const _hoisted_1$12 = ["innerHTML"];
   const _hoisted_2$F = { key: 1 };
-  const __default__$1o = vue.defineComponent({
+  const __default__$1p = vue.defineComponent({
     name: "ElTooltip"
   });
   const _sfc_main$23 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1o,
+    ...__default__$1p,
     props: useTooltipProps,
     emits: tooltipEmits,
     setup(__props, { expose, emit }) {
@@ -14173,7 +14173,16 @@
     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),
@@ -14189,12 +14198,12 @@
   const _hoisted_2$E = { key: 0 };
   const _hoisted_3$j = ["id", "aria-selected", "onClick"];
   const COMPONENT_NAME$j = "ElAutocomplete";
-  const __default__$1n = vue.defineComponent({
+  const __default__$1o = vue.defineComponent({
     name: COMPONENT_NAME$j,
     inheritAttrs: false
   });
   const _sfc_main$22 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1n,
+    ...__default__$1o,
     props: autocompleteProps,
     emits: autocompleteEmits,
     setup(__props, { expose, emit }) {
@@ -14554,11 +14563,11 @@
   };
 
   const _hoisted_1$10 = ["src", "alt", "srcset"];
-  const __default__$1m = vue.defineComponent({
+  const __default__$1n = vue.defineComponent({
     name: "ElAvatar"
   });
   const _sfc_main$21 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1m,
+    ...__default__$1n,
     props: avatarProps,
     emits: avatarEmits,
     setup(__props, { emit }) {
@@ -14672,11 +14681,11 @@
   };
 
   const COMPONENT_NAME$i = "ElBacktop";
-  const __default__$1l = vue.defineComponent({
+  const __default__$1m = vue.defineComponent({
     name: COMPONENT_NAME$i
   });
   const _sfc_main$20 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1l,
+    ...__default__$1m,
     props: backtopProps,
     emits: backtopEmits,
     setup(__props, { emit }) {
@@ -14738,11 +14747,11 @@
   });
 
   const _hoisted_1$$ = ["textContent"];
-  const __default__$1k = vue.defineComponent({
+  const __default__$1l = vue.defineComponent({
     name: "ElBadge"
   });
   const _sfc_main$1$ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1k,
+    ...__default__$1l,
     props: badgeProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -14800,11 +14809,11 @@
     }
   });
 
-  const __default__$1j = vue.defineComponent({
+  const __default__$1k = vue.defineComponent({
     name: "ElBreadcrumb"
   });
   const _sfc_main$1_ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1j,
+    ...__default__$1k,
     props: breadcrumbProps,
     setup(__props) {
       const props = __props;
@@ -14843,11 +14852,11 @@
     }
   });
 
-  const __default__$1i = vue.defineComponent({
+  const __default__$1j = vue.defineComponent({
     name: "ElBreadcrumbItem"
   });
   const _sfc_main$1Z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1i,
+    ...__default__$1j,
     props: breadcrumbItemProps,
     setup(__props) {
       const props = __props;
@@ -15925,11 +15934,11 @@
   }
 
   const _hoisted_1$_ = ["aria-disabled", "disabled", "autofocus", "type"];
-  const __default__$1h = vue.defineComponent({
+  const __default__$1i = vue.defineComponent({
     name: "ElButton"
   });
   const _sfc_main$1Y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1h,
+    ...__default__$1i,
     props: buttonProps,
     emits: buttonEmits,
     setup(__props, { expose, emit }) {
@@ -16001,11 +16010,11 @@
     type: buttonProps.type
   };
 
-  const __default__$1g = vue.defineComponent({
+  const __default__$1h = vue.defineComponent({
     name: "ElButtonGroup"
   });
   const _sfc_main$1X = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1g,
+    ...__default__$1h,
     props: buttonGroupProps,
     setup(__props) {
       const props = __props;
@@ -16577,11 +16586,11 @@
 
   const _hoisted_1$Z = ["id", "name", "placeholder", "value", "disabled", "readonly"];
   const _hoisted_2$D = ["id", "name", "placeholder", "value", "disabled", "readonly"];
-  const __default__$1f = vue.defineComponent({
+  const __default__$1g = vue.defineComponent({
     name: "Picker"
   });
   const _sfc_main$1W = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1f,
+    ...__default__$1g,
     props: timePickerDefaultProps,
     emits: [
       "update:modelValue",
@@ -18481,11 +18490,11 @@
 
   const _hoisted_1$W = { key: 0 };
   const _hoisted_2$B = ["onClick"];
-  const __default__$1e = vue.defineComponent({
+  const __default__$1f = vue.defineComponent({
     name: "DateTable"
   });
   const _sfc_main$1S = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1e,
+    ...__default__$1f,
     props: dateTableProps,
     emits: dateTableEmits,
     setup(__props, { expose, emit }) {
@@ -18699,11 +18708,11 @@
   };
 
   const COMPONENT_NAME$h = "ElCalendar";
-  const __default__$1d = vue.defineComponent({
+  const __default__$1e = vue.defineComponent({
     name: COMPONENT_NAME$h
   });
   const _sfc_main$1R = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1d,
+    ...__default__$1e,
     props: calendarProps,
     emits: calendarEmits,
     setup(__props, { expose, emit }) {
@@ -18840,11 +18849,11 @@
     }
   });
 
-  const __default__$1c = vue.defineComponent({
+  const __default__$1d = vue.defineComponent({
     name: "ElCard"
   });
   const _sfc_main$1Q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1c,
+    ...__default__$1d,
     props: cardProps,
     setup(__props) {
       const ns = useNamespace("card");
@@ -18901,10 +18910,6 @@
       values: ["", "none", "outside"],
       default: ""
     },
-    indicator: {
-      type: Boolean,
-      default: true
-    },
     arrow: {
       type: String,
       values: ["always", "hover", "never"],
@@ -19133,11 +19138,11 @@
   const _hoisted_1$V = ["onMouseenter", "onClick"];
   const _hoisted_2$A = { key: 0 };
   const COMPONENT_NAME$g = "ElCarousel";
-  const __default__$1b = vue.defineComponent({
+  const __default__$1c = vue.defineComponent({
     name: COMPONENT_NAME$g
   });
   const _sfc_main$1P = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1b,
+    ...__default__$1c,
     props: carouselProps,
     emits: carouselEmits,
     setup(__props, { expose, emit }) {
@@ -19398,11 +19403,11 @@
     };
   };
 
-  const __default__$1a = vue.defineComponent({
+  const __default__$1b = vue.defineComponent({
     name: "ElCarouselItem"
   });
   const _sfc_main$1O = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1a,
+    ...__default__$1b,
     props: carouselItemProps,
     setup(__props) {
       const props = __props;
@@ -19693,11 +19698,11 @@
   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 = vue.defineComponent({
+  const __default__$1a = vue.defineComponent({
     name: "ElCheckbox"
   });
   const _sfc_main$1N = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$19,
+    ...__default__$1a,
     props: checkboxProps,
     emits: checkboxEmits,
     setup(__props) {
@@ -19804,11 +19809,11 @@
 
   const _hoisted_1$T = ["name", "tabindex", "disabled", "true-value", "false-value"];
   const _hoisted_2$y = ["name", "tabindex", "disabled", "value"];
-  const __default__$18 = vue.defineComponent({
+  const __default__$19 = vue.defineComponent({
     name: "ElCheckboxButton"
   });
   const _sfc_main$1M = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$18,
+    ...__default__$19,
     props: checkboxProps,
     emits: checkboxEmits,
     setup(__props) {
@@ -19918,11 +19923,11 @@
     change: (val) => isArray(val)
   };
 
-  const __default__$17 = vue.defineComponent({
+  const __default__$18 = vue.defineComponent({
     name: "ElCheckboxGroup"
   });
   const _sfc_main$1L = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$17,
+    ...__default__$18,
     props: checkboxGroupProps,
     emits: checkboxGroupEmits,
     setup(__props, { emit }) {
@@ -20050,11 +20055,11 @@
   };
 
   const _hoisted_1$S = ["value", "name", "disabled"];
-  const __default__$16 = vue.defineComponent({
+  const __default__$17 = vue.defineComponent({
     name: "ElRadio"
   });
   const _sfc_main$1K = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$16,
+    ...__default__$17,
     props: radioProps,
     emits: radioEmits,
     setup(__props, { emit }) {
@@ -20126,11 +20131,11 @@
   });
 
   const _hoisted_1$R = ["value", "name", "disabled"];
-  const __default__$15 = vue.defineComponent({
+  const __default__$16 = vue.defineComponent({
     name: "ElRadioButton"
   });
   const _sfc_main$1J = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$15,
+    ...__default__$16,
     props: radioButtonProps,
     setup(__props) {
       const props = __props;
@@ -20220,11 +20225,11 @@
   const radioGroupEmits = radioEmits;
 
   const _hoisted_1$Q = ["id", "aria-label", "aria-labelledby"];
-  const __default__$14 = vue.defineComponent({
+  const __default__$15 = vue.defineComponent({
     name: "ElRadioGroup"
   });
   const _sfc_main$1I = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$14,
+    ...__default__$15,
     props: radioGroupProps,
     emits: radioGroupEmits,
     setup(__props, { emit }) {
@@ -20420,7 +20425,7 @@
   });
   const _hoisted_1$P = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
   const _hoisted_2$x = /* @__PURE__ */ vue.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 = vue.resolveComponent("el-checkbox");
     const _component_el_radio = vue.resolveComponent("el-radio");
     const _component_check = vue.resolveComponent("check");
@@ -20503,7 +20508,7 @@
       ], 64)) : vue.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 = vue.defineComponent({
     name: "ElCascaderMenu",
@@ -20583,7 +20588,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-cascader-node");
     const _component_loading = vue.resolveComponent("loading");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -20636,7 +20641,7 @@
       _: 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) => {
@@ -20975,6 +20980,9 @@
       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;
@@ -21111,7 +21119,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-cascader-menu");
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass([_ctx.ns.b("panel"), _ctx.ns.is("bordered", _ctx.border)]),
@@ -21128,7 +21136,7 @@
       }), 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);
@@ -21166,11 +21174,11 @@
     click: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$13 = vue.defineComponent({
+  const __default__$14 = vue.defineComponent({
     name: "ElTag"
   });
   const _sfc_main$1E = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$13,
+    ...__default__$14,
     props: tagProps,
     emits: tagEmits,
     setup(__props, { emit }) {
@@ -21311,11 +21319,11 @@
   const _hoisted_2$w = ["placeholder", "onKeydown"];
   const _hoisted_3$h = ["onClick"];
   const COMPONENT_NAME$f = "ElCascader";
-  const __default__$12 = vue.defineComponent({
+  const __default__$13 = vue.defineComponent({
     name: COMPONENT_NAME$f
   });
   const _sfc_main$1D = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$12,
+    ...__default__$13,
     props: cascaderProps,
     emits: cascaderEmits,
     setup(__props, { expose, emit }) {
@@ -21351,6 +21359,7 @@
       const popperVisible = vue.ref(false);
       const inputHover = vue.ref(false);
       const filtering = vue.ref(false);
+      const filterFocus = vue.ref(false);
       const inputValue = vue.ref("");
       const searchInputValue = vue.ref("");
       const presentTags = vue.ref([]);
@@ -21413,6 +21422,9 @@
           nsCascader.is("reverse", popperVisible.value)
         ];
       });
+      const inputClass = vue.computed(() => {
+        return nsCascader.is("focus", popperVisible.value || filterFocus.value);
+      });
       const togglePopperVisible = (visible) => {
         var _a, _b, _c;
         if (isDisabled.value)
@@ -21630,9 +21642,15 @@
         }
       };
       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(() => {
@@ -21669,7 +21687,8 @@
       });
       expose({
         getCheckedNodes,
-        cascaderPanelRef
+        cascaderPanelRef,
+        togglePopperVisible
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.unref(ElTooltip), {
@@ -21715,7 +21734,8 @@
                 disabled: vue.unref(isDisabled),
                 "validate-event": false,
                 size: vue.unref(realSize),
-                class: vue.normalizeClass(vue.unref(nsCascader).is("focus", popperVisible.value)),
+                class: vue.normalizeClass(vue.unref(inputClass)),
+                tabindex: vue.unref(multiple) && _ctx.filterable && !vue.unref(isDisabled) ? -1 : void 0,
                 onCompositionstart: handleComposition,
                 onCompositionupdate: handleComposition,
                 onCompositionend: handleComposition,
@@ -21745,7 +21765,7 @@
                   }, 8, ["class"]))
                 ]),
                 _: 1
-              }, 8, ["modelValue", "placeholder", "readonly", "disabled", "size", "class"]),
+              }, 8, ["modelValue", "placeholder", "readonly", "disabled", "size", "class", "tabindex"]),
               vue.unref(multiple) ? (vue.openBlock(), vue.createElementBlock("div", {
                 key: 0,
                 ref_key: "tagWrapper",
@@ -21818,7 +21838,9 @@
                   onKeydown: vue.withKeys(handleDelete, ["delete"]),
                   onCompositionstart: handleComposition,
                   onCompositionupdate: handleComposition,
-                  onCompositionend: handleComposition
+                  onCompositionend: handleComposition,
+                  onFocus: handleFocus,
+                  onBlur: handleBlur
                 }, null, 42, _hoisted_2$w)), [
                   [vue.vModelText, searchInputValue.value]
                 ]) : vue.createCommentVNode("v-if", true)
@@ -21905,11 +21927,11 @@
     [CHANGE_EVENT]: (value) => isBoolean(value)
   };
 
-  const __default__$11 = vue.defineComponent({
+  const __default__$12 = vue.defineComponent({
     name: "ElCheckTag"
   });
   const _sfc_main$1C = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$11,
+    ...__default__$12,
     props: checkTagProps,
     emits: checkTagEmits,
     setup(__props, { emit }) {
@@ -21977,11 +21999,11 @@
     }
   });
 
-  const __default__$10 = vue.defineComponent({
+  const __default__$11 = vue.defineComponent({
     name: "ElCol"
   });
   const _sfc_main$1B = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$10,
+    ...__default__$11,
     props: colProps,
     setup(__props) {
       const props = __props;
@@ -22091,11 +22113,11 @@
     };
   };
 
-  const __default__$$ = vue.defineComponent({
+  const __default__$10 = vue.defineComponent({
     name: "ElCollapse"
   });
   const _sfc_main$1A = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$$,
+    ...__default__$10,
     props: collapseProps,
     emits: collapseEmits,
     setup(__props, { expose, emit }) {
@@ -22119,11 +22141,11 @@
   });
   var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$1A, [["__file", "collapse.vue"]]);
 
-  const __default__$_ = vue.defineComponent({
+  const __default__$$ = vue.defineComponent({
     name: "ElCollapseTransition"
   });
   const _sfc_main$1z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$_,
+    ...__default__$$,
     setup(__props) {
       const ns = useNamespace("collapse-transition");
       const on = {
@@ -22276,11 +22298,11 @@
   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 = vue.defineComponent({
+  const __default__$_ = vue.defineComponent({
     name: "ElCollapseItem"
   });
   const _sfc_main$1y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Z,
+    ...__default__$_,
     props: collapseItemProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -22516,7 +22538,7 @@
       };
     }
   });
-  function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass([_ctx.ns.b(), _ctx.ns.is("vertical", _ctx.vertical)])
     }, [
@@ -22538,7 +22560,7 @@
       }, 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 = vue.defineComponent({
     name: "ElColorHueSlider",
@@ -22641,7 +22663,7 @@
       };
     }
   });
-  function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass([_ctx.ns.b(), _ctx.ns.is("vertical", _ctx.vertical)])
     }, [
@@ -22660,7 +22682,7 @@
       }, 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,
@@ -23026,7 +23048,7 @@
     }
   });
   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 vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.ns.b())
     }, [
@@ -23051,7 +23073,7 @@
       ], 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 = vue.defineComponent({
     name: "ElSlPanel",
@@ -23127,7 +23149,7 @@
   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 vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.ns.b()),
       style: vue.normalizeStyle({
@@ -23149,14 +23171,14 @@
       }, _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 = vue.defineComponent({
+  const __default__$Z = vue.defineComponent({
     name: "ElColorPicker"
   });
   const _sfc_main$1t = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Y,
+    ...__default__$Z,
     props: colorPickerProps,
     emits: colorPickerEmits,
     setup(__props, { expose, emit }) {
@@ -23495,11 +23517,11 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const __default__$X = vue.defineComponent({
+  const __default__$Y = vue.defineComponent({
     name: "ElContainer"
   });
   const _sfc_main$1s = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$X,
+    ...__default__$Y,
     props: {
       direction: {
         type: String
@@ -23536,11 +23558,11 @@
   });
   var Container = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["__file", "container.vue"]]);
 
-  const __default__$W = vue.defineComponent({
+  const __default__$X = vue.defineComponent({
     name: "ElAside"
   });
   const _sfc_main$1r = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$W,
+    ...__default__$X,
     props: {
       width: {
         type: String,
@@ -23563,11 +23585,11 @@
   });
   var Aside = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["__file", "aside.vue"]]);
 
-  const __default__$V = vue.defineComponent({
+  const __default__$W = vue.defineComponent({
     name: "ElFooter"
   });
   const _sfc_main$1q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$V,
+    ...__default__$W,
     props: {
       height: {
         type: String,
@@ -23590,11 +23612,11 @@
   });
   var Footer$2 = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["__file", "footer.vue"]]);
 
-  const __default__$U = vue.defineComponent({
+  const __default__$V = vue.defineComponent({
     name: "ElHeader"
   });
   const _sfc_main$1p = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$U,
+    ...__default__$V,
     props: {
       height: {
         type: String,
@@ -23621,11 +23643,11 @@
   });
   var Header$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["__file", "header.vue"]]);
 
-  const __default__$T = vue.defineComponent({
+  const __default__$U = vue.defineComponent({
     name: "ElMain"
   });
   const _sfc_main$1o = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$T,
+    ...__default__$U,
     setup(__props) {
       const ns = useNamespace("main");
       return (_ctx, _cache) => {
@@ -26076,11 +26098,11 @@
   const _hoisted_2$o = ["disabled"];
   const _hoisted_3$a = ["disabled"];
   const unit = "year";
-  const __default__$S = vue.defineComponent({
+  const __default__$T = vue.defineComponent({
     name: "DatePickerMonthRange"
   });
   const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$S,
+    ...__default__$T,
     props: panelMonthRangeProps,
     emits: panelMonthRangeEmits,
     setup(__props, { emit }) {
@@ -26441,9 +26463,9 @@
             class: [ns.e("cell"), align],
             colSpan: span
           }, [
-            vue.h("span", {
+            !isNil(label) ? vue.h("span", {
               class: [ns.e("label"), labelClassName]
-            }, label),
+            }, label) : void 0,
             vue.h("span", {
               class: [ns.e("content"), className]
             }, content)
@@ -26460,11 +26482,11 @@
   });
 
   const _hoisted_1$D = { key: 1 };
-  const __default__$R = vue.defineComponent({
+  const __default__$S = vue.defineComponent({
     name: "ElDescriptionsRow"
   });
   const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$R,
+    ...__default__$S,
     props: descriptionsRowProps,
     setup(__props) {
       const descriptions = vue.inject(descriptionsKey, {});
@@ -26545,11 +26567,11 @@
     }
   });
 
-  const __default__$Q = vue.defineComponent({
+  const __default__$R = vue.defineComponent({
     name: "ElDescriptions"
   });
   const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Q,
+    ...__default__$R,
     props: descriptionProps,
     setup(__props) {
       const props = __props;
@@ -26790,9 +26812,9 @@
 
   const _hoisted_1$C = ["aria-label"];
   const _hoisted_2$n = ["id"];
-  const __default__$P = vue.defineComponent({ name: "ElDialogContent" });
+  const __default__$Q = vue.defineComponent({ name: "ElDialogContent" });
   const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$P,
+    ...__default__$Q,
     props: dialogContentProps,
     emits: dialogContentEmits,
     setup(__props) {
@@ -27099,12 +27121,12 @@
   };
 
   const _hoisted_1$B = ["aria-label", "aria-labelledby", "aria-describedby"];
-  const __default__$O = vue.defineComponent({
+  const __default__$P = vue.defineComponent({
     name: "ElDialog",
     inheritAttrs: false
   });
   const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$O,
+    ...__default__$P,
     props: dialogProps,
     emits: dialogEmits,
     setup(__props, { expose }) {
@@ -27275,11 +27297,11 @@
     }
   });
 
-  const __default__$N = vue.defineComponent({
+  const __default__$O = vue.defineComponent({
     name: "ElDivider"
   });
   const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$N,
+    ...__default__$O,
     props: dividerProps,
     setup(__props) {
       const props = __props;
@@ -27379,7 +27401,7 @@
   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 = vue.resolveComponent("close");
     const _component_el_icon = vue.resolveComponent("el-icon");
     const _component_el_focus_trap = vue.resolveComponent("el-focus-trap");
@@ -27492,26 +27514,26 @@
       }, 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__ */ vue.defineComponent({
     inheritAttrs: false
   });
-  function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default");
   }
-  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__ */ vue.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 vue.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) => {
@@ -27731,10 +27753,10 @@
       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 vue.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 = vue.defineComponent({
     name: "ElRovingFocusGroup",
@@ -27743,7 +27765,7 @@
       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 = vue.resolveComponent("el-roving-focus-group-impl");
     const _component_el_focus_group_collection = vue.resolveComponent("el-focus-group-collection");
     return vue.openBlock(), vue.createBlock(_component_el_focus_group_collection, null, {
@@ -27758,7 +27780,7 @@
       _: 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 = vue.defineComponent({
     components: {
@@ -27845,7 +27867,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-roving-focus-collection-item");
     return vue.openBlock(), vue.createBlock(_component_el_roving_focus_collection_item, {
       id: _ctx.id,
@@ -27858,7 +27880,7 @@
       _: 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,
@@ -27991,6 +28013,25 @@
       const triggerId = vue.computed(() => {
         return props.id || defaultTriggerId;
       });
+      vue.watch([triggeringElementRef, vue.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 });
+      vue.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();
       }
@@ -28006,6 +28047,10 @@
       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() {
@@ -28085,7 +28130,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-dropdown-collection");
     const _component_el_roving_focus_group = vue.resolveComponent("el-roving-focus-group");
@@ -28163,6 +28208,7 @@
           fn: vue.withCtx(() => [
             vue.createVNode(_component_el_only_child, {
               id: _ctx.triggerId,
+              ref: "triggeringElementRef",
               role: "button",
               tabindex: _ctx.tabindex
             }, {
@@ -28217,7 +28263,7 @@
       })) : vue.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 = vue.defineComponent({
     name: "DropdownItemImpl",
@@ -28271,7 +28317,7 @@
     }
   });
   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 = vue.resolveComponent("el-icon");
     return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
       _ctx.divided ? (vue.openBlock(), vue.createElementBlock("li", vue.mergeProps({
@@ -28301,7 +28347,7 @@
       ], 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 = vue.inject("elDropdown", {});
@@ -28383,7 +28429,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-dropdown-item-impl");
     const _component_el_roving_focus_item = vue.resolveComponent("el-roving-focus-item");
@@ -28414,7 +28460,7 @@
       _: 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 = vue.defineComponent({
     name: "ElDropdownMenu",
@@ -28480,7 +28526,7 @@
     }
   });
   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 vue.openBlock(), vue.createElementBlock("ul", {
       ref: _ctx.dropdownListWrapperRef,
       class: vue.normalizeClass(_ctx.dropdownKls),
@@ -28496,7 +28542,7 @@
       vue.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,
@@ -28505,17 +28551,6 @@
   const ElDropdownItem = withNoopInstall(DropdownItem);
   const ElDropdownMenu = withNoopInstall(DropdownMenu);
 
-  let id = 0;
-  const _sfc_main$12 = vue.defineComponent({
-    name: "ImgEmpty",
-    setup() {
-      const ns = useNamespace("empty");
-      return {
-        ns,
-        id: ++id
-      };
-    }
-  });
   const _hoisted_1$x = {
     viewBox: "0 0 79 86",
     version: "1.1",
@@ -28562,128 +28597,138 @@
   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 vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$x, [
-      vue.createElementVNode("defs", null, [
-        vue.createElementVNode("linearGradient", {
-          id: `linearGradient-1-${_ctx.id}`,
-          x1: "38.8503086%",
-          y1: "0%",
-          x2: "61.1496914%",
-          y2: "100%"
-        }, [
-          vue.createElementVNode("stop", {
-            "stop-color": `var(${_ctx.ns.cssVarBlockName("fill-color-1")})`,
-            offset: "0%"
-          }, null, 8, _hoisted_3$8),
-          vue.createElementVNode("stop", {
-            "stop-color": `var(${_ctx.ns.cssVarBlockName("fill-color-4")})`,
-            offset: "100%"
-          }, null, 8, _hoisted_4$6)
-        ], 8, _hoisted_2$l),
-        vue.createElementVNode("linearGradient", {
-          id: `linearGradient-2-${_ctx.id}`,
-          x1: "0%",
-          y1: "9.5%",
-          x2: "100%",
-          y2: "90.5%"
-        }, [
-          vue.createElementVNode("stop", {
-            "stop-color": `var(${_ctx.ns.cssVarBlockName("fill-color-1")})`,
-            offset: "0%"
-          }, null, 8, _hoisted_6$1),
-          vue.createElementVNode("stop", {
-            "stop-color": `var(${_ctx.ns.cssVarBlockName("fill-color-6")})`,
-            offset: "100%"
-          }, null, 8, _hoisted_7)
-        ], 8, _hoisted_5$5),
-        vue.createElementVNode("rect", {
-          id: `path-3-${_ctx.id}`,
-          x: "0",
-          y: "0",
-          width: "17",
-          height: "36"
-        }, null, 8, _hoisted_8)
-      ]),
-      vue.createElementVNode("g", _hoisted_9, [
-        vue.createElementVNode("g", _hoisted_10, [
-          vue.createElementVNode("g", _hoisted_11, [
-            vue.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),
-            vue.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),
-            vue.createElementVNode("g", _hoisted_14, [
-              vue.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),
-              vue.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),
-              vue.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),
-              vue.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 = vue.defineComponent({
+    name: "ImgEmpty"
+  });
+  const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$N,
+    setup(__props) {
+      const ns = useNamespace("empty");
+      const id = useId();
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$x, [
+          vue.createElementVNode("defs", null, [
+            vue.createElementVNode("linearGradient", {
+              id: `linearGradient-1-${vue.unref(id)}`,
+              x1: "38.8503086%",
+              y1: "0%",
+              x2: "61.1496914%",
+              y2: "100%"
+            }, [
+              vue.createElementVNode("stop", {
+                "stop-color": `var(${vue.unref(ns).cssVarBlockName("fill-color-1")})`,
+                offset: "0%"
+              }, null, 8, _hoisted_3$8),
+              vue.createElementVNode("stop", {
+                "stop-color": `var(${vue.unref(ns).cssVarBlockName("fill-color-4")})`,
+                offset: "100%"
+              }, null, 8, _hoisted_4$6)
+            ], 8, _hoisted_2$l),
+            vue.createElementVNode("linearGradient", {
+              id: `linearGradient-2-${vue.unref(id)}`,
+              x1: "0%",
+              y1: "9.5%",
+              x2: "100%",
+              y2: "90.5%"
+            }, [
+              vue.createElementVNode("stop", {
+                "stop-color": `var(${vue.unref(ns).cssVarBlockName("fill-color-1")})`,
+                offset: "0%"
+              }, null, 8, _hoisted_6$1),
+              vue.createElementVNode("stop", {
+                "stop-color": `var(${vue.unref(ns).cssVarBlockName("fill-color-6")})`,
+                offset: "100%"
+              }, null, 8, _hoisted_7)
+            ], 8, _hoisted_5$5),
             vue.createElementVNode("rect", {
-              id: "Rectangle-Copy-15",
-              fill: `url(#linearGradient-2-${_ctx.id})`,
-              x: "13",
-              y: "45",
-              width: "40",
+              id: `path-3-${vue.unref(id)}`,
+              x: "0",
+              y: "0",
+              width: "17",
               height: "36"
-            }, null, 8, _hoisted_19),
-            vue.createElementVNode("g", _hoisted_20, [
-              vue.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),
-              vue.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)
-            ]),
-            vue.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)
+          ]),
+          vue.createElementVNode("g", _hoisted_9, [
+            vue.createElementVNode("g", _hoisted_10, [
+              vue.createElementVNode("g", _hoisted_11, [
+                vue.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(${vue.unref(ns).cssVarBlockName("fill-color-3")})`
+                }, null, 8, _hoisted_12),
+                vue.createElementVNode("polygon", {
+                  id: "Rectangle-Copy-14",
+                  fill: `var(${vue.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),
+                vue.createElementVNode("g", _hoisted_14, [
+                  vue.createElementVNode("polygon", {
+                    id: "Rectangle-Copy-10",
+                    fill: `var(${vue.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),
+                  vue.createElementVNode("polygon", {
+                    id: "Rectangle-Copy-11",
+                    fill: `var(${vue.unref(ns).cssVarBlockName("fill-color-5")})`,
+                    points: "-3.69149156e-15 7 38 7 38 43 -3.69149156e-15 43"
+                  }, null, 8, _hoisted_16),
+                  vue.createElementVNode("rect", {
+                    id: "Rectangle-Copy-12",
+                    fill: `url(#linearGradient-1-${vue.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),
+                  vue.createElementVNode("polygon", {
+                    id: "Rectangle-Copy-13",
+                    fill: `var(${vue.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)
+                ]),
+                vue.createElementVNode("rect", {
+                  id: "Rectangle-Copy-15",
+                  fill: `url(#linearGradient-2-${vue.unref(id)})`,
+                  x: "13",
+                  y: "45",
+                  width: "40",
+                  height: "36"
+                }, null, 8, _hoisted_19),
+                vue.createElementVNode("g", _hoisted_20, [
+                  vue.createElementVNode("use", {
+                    id: "Mask",
+                    fill: `var(${vue.unref(ns).cssVarBlockName("fill-color-8")})`,
+                    transform: "translate(8.500000, 18.000000) scale(-1, 1) translate(-8.500000, -18.000000) ",
+                    "xlink:href": `#path-3-${vue.unref(id)}`
+                  }, null, 8, _hoisted_21),
+                  vue.createElementVNode("polygon", {
+                    id: "Rectangle-Copy",
+                    fill: `var(${vue.unref(ns).cssVarBlockName("fill-color-9")})`,
+                    mask: `url(#mask-4-${vue.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)
+                ]),
+                vue.createElementVNode("polygon", {
+                  id: "Rectangle-Copy-18",
+                  fill: `var(${vue.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: ""
@@ -28693,7 +28738,7 @@
       type: String,
       default: ""
     }
-  };
+  });
 
   const _hoisted_1$w = ["src"];
   const _hoisted_2$k = { key: 1 };
@@ -28709,7 +28754,7 @@
       const ns = useNamespace("empty");
       const emptyDescription = vue.computed(() => props.description || t("el.table.emptyText"));
       const imageStyle = vue.computed(() => ({
-        width: props.imageSize ? `${props.imageSize}px` : ""
+        width: addUnit(props.imageSize)
       }));
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
@@ -31811,6 +31856,10 @@
       type: Boolean,
       default: void 0
     },
+    teleported: {
+      type: Boolean,
+      default: void 0
+    },
     popperOffset: {
       type: Number,
       default: 6
@@ -31833,6 +31882,13 @@
     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"
+      }, vue.computed(() => props.popperAppendToBody !== void 0));
       const instance = vue.getCurrentInstance();
       const { indexPath, parentMenu } = useMenu(instance, vue.computed(() => props.index));
       const nsMenu = useNamespace("menu");
@@ -31857,7 +31913,9 @@
         return subMenu.level === 0;
       });
       const appendToBody = vue.computed(() => {
-        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 = vue.computed(() => rootMenu.props.collapse ? `${nsMenu.namespace.value}-zoom-in-left` : `${nsMenu.namespace.value}-zoom-in-top`);
       const fallbackPlacements = vue.computed(() => mode.value === "horizontal" && isFirstLevel.value ? [
@@ -32808,7 +32866,7 @@
       if (!states.visible) {
         select.filteredOptionsCount--;
       }
-    });
+    }, { immediate: true });
     return {
       select,
       currentLabel,
@@ -33867,7 +33925,7 @@
         groupQueryChange
       }));
       vue.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 = "";
         }
@@ -34175,7 +34233,7 @@
               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,
@@ -42969,7 +43027,7 @@
       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;
@@ -53228,6 +53286,7 @@
         if (disabled.value)
           return;
         dragover.value = false;
+        e.stopPropagation();
         const files = Array.from(e.dataTransfer.files);
         const accept = uploaderContext.accept.value;
         if (!accept) {