element-plus 2.3.3 → 2.3.5

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v2.3.3 */
+/*! Element Plus v2.3.5 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -114,8 +114,6 @@
   var _a;
   const isClient = typeof window !== "undefined";
   const isDef = (val) => typeof val !== "undefined";
-  const isBoolean$1 = (val) => typeof val === "boolean";
-  const isNumber$1 = (val) => typeof val === "number";
   const isString$2 = (val) => typeof val === "string";
   const noop$1 = () => {
   };
@@ -643,6 +641,8 @@
     return { width, height };
   }
 
+  const isFirefox = () => isClient && /firefox/i.test(window.navigator.userAgent);
+
   const isInContainer = (el, container) => {
     if (!isClient || !el || !container)
       return false;
@@ -4698,7 +4698,7 @@
   var isArrayBuffer = nodeIsArrayBuffer ? baseUnary(nodeIsArrayBuffer) : baseIsArrayBuffer;
 
   var boolTag = "[object Boolean]";
-  function isBoolean(value) {
+  function isBoolean$1(value) {
     return value === true || value === false || isObjectLike(value) && baseGetTag(value) == boolTag;
   }
 
@@ -4769,12 +4769,12 @@
   }
 
   var numberTag = "[object Number]";
-  function isNumber(value) {
+  function isNumber$1(value) {
     return typeof value == "number" || isObjectLike(value) && baseGetTag(value) == numberTag;
   }
 
   function isNaN$1(value) {
-    return isNumber(value) && value != +value;
+    return isNumber$1(value) && value != +value;
   }
 
   var isMaskable = coreJsData ? isFunction : stubFalse;
@@ -6746,7 +6746,7 @@
     isArrayBuffer,
     isArrayLike,
     isArrayLikeObject,
-    isBoolean,
+    isBoolean: isBoolean$1,
     isBuffer,
     isDate,
     isElement: isElement$2,
@@ -6765,7 +6765,7 @@
     isNative,
     isNil,
     isNull,
-    isNumber,
+    isNumber: isNumber$1,
     isObject,
     isObjectLike,
     isPlainObject,
@@ -7534,6 +7534,8 @@
    */
 
   const isUndefined = (val) => val === void 0;
+  const isBoolean = (val) => typeof val === "boolean";
+  const isNumber = (val) => typeof val === "number";
   const isEmpty = (val) => !val && val !== 0 || isArray$1(val) && val.length === 0 || isObject$1(val) && !Object.keys(val).length;
   const isElement$1 = (e) => {
     if (typeof Element === "undefined")
@@ -7616,7 +7618,7 @@
   function addUnit(value, defaultUnit = "px") {
     if (!value)
       return "";
-    if (isNumber$1(value) || isStringNumber(value)) {
+    if (isNumber(value) || isStringNumber(value)) {
       return `${value}${defaultUnit}`;
     } else if (isString$1(value)) {
       return value;
@@ -8744,9 +8746,7 @@
     return Array.isArray(arr) ? arr : [arr];
   };
 
-  const isFirefox = () => isClient && /firefox/i.test(window.navigator.userAgent);
-
-  const isKorean = (text) => /([(\uAC00-\uD7AF)|(\u3130-\u318F)])+/gi.test(text);
+  const isKorean = (text) => /([\uAC00-\uD7AF\u3130-\u318F])+/gi.test(text);
 
   const rAF = (fn) => isClient ? window.requestAnimationFrame(fn) : setTimeout(fn, 16);
   const cAF = (handle) => isClient ? window.cancelAnimationFrame(handle) : clearTimeout(handle);
@@ -9451,7 +9451,7 @@
         }
       };
       const onChange = (val) => {
-        if (!isBoolean$1(val))
+        if (!isBoolean(val))
           return;
         if (props.disabled && val) {
           if (hasUpdateHandler.value) {
@@ -9928,7 +9928,7 @@
       registerTimeout(() => {
         open(event);
         const _autoClose = vue.unref(autoClose);
-        if (isNumber$1(_autoClose) && _autoClose > 0) {
+        if (isNumber(_autoClose) && _autoClose > 0) {
           registerTimeoutForAutoClose(() => {
             close(event);
           }, _autoClose);
@@ -9977,7 +9977,7 @@
     const zIndexInjection = zIndexOverrides || vue.inject(zIndexContextKey, void 0);
     const initialZIndex = vue.computed(() => {
       const zIndexFromInjection = vue.unref(zIndexInjection);
-      return isNumber$1(zIndexFromInjection) ? zIndexFromInjection : defaultInitialZIndex;
+      return isNumber(zIndexFromInjection) ? zIndexFromInjection : defaultInitialZIndex;
     });
     const currentZIndex = vue.computed(() => initialZIndex.value + zIndex.value);
     const nextZIndex = () => {
@@ -11225,7 +11225,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "2.3.3";
+  const version$1 = "2.3.5";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -11262,8 +11262,8 @@
     }
   });
   const affixEmits = {
-    scroll: ({ scrollTop, fixed }) => isNumber$1(scrollTop) && isBoolean$1(fixed),
-    [CHANGE_EVENT]: (fixed) => isBoolean$1(fixed)
+    scroll: ({ scrollTop, fixed }) => isNumber(scrollTop) && isBoolean(fixed),
+    [CHANGE_EVENT]: (fixed) => isBoolean(fixed)
   };
 
   var _export_sfc = (sfc, props) => {
@@ -11678,7 +11678,7 @@
     }
   });
   const formEmits = {
-    validate: (prop, isValid, message) => (isArray$1(prop) || isString$1(prop)) && isBoolean$1(isValid) && isString$1(message)
+    validate: (prop, isValid, message) => (isArray$1(prop) || isString$1(prop)) && isBoolean(isValid) && isString$1(message)
   };
 
   function useFormLabelWidth() {
@@ -13031,7 +13031,7 @@
     }
   });
 
-  const _hoisted_1$13 = ["role", "aria-labelledby"];
+  const _hoisted_1$12 = ["role", "aria-labelledby"];
   const __default__$1y = vue.defineComponent({
     name: "ElFormItem"
   });
@@ -13086,7 +13086,7 @@
         (formContext == null ? void 0 : formContext.requireAsteriskPosition) === "right" ? "asterisk-right" : "asterisk-left",
         { [ns.m("feedback")]: formContext == null ? void 0 : formContext.statusIcon }
       ]);
-      const _inlineMessage = vue.computed(() => isBoolean$1(props.inlineMessage) ? props.inlineMessage : (formContext == null ? void 0 : formContext.inlineMessage) || false);
+      const _inlineMessage = vue.computed(() => isBoolean(props.inlineMessage) ? props.inlineMessage : (formContext == null ? void 0 : formContext.inlineMessage) || false);
       const validateClasses = vue.computed(() => [
         ns.e("error"),
         { [ns.em("error", "inline")]: _inlineMessage.value }
@@ -13327,7 +13327,7 @@
               _: 3
             }, 8, ["name"])
           ], 6)
-        ], 10, _hoisted_1$13);
+        ], 10, _hoisted_1$12);
       };
     }
   });
@@ -13391,7 +13391,7 @@
     }
     hiddenTextarea.value = "";
     const singleRowHeight = hiddenTextarea.scrollHeight - paddingSize;
-    if (isNumber$1(minRows)) {
+    if (isNumber(minRows)) {
       let minHeight = singleRowHeight * minRows;
       if (boxSizing === "border-box") {
         minHeight = minHeight + paddingSize + borderSize;
@@ -13399,7 +13399,7 @@
       height = Math.max(minHeight, height);
       result.minHeight = `${minHeight}px`;
     }
-    if (isNumber$1(maxRows)) {
+    if (isNumber(maxRows)) {
       let maxHeight = singleRowHeight * maxRows;
       if (boxSizing === "border-box") {
         maxHeight = maxHeight + paddingSize + borderSize;
@@ -13513,7 +13513,7 @@
     compositionend: (evt) => evt instanceof CompositionEvent
   };
 
-  const _hoisted_1$12 = ["role"];
+  const _hoisted_1$11 = ["role"];
   const _hoisted_2$G = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form"];
   const _hoisted_3$l = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form"];
   const __default__$1x = vue.defineComponent({
@@ -13941,7 +13941,7 @@
               class: vue.normalizeClass(vue.unref(nsInput).e("count"))
             }, vue.toDisplayString(vue.unref(textLength)) + " / " + vue.toDisplayString(vue.unref(attrs).maxlength), 7)) : vue.createCommentVNode("v-if", true)
           ], 64))
-        ], 16, _hoisted_1$12)), [
+        ], 16, _hoisted_1$11)), [
           [vue.vShow, _ctx.type !== "hidden"]
         ]);
       };
@@ -14218,7 +14218,7 @@
     scroll: ({
       scrollTop,
       scrollLeft
-    }) => [scrollTop, scrollLeft].every(isNumber$1)
+    }) => [scrollTop, scrollLeft].every(isNumber)
   };
 
   const COMPONENT_NAME$j = "ElScrollbar";
@@ -14273,18 +14273,18 @@
       function scrollTo(arg1, arg2) {
         if (isObject$1(arg1)) {
           wrapRef.value.scrollTo(arg1);
-        } else if (isNumber$1(arg1) && isNumber$1(arg2)) {
+        } else if (isNumber(arg1) && isNumber(arg2)) {
           wrapRef.value.scrollTo(arg1, arg2);
         }
       }
       const setScrollTop = (value) => {
-        if (!isNumber$1(value)) {
+        if (!isNumber(value)) {
           return;
         }
         wrapRef.value.scrollTop = value;
       };
       const setScrollLeft = (value) => {
-        if (!isNumber$1(value)) {
+        if (!isNumber(value)) {
           return;
         }
         wrapRef.value.scrollLeft = value;
@@ -15788,7 +15788,7 @@
   });
   var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["__file", "content.vue"]]);
 
-  const _hoisted_1$11 = ["innerHTML"];
+  const _hoisted_1$10 = ["innerHTML"];
   const _hoisted_2$F = { key: 1 };
   const __default__$1p = vue.defineComponent({
     name: "ElTooltip"
@@ -15823,7 +15823,7 @@
         open: show,
         close: hide
       });
-      const controlled = vue.computed(() => isBoolean$1(props.visible) && !hasUpdateHandler.value);
+      const controlled = vue.computed(() => isBoolean(props.visible) && !hasUpdateHandler.value);
       vue.provide(TOOLTIP_INJECTION_KEY, {
         controlled,
         id,
@@ -15930,7 +15930,7 @@
                   _ctx.rawContent ? (vue.openBlock(), vue.createElementBlock("span", {
                     key: 0,
                     innerHTML: _ctx.content
-                  }, null, 8, _hoisted_1$11)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$F, vue.toDisplayString(_ctx.content), 1))
+                  }, null, 8, _hoisted_1$10)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$F, vue.toDisplayString(_ctx.content), 1))
                 ]),
                 _ctx.showArrow ? (vue.openBlock(), vue.createBlock(vue.unref(ElPopperArrow), {
                   key: 0,
@@ -16026,7 +16026,7 @@
     select: (item) => isObject$1(item)
   };
 
-  const _hoisted_1$10 = ["aria-expanded", "aria-owns"];
+  const _hoisted_1$$ = ["aria-expanded", "aria-owns"];
   const _hoisted_2$E = { key: 0 };
   const _hoisted_3$k = ["id", "aria-selected", "onClick"];
   const COMPONENT_NAME$i = "ElAutocomplete";
@@ -16359,7 +16359,7 @@
                   ])
                 } : void 0
               ]), 1040, ["clearable", "disabled", "name", "model-value", "onKeydown"])
-            ], 14, _hoisted_1$10)
+            ], 14, _hoisted_1$$)
           ]),
           _: 3
         }, 8, ["visible", "placement", "popper-class", "teleported", "transition"]);
@@ -16375,7 +16375,7 @@
       type: [Number, String],
       values: componentSizes,
       default: "",
-      validator: (val) => isNumber$1(val)
+      validator: (val) => isNumber(val)
     },
     shape: {
       type: String,
@@ -16400,7 +16400,7 @@
     error: (evt) => evt instanceof Event
   };
 
-  const _hoisted_1$$ = ["src", "alt", "srcset"];
+  const _hoisted_1$_ = ["src", "alt", "srcset"];
   const __default__$1n = vue.defineComponent({
     name: "ElAvatar"
   });
@@ -16425,7 +16425,7 @@
       });
       const sizeStyle = vue.computed(() => {
         const { size } = props;
-        return isNumber$1(size) ? ns.cssVarBlock({
+        return isNumber(size) ? ns.cssVarBlock({
           size: addUnit(size) || ""
         }) : void 0;
       });
@@ -16449,7 +16449,7 @@
             srcset: _ctx.srcSet,
             style: vue.normalizeStyle(vue.unref(fitStyle)),
             onError: handleError
-          }, null, 44, _hoisted_1$$)) : _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
+          }, null, 44, _hoisted_1$_)) : _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
             default: vue.withCtx(() => [
               (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
             ]),
@@ -16584,7 +16584,7 @@
     }
   });
 
-  const _hoisted_1$_ = ["textContent"];
+  const _hoisted_1$Z = ["textContent"];
   const __default__$1l = vue.defineComponent({
     name: "ElBadge"
   });
@@ -16597,7 +16597,7 @@
       const content = vue.computed(() => {
         if (props.isDot)
           return "";
-        if (isNumber$1(props.value) && isNumber$1(props.max)) {
+        if (isNumber(props.value) && isNumber(props.max)) {
           return props.max < props.value ? `${props.max}+` : `${props.value}`;
         }
         return `${props.value}`;
@@ -16623,7 +16623,7 @@
                   vue.unref(ns).is("dot", _ctx.isDot)
                 ]),
                 textContent: vue.toDisplayString(vue.unref(content))
-              }, null, 10, _hoisted_1$_), [
+              }, null, 10, _hoisted_1$Z), [
                 [vue.vShow, !_ctx.hidden && (vue.unref(content) || _ctx.isDot)]
               ])
             ]),
@@ -16770,6 +16770,17 @@
       var _a, _b, _c;
       return (_c = (_b = props.autoInsertSpace) != null ? _b : (_a = globalConfig.value) == null ? void 0 : _a.autoInsertSpace) != null ? _c : false;
     });
+    const _props = vue.computed(() => {
+      if (props.tag === "button") {
+        return {
+          ariaDisabled: _disabled.value || props.loading,
+          disabled: _disabled.value || props.loading,
+          autofocus: props.autofocus,
+          type: props.nativeType
+        };
+      }
+      return {};
+    });
     const shouldAddSpace = vue.computed(() => {
       var _a;
       const defaultSlot = (_a = slots.default) == null ? void 0 : _a.call(slots);
@@ -16793,6 +16804,7 @@
       _size,
       _type,
       _ref,
+      _props,
       shouldAddSpace,
       handleClick
     };
@@ -16842,6 +16854,10 @@
     autoInsertSpace: {
       type: Boolean,
       default: void 0
+    },
+    tag: {
+      type: definePropType([String, Object]),
+      default: "button"
     }
   });
   const buttonEmits = {
@@ -17775,7 +17791,6 @@
     });
   }
 
-  const _hoisted_1$Z = ["aria-disabled", "disabled", "autofocus", "type"];
   const __default__$1i = vue.defineComponent({
     name: "ElButton"
   });
@@ -17787,7 +17802,7 @@
       const props = __props;
       const buttonStyle = useButtonCustomStyle(props);
       const ns = useNamespace("button");
-      const { _ref, _size, _type, _disabled, shouldAddSpace, handleClick } = useButton(props, emit);
+      const { _ref, _size, _type, _disabled, _props, shouldAddSpace, handleClick } = useButton(props, emit);
       expose({
         ref: _ref,
         size: _size,
@@ -17796,10 +17811,11 @@
         shouldAddSpace
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("button", {
+        return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), vue.mergeProps({
           ref_key: "_ref",
-          ref: _ref,
-          class: vue.normalizeClass([
+          ref: _ref
+        }, vue.unref(_props), {
+          class: [
             vue.unref(ns).b(),
             vue.unref(ns).m(vue.unref(_type)),
             vue.unref(ns).m(vue.unref(_size)),
@@ -17811,37 +17827,36 @@
             vue.unref(ns).is("text", _ctx.text),
             vue.unref(ns).is("link", _ctx.link),
             vue.unref(ns).is("has-bg", _ctx.bg)
-          ]),
-          "aria-disabled": vue.unref(_disabled) || _ctx.loading,
-          disabled: vue.unref(_disabled) || _ctx.loading,
-          autofocus: _ctx.autofocus,
-          type: _ctx.nativeType,
-          style: vue.normalizeStyle(vue.unref(buttonStyle)),
-          onClick: _cache[0] || (_cache[0] = (...args) => vue.unref(handleClick) && vue.unref(handleClick)(...args))
-        }, [
-          _ctx.loading ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-            _ctx.$slots.loading ? vue.renderSlot(_ctx.$slots, "loading", { key: 0 }) : (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
-              key: 1,
-              class: vue.normalizeClass(vue.unref(ns).is("loading"))
-            }, {
+          ],
+          style: vue.unref(buttonStyle),
+          onClick: vue.unref(handleClick)
+        }), {
+          default: vue.withCtx(() => [
+            _ctx.loading ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+              _ctx.$slots.loading ? vue.renderSlot(_ctx.$slots, "loading", { key: 0 }) : (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
+                key: 1,
+                class: vue.normalizeClass(vue.unref(ns).is("loading"))
+              }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.loadingIcon)))
+                ]),
+                _: 1
+              }, 8, ["class"]))
+            ], 64)) : _ctx.icon || _ctx.$slots.icon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
               default: vue.withCtx(() => [
-                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.loadingIcon)))
+                _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon), { key: 0 })) : vue.renderSlot(_ctx.$slots, "icon", { key: 1 })
               ]),
-              _: 1
-            }, 8, ["class"]))
-          ], 64)) : _ctx.icon || _ctx.$slots.icon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
-            default: vue.withCtx(() => [
-              _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon), { key: 0 })) : vue.renderSlot(_ctx.$slots, "icon", { key: 1 })
-            ]),
-            _: 3
-          })) : vue.createCommentVNode("v-if", true),
-          _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("span", {
-            key: 2,
-            class: vue.normalizeClass({ [vue.unref(ns).em("text", "expand")]: vue.unref(shouldAddSpace) })
-          }, [
-            vue.renderSlot(_ctx.$slots, "default")
-          ], 2)) : vue.createCommentVNode("v-if", true)
-        ], 14, _hoisted_1$Z);
+              _: 3
+            })) : vue.createCommentVNode("v-if", true),
+            _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("span", {
+              key: 2,
+              class: vue.normalizeClass({ [vue.unref(ns).em("text", "expand")]: vue.unref(shouldAddSpace) })
+            }, [
+              vue.renderSlot(_ctx.$slots, "default")
+            ], 2)) : vue.createCommentVNode("v-if", true)
+          ]),
+          _: 3
+        }, 16, ["class", "style", "onClick"]);
       };
     }
   });
@@ -20777,7 +20792,7 @@
     }
   });
   const carouselEmits = {
-    change: (current, prev) => [current, prev].every(isNumber$1)
+    change: (current, prev) => [current, prev].every(isNumber)
   };
 
   const carouselContextKey = Symbol("carouselContextKey");
@@ -20793,12 +20808,24 @@
     const timer = vue.ref(null);
     const hover = vue.ref(false);
     const root = vue.ref();
+    const containerHeight = vue.ref(0);
     const arrowDisplay = vue.computed(() => props.arrow !== "never" && !vue.unref(isVertical));
     const hasLabel = vue.computed(() => {
       return items.value.some((item) => item.props.label.toString().length > 0);
     });
     const isCardType = vue.computed(() => props.type === "card");
     const isVertical = vue.computed(() => props.direction === "vertical");
+    const containerStyle = vue.computed(() => {
+      if (props.height !== "auto") {
+        return {
+          height: props.height
+        };
+      }
+      return {
+        height: `${containerHeight.value}px`,
+        overflow: "hidden"
+      };
+    });
     const throttledArrowClick = throttle((index) => {
       setActiveItem(index);
     }, THROTTLE_TIME, { trailing: true });
@@ -20917,6 +20944,11 @@
       pauseTimer();
       startTimer();
     }
+    function setContainerHeight(height) {
+      if (props.height !== "auto")
+        return;
+      containerHeight.value = height;
+    }
     vue.watch(() => activeIndex.value, (current, prev2) => {
       resetItemPosition(prev2);
       if (prev2 > -1) {
@@ -20956,7 +20988,8 @@
       loop: props.loop,
       addItem,
       removeItem,
-      setActiveItem
+      setActiveItem,
+      setContainerHeight
     });
     return {
       root,
@@ -20966,6 +20999,8 @@
       hover,
       isCardType,
       items,
+      isVertical,
+      containerStyle,
       handleButtonEnter,
       handleButtonLeave,
       handleIndicatorClick,
@@ -20999,6 +21034,8 @@
         hover,
         isCardType,
         items,
+        isVertical,
+        containerStyle,
         handleButtonEnter,
         handleButtonLeave,
         handleIndicatorClick,
@@ -21023,9 +21060,12 @@
         if (vue.unref(hasLabel)) {
           classes.push(ns.em("indicators", "labels"));
         }
-        if (props.indicatorPosition === "outside" || vue.unref(isCardType)) {
+        if (props.indicatorPosition === "outside") {
           classes.push(ns.em("indicators", "outside"));
         }
+        if (vue.unref(isVertical)) {
+          classes.push(ns.em("indicators", "right"));
+        }
         return classes;
       });
       expose({
@@ -21043,7 +21083,7 @@
         }, [
           vue.createElementVNode("div", {
             class: vue.normalizeClass(vue.unref(ns).e("container")),
-            style: vue.normalizeStyle({ height: _ctx.height })
+            style: vue.normalizeStyle(vue.unref(containerStyle))
           }, [
             vue.unref(arrowDisplay) ? (vue.openBlock(), vue.createBlock(vue.Transition, {
               key: 0,
@@ -21144,6 +21184,7 @@
     const carouselContext = vue.inject(carouselContextKey);
     const instance = vue.getCurrentInstance();
     const CARD_SCALE = 0.83;
+    const carouselItemRef = vue.ref();
     const hover = vue.ref(false);
     const translate = vue.ref(0);
     const scale = vue.ref(1);
@@ -21169,8 +21210,8 @@
       return index;
     }
     function calcCardTranslate(index, activeIndex) {
-      var _a;
-      const parentWidth = ((_a = carouselContext.root.value) == null ? void 0 : _a.offsetWidth) || 0;
+      var _a, _b;
+      const parentWidth = vue.unref(isVertical) ? ((_a = carouselContext.root.value) == null ? void 0 : _a.offsetHeight) || 0 : ((_b = carouselContext.root.value) == null ? void 0 : _b.offsetWidth) || 0;
       if (inStage.value) {
         return parentWidth * ((2 - CARD_SCALE) * (index - activeIndex) + 1) / 4;
       } else if (index < activeIndex) {
@@ -21207,6 +21248,9 @@
         translate.value = calcTranslate(index, activeIndex, _isVertical);
       }
       ready.value = true;
+      if (isActive && carouselItemRef.value) {
+        carouselContext.setContainerHeight(carouselItemRef.value.offsetHeight);
+      }
     };
     function handleItemClick() {
       if (carouselContext && vue.unref(isCardType)) {
@@ -21234,6 +21278,7 @@
       carouselContext.removeItem(instance.uid);
     });
     return {
+      carouselItemRef,
       active,
       animating,
       hover,
@@ -21257,6 +21302,7 @@
       const props = __props;
       const ns = useNamespace("carousel");
       const {
+        carouselItemRef,
         active,
         animating,
         hover,
@@ -21279,13 +21325,18 @@
       });
       return (_ctx, _cache) => {
         return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+          ref_key: "carouselItemRef",
+          ref: carouselItemRef,
           class: vue.normalizeClass([
             vue.unref(ns).e("item"),
             vue.unref(ns).is("active", vue.unref(active)),
             vue.unref(ns).is("in-stage", vue.unref(inStage)),
             vue.unref(ns).is("hover", vue.unref(hover)),
             vue.unref(ns).is("animating", vue.unref(animating)),
-            { [vue.unref(ns).em("item", "card")]: vue.unref(isCardType) }
+            {
+              [vue.unref(ns).em("item", "card")]: vue.unref(isCardType),
+              [vue.unref(ns).em("item", "card-vertical")]: vue.unref(isCardType) && vue.unref(isVertical)
+            }
           ]),
           style: vue.normalizeStyle(vue.unref(itemStyle)),
           onClick: _cache[0] || (_cache[0] = (...args) => vue.unref(handleItemClick) && vue.unref(handleItemClick)(...args))
@@ -21350,8 +21401,8 @@
     }
   };
   const checkboxEmits = {
-    [UPDATE_MODEL_EVENT]: (val) => isString$1(val) || isNumber$1(val) || isBoolean$1(val),
-    change: (val) => isString$1(val) || isNumber$1(val) || isBoolean$1(val)
+    [UPDATE_MODEL_EVENT]: (val) => isString$1(val) || isNumber(val) || isBoolean(val),
+    change: (val) => isString$1(val) || isNumber(val) || isBoolean(val)
   };
 
   const checkboxGroupContextKey = Symbol("checkboxGroupContextKey");
@@ -21456,7 +21507,7 @@
     const isFocused = vue.ref(false);
     const isChecked = vue.computed(() => {
       const value = model.value;
-      if (isBoolean$1(value)) {
+      if (isBoolean(value)) {
         return value;
       } else if (isArray$1(value)) {
         if (isObject$1(props.label)) {
@@ -21861,8 +21912,8 @@
     border: Boolean
   });
   const radioEmits = {
-    [UPDATE_MODEL_EVENT]: (val) => isString$1(val) || isNumber$1(val) || isBoolean$1(val),
-    [CHANGE_EVENT]: (val) => isString$1(val) || isNumber$1(val) || isBoolean$1(val)
+    [UPDATE_MODEL_EVENT]: (val) => isString$1(val) || isNumber(val) || isBoolean(val),
+    [CHANGE_EVENT]: (val) => isString$1(val) || isNumber(val) || isBoolean(val)
   };
 
   const radioGroupKey = Symbol("radioGroupKey");
@@ -22993,14 +23044,14 @@
   const ElCascaderPanel = _CascaderPanel;
 
   const tagProps = buildProps({
-    closable: Boolean,
     type: {
       type: String,
       values: ["success", "info", "warning", "danger", ""],
       default: ""
     },
-    hit: Boolean,
+    closable: Boolean,
     disableTransitions: Boolean,
+    hit: Boolean,
     color: {
       type: String,
       default: ""
@@ -23033,7 +23084,7 @@
       const props = __props;
       const tagSize = useFormSize();
       const ns = useNamespace("tag");
-      const classes = vue.computed(() => {
+      const containerKls = vue.computed(() => {
         const { type, hit, effect, closable, round } = props;
         return [
           ns.b(),
@@ -23054,7 +23105,7 @@
       return (_ctx, _cache) => {
         return _ctx.disableTransitions ? (vue.openBlock(), vue.createElementBlock("span", {
           key: 0,
-          class: vue.normalizeClass(vue.unref(classes)),
+          class: vue.normalizeClass(vue.unref(containerKls)),
           style: vue.normalizeStyle({ backgroundColor: _ctx.color }),
           onClick: handleClick
         }, [
@@ -23080,7 +23131,7 @@
         }, {
           default: vue.withCtx(() => [
             vue.createElementVNode("span", {
-              class: vue.normalizeClass(vue.unref(classes)),
+              class: vue.normalizeClass(vue.unref(containerKls)),
               style: vue.normalizeStyle({ backgroundColor: _ctx.color }),
               onClick: handleClick
             }, [
@@ -23158,7 +23209,7 @@
     [CHANGE_EVENT]: (val) => !!val || val === null,
     focus: (evt) => evt instanceof FocusEvent,
     blur: (evt) => evt instanceof FocusEvent,
-    visibleChange: (val) => isBoolean$1(val),
+    visibleChange: (val) => isBoolean(val),
     expandChange: (val) => !!val,
     removeTag: (val) => !!val
   };
@@ -23772,8 +23823,8 @@
     }
   });
   const checkTagEmits = {
-    "update:checked": (value) => isBoolean$1(value),
-    [CHANGE_EVENT]: (value) => isBoolean$1(value)
+    "update:checked": (value) => isBoolean(value),
+    [CHANGE_EVENT]: (value) => isBoolean(value)
   };
 
   const __default__$12 = vue.defineComponent({
@@ -23786,6 +23837,7 @@
     setup(__props, { emit }) {
       const props = __props;
       const ns = useNamespace("check-tag");
+      const containerKls = vue.computed(() => [ns.b(), ns.is("checked", props.checked)]);
       const handleChange = () => {
         const checked = !props.checked;
         emit(CHANGE_EVENT, checked);
@@ -23793,7 +23845,7 @@
       };
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("span", {
-          class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).is("checked", _ctx.checked)]),
+          class: vue.normalizeClass(vue.unref(containerKls)),
           onClick: handleChange
         }, [
           vue.renderSlot(_ctx.$slots, "default")
@@ -23945,7 +23997,7 @@
         const pos = ["span", "offset", "pull", "push"];
         pos.forEach((prop) => {
           const size = props[prop];
-          if (isNumber$1(size)) {
+          if (isNumber(size)) {
             if (prop === "span")
               classes.push(ns.b(`${props[prop]}`));
             else if (size > 0)
@@ -23954,7 +24006,7 @@
         });
         const sizes = ["xs", "sm", "md", "lg", "xl"];
         sizes.forEach((size) => {
-          if (isNumber$1(props[size])) {
+          if (isNumber(props[size])) {
             classes.push(ns.b(`${size}-${props[size]}`));
           } else if (isObject$1(props[size])) {
             Object.entries(props[size]).forEach(([prop, sizeProp]) => {
@@ -23984,7 +24036,7 @@
 
   const ElCol = withInstall(Col);
 
-  const emitChangeFn = (value) => typeof isNumber$1(value);
+  const emitChangeFn = (value) => typeof isNumber(value);
   const collapseProps = buildProps({
     accordion: Boolean,
     modelValue: {
@@ -25736,6 +25788,7 @@
   const ROOT_PICKER_INJECTION_KEY = Symbol();
 
   const datePickerProps = buildProps({
+    ...timePickerDefaultProps,
     type: {
       type: definePropType(String),
       default: "date"
@@ -28252,10 +28305,7 @@
   var DatePicker = vue.defineComponent({
     name: "ElDatePicker",
     install: null,
-    props: {
-      ...timePickerDefaultProps,
-      ...datePickerProps
-    },
+    props: datePickerProps,
     emits: ["update:modelValue"],
     setup(props, {
       expose,
@@ -28868,7 +28918,7 @@
     opened: () => true,
     close: () => true,
     closed: () => true,
-    [UPDATE_MODEL_EVENT]: (value) => isBoolean$1(value),
+    [UPDATE_MODEL_EVENT]: (value) => isBoolean(value),
     openAutoFocus: () => true,
     closeAutoFocus: () => true
   };
@@ -30747,7 +30797,7 @@
   });
   const imageViewerEmits = {
     close: () => true,
-    switch: (index) => isNumber$1(index)
+    switch: (index) => isNumber(index)
   };
 
   const _hoisted_1$u = ["src"];
@@ -30827,7 +30877,7 @@
         return style;
       });
       const computedZIndex = vue.computed(() => {
-        return isNumber$1(props.zIndex) ? props.zIndex : nextZIndex();
+        return isNumber(props.zIndex) ? props.zIndex : nextZIndex();
       });
       function hide() {
         unregisterEventListener();
@@ -31189,7 +31239,7 @@
   const imageEmits = {
     load: (evt) => evt instanceof Event,
     error: (evt) => evt instanceof Event,
-    switch: (val) => isNumber$1(val),
+    switch: (val) => isNumber(val),
     close: () => true,
     show: () => true
   };
@@ -31268,7 +31318,7 @@
           removeLazyLoadListener();
         }
       }
-      const lazyLoadHandler = useThrottleFn(handleLazyLoad, 200);
+      const lazyLoadHandler = useThrottleFn(handleLazyLoad, 200, true);
       async function addLazyLoadListener() {
         var _a;
         if (!isClient)
@@ -31348,33 +31398,35 @@
           class: vue.normalizeClass([vue.unref(ns).b(), _ctx.$attrs.class]),
           style: vue.normalizeStyle(vue.unref(containerStyle))
         }, [
-          imageSrc.value !== void 0 && !hasLoadError.value ? (vue.openBlock(), vue.createElementBlock("img", vue.mergeProps({ key: 0 }, vue.unref(attrs), {
-            src: imageSrc.value,
-            loading: _ctx.loading,
-            style: vue.unref(imageStyle),
-            class: [
-              vue.unref(ns).e("inner"),
-              vue.unref(preview) && vue.unref(ns).e("preview"),
-              isLoading.value && vue.unref(ns).is("loading")
-            ],
-            onClick: clickHandler,
-            onLoad: handleLoad,
-            onError: handleError
-          }), null, 16, _hoisted_1$t)) : vue.createCommentVNode("v-if", true),
-          isLoading.value || hasLoadError.value ? (vue.openBlock(), vue.createElementBlock("div", {
-            key: 1,
-            class: vue.normalizeClass(vue.unref(ns).e("wrapper"))
-          }, [
-            isLoading.value ? vue.renderSlot(_ctx.$slots, "placeholder", { key: 0 }, () => [
-              vue.createElementVNode("div", {
-                class: vue.normalizeClass(vue.unref(ns).e("placeholder"))
-              }, null, 2)
-            ]) : hasLoadError.value ? vue.renderSlot(_ctx.$slots, "error", { key: 1 }, () => [
-              vue.createElementVNode("div", {
-                class: vue.normalizeClass(vue.unref(ns).e("error"))
-              }, vue.toDisplayString(vue.unref(t)("el.image.error")), 3)
-            ]) : vue.createCommentVNode("v-if", true)
-          ], 2)) : vue.createCommentVNode("v-if", true),
+          hasLoadError.value ? vue.renderSlot(_ctx.$slots, "error", { key: 0 }, () => [
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(vue.unref(ns).e("error"))
+            }, vue.toDisplayString(vue.unref(t)("el.image.error")), 3)
+          ]) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+            imageSrc.value !== void 0 ? (vue.openBlock(), vue.createElementBlock("img", vue.mergeProps({ key: 0 }, vue.unref(attrs), {
+              src: imageSrc.value,
+              loading: _ctx.loading,
+              style: vue.unref(imageStyle),
+              class: [
+                vue.unref(ns).e("inner"),
+                vue.unref(preview) && vue.unref(ns).e("preview"),
+                isLoading.value && vue.unref(ns).is("loading")
+              ],
+              onClick: clickHandler,
+              onLoad: handleLoad,
+              onError: handleError
+            }), null, 16, _hoisted_1$t)) : vue.createCommentVNode("v-if", true),
+            isLoading.value ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 1,
+              class: vue.normalizeClass(vue.unref(ns).e("wrapper"))
+            }, [
+              vue.renderSlot(_ctx.$slots, "placeholder", {}, () => [
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass(vue.unref(ns).e("placeholder"))
+                }, null, 2)
+              ])
+            ], 2)) : vue.createCommentVNode("v-if", true)
+          ], 64)),
           vue.unref(preview) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
             showViewer.value ? (vue.openBlock(), vue.createBlock(vue.unref(ElImageViewer), {
               key: 0,
@@ -31438,7 +31490,7 @@
     },
     valueOnClear: {
       type: [String, Number, null],
-      validator: (val) => val === null || isNumber$1(val) || ["min", "max"].includes(val),
+      validator: (val) => val === null || isNumber(val) || ["min", "max"].includes(val),
       default: null
     },
     name: String,
@@ -31457,8 +31509,8 @@
     [CHANGE_EVENT]: (cur, prev) => prev !== cur,
     blur: (e) => e instanceof FocusEvent,
     focus: (e) => e instanceof FocusEvent,
-    [INPUT_EVENT]: (val) => isNumber$1(val) || isNil(val),
-    [UPDATE_MODEL_EVENT]: (val) => isNumber$1(val) || isNil(val)
+    [INPUT_EVENT]: (val) => isNumber(val) || isNil(val),
+    [UPDATE_MODEL_EVENT]: (val) => isNumber(val) || isNil(val)
   };
 
   const _hoisted_1$s = ["aria-label", "onKeydown"];
@@ -31480,8 +31532,8 @@
         userInput: null
       });
       const { formItem } = useFormItem();
-      const minDisabled = vue.computed(() => isNumber$1(props.modelValue) && props.modelValue <= props.min);
-      const maxDisabled = vue.computed(() => isNumber$1(props.modelValue) && props.modelValue >= props.max);
+      const minDisabled = vue.computed(() => isNumber(props.modelValue) && props.modelValue <= props.min);
+      const maxDisabled = vue.computed(() => isNumber(props.modelValue) && props.modelValue >= props.max);
       const numPrecision = vue.computed(() => {
         const stepPrecision = getPrecision(props.step);
         if (!isUndefined(props.precision)) {
@@ -31503,7 +31555,7 @@
         let currentValue = data.currentValue;
         if (isNil(currentValue))
           return "";
-        if (isNumber$1(currentValue)) {
+        if (isNumber(currentValue)) {
           if (Number.isNaN(currentValue))
             return "";
           if (!isUndefined(props.precision)) {
@@ -31543,7 +31595,7 @@
         return precision;
       };
       const ensurePrecision = (val, coefficient = 1) => {
-        if (!isNumber$1(val))
+        if (!isNumber(val))
           return data.currentValue;
         return toPrecision(val + props.step * coefficient);
       };
@@ -31565,6 +31617,9 @@
       };
       const verifyValue = (value, update) => {
         const { max, min, step, precision, stepStrictly, valueOnClear } = props;
+        if (max < min) {
+          throwError("InputNumber", "min should not be greater than max.");
+        }
         let newVal = Number(value);
         if (isNil(value) || Number.isNaN(newVal)) {
           return null;
@@ -31613,7 +31668,7 @@
       };
       const handleInputChange = (value) => {
         const newVal = value !== "" ? Number(value) : "";
-        if (isNumber$1(newVal) && !Number.isNaN(newVal) || value === "") {
+        if (isNumber(newVal) && !Number.isNaN(newVal) || value === "") {
           setCurrentValue(newVal);
         }
         data.userInput = null;
@@ -31639,7 +31694,7 @@
       vue.watch(() => props.modelValue, (value) => {
         const userInput = verifyValue(data.userInput);
         const newValue = verifyValue(value, true);
-        if (!isNumber$1(userInput) && (!userInput || userInput !== newValue)) {
+        if (!isNumber(userInput) && (!userInput || userInput !== newValue)) {
           data.currentValue = newValue;
           data.userInput = null;
         }
@@ -31661,7 +31716,7 @@
         }
         innerInput.setAttribute("aria-valuenow", String(data.currentValue));
         innerInput.setAttribute("aria-disabled", String(inputNumberDisabled.value));
-        if (!isNumber$1(modelValue) && modelValue != null) {
+        if (!isNumber(modelValue) && modelValue != null) {
           let val = Number(modelValue);
           if (Number.isNaN(val)) {
             val = null;
@@ -32174,6 +32229,7 @@
         indexPath,
         active
       });
+      const ulStyle = useMenuCssVar(rootMenu.props, subMenu.level + 1);
       const titleStyle = vue.computed(() => {
         if (mode.value !== "horizontal") {
           return {
@@ -32274,7 +32330,6 @@
             default: () => isString$1(subMenuTitleIcon.value) ? vue.h(instance.appContext.components[subMenuTitleIcon.value]) : vue.h(subMenuTitleIcon.value)
           })
         ];
-        const ulStyle = useMenuCssVar(rootMenu.props, subMenu.level + 1);
         const child = rootMenu.isMenuPopup ? vue.h(ElTooltip, {
           ref: vPopper,
           visible: opened.value,
@@ -32495,7 +32550,7 @@
         var _a, _b;
         if (!menu.value)
           return -1;
-        const items2 = Array.from((_b = (_a = menu.value) == null ? void 0 : _a.childNodes) != null ? _b : []).filter((item) => item.nodeName !== "#text" || item.nodeValue);
+        const items2 = Array.from((_b = (_a = menu.value) == null ? void 0 : _a.childNodes) != null ? _b : []).filter((item) => item.nodeName !== "#comment" && (item.nodeName !== "#text" || item.nodeValue));
         const moreItemWidth = 64;
         const paddingLeft = Number.parseInt(getComputedStyle(menu.value).paddingLeft, 10);
         const paddingRight = Number.parseInt(getComputedStyle(menu.value).paddingRight, 10);
@@ -33337,6 +33392,10 @@
     });
     vue.watch(() => props.placeholder, (val) => {
       states.cachedPlaceHolder = states.currentPlaceholder = val;
+      const hasValue = props.multiple && Array.isArray(props.modelValue) && props.modelValue.length > 0;
+      if (hasValue) {
+        states.currentPlaceholder = "";
+      }
     });
     vue.watch(() => props.modelValue, (val, oldVal) => {
       if (props.multiple) {
@@ -33442,7 +33501,7 @@
       flush: "post"
     });
     vue.watch(() => states.hoverIndex, (val) => {
-      if (isNumber$1(val) && val > -1) {
+      if (isNumber(val) && val > -1) {
         hoverOption.value = optionsArray.value[val] || {};
       } else {
         hoverOption.value = {};
@@ -33460,7 +33519,7 @@
         originClientHeight = originClientHeight || (input2.clientHeight > 0 ? input2.clientHeight + 2 : 0);
         const _tags = tags.value;
         const gotSize = getComponentSize(selectSize.value || (form == null ? void 0 : form.size));
-        const sizeInMap = gotSize === originClientHeight || originClientHeight <= 0 ? gotSize : originClientHeight;
+        const sizeInMap = selectSize.value || gotSize === originClientHeight || originClientHeight <= 0 ? gotSize : originClientHeight;
         const isElHidden = input2.offsetParent === null;
         !isElHidden && (input2.style.height = `${(states.selected.length === 0 ? sizeInMap : Math.max(_tags ? _tags.clientHeight + (_tags.clientHeight > sizeInMap ? 6 : 0) : 0, sizeInMap)) - 2}px`);
         states.tagInMultiLine = Number.parseFloat(input2.style.height) >= sizeInMap;
@@ -33626,6 +33685,8 @@
       }
     };
     const deletePrevTag = (e) => {
+      if (e.code === EVENT_CODE.delete)
+        return;
       if (e.target.value.length <= 0 && !toggleLastOptionHitState()) {
         const value = props.modelValue.slice();
         value.pop();
@@ -35163,7 +35224,7 @@
     pagerCount: {
       type: Number,
       validator: (value) => {
-        return isNumber$1(value) && Math.trunc(value) === value && value > 4 && value < 22 && value % 2 === 1;
+        return isNumber(value) && Math.trunc(value) === value && value > 4 && value < 22 && value % 2 === 1;
       },
       default: 7
     },
@@ -35201,12 +35262,12 @@
     hideOnSinglePage: Boolean
   });
   const paginationEmits = {
-    "update:current-page": (val) => isNumber$1(val),
-    "update:page-size": (val) => isNumber$1(val),
-    "size-change": (val) => isNumber$1(val),
-    "current-change": (val) => isNumber$1(val),
-    "prev-click": (val) => isNumber$1(val),
-    "next-click": (val) => isNumber$1(val)
+    "update:current-page": (val) => isNumber(val),
+    "update:page-size": (val) => isNumber(val),
+    "size-change": (val) => isNumber(val),
+    "current-change": (val) => isNumber(val),
+    "prev-click": (val) => isNumber(val),
+    "next-click": (val) => isNumber(val)
   };
   const componentName = "ElPagination";
   var Pagination = vue.defineComponent({
@@ -35608,7 +35669,7 @@
     }
   });
   const popoverEmits = {
-    "update:visible": (value) => isBoolean$1(value),
+    "update:visible": (value) => isBoolean(value),
     "before-enter": () => true,
     "before-leave": () => true,
     "after-enter": () => true,
@@ -35795,6 +35856,8 @@
       ]),
       default: ""
     },
+    striped: Boolean,
+    stripedFlow: Boolean,
     format: {
       type: definePropType(Function),
       default: (percentage) => `${percentage}%`
@@ -35937,7 +36000,9 @@
               vue.createElementVNode("div", {
                 class: vue.normalizeClass([
                   vue.unref(ns).be("bar", "inner"),
-                  { [vue.unref(ns).bem("bar", "inner", "indeterminate")]: _ctx.indeterminate }
+                  { [vue.unref(ns).bem("bar", "inner", "indeterminate")]: _ctx.indeterminate },
+                  { [vue.unref(ns).bem("bar", "inner", "striped")]: _ctx.striped },
+                  { [vue.unref(ns).bem("bar", "inner", "striped-flow")]: _ctx.stripedFlow }
                 ]),
                 style: vue.normalizeStyle(vue.unref(barStyle))
               }, [
@@ -36077,8 +36142,8 @@
     }
   });
   const rateEmits = {
-    [CHANGE_EVENT]: (value) => isNumber$1(value),
-    [UPDATE_MODEL_EVENT]: (value) => isNumber$1(value)
+    [CHANGE_EVENT]: (value) => isNumber(value),
+    [UPDATE_MODEL_EVENT]: (value) => isNumber(value)
   };
 
   const _hoisted_1$i = ["id", "aria-label", "aria-labelledby", "aria-valuenow", "aria-valuetext", "aria-valuemax"];
@@ -36889,7 +36954,7 @@
         const states = vue.ref({
           isScrolling: false,
           scrollDir: "forward",
-          scrollOffset: isNumber$1(props.initScrollOffset) ? props.initScrollOffset : 0,
+          scrollOffset: isNumber(props.initScrollOffset) ? props.initScrollOffset : 0,
           updateRequested: false,
           isScrollbarDragging: false,
           scrollbarAlwaysOn: props.scrollbarAlwaysOn
@@ -36922,8 +36987,8 @@
           },
           {
             direction: props.direction,
-            height: isNumber$1(props.height) ? `${props.height}px` : props.height,
-            width: isNumber$1(props.width) ? `${props.width}px` : props.width
+            height: isNumber(props.height) ? `${props.height}px` : props.height,
+            width: isNumber(props.width) ? `${props.width}px` : props.width
           },
           props.style
         ]);
@@ -37067,7 +37132,7 @@
             return;
           const { initScrollOffset } = props;
           const windowElement = vue.unref(windowRef);
-          if (isNumber$1(initScrollOffset) && windowElement) {
+          if (isNumber(initScrollOffset) && windowElement) {
             if (vue.unref(_isHorizontal)) {
               windowElement.scrollLeft = initScrollOffset;
             } else {
@@ -37483,8 +37548,8 @@
         const innerRef = vue.ref(null);
         const states = vue.ref({
           isScrolling: false,
-          scrollLeft: isNumber$1(props.initScrollLeft) ? props.initScrollLeft : 0,
-          scrollTop: isNumber$1(props.initScrollTop) ? props.initScrollTop : 0,
+          scrollLeft: isNumber(props.initScrollLeft) ? props.initScrollLeft : 0,
+          scrollTop: isNumber(props.initScrollTop) ? props.initScrollTop : 0,
           updateRequested: false,
           xAxisScrollDir: FORWARD,
           yAxisScrollDir: FORWARD
@@ -37539,8 +37604,8 @@
             },
             {
               direction: props.direction,
-              height: isNumber$1(props.height) ? `${props.height}px` : props.height,
-              width: isNumber$1(props.width) ? `${props.width}px` : props.width
+              height: isNumber(props.height) ? `${props.height}px` : props.height,
+              width: isNumber(props.width) ? `${props.width}px` : props.width
             },
             (_a = props.style) != null ? _a : {}
           ];
@@ -37727,10 +37792,10 @@
           const { initScrollLeft, initScrollTop } = props;
           const windowElement = vue.unref(windowRef);
           if (windowElement) {
-            if (isNumber$1(initScrollLeft)) {
+            if (isNumber(initScrollLeft)) {
               windowElement.scrollLeft = initScrollLeft;
             }
-            if (isNumber$1(initScrollTop)) {
+            if (isNumber(initScrollTop)) {
               windowElement.scrollTop = initScrollTop;
             }
           }
@@ -38172,10 +38237,10 @@
       const resetAfter = ({ columnIndex, rowIndex }, forceUpdate) => {
         var _a, _b;
         forceUpdate = isUndefined(forceUpdate) ? true : forceUpdate;
-        if (isNumber$1(columnIndex)) {
+        if (isNumber(columnIndex)) {
           cache.value.lastVisitedColumnIndex = Math.min(cache.value.lastVisitedColumnIndex, columnIndex - 1);
         }
-        if (isNumber$1(rowIndex)) {
+        if (isNumber(rowIndex)) {
           cache.value.lastVisitedRowIndex = Math.min(cache.value.lastVisitedRowIndex, rowIndex - 1);
         }
         (_a = instance.exposed) == null ? void 0 : _a.getItemStyleCache.value(-1, null, null);
@@ -39990,7 +40055,7 @@
       default: true
     }
   });
-  const isValidValue$1 = (value) => isNumber$1(value) || isArray$1(value) && value.every(isNumber$1);
+  const isValidValue$1 = (value) => isNumber(value) || isArray$1(value) && value.every(isNumber);
   const sliderEmits = {
     [UPDATE_MODEL_EVENT]: isValidValue$1,
     [INPUT_EVENT]: isValidValue$1,
@@ -40512,7 +40577,7 @@
     }
   });
   const sliderButtonEmits = {
-    [UPDATE_MODEL_EVENT]: (value) => isNumber$1(value)
+    [UPDATE_MODEL_EVENT]: (value) => isNumber(value)
   };
 
   const _hoisted_1$f = ["tabindex"];
@@ -40892,7 +40957,7 @@
         verticalSize.value = v;
       } else {
         let val;
-        if (isNumber$1(size)) {
+        if (isNumber(size)) {
           val = size;
         } else {
           val = SIZE_MAP[size || "small"] || SIZE_MAP.small;
@@ -40945,7 +41010,7 @@
     spacer: {
       type: definePropType([Object, String, Number, Array]),
       default: null,
-      validator: (val) => vue.isVNode(val) || isNumber$1(val) || isString$1(val)
+      validator: (val) => vue.isVNode(val) || isNumber(val) || isString$1(val)
     },
     wrap: Boolean,
     fill: Boolean,
@@ -40957,7 +41022,7 @@
       type: [String, Array, Number],
       values: componentSizes,
       validator: (val) => {
-        return isNumber$1(val) || isArray$1(val) && val.length === 2 && val.every(isNumber$1);
+        return isNumber(val) || isArray$1(val) && val.length === 2 && val.every(isNumber);
       }
     }
   });
@@ -41074,7 +41139,7 @@
         const { value, formatter, precision, decimalSeparator, groupSeparator } = props;
         if (isFunction$1(formatter))
           return formatter(value);
-        if (!isNumber$1(value))
+        if (!isNumber(value))
           return value;
         let [integer, decimal = ""] = String(value).split(".");
         decimal = decimal.padEnd(precision, "0").slice(0, precision > 0 ? precision : 0);
@@ -41146,7 +41211,7 @@
   });
   const countdownEmits = {
     finish: () => true,
-    [CHANGE_EVENT]: (value) => isNumber$1(value)
+    [CHANGE_EVENT]: (value) => isNumber(value)
   };
 
   const timeUnits = [
@@ -41159,7 +41224,7 @@
     ["S", 1]
   ];
   const getTime = (value) => {
-    return isNumber$1(value) ? new Date(value).getTime() : value.valueOf();
+    return isNumber(value) ? new Date(value).getTime() : value.valueOf();
   };
   const formatTime$1 = (timestamp, format) => {
     let timeLeft = timestamp;
@@ -41280,7 +41345,7 @@
     }
   });
   const stepsEmits = {
-    [CHANGE_EVENT]: (newVal, oldVal) => [newVal, oldVal].every(isNumber$1)
+    [CHANGE_EVENT]: (newVal, oldVal) => [newVal, oldVal].every(isNumber)
   };
 
   const __default__$n = vue.defineComponent({
@@ -41385,9 +41450,17 @@
       const space = vue.computed(() => {
         return isSimple.value ? "" : parent.props.space;
       });
+      const containerKls = vue.computed(() => {
+        return [
+          ns.b(),
+          ns.is(isSimple.value ? "simple" : parent.props.direction),
+          ns.is("flex", isLast.value && !space.value && !isCenter.value),
+          ns.is("center", isCenter.value && !isVertical.value && !isSimple.value)
+        ];
+      });
       const style = vue.computed(() => {
         const style2 = {
-          flexBasis: isNumber$1(space.value) ? `${space.value}px` : space.value ? space.value : `${100 / (stepsCount.value - (isCenter.value ? 0 : 1))}%`
+          flexBasis: isNumber(space.value) ? `${space.value}px` : space.value ? space.value : `${100 / (stepsCount.value - (isCenter.value ? 0 : 1))}%`
         };
         if (isVertical.value)
           return style2;
@@ -41431,12 +41504,7 @@
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
           style: vue.normalizeStyle(vue.unref(style)),
-          class: vue.normalizeClass([
-            vue.unref(ns).b(),
-            vue.unref(ns).is(vue.unref(isSimple) ? "simple" : vue.unref(parent).props.direction),
-            vue.unref(ns).is("flex", vue.unref(isLast) && !vue.unref(space) && !vue.unref(isCenter)),
-            vue.unref(ns).is("center", vue.unref(isCenter) && !vue.unref(isVertical) && !vue.unref(isSimple))
-          ])
+          class: vue.normalizeClass(vue.unref(containerKls))
         }, [
           vue.createCommentVNode(" icon & line "),
           vue.createElementVNode("div", {
@@ -41600,9 +41668,9 @@
     }
   });
   const switchEmits = {
-    [UPDATE_MODEL_EVENT]: (val) => isBoolean$1(val) || isString$1(val) || isNumber$1(val),
-    [CHANGE_EVENT]: (val) => isBoolean$1(val) || isString$1(val) || isNumber$1(val),
-    [INPUT_EVENT]: (val) => isBoolean$1(val) || isString$1(val) || isNumber$1(val)
+    [UPDATE_MODEL_EVENT]: (val) => isBoolean(val) || isString$1(val) || isNumber(val),
+    [CHANGE_EVENT]: (val) => isBoolean(val) || isString$1(val) || isNumber(val),
+    [INPUT_EVENT]: (val) => isBoolean(val) || isString$1(val) || isNumber(val)
   };
 
   const _hoisted_1$d = ["onClick"];
@@ -41693,7 +41761,7 @@
         const shouldChange = beforeChange();
         const isPromiseOrBool = [
           isPromise(shouldChange),
-          isBoolean$1(shouldChange)
+          isBoolean(shouldChange)
         ].includes(true);
         if (!isPromiseOrBool) {
           throwError(COMPONENT_NAME$8, "beforeChange must return type `Promise<boolean>` or `boolean`");
@@ -42072,7 +42140,7 @@
         });
       }
     };
-    if (isBoolean$1(newVal)) {
+    if (isBoolean(newVal)) {
       if (newVal && !included) {
         toggleStatus("add");
       } else if (!newVal && included) {
@@ -43879,10 +43947,13 @@
       }
     };
     const handleMouseMove = (event, column) => {
-      var _a;
       if (column.children && column.children.length > 0)
         return;
-      const target = (_a = event.target) == null ? void 0 : _a.closest("th");
+      const el = event.target;
+      if (!isElement$1(el)) {
+        return;
+      }
+      const target = el == null ? void 0 : el.closest("th");
       if (!column || !column.resizable)
         return;
       if (!dragging.value && props.border) {
@@ -45378,7 +45449,7 @@
     };
     const setScrollPosition = (position, offset) => {
       const scrollbar = scrollBarRef.value;
-      if (scrollbar && isNumber$1(offset) && ["Top", "Left"].includes(position)) {
+      if (scrollbar && isNumber(offset) && ["Top", "Left"].includes(position)) {
         scrollbar[`setScroll${position}`](offset);
       }
     };
@@ -46507,7 +46578,7 @@
     const leftTableHeights = vue.shallowRef({});
     const mainTableHeights = vue.shallowRef({});
     const rightTableHeights = vue.shallowRef({});
-    const isDynamic = vue.computed(() => isNumber$1(props.estimatedRowHeight));
+    const isDynamic = vue.computed(() => isNumber(props.estimatedRowHeight));
     function onRowsRendered(params) {
       var _a;
       (_a = props.onRowsRendered) == null ? void 0 : _a.call(props, params);
@@ -46689,7 +46760,7 @@
     const rowsHeight = vue.computed(() => {
       const { rowHeight, estimatedRowHeight } = props;
       const _data = vue.unref(data);
-      if (isNumber$1(estimatedRowHeight)) {
+      if (isNumber(estimatedRowHeight)) {
         return _data.length * estimatedRowHeight;
       }
       return _data.length * rowHeight;
@@ -46697,7 +46768,7 @@
     const fixedTableHeight = vue.computed(() => {
       const { maxHeight } = props;
       const tableHeight = vue.unref(mainTableHeight);
-      if (isNumber$1(maxHeight) && maxHeight > 0)
+      if (isNumber(maxHeight) && maxHeight > 0)
         return tableHeight;
       const totalHeight = vue.unref(rowsHeight) + vue.unref(headerHeight) + vue.unref(fixedRowsHeight);
       return Math.min(tableHeight, totalHeight);
@@ -47324,7 +47395,7 @@
     const measured = vue.ref(false);
     const rowRef = vue.ref();
     const measurable = vue.computed(() => {
-      return isNumber$1(props.estimatedRowHeight) && props.rowIndex >= 0;
+      return isNumber(props.estimatedRowHeight) && props.rowIndex >= 0;
     });
     const doMeasure = (isInit = false) => {
       const $rowRef = vue.unref(rowRef);
@@ -47707,7 +47778,7 @@
           getRowHeight,
           onScroll
         } = props;
-        const isDynamicRowEnabled = isNumber$1(estimatedRowHeight);
+        const isDynamicRowEnabled = isNumber(estimatedRowHeight);
         const Grid = isDynamicRowEnabled ? DynamicSizeGrid$1 : FixedSizeGrid$1;
         const _headerHeight = vue.unref(headerHeight);
         return vue.createVNode("div", {
@@ -47952,7 +48023,7 @@
     };
     const Cell = CellComponent(cellProps);
     const kls = [ns.e("row-cell"), column.class, column.align === Alignment.CENTER && ns.is("align-center"), column.align === Alignment.RIGHT && ns.is("align-right")];
-    const expandable = rowIndex >= 0 && column.key === expandColumnKey;
+    const expandable = rowIndex >= 0 && expandColumnKey && column.key === expandColumnKey;
     const expanded = rowIndex >= 0 && expandedRowKeys.includes(rowData[rowKey]);
     let IconOrPlaceholder;
     const iconStyle = `margin-inline-start: ${depth * indentSize}px;`;
@@ -48766,7 +48837,7 @@
     },
     stretch: Boolean
   });
-  const isPaneName = (value) => isString$1(value) || isNumber$1(value);
+  const isPaneName = (value) => isString$1(value) || isNumber(value);
   const tabsEmits = {
     [UPDATE_MODEL_EVENT]: (name) => isPaneName(name),
     tabClick: (pane, ev) => ev instanceof Event,
@@ -49303,7 +49374,14 @@
     ...__default__$g,
     props: timelineItemProps,
     setup(__props) {
+      const props = __props;
       const ns = useNamespace("timeline-item");
+      const defaultNodeKls = vue.computed(() => [
+        ns.e("node"),
+        ns.em("node", props.size || ""),
+        ns.em("node", props.type || ""),
+        ns.is("hollow", props.hollow)
+      ]);
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("li", {
           class: vue.normalizeClass([vue.unref(ns).b(), { [vue.unref(ns).e("center")]: _ctx.center }])
@@ -49313,12 +49391,7 @@
           }, null, 2),
           !_ctx.$slots.dot ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
-            class: vue.normalizeClass([
-              vue.unref(ns).e("node"),
-              vue.unref(ns).em("node", _ctx.size || ""),
-              vue.unref(ns).em("node", _ctx.type || ""),
-              vue.unref(ns).is("hollow", _ctx.hollow)
-            ]),
+            class: vue.normalizeClass(vue.unref(defaultNodeKls)),
             style: vue.normalizeStyle({
               backgroundColor: _ctx.color
             })
@@ -49521,7 +49594,7 @@
           (_a = props["onUpdate:open"]) == null ? void 0 : _a.call(props, open2);
         }
       });
-      const isOpenDelayed = vue.computed(() => isNumber$1(props.delayDuration) && props.delayDuration > 0);
+      const isOpenDelayed = vue.computed(() => isNumber(props.delayDuration) && props.delayDuration > 0);
       const { start: onDelayedOpen, stop: clearTimer } = useTimeoutFn(() => {
         open.value = true;
       }, vue.computed(() => props.delayDuration), {
@@ -51268,7 +51341,7 @@
     const treeNodeDragOver = ({ event, treeNode }) => {
       const dropNode = treeNode;
       const oldDropNode = dragState.value.dropNode;
-      if (oldDropNode && oldDropNode !== dropNode) {
+      if (oldDropNode && oldDropNode.node.id !== dropNode.node.id) {
         removeClass(oldDropNode.$el, ns.is("drop-inner"));
       }
       const draggingNode = dragState.value.draggingNode;
@@ -51284,7 +51357,7 @@
         dropNext = props.allowDrop(draggingNode.node, dropNode.node, "next");
       }
       event.dataTransfer.dropEffect = dropInner || dropPrev || dropNext ? "move" : "none";
-      if ((dropPrev || dropInner || dropNext) && oldDropNode !== dropNode) {
+      if ((dropPrev || dropInner || dropNext) && (oldDropNode == null ? void 0 : oldDropNode.node.id) !== dropNode.node.id) {
         if (oldDropNode) {
           ctx.emit("node-drag-leave", draggingNode.node, oldDropNode.node, event);
         }
@@ -52030,7 +52103,6 @@
     }
   });
   function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-    var _a;
     const _component_el_tree_node = vue.resolveComponent("el-tree-node");
     return vue.openBlock(), vue.createElementBlock("div", {
       ref: "el$",
@@ -52059,9 +52131,14 @@
         key: 0,
         class: vue.normalizeClass(_ctx.ns.e("empty-block"))
       }, [
-        vue.createElementVNode("span", {
-          class: vue.normalizeClass(_ctx.ns.e("empty-text"))
-        }, vue.toDisplayString((_a = _ctx.emptyText) != null ? _a : _ctx.t("el.tree.emptyText")), 3)
+        vue.renderSlot(_ctx.$slots, "empty", {}, () => {
+          var _a;
+          return [
+            vue.createElementVNode("span", {
+              class: vue.normalizeClass(_ctx.ns.e("empty-text"))
+            }, vue.toDisplayString((_a = _ctx.emptyText) != null ? _a : _ctx.t("el.tree.emptyText")), 3)
+          ];
+        })
       ], 2)) : vue.createCommentVNode("v-if", true),
       vue.withDirectives(vue.createElementVNode("div", {
         ref: "dropIndicator$",
@@ -52221,6 +52298,9 @@
       }, (data) => getNodeValByProp("children", data));
       return options;
     });
+    const cacheOptionsMap = vue.computed(() => {
+      return cacheOptions.value.reduce((prev, next) => ({ ...prev, [next.value]: next }), {});
+    });
     return {
       ...pick(vue.toRefs(props), Object.keys(_Tree.props)),
       ...attrs,
@@ -52261,11 +52341,14 @@
         }
       },
       onCheck: (data, params) => {
-        var _a;
-        (_a = attrs.onCheck) == null ? void 0 : _a.call(attrs, data, params);
+        if (!props.showCheckbox)
+          return;
         const dataValue = getNodeValByProp("value", data);
+        const uncachedCheckedKeys = params.checkedKeys;
+        const cachedKeys = props.multiple ? toValidArray(props.modelValue).filter((item) => item in cacheOptionsMap.value && !tree.value.getNode(item) && !uncachedCheckedKeys.includes(item)) : [];
+        const checkedKeys = uncachedCheckedKeys.concat(cachedKeys);
         if (props.checkStrictly) {
-          emit(UPDATE_MODEL_EVENT, props.multiple ? params.checkedKeys : params.checkedKeys.includes(dataValue) ? dataValue : void 0);
+          emit(UPDATE_MODEL_EVENT, props.multiple ? checkedKeys : checkedKeys.includes(dataValue) ? dataValue : void 0);
         } else {
           if (props.multiple) {
             emit(UPDATE_MODEL_EVENT, tree.value.getCheckedKeys(true));
@@ -52276,6 +52359,17 @@
             emit(UPDATE_MODEL_EVENT, firstLeafKey === props.modelValue || hasCheckedChild ? void 0 : firstLeafKey);
           }
         }
+        vue.nextTick(() => {
+          var _a;
+          const checkedKeys2 = toValidArray(props.modelValue);
+          tree.value.setCheckedKeys(checkedKeys2);
+          (_a = attrs.onCheck) == null ? void 0 : _a.call(attrs, data, {
+            checkedKeys: tree.value.getCheckedKeys(),
+            checkedNodes: tree.value.getCheckedNodes(),
+            halfCheckedKeys: tree.value.getHalfCheckedKeys(),
+            halfCheckedNodes: tree.value.getHalfCheckedNodes()
+          });
+        });
       },
       cacheOptions
     };
@@ -53779,9 +53873,13 @@
         let hookResult;
         let beforeData = {};
         try {
+          const originData = props.data;
           const beforeUploadPromise = props.beforeUpload(rawFile);
           beforeData = isObject$1(props.data) ? cloneDeep(props.data) : props.data;
           hookResult = await beforeUploadPromise;
+          if (isObject$1(props.data) && isEqual$1(originData, beforeData)) {
+            beforeData = cloneDeep(props.data);
+          }
         } catch (e) {
           hookResult = false;
         }
@@ -54427,8 +54525,7 @@
     const elLoadingComponent = vue.defineComponent({
       name: "ElLoading",
       setup(_, { expose }) {
-        const { ns } = useGlobalComponentSettings("loading");
-        const zIndex = useZIndex();
+        const { ns, zIndex } = useGlobalComponentSettings("loading");
         expose({
           ns,
           zIndex
@@ -54545,7 +54642,7 @@
     };
   };
   const addStyle = async (options, parent, instance) => {
-    const { nextZIndex } = instance.vm.zIndex;
+    const { nextZIndex } = instance.vm.zIndex || instance.vm._.exposed.zIndex;
     const maskStyle = {};
     if (options.fullscreen) {
       instance.originalPosition.value = getStyle(document.body, "position");
@@ -54569,7 +54666,7 @@
     }
   };
   const addClassList = (options, parent, instance) => {
-    const ns = instance.vm.ns;
+    const ns = instance.vm.ns || instance.vm._.exposed.ns;
     if (!["absolute", "fixed", "sticky"].includes(instance.originalPosition.value)) {
       addClass(parent, ns.bm("parent", "relative"));
     } else {
@@ -54963,7 +55060,7 @@
   const message = (options = {}, context) => {
     if (!isClient)
       return { close: () => void 0 };
-    if (isNumber$1(messageConfig.max) && instances.length >= messageConfig.max) {
+    if (isNumber(messageConfig.max) && instances.length >= messageConfig.max) {
       return { close: () => void 0 };
     }
     const normalized = normalizeOptions(options);
@@ -56155,6 +56252,7 @@
   exports.createModelToggleComposable = createModelToggleComposable;
   exports.dateEquals = dateEquals;
   exports.datePickTypes = datePickTypes;
+  exports.datePickerProps = datePickerProps;
   exports.dayjs = dayjs;
   exports["default"] = installer;
   exports.defaultInitialZIndex = defaultInitialZIndex;