element-plus 2.2.21 → 2.2.23

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v2.2.21 */
+/*! Element Plus v2.2.23 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -9034,8 +9034,11 @@
     current: 0
   };
   const ID_INJECTION_KEY = Symbol("elIdInjection");
+  const useIdInjection = () => {
+    return vue.getCurrentInstance() ? vue.inject(ID_INJECTION_KEY, defaultIdInjection) : defaultIdInjection;
+  };
   const useId = (deterministicId) => {
-    const idInjection = vue.inject(ID_INJECTION_KEY, defaultIdInjection);
+    const idInjection = useIdInjection();
     const namespace = useGlobalConfig("namespace", defaultNamespace);
     const idRef = vue.computed(() => vue.unref(deterministicId) || `${namespace.value}-id-${idInjection.prefix}-${idInjection.current++}`);
     return idRef;
@@ -9876,12 +9879,21 @@
   };
 
   let cachedContainer;
-  const namespace = useGlobalConfig("namespace", defaultNamespace);
-  const POPPER_CONTAINER_ID = `${namespace.value}-popper-container-${generateId()}`;
-  const POPPER_CONTAINER_SELECTOR = `#${POPPER_CONTAINER_ID}`;
-  const createContainer = () => {
+  const usePopperContainerId = () => {
+    const namespace = useGlobalConfig("namespace", defaultNamespace);
+    const idInjection = useIdInjection();
+    const id = vue.computed(() => {
+      return `${namespace.value}-popper-container-${idInjection.prefix}`;
+    });
+    const selector = vue.computed(() => `#${id.value}`);
+    return {
+      id,
+      selector
+    };
+  };
+  const createContainer = (id) => {
     const container = document.createElement("div");
-    container.id = POPPER_CONTAINER_ID;
+    container.id = id;
     document.body.appendChild(container);
     return container;
   };
@@ -9889,8 +9901,9 @@
     vue.onBeforeMount(() => {
       if (!isClient)
         return;
-      if (!cachedContainer || !document.body.querySelector(POPPER_CONTAINER_SELECTOR)) {
-        cachedContainer = createContainer();
+      const { id, selector } = usePopperContainerId();
+      if (!cachedContainer && !document.body.querySelector(selector.value)) {
+        cachedContainer = createContainer(id.value);
       }
     });
   };
@@ -11103,7 +11116,7 @@
     };
   };
 
-  const version$1 = "2.2.21";
+  const version$1 = "2.2.23";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -11152,9 +11165,9 @@
     return target;
   };
 
-  const COMPONENT_NAME$l = "ElAffix";
+  const COMPONENT_NAME$m = "ElAffix";
   const __default__$1w = vue.defineComponent({
-    name: COMPONENT_NAME$l
+    name: COMPONENT_NAME$m
   });
   const _sfc_main$2f = /* @__PURE__ */ vue.defineComponent({
     ...__default__$1w,
@@ -11230,7 +11243,7 @@
         if (props.target) {
           target.value = (_a = document.querySelector(props.target)) != null ? _a : void 0;
           if (!target.value)
-            throwError(COMPONENT_NAME$l, `Target is not existed: ${props.target}`);
+            throwError(COMPONENT_NAME$m, `Target is not existed: ${props.target}`);
         } else {
           target.value = document.documentElement;
         }
@@ -11633,6 +11646,25 @@
         }
         return comboBoxAttrs;
       });
+      const containerKls = vue.computed(() => [
+        props.type === "textarea" ? nsTextarea.b() : nsInput.b(),
+        nsInput.m(inputSize.value),
+        nsInput.is("disabled", inputDisabled.value),
+        nsInput.is("exceed", inputExceed.value),
+        {
+          [nsInput.b("group")]: slots.prepend || slots.append,
+          [nsInput.bm("group", "append")]: slots.append,
+          [nsInput.bm("group", "prepend")]: slots.prepend,
+          [nsInput.m("prefix")]: slots.prefix || props.prefixIcon,
+          [nsInput.m("suffix")]: slots.suffix || props.suffixIcon || props.clearable || props.showPassword,
+          [nsInput.bm("suffix", "password-clear")]: showClear.value && showPwdVisible.value
+        },
+        rawAttrs.class
+      ]);
+      const wrapperKls = vue.computed(() => [
+        nsInput.e("wrapper"),
+        nsInput.is("focus", focused.value)
+      ]);
       const attrs = useAttrs({
         excludeKeys: vue.computed(() => {
           return Object.keys(containerAttrs.value);
@@ -11828,21 +11860,7 @@
       });
       return (_ctx, _cache) => {
         return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", vue.mergeProps(vue.unref(containerAttrs), {
-          class: [
-            _ctx.type === "textarea" ? vue.unref(nsTextarea).b() : vue.unref(nsInput).b(),
-            vue.unref(nsInput).m(vue.unref(inputSize)),
-            vue.unref(nsInput).is("disabled", vue.unref(inputDisabled)),
-            vue.unref(nsInput).is("exceed", vue.unref(inputExceed)),
-            {
-              [vue.unref(nsInput).b("group")]: _ctx.$slots.prepend || _ctx.$slots.append,
-              [vue.unref(nsInput).bm("group", "append")]: _ctx.$slots.append,
-              [vue.unref(nsInput).bm("group", "prepend")]: _ctx.$slots.prepend,
-              [vue.unref(nsInput).m("prefix")]: _ctx.$slots.prefix || _ctx.prefixIcon,
-              [vue.unref(nsInput).m("suffix")]: _ctx.$slots.suffix || _ctx.suffixIcon || _ctx.clearable || _ctx.showPassword,
-              [vue.unref(nsInput).bm("suffix", "password-clear")]: vue.unref(showClear) && vue.unref(showPwdVisible)
-            },
-            _ctx.$attrs.class
-          ],
+          class: vue.unref(containerKls),
           style: vue.unref(containerStyle),
           role: _ctx.containerRole,
           onMouseenter: handleMouseEnter,
@@ -11858,7 +11876,7 @@
               vue.renderSlot(_ctx.$slots, "prepend")
             ], 2)) : vue.createCommentVNode("v-if", true),
             vue.createElementVNode("div", {
-              class: vue.normalizeClass([vue.unref(nsInput).e("wrapper"), vue.unref(nsInput).is("focus", focused.value)])
+              class: vue.normalizeClass(vue.unref(wrapperKls))
             }, [
               vue.createCommentVNode(" prefix slot "),
               _ctx.$slots.prefix || _ctx.prefixIcon ? (vue.openBlock(), vue.createElementBlock("span", {
@@ -11866,7 +11884,8 @@
                 class: vue.normalizeClass(vue.unref(nsInput).e("prefix"))
               }, [
                 vue.createElementVNode("span", {
-                  class: vue.normalizeClass(vue.unref(nsInput).e("prefix-inner"))
+                  class: vue.normalizeClass(vue.unref(nsInput).e("prefix-inner")),
+                  onClick: focus
                 }, [
                   vue.renderSlot(_ctx.$slots, "prefix"),
                   _ctx.prefixIcon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
@@ -11912,7 +11931,8 @@
                 class: vue.normalizeClass(vue.unref(nsInput).e("suffix"))
               }, [
                 vue.createElementVNode("span", {
-                  class: vue.normalizeClass(vue.unref(nsInput).e("suffix-inner"))
+                  class: vue.normalizeClass(vue.unref(nsInput).e("suffix-inner")),
+                  onClick: focus
                 }, [
                   !vue.unref(showClear) || !vue.unref(showPwdVisible) || !vue.unref(isWordLimitVisible) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                     vue.renderSlot(_ctx.$slots, "suffix"),
@@ -12062,7 +12082,7 @@
     always: Boolean
   });
 
-  const COMPONENT_NAME$k = "Thumb";
+  const COMPONENT_NAME$l = "Thumb";
   const _sfc_main$2b = /* @__PURE__ */ vue.defineComponent({
     __name: "thumb",
     props: thumbProps,
@@ -12071,7 +12091,7 @@
       const scrollbar = vue.inject(scrollbarContextKey);
       const ns = useNamespace("scrollbar");
       if (!scrollbar)
-        throwError(COMPONENT_NAME$k, "can not inject scrollbar context");
+        throwError(COMPONENT_NAME$l, "can not inject scrollbar context");
       const instance = vue.ref();
       const thumb = vue.ref();
       const thumbState = vue.ref({});
@@ -12249,7 +12269,10 @@
       type: [String, Number],
       default: ""
     },
-    native: Boolean,
+    native: {
+      type: Boolean,
+      default: false
+    },
     wrapStyle: {
       type: definePropType([String, Object, Array]),
       default: ""
@@ -12284,8 +12307,9 @@
     }) => [scrollTop, scrollLeft].every(isNumber)
   };
 
+  const COMPONENT_NAME$k = "ElScrollbar";
   const __default__$1s = vue.defineComponent({
-    name: "ElScrollbar"
+    name: COMPONENT_NAME$k
   });
   const _sfc_main$29 = /* @__PURE__ */ vue.defineComponent({
     ...__default__$1s,
@@ -12296,9 +12320,9 @@
       const ns = useNamespace("scrollbar");
       let stopResizeObserver = void 0;
       let stopResizeListener = void 0;
-      const scrollbar$ = vue.ref();
-      const wrap$ = vue.ref();
-      const resize$ = vue.ref();
+      const scrollbarRef = vue.ref();
+      const wrapRef = vue.ref();
+      const resizeRef = vue.ref();
       const sizeWidth = vue.ref("0");
       const sizeHeight = vue.ref("0");
       const barRef = vue.ref();
@@ -12312,42 +12336,52 @@
           style2.maxHeight = addUnit(props.maxHeight);
         return [props.wrapStyle, style2];
       });
+      const wrapKls = vue.computed(() => {
+        return [
+          props.wrapClass,
+          ns.e("wrap"),
+          { [ns.em("wrap", "hidden-default")]: !props.native }
+        ];
+      });
+      const resizeKls = vue.computed(() => {
+        return [ns.e("view"), props.viewClass];
+      });
       const handleScroll = () => {
         var _a;
-        if (wrap$.value) {
-          (_a = barRef.value) == null ? void 0 : _a.handleScroll(wrap$.value);
+        if (wrapRef.value) {
+          (_a = barRef.value) == null ? void 0 : _a.handleScroll(wrapRef.value);
           emit("scroll", {
-            scrollTop: wrap$.value.scrollTop,
-            scrollLeft: wrap$.value.scrollLeft
+            scrollTop: wrapRef.value.scrollTop,
+            scrollLeft: wrapRef.value.scrollLeft
           });
         }
       };
       function scrollTo(arg1, arg2) {
         if (isObject$1(arg1)) {
-          wrap$.value.scrollTo(arg1);
+          wrapRef.value.scrollTo(arg1);
         } else if (isNumber(arg1) && isNumber(arg2)) {
-          wrap$.value.scrollTo(arg1, arg2);
+          wrapRef.value.scrollTo(arg1, arg2);
         }
       }
       const setScrollTop = (value) => {
         if (!isNumber(value)) {
           return;
         }
-        wrap$.value.scrollTop = value;
+        wrapRef.value.scrollTop = value;
       };
       const setScrollLeft = (value) => {
         if (!isNumber(value)) {
           return;
         }
-        wrap$.value.scrollLeft = value;
+        wrapRef.value.scrollLeft = value;
       };
       const update = () => {
-        if (!wrap$.value)
+        if (!wrapRef.value)
           return;
-        const offsetHeight = wrap$.value.offsetHeight - GAP;
-        const offsetWidth = wrap$.value.offsetWidth - GAP;
-        const originalHeight = offsetHeight ** 2 / wrap$.value.scrollHeight;
-        const originalWidth = offsetWidth ** 2 / wrap$.value.scrollWidth;
+        const offsetHeight = wrapRef.value.offsetHeight - GAP;
+        const offsetWidth = wrapRef.value.offsetWidth - GAP;
+        const originalHeight = offsetHeight ** 2 / wrapRef.value.scrollHeight;
+        const originalWidth = offsetWidth ** 2 / wrapRef.value.scrollWidth;
         const height = Math.max(originalHeight, props.minSize);
         const width = Math.max(originalWidth, props.minSize);
         ratioY.value = originalHeight / (offsetHeight - originalHeight) / (height / (offsetHeight - height));
@@ -12360,7 +12394,7 @@
           stopResizeObserver == null ? void 0 : stopResizeObserver();
           stopResizeListener == null ? void 0 : stopResizeListener();
         } else {
-          ({ stop: stopResizeObserver } = useResizeObserver(resize$, update));
+          ({ stop: stopResizeObserver } = useResizeObserver(resizeRef, update));
           stopResizeListener = useEventListener("resize", update);
         }
       }, { immediate: true });
@@ -12369,14 +12403,14 @@
           vue.nextTick(() => {
             var _a;
             update();
-            if (wrap$.value) {
-              (_a = barRef.value) == null ? void 0 : _a.handleScroll(wrap$.value);
+            if (wrapRef.value) {
+              (_a = barRef.value) == null ? void 0 : _a.handleScroll(wrapRef.value);
             }
           });
       });
       vue.provide(scrollbarContextKey, vue.reactive({
-        scrollbarElement: scrollbar$,
-        wrapElement: wrap$
+        scrollbarElement: scrollbarRef,
+        wrapElement: wrapRef
       }));
       vue.onMounted(() => {
         if (!props.native)
@@ -12386,7 +12420,7 @@
       });
       vue.onUpdated(() => update());
       expose({
-        wrap$,
+        wrapRef,
         update,
         scrollTo,
         setScrollTop,
@@ -12395,25 +12429,21 @@
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
-          ref_key: "scrollbar$",
-          ref: scrollbar$,
+          ref_key: "scrollbarRef",
+          ref: scrollbarRef,
           class: vue.normalizeClass(vue.unref(ns).b())
         }, [
           vue.createElementVNode("div", {
-            ref_key: "wrap$",
-            ref: wrap$,
-            class: vue.normalizeClass([
-              _ctx.wrapClass,
-              vue.unref(ns).e("wrap"),
-              { [vue.unref(ns).em("wrap", "hidden-default")]: !_ctx.native }
-            ]),
+            ref_key: "wrapRef",
+            ref: wrapRef,
+            class: vue.normalizeClass(vue.unref(wrapKls)),
             style: vue.normalizeStyle(vue.unref(style)),
             onScroll: handleScroll
           }, [
             (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), {
-              ref_key: "resize$",
-              ref: resize$,
-              class: vue.normalizeClass([vue.unref(ns).e("view"), _ctx.viewClass]),
+              ref_key: "resizeRef",
+              ref: resizeRef,
+              class: vue.normalizeClass(vue.unref(resizeKls)),
               style: vue.normalizeStyle(_ctx.viewStyle)
             }, {
               default: vue.withCtx(() => [
@@ -13482,8 +13512,7 @@
     ...useDelayedToggleProps,
     ...popperContentProps,
     appendTo: {
-      type: definePropType([String, Object]),
-      default: POPPER_CONTAINER_SELECTOR
+      type: definePropType([String, Object])
     },
     content: {
       type: String,
@@ -13637,6 +13666,7 @@
     props: useTooltipContentProps,
     setup(__props, { expose }) {
       const props = __props;
+      const { selector } = usePopperContainerId();
       const contentRef = vue.ref(null);
       const destroyed = vue.ref(false);
       const {
@@ -13663,6 +13693,9 @@
       const shouldShow = vue.computed(() => {
         return props.disabled ? false : vue.unref(open);
       });
+      const appendTo = vue.computed(() => {
+        return props.appendTo || selector.value;
+      });
       const contentStyle = vue.computed(() => {
         var _a;
         return (_a = props.style) != null ? _a : {};
@@ -13730,7 +13763,7 @@
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.Teleport, {
           disabled: !_ctx.teleported,
-          to: _ctx.appendTo
+          to: vue.unref(appendTo)
         }, [
           vue.createVNode(vue.Transition, {
             name: _ctx.transition,
@@ -13770,7 +13803,6 @@
                 onClose: vue.unref(onClose)
               }), {
                 default: vue.withCtx(() => [
-                  vue.createCommentVNode(" Workaround bug #6378 "),
                   !destroyed.value ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : vue.createCommentVNode("v-if", true)
                 ]),
                 _: 3
@@ -21645,7 +21677,6 @@
                 default: vue.withCtx(() => [
                   tag.isCollapseTag === false ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$O, vue.toDisplayString(tag.text), 1)) : (vue.openBlock(), vue.createBlock(_component_el_tooltip, {
                     key: 1,
-                    teleported: false,
                     disabled: _ctx.popperVisible || !_ctx.collapseTagsTooltip,
                     "fallback-placements": ["bottom", "top", "right", "left"],
                     placement: "bottom",
@@ -21871,36 +21902,36 @@
         }
         return styles;
       });
-      const classes = vue.computed(() => {
-        const classes2 = [];
+      const colKls = vue.computed(() => {
+        const classes = [];
         const pos = ["span", "offset", "pull", "push"];
         pos.forEach((prop) => {
           const size = props[prop];
           if (isNumber(size)) {
             if (prop === "span")
-              classes2.push(ns.b(`${props[prop]}`));
+              classes.push(ns.b(`${props[prop]}`));
             else if (size > 0)
-              classes2.push(ns.b(`${prop}-${props[prop]}`));
+              classes.push(ns.b(`${prop}-${props[prop]}`));
           }
         });
         const sizes = ["xs", "sm", "md", "lg", "xl"];
         sizes.forEach((size) => {
           if (isNumber(props[size])) {
-            classes2.push(ns.b(`${size}-${props[size]}`));
+            classes.push(ns.b(`${size}-${props[size]}`));
           } else if (isObject$1(props[size])) {
             Object.entries(props[size]).forEach(([prop, sizeProp]) => {
-              classes2.push(prop !== "span" ? ns.b(`${size}-${prop}-${sizeProp}`) : ns.b(`${size}-${sizeProp}`));
+              classes.push(prop !== "span" ? ns.b(`${size}-${prop}-${sizeProp}`) : ns.b(`${size}-${sizeProp}`));
             });
           }
         });
         if (gutter.value) {
-          classes2.push(ns.is("guttered"));
+          classes.push(ns.is("guttered"));
         }
-        return classes2;
+        return [ns.b(), classes];
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), {
-          class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(classes)]),
+          class: vue.normalizeClass(vue.unref(colKls)),
           style: vue.normalizeStyle(vue.unref(style))
         }, {
           default: vue.withCtx(() => [
@@ -27210,6 +27241,7 @@
       ElIcon,
       Close: close_default
     },
+    inheritAttrs: false,
     props: drawerProps,
     emits: drawerEmits,
     setup(props, { slots }) {
@@ -27220,6 +27252,14 @@
         version: "3.0.0",
         ref: "https://element-plus.org/en-US/component/drawer.html#slots"
       }, vue.computed(() => !!slots.title));
+      useDeprecated({
+        scope: "el-drawer",
+        from: "custom-class",
+        replacement: "class",
+        version: "2.3.0",
+        ref: "https://element-plus.org/en-US/component/drawer.html#attributes",
+        type: "Attribute"
+      }, vue.computed(() => !!props.customClass));
       const drawerRef = vue.ref();
       const focusStartRef = vue.ref();
       const ns = useNamespace("drawer");
@@ -27273,18 +27313,19 @@
                 onReleaseRequested: _ctx.onCloseRequested
               }, {
                 default: vue.withCtx(() => [
-                  vue.createElementVNode("div", {
+                  vue.createElementVNode("div", vue.mergeProps({
                     ref: "drawerRef",
                     "aria-modal": "true",
                     "aria-label": _ctx.title || void 0,
                     "aria-labelledby": !_ctx.title ? _ctx.titleId : void 0,
-                    "aria-describedby": _ctx.bodyId,
-                    class: vue.normalizeClass([_ctx.ns.b(), _ctx.direction, _ctx.visible && "open", _ctx.customClass]),
-                    style: vue.normalizeStyle(_ctx.isHorizontal ? "width: " + _ctx.drawerSize : "height: " + _ctx.drawerSize),
+                    "aria-describedby": _ctx.bodyId
+                  }, _ctx.$attrs, {
+                    class: [_ctx.ns.b(), _ctx.direction, _ctx.visible && "open", _ctx.customClass],
+                    style: _ctx.isHorizontal ? "width: " + _ctx.drawerSize : "height: " + _ctx.drawerSize,
                     role: "dialog",
                     onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {
                     }, ["stop"]))
-                  }, [
+                  }), [
                     vue.createElementVNode("span", {
                       ref: "focusStartRef",
                       class: vue.normalizeClass(_ctx.ns.e("sr-focus")),
@@ -27339,7 +27380,7 @@
                     }, [
                       vue.renderSlot(_ctx.$slots, "footer")
                     ], 2)) : vue.createCommentVNode("v-if", true)
-                  ], 14, _hoisted_1$A)
+                  ], 16, _hoisted_1$A)
                 ]),
                 _: 3
               }, 8, ["trapped", "focus-trap-el", "focus-start-el", "onReleaseRequested"])
@@ -31184,12 +31225,16 @@
         }
         return newVal;
       };
-      const setCurrentValue = (value) => {
+      const setCurrentValue = (value, emitChange = true) => {
         var _a;
         const oldVal = data.currentValue;
         const newVal = verifyValue(value);
         if (oldVal === newVal)
           return;
+        if (!emitChange) {
+          emit(UPDATE_MODEL_EVENT, newVal);
+          return;
+        }
         data.userInput = null;
         emit(UPDATE_MODEL_EVENT, newVal);
         emit(CHANGE_EVENT, newVal, oldVal);
@@ -31200,7 +31245,9 @@
       };
       const handleInput = (value) => {
         data.userInput = value;
-        emit(INPUT_EVENT, value === "" ? null : Number(value));
+        const newVal = value === "" ? null : Number(value);
+        emit(INPUT_EVENT, newVal);
+        setCurrentValue(newVal, false);
       };
       const handleInputChange = (value) => {
         const newVal = value !== "" ? Number(value) : "";
@@ -31228,8 +31275,12 @@
         }
       };
       vue.watch(() => props.modelValue, (value) => {
-        data.currentValue = verifyValue(value, true);
-        data.userInput = null;
+        const userInput = verifyValue(data.userInput);
+        const newValue = verifyValue(value, true);
+        if (!userInput || userInput !== newValue) {
+          data.currentValue = newValue;
+          data.userInput = null;
+        }
       }, { immediate: true });
       vue.onMounted(() => {
         var _a;
@@ -31373,18 +31424,19 @@
     setup(__props, { emit }) {
       const props = __props;
       const ns = useNamespace("link");
+      const linkKls = vue.computed(() => [
+        ns.b(),
+        ns.m(props.type),
+        ns.is("disabled", props.disabled),
+        ns.is("underline", props.underline && !props.disabled)
+      ]);
       function handleClick(event) {
         if (!props.disabled)
           emit("click", event);
       }
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("a", {
-          class: vue.normalizeClass([
-            vue.unref(ns).b(),
-            vue.unref(ns).m(_ctx.type),
-            vue.unref(ns).is("disabled", _ctx.disabled),
-            vue.unref(ns).is("underline", _ctx.underline && !_ctx.disabled)
-          ]),
+          class: vue.normalizeClass(vue.unref(linkKls)),
           href: _ctx.disabled || !_ctx.href ? void 0 : _ctx.href,
           onClick: handleClick
         }, [
@@ -31985,18 +32037,29 @@
       const activeIndex = vue.ref(props.defaultActive);
       const items = vue.ref({});
       const subMenus = vue.ref({});
+      let activeItemFirstOpend = true;
       const isMenuPopup = vue.computed(() => {
         return props.mode === "horizontal" || props.mode === "vertical" && props.collapse;
       });
       const initMenu = () => {
         const activeItem = activeIndex.value && items.value[activeIndex.value];
-        if (!activeItem || props.mode === "horizontal" || props.collapse)
+        if (!activeItem || props.mode === "horizontal" || props.collapse || props.uniqueOpened && !activeItemFirstOpend)
           return;
         const indexPath = activeItem.indexPath;
-        indexPath.forEach((index) => {
-          const subMenu = subMenus.value[index];
-          subMenu && openMenu(index, subMenu.indexPath);
-        });
+        const openAllActiveItem = () => {
+          activeItemFirstOpend = false;
+          indexPath.forEach((index) => {
+            const subMenu = subMenus.value[index];
+            subMenu && openMenu(index, subMenu.indexPath);
+          });
+        };
+        if (activeIndex.value === props.defaultActive && activeItemFirstOpend) {
+          openAllActiveItem();
+        } else {
+          if (indexPath.every((index) => openedMenus.value.includes(index))) {
+            openAllActiveItem();
+          }
+        }
       };
       const openMenu = (index, indexPath) => {
         if (openedMenus.value.includes(index))
@@ -32396,11 +32459,12 @@
         return vue.openBlock(), vue.createElementBlock("div", {
           class: vue.normalizeClass(vue.unref(kls))
         }, [
-          vue.createElementVNode("div", {
+          _ctx.$slots.breadcrumb ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
             class: vue.normalizeClass(vue.unref(ns).e("breadcrumb"))
           }, [
             vue.renderSlot(_ctx.$slots, "breadcrumb")
-          ], 2),
+          ], 2)) : vue.createCommentVNode("v-if", true),
           vue.createElementVNode("div", {
             class: vue.normalizeClass(vue.unref(ns).e("header"))
           }, [
@@ -32452,7 +32516,7 @@
             ], 2)) : vue.createCommentVNode("v-if", true)
           ], 2),
           _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("div", {
-            key: 0,
+            key: 1,
             class: vue.normalizeClass(vue.unref(ns).e("main"))
           }, [
             vue.renderSlot(_ctx.$slots, "default")
@@ -34271,12 +34335,20 @@
   });
   var Sizes = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__file", "sizes.vue"]]);
 
+  const paginationJumperProps = buildProps({
+    size: {
+      type: String,
+      values: componentSizes
+    }
+  });
+
   const _hoisted_1$m = ["disabled"];
   const __default__$z = vue.defineComponent({
     name: "ElPaginationJumper"
   });
   const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
     ...__default__$z,
+    props: paginationJumperProps,
     setup(__props) {
       const { t } = useLocale();
       const ns = useNamespace("pagination");
@@ -34299,9 +34371,11 @@
           class: vue.normalizeClass(vue.unref(ns).e("jump")),
           disabled: vue.unref(disabled)
         }, [
-          vue.createTextVNode(vue.toDisplayString(vue.unref(t)("el.pagination.goto")) + " ", 1),
+          vue.createElementVNode("span", {
+            class: vue.normalizeClass([vue.unref(ns).e("goto")])
+          }, vue.toDisplayString(vue.unref(t)("el.pagination.goto")), 3),
           vue.createVNode(vue.unref(ElInput), {
-            size: "small",
+            size: _ctx.size,
             class: vue.normalizeClass([vue.unref(ns).e("editor"), vue.unref(ns).is("in-pagination")]),
             min: 1,
             max: vue.unref(pageCount),
@@ -34311,8 +34385,10 @@
             type: "number",
             "onUpdate:modelValue": handleInput,
             onChange: handleChange
-          }, null, 8, ["class", "max", "disabled", "model-value"]),
-          vue.createTextVNode(" " + vue.toDisplayString(vue.unref(t)("el.pagination.pageClassifier")), 1)
+          }, null, 8, ["size", "class", "max", "disabled", "model-value"]),
+          vue.createElementVNode("span", {
+            class: vue.normalizeClass([vue.unref(ns).e("classifier")])
+          }, vue.toDisplayString(vue.unref(t)("el.pagination.pageClassifier")), 3)
         ], 10, _hoisted_1$m);
       };
     }
@@ -34523,7 +34599,7 @@
             onFocus: _cache[2] || (_cache[2] = ($event) => onFocus(true)),
             onBlur: _cache[3] || (_cache[3] = ($event) => quickPrevFocus.value = false)
           }, [
-            quickPrevHover.value || quickPrevFocus.value ? (vue.openBlock(), vue.createBlock(vue.unref(d_arrow_left_default), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(more_filled_default), { key: 1 }))
+            (quickPrevHover.value || quickPrevFocus.value) && !_ctx.disabled ? (vue.openBlock(), vue.createBlock(vue.unref(d_arrow_left_default), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(more_filled_default), { key: 1 }))
           ], 42, _hoisted_3$7)) : vue.createCommentVNode("v-if", true),
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(pagers), (pager) => {
             return vue.openBlock(), vue.createElementBlock("li", {
@@ -34550,7 +34626,7 @@
             onFocus: _cache[6] || (_cache[6] = ($event) => onFocus()),
             onBlur: _cache[7] || (_cache[7] = ($event) => quickNextFocus.value = false)
           }, [
-            quickNextHover.value || quickNextFocus.value ? (vue.openBlock(), vue.createBlock(vue.unref(d_arrow_right_default), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(more_filled_default), { key: 1 }))
+            (quickNextHover.value || quickNextFocus.value) && !_ctx.disabled ? (vue.openBlock(), vue.createBlock(vue.unref(d_arrow_right_default), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(more_filled_default), { key: 1 }))
           ], 42, _hoisted_5$4)) : vue.createCommentVNode("v-if", true),
           _ctx.pageCount > 1 ? (vue.openBlock(), vue.createElementBlock("li", {
             key: 3,
@@ -34760,7 +34836,9 @@
             prevIcon: props.prevIcon,
             onClick: prev
           }),
-          jumper: vue.h(Jumper),
+          jumper: vue.h(Jumper, {
+            size: props.small ? "small" : "default"
+          }),
           pager: vue.h(Pager, {
             currentPage: currentPageBridge.value,
             pageCount: pageCountBridge.value,
@@ -35897,13 +35975,14 @@
         styles.marginRight = styles.marginLeft = `-${props.gutter / 2}px`;
         return styles;
       });
+      const rowKls = vue.computed(() => [
+        ns.b(),
+        ns.is(`justify-${props.justify}`, props.justify !== "start"),
+        ns.is(`align-${props.align}`, props.align !== "top")
+      ]);
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), {
-          class: vue.normalizeClass([
-            vue.unref(ns).b(),
-            vue.unref(ns).is(`justify-${props.justify}`, _ctx.justify !== "start"),
-            vue.unref(ns).is(`align-${props.align}`, _ctx.align !== "top")
-          ]),
+          class: vue.normalizeClass(vue.unref(rowKls)),
           style: vue.normalizeStyle(vue.unref(style))
         }, {
           default: vue.withCtx(() => [
@@ -38347,9 +38426,9 @@
     });
     const filteredOptions = vue.computed(() => {
       const isValidOption = (o) => {
-        var _a;
         const query = states.inputValue;
-        const containsQueryString = query ? (_a = o.label) == null ? void 0 : _a.includes(query) : true;
+        const regexp = new RegExp(escapeStringRegexp(query), "i");
+        const containsQueryString = query ? regexp.test(o.label || "") : true;
         return containsQueryString;
       };
       if (props.loading) {
@@ -40436,7 +40515,7 @@
       }
     }
   });
-  var Space = vue.defineComponent({
+  const Space = vue.defineComponent({
     name: "ElSpace",
     props: spaceProps,
     setup(props, { slots }) {
@@ -42543,7 +42622,7 @@
       if (this.table.vnode.el && scrollBarRef) {
         let scrollY = true;
         const prevScrollY = this.scrollY.value;
-        scrollY = scrollBarRef.wrap$.scrollHeight > scrollBarRef.wrap$.clientHeight;
+        scrollY = scrollBarRef.wrapRef.scrollHeight > scrollBarRef.wrapRef.clientHeight;
         this.scrollY.value = scrollY;
         return prevScrollY !== scrollY;
       }
@@ -44320,7 +44399,7 @@
         }
         return;
       }
-      const scrollContainer = table.refs.scrollBarRef.wrap$;
+      const scrollContainer = table.refs.scrollBarRef.wrapRef;
       if (!scrollContainer)
         return;
       const { scrollLeft, offsetWidth, scrollWidth } = scrollContainer;
@@ -44341,8 +44420,8 @@
     const bindEvents = () => {
       if (!table.refs.scrollBarRef)
         return;
-      if (table.refs.scrollBarRef.wrap$) {
-        useEventListener(table.refs.scrollBarRef.wrap$, "scroll", syncPosition, {
+      if (table.refs.scrollBarRef.wrapRef) {
+        useEventListener(table.refs.scrollBarRef.wrapRef, "scroll", syncPosition, {
           passive: true
         });
       }
@@ -52537,6 +52616,7 @@
       const nsUpload = useNamespace("upload");
       const nsIcon = useNamespace("icon");
       const nsList = useNamespace("list");
+      const disabled = useDisabled();
       const focusing = vue.ref(false);
       const handleRemove = (file) => {
         emit("remove", file);
@@ -52547,7 +52627,7 @@
           class: vue.normalizeClass([
             vue.unref(nsUpload).b("list"),
             vue.unref(nsUpload).bm("list", _ctx.listType),
-            vue.unref(nsUpload).is("disabled", _ctx.disabled)
+            vue.unref(nsUpload).is("disabled", vue.unref(disabled))
           ]),
           name: vue.unref(nsList).b()
         }, {
@@ -52561,7 +52641,7 @@
                   { focusing: focusing.value }
                 ]),
                 tabindex: "0",
-                onKeydown: vue.withKeys(($event) => !_ctx.disabled && handleRemove(file), ["delete"]),
+                onKeydown: vue.withKeys(($event) => !vue.unref(disabled) && handleRemove(file), ["delete"]),
                 onFocus: _cache[0] || (_cache[0] = ($event) => focusing.value = true),
                 onBlur: _cache[1] || (_cache[1] = ($event) => focusing.value = false),
                 onClick: _cache[2] || (_cache[2] = ($event) => focusing.value = false)
@@ -52622,7 +52702,7 @@
                       _: 1
                     }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
                   ], 2),
-                  !_ctx.disabled ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
+                  !vue.unref(disabled) ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
                     key: 2,
                     class: vue.normalizeClass(vue.unref(nsIcon).m("close")),
                     onClick: ($event) => handleRemove(file)
@@ -52635,7 +52715,7 @@
                   vue.createCommentVNode(" Due to close btn only appears when li gets focused disappears after li gets blurred, thus keyboard navigation can never reach close btn"),
                   vue.createCommentVNode(" This is a bug which needs to be fixed "),
                   vue.createCommentVNode(" TODO: Fix the incorrect navigation interaction "),
-                  !_ctx.disabled ? (vue.openBlock(), vue.createElementBlock("i", {
+                  !vue.unref(disabled) ? (vue.openBlock(), vue.createElementBlock("i", {
                     key: 3,
                     class: vue.normalizeClass(vue.unref(nsIcon).m("close-tip"))
                   }, vue.toDisplayString(vue.unref(t)("el.upload.deleteTip")), 3)) : vue.createCommentVNode("v-if", true),
@@ -52656,7 +52736,7 @@
                         _: 1
                       }, 8, ["class"])
                     ], 10, _hoisted_4$1),
-                    !_ctx.disabled ? (vue.openBlock(), vue.createElementBlock("span", {
+                    !vue.unref(disabled) ? (vue.openBlock(), vue.createElementBlock("span", {
                       key: 0,
                       class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-delete")),
                       onClick: ($event) => handleRemove(file)
@@ -52703,15 +52783,15 @@
     props: uploadDraggerProps,
     emits: uploadDraggerEmits,
     setup(__props, { emit }) {
-      const props = __props;
       const uploaderContext = vue.inject(uploadContextKey);
       if (!uploaderContext) {
         throwError(COMPONENT_NAME, "usage: <el-upload><el-upload-dragger /></el-upload>");
       }
       const ns = useNamespace("upload");
       const dragover = vue.ref(false);
+      const disabled = useDisabled();
       const onDrop = (e) => {
-        if (props.disabled)
+        if (disabled.value)
           return;
         dragover.value = false;
         const files = Array.from(e.dataTransfer.files);
@@ -52740,7 +52820,7 @@
         emit("file", filesFiltered);
       };
       const onDragover = () => {
-        if (!props.disabled)
+        if (!disabled.value)
           dragover.value = true;
       };
       return (_ctx, _cache) => {
@@ -52801,6 +52881,7 @@
     setup(__props, { expose }) {
       const props = __props;
       const ns = useNamespace("upload");
+      const disabled = useDisabled();
       const requests = vue.shallowRef({});
       const inputRef = vue.shallowRef();
       const uploadFiles = (files) => {
@@ -52898,7 +52979,7 @@
         uploadFiles(Array.from(files));
       };
       const handleClick = () => {
-        if (!props.disabled) {
+        if (!disabled.value) {
           inputRef.value.value = "";
           inputRef.value.click();
         }
@@ -52927,7 +53008,7 @@
         }, [
           _ctx.drag ? (vue.openBlock(), vue.createBlock(UploadDragger, {
             key: 0,
-            disabled: _ctx.disabled,
+            disabled: vue.unref(disabled),
             onFile: uploadFiles
           }, {
             default: vue.withCtx(() => [
@@ -55106,8 +55187,6 @@
   exports.LAST_KEYS = LAST_KEYS;
   exports.LEFT_CHECK_CHANGE_EVENT = LEFT_CHECK_CHANGE_EVENT;
   exports.Mousewheel = Mousewheel;
-  exports.POPPER_CONTAINER_ID = POPPER_CONTAINER_ID;
-  exports.POPPER_CONTAINER_SELECTOR = POPPER_CONTAINER_SELECTOR;
   exports.POPPER_CONTENT_INJECTION_KEY = POPPER_CONTENT_INJECTION_KEY;
   exports.POPPER_INJECTION_KEY = POPPER_INJECTION_KEY;
   exports.RIGHT_CHECK_CHANGE_EVENT = RIGHT_CHECK_CHANGE_EVENT;
@@ -55335,6 +55414,7 @@
   exports.useForwardRefDirective = useForwardRefDirective;
   exports.useGlobalConfig = useGlobalConfig;
   exports.useId = useId;
+  exports.useIdInjection = useIdInjection;
   exports.useLocale = useLocale;
   exports.useLockscreen = useLockscreen;
   exports.useModal = useModal;
@@ -55345,6 +55425,7 @@
   exports.useOrderedChildren = useOrderedChildren;
   exports.usePopperArrowProps = usePopperArrowProps;
   exports.usePopperContainer = usePopperContainer;
+  exports.usePopperContainerId = usePopperContainerId;
   exports.usePopperContentEmits = usePopperContentEmits;
   exports.usePopperContentProps = usePopperContentProps;
   exports.usePopperCoreConfigProps = usePopperCoreConfigProps;