element-plus 2.3.3 → 2.3.5

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v2.3.3 */
+/*! Element Plus v2.3.5 */
 
 import { getCurrentScope, onScopeDispose, unref, readonly, shallowRef, watchEffect, ref, watch, getCurrentInstance, onMounted, nextTick, computed as computed$1, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, onBeforeUnmount, isRef, inject, onUnmounted, h as h$1, Teleport, onBeforeMount, provide, defineComponent, renderSlot, normalizeClass, normalizeStyle, mergeProps, useSlots, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, toRef, reactive, toRefs, onUpdated, TransitionGroup, useAttrs as useAttrs$1, withModifiers, cloneVNode, Text as Text$1, onDeactivated, renderList, withKeys, createSlots, normalizeProps, toRaw as toRaw$1, vModelCheckbox, vModelRadio, resolveComponent, onBeforeUpdate, vModelText, toHandlers, guardReactiveProps, markRaw, effectScope, triggerRef, resolveDirective, createApp, shallowReactive, render } from 'vue';
 
@@ -110,8 +110,6 @@ function computedEager(fn, options) {
 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 = () => {
 };
@@ -639,6 +637,8 @@ function useWindowSize(options = {}) {
   return { width, height };
 }
 
+const isFirefox = () => isClient && /firefox/i.test(window.navigator.userAgent);
+
 const isInContainer = (el, container) => {
   if (!isClient || !el || !container)
     return false;
@@ -4694,7 +4694,7 @@ var nodeIsArrayBuffer = nodeUtil && nodeUtil.isArrayBuffer;
 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;
 }
 
@@ -4765,12 +4765,12 @@ function isMatchWith(object, source, customizer) {
 }
 
 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;
@@ -6742,7 +6742,7 @@ var lang = {
   isArrayBuffer,
   isArrayLike,
   isArrayLikeObject,
-  isBoolean,
+  isBoolean: isBoolean$1,
   isBuffer,
   isDate,
   isElement: isElement$2,
@@ -6761,7 +6761,7 @@ var lang = {
   isNative,
   isNil,
   isNull,
-  isNumber,
+  isNumber: isNumber$1,
   isObject,
   isObjectLike,
   isPlainObject,
@@ -7530,6 +7530,8 @@ if (symIterator) {
  */
 
 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")
@@ -7612,7 +7614,7 @@ const getStyle = (element, styleName) => {
 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;
@@ -8740,9 +8742,7 @@ const castArray = (arr) => {
   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);
@@ -9447,7 +9447,7 @@ const createModelToggleComposable = (name) => {
       }
     };
     const onChange = (val) => {
-      if (!isBoolean$1(val))
+      if (!isBoolean(val))
         return;
       if (props.disabled && val) {
         if (hasUpdateHandler.value) {
@@ -9924,7 +9924,7 @@ const useDelayedToggle = ({
     registerTimeout(() => {
       open(event);
       const _autoClose = unref(autoClose);
-      if (isNumber$1(_autoClose) && _autoClose > 0) {
+      if (isNumber(_autoClose) && _autoClose > 0) {
         registerTimeoutForAutoClose(() => {
           close(event);
         }, _autoClose);
@@ -9973,7 +9973,7 @@ const useZIndex = (zIndexOverrides) => {
   const zIndexInjection = zIndexOverrides || inject(zIndexContextKey, void 0);
   const initialZIndex = computed$1(() => {
     const zIndexFromInjection = unref(zIndexInjection);
-    return isNumber$1(zIndexFromInjection) ? zIndexFromInjection : defaultInitialZIndex;
+    return isNumber(zIndexFromInjection) ? zIndexFromInjection : defaultInitialZIndex;
   });
   const currentZIndex = computed$1(() => initialZIndex.value + zIndex.value);
   const nextZIndex = () => {
@@ -11221,7 +11221,7 @@ const ConfigProvider = defineComponent({
 
 const ElConfigProvider = withInstall(ConfigProvider);
 
-const version$1 = "2.3.3";
+const version$1 = "2.3.5";
 
 const makeInstaller = (components = []) => {
   const install = (app, options) => {
@@ -11258,8 +11258,8 @@ const affixProps = buildProps({
   }
 });
 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) => {
@@ -11674,7 +11674,7 @@ const formProps = buildProps({
   }
 });
 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() {
@@ -13027,7 +13027,7 @@ var FormLabelWrap = defineComponent({
   }
 });
 
-const _hoisted_1$13 = ["role", "aria-labelledby"];
+const _hoisted_1$12 = ["role", "aria-labelledby"];
 const __default__$1y = defineComponent({
   name: "ElFormItem"
 });
@@ -13082,7 +13082,7 @@ const _sfc_main$2e = /* @__PURE__ */ defineComponent({
       (formContext == null ? void 0 : formContext.requireAsteriskPosition) === "right" ? "asterisk-right" : "asterisk-left",
       { [ns.m("feedback")]: formContext == null ? void 0 : formContext.statusIcon }
     ]);
-    const _inlineMessage = computed$1(() => isBoolean$1(props.inlineMessage) ? props.inlineMessage : (formContext == null ? void 0 : formContext.inlineMessage) || false);
+    const _inlineMessage = computed$1(() => isBoolean(props.inlineMessage) ? props.inlineMessage : (formContext == null ? void 0 : formContext.inlineMessage) || false);
     const validateClasses = computed$1(() => [
       ns.e("error"),
       { [ns.em("error", "inline")]: _inlineMessage.value }
@@ -13323,7 +13323,7 @@ const _sfc_main$2e = /* @__PURE__ */ defineComponent({
             _: 3
           }, 8, ["name"])
         ], 6)
-      ], 10, _hoisted_1$13);
+      ], 10, _hoisted_1$12);
     };
   }
 });
@@ -13387,7 +13387,7 @@ function calcTextareaHeight(targetElement, minRows = 1, maxRows) {
   }
   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;
@@ -13395,7 +13395,7 @@ function calcTextareaHeight(targetElement, minRows = 1, maxRows) {
     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;
@@ -13509,7 +13509,7 @@ const inputEmits = {
   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 = defineComponent({
@@ -13937,7 +13937,7 @@ const _sfc_main$2d = /* @__PURE__ */ defineComponent({
             class: normalizeClass(unref(nsInput).e("count"))
           }, toDisplayString(unref(textLength)) + " / " + toDisplayString(unref(attrs).maxlength), 7)) : createCommentVNode("v-if", true)
         ], 64))
-      ], 16, _hoisted_1$12)), [
+      ], 16, _hoisted_1$11)), [
         [vShow, _ctx.type !== "hidden"]
       ]);
     };
@@ -14214,7 +14214,7 @@ const scrollbarEmits = {
   scroll: ({
     scrollTop,
     scrollLeft
-  }) => [scrollTop, scrollLeft].every(isNumber$1)
+  }) => [scrollTop, scrollLeft].every(isNumber)
 };
 
 const COMPONENT_NAME$j = "ElScrollbar";
@@ -14269,18 +14269,18 @@ const _sfc_main$2a = /* @__PURE__ */ defineComponent({
     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;
@@ -15784,7 +15784,7 @@ const _sfc_main$23 = /* @__PURE__ */ defineComponent({
 });
 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 = defineComponent({
   name: "ElTooltip"
@@ -15819,7 +15819,7 @@ const _sfc_main$22 = /* @__PURE__ */ defineComponent({
       open: show,
       close: hide
     });
-    const controlled = computed$1(() => isBoolean$1(props.visible) && !hasUpdateHandler.value);
+    const controlled = computed$1(() => isBoolean(props.visible) && !hasUpdateHandler.value);
     provide(TOOLTIP_INJECTION_KEY, {
       controlled,
       id,
@@ -15926,7 +15926,7 @@ const _sfc_main$22 = /* @__PURE__ */ defineComponent({
                 _ctx.rawContent ? (openBlock(), createElementBlock("span", {
                   key: 0,
                   innerHTML: _ctx.content
-                }, null, 8, _hoisted_1$11)) : (openBlock(), createElementBlock("span", _hoisted_2$F, toDisplayString(_ctx.content), 1))
+                }, null, 8, _hoisted_1$10)) : (openBlock(), createElementBlock("span", _hoisted_2$F, toDisplayString(_ctx.content), 1))
               ]),
               _ctx.showArrow ? (openBlock(), createBlock(unref(ElPopperArrow), {
                 key: 0,
@@ -16022,7 +16022,7 @@ const autocompleteEmits = {
   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";
@@ -16355,7 +16355,7 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
                 ])
               } : void 0
             ]), 1040, ["clearable", "disabled", "name", "model-value", "onKeydown"])
-          ], 14, _hoisted_1$10)
+          ], 14, _hoisted_1$$)
         ]),
         _: 3
       }, 8, ["visible", "placement", "popper-class", "teleported", "transition"]);
@@ -16371,7 +16371,7 @@ const avatarProps = buildProps({
     type: [Number, String],
     values: componentSizes,
     default: "",
-    validator: (val) => isNumber$1(val)
+    validator: (val) => isNumber(val)
   },
   shape: {
     type: String,
@@ -16396,7 +16396,7 @@ const avatarEmits = {
   error: (evt) => evt instanceof Event
 };
 
-const _hoisted_1$$ = ["src", "alt", "srcset"];
+const _hoisted_1$_ = ["src", "alt", "srcset"];
 const __default__$1n = defineComponent({
   name: "ElAvatar"
 });
@@ -16421,7 +16421,7 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
     });
     const sizeStyle = computed$1(() => {
       const { size } = props;
-      return isNumber$1(size) ? ns.cssVarBlock({
+      return isNumber(size) ? ns.cssVarBlock({
         size: addUnit(size) || ""
       }) : void 0;
     });
@@ -16445,7 +16445,7 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
           srcset: _ctx.srcSet,
           style: normalizeStyle(unref(fitStyle)),
           onError: handleError
-        }, null, 44, _hoisted_1$$)) : _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
+        }, null, 44, _hoisted_1$_)) : _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
           default: withCtx(() => [
             (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
           ]),
@@ -16580,7 +16580,7 @@ const badgeProps = buildProps({
   }
 });
 
-const _hoisted_1$_ = ["textContent"];
+const _hoisted_1$Z = ["textContent"];
 const __default__$1l = defineComponent({
   name: "ElBadge"
 });
@@ -16593,7 +16593,7 @@ const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
     const content = computed$1(() => {
       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}`;
@@ -16619,7 +16619,7 @@ const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
                 unref(ns).is("dot", _ctx.isDot)
               ]),
               textContent: toDisplayString(unref(content))
-            }, null, 10, _hoisted_1$_), [
+            }, null, 10, _hoisted_1$Z), [
               [vShow, !_ctx.hidden && (unref(content) || _ctx.isDot)]
             ])
           ]),
@@ -16766,6 +16766,17 @@ const useButton = (props, emit) => {
     var _a, _b, _c;
     return (_c = (_b = props.autoInsertSpace) != null ? _b : (_a = globalConfig.value) == null ? void 0 : _a.autoInsertSpace) != null ? _c : false;
   });
+  const _props = computed$1(() => {
+    if (props.tag === "button") {
+      return {
+        ariaDisabled: _disabled.value || props.loading,
+        disabled: _disabled.value || props.loading,
+        autofocus: props.autofocus,
+        type: props.nativeType
+      };
+    }
+    return {};
+  });
   const shouldAddSpace = computed$1(() => {
     var _a;
     const defaultSlot = (_a = slots.default) == null ? void 0 : _a.call(slots);
@@ -16789,6 +16800,7 @@ const useButton = (props, emit) => {
     _size,
     _type,
     _ref,
+    _props,
     shouldAddSpace,
     handleClick
   };
@@ -16838,6 +16850,10 @@ const buttonProps = buildProps({
   autoInsertSpace: {
     type: Boolean,
     default: void 0
+  },
+  tag: {
+    type: definePropType([String, Object]),
+    default: "button"
   }
 });
 const buttonEmits = {
@@ -17771,7 +17787,6 @@ function useButtonCustomStyle(props) {
   });
 }
 
-const _hoisted_1$Z = ["aria-disabled", "disabled", "autofocus", "type"];
 const __default__$1i = defineComponent({
   name: "ElButton"
 });
@@ -17783,7 +17798,7 @@ const _sfc_main$1X = /* @__PURE__ */ defineComponent({
     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,
@@ -17792,10 +17807,11 @@ const _sfc_main$1X = /* @__PURE__ */ defineComponent({
       shouldAddSpace
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("button", {
+      return openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), mergeProps({
         ref_key: "_ref",
-        ref: _ref,
-        class: normalizeClass([
+        ref: _ref
+      }, unref(_props), {
+        class: [
           unref(ns).b(),
           unref(ns).m(unref(_type)),
           unref(ns).m(unref(_size)),
@@ -17807,37 +17823,36 @@ const _sfc_main$1X = /* @__PURE__ */ defineComponent({
           unref(ns).is("text", _ctx.text),
           unref(ns).is("link", _ctx.link),
           unref(ns).is("has-bg", _ctx.bg)
-        ]),
-        "aria-disabled": unref(_disabled) || _ctx.loading,
-        disabled: unref(_disabled) || _ctx.loading,
-        autofocus: _ctx.autofocus,
-        type: _ctx.nativeType,
-        style: normalizeStyle(unref(buttonStyle)),
-        onClick: _cache[0] || (_cache[0] = (...args) => unref(handleClick) && unref(handleClick)(...args))
-      }, [
-        _ctx.loading ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-          _ctx.$slots.loading ? renderSlot(_ctx.$slots, "loading", { key: 0 }) : (openBlock(), createBlock(unref(ElIcon), {
-            key: 1,
-            class: normalizeClass(unref(ns).is("loading"))
-          }, {
+        ],
+        style: unref(buttonStyle),
+        onClick: unref(handleClick)
+      }), {
+        default: withCtx(() => [
+          _ctx.loading ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            _ctx.$slots.loading ? renderSlot(_ctx.$slots, "loading", { key: 0 }) : (openBlock(), createBlock(unref(ElIcon), {
+              key: 1,
+              class: normalizeClass(unref(ns).is("loading"))
+            }, {
+              default: withCtx(() => [
+                (openBlock(), createBlock(resolveDynamicComponent(_ctx.loadingIcon)))
+              ]),
+              _: 1
+            }, 8, ["class"]))
+          ], 64)) : _ctx.icon || _ctx.$slots.icon ? (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
             default: withCtx(() => [
-              (openBlock(), createBlock(resolveDynamicComponent(_ctx.loadingIcon)))
+              _ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), { key: 0 })) : renderSlot(_ctx.$slots, "icon", { key: 1 })
             ]),
-            _: 1
-          }, 8, ["class"]))
-        ], 64)) : _ctx.icon || _ctx.$slots.icon ? (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
-          default: withCtx(() => [
-            _ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), { key: 0 })) : renderSlot(_ctx.$slots, "icon", { key: 1 })
-          ]),
-          _: 3
-        })) : createCommentVNode("v-if", true),
-        _ctx.$slots.default ? (openBlock(), createElementBlock("span", {
-          key: 2,
-          class: normalizeClass({ [unref(ns).em("text", "expand")]: unref(shouldAddSpace) })
-        }, [
-          renderSlot(_ctx.$slots, "default")
-        ], 2)) : createCommentVNode("v-if", true)
-      ], 14, _hoisted_1$Z);
+            _: 3
+          })) : createCommentVNode("v-if", true),
+          _ctx.$slots.default ? (openBlock(), createElementBlock("span", {
+            key: 2,
+            class: normalizeClass({ [unref(ns).em("text", "expand")]: unref(shouldAddSpace) })
+          }, [
+            renderSlot(_ctx.$slots, "default")
+          ], 2)) : createCommentVNode("v-if", true)
+        ]),
+        _: 3
+      }, 16, ["class", "style", "onClick"]);
     };
   }
 });
@@ -20773,7 +20788,7 @@ const carouselProps = buildProps({
   }
 });
 const carouselEmits = {
-  change: (current, prev) => [current, prev].every(isNumber$1)
+  change: (current, prev) => [current, prev].every(isNumber)
 };
 
 const carouselContextKey = Symbol("carouselContextKey");
@@ -20789,12 +20804,24 @@ const useCarousel = (props, emit, componentName) => {
   const timer = ref(null);
   const hover = ref(false);
   const root = ref();
+  const containerHeight = ref(0);
   const arrowDisplay = computed$1(() => props.arrow !== "never" && !unref(isVertical));
   const hasLabel = computed$1(() => {
     return items.value.some((item) => item.props.label.toString().length > 0);
   });
   const isCardType = computed$1(() => props.type === "card");
   const isVertical = computed$1(() => props.direction === "vertical");
+  const containerStyle = computed$1(() => {
+    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 });
@@ -20913,6 +20940,11 @@ const useCarousel = (props, emit, componentName) => {
     pauseTimer();
     startTimer();
   }
+  function setContainerHeight(height) {
+    if (props.height !== "auto")
+      return;
+    containerHeight.value = height;
+  }
   watch(() => activeIndex.value, (current, prev2) => {
     resetItemPosition(prev2);
     if (prev2 > -1) {
@@ -20952,7 +20984,8 @@ const useCarousel = (props, emit, componentName) => {
     loop: props.loop,
     addItem,
     removeItem,
-    setActiveItem
+    setActiveItem,
+    setContainerHeight
   });
   return {
     root,
@@ -20962,6 +20995,8 @@ const useCarousel = (props, emit, componentName) => {
     hover,
     isCardType,
     items,
+    isVertical,
+    containerStyle,
     handleButtonEnter,
     handleButtonLeave,
     handleIndicatorClick,
@@ -20995,6 +21030,8 @@ const _sfc_main$1O = /* @__PURE__ */ defineComponent({
       hover,
       isCardType,
       items,
+      isVertical,
+      containerStyle,
       handleButtonEnter,
       handleButtonLeave,
       handleIndicatorClick,
@@ -21019,9 +21056,12 @@ const _sfc_main$1O = /* @__PURE__ */ defineComponent({
       if (unref(hasLabel)) {
         classes.push(ns.em("indicators", "labels"));
       }
-      if (props.indicatorPosition === "outside" || unref(isCardType)) {
+      if (props.indicatorPosition === "outside") {
         classes.push(ns.em("indicators", "outside"));
       }
+      if (unref(isVertical)) {
+        classes.push(ns.em("indicators", "right"));
+      }
       return classes;
     });
     expose({
@@ -21039,7 +21079,7 @@ const _sfc_main$1O = /* @__PURE__ */ defineComponent({
       }, [
         createElementVNode("div", {
           class: normalizeClass(unref(ns).e("container")),
-          style: normalizeStyle({ height: _ctx.height })
+          style: normalizeStyle(unref(containerStyle))
         }, [
           unref(arrowDisplay) ? (openBlock(), createBlock(Transition, {
             key: 0,
@@ -21140,6 +21180,7 @@ const useCarouselItem = (props, componentName) => {
   const carouselContext = inject(carouselContextKey);
   const instance = getCurrentInstance();
   const CARD_SCALE = 0.83;
+  const carouselItemRef = ref();
   const hover = ref(false);
   const translate = ref(0);
   const scale = ref(1);
@@ -21165,8 +21206,8 @@ const useCarouselItem = (props, componentName) => {
     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 = 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) {
@@ -21203,6 +21244,9 @@ const useCarouselItem = (props, componentName) => {
       translate.value = calcTranslate(index, activeIndex, _isVertical);
     }
     ready.value = true;
+    if (isActive && carouselItemRef.value) {
+      carouselContext.setContainerHeight(carouselItemRef.value.offsetHeight);
+    }
   };
   function handleItemClick() {
     if (carouselContext && unref(isCardType)) {
@@ -21230,6 +21274,7 @@ const useCarouselItem = (props, componentName) => {
     carouselContext.removeItem(instance.uid);
   });
   return {
+    carouselItemRef,
     active,
     animating,
     hover,
@@ -21253,6 +21298,7 @@ const _sfc_main$1N = /* @__PURE__ */ defineComponent({
     const props = __props;
     const ns = useNamespace("carousel");
     const {
+      carouselItemRef,
       active,
       animating,
       hover,
@@ -21275,13 +21321,18 @@ const _sfc_main$1N = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return withDirectives((openBlock(), createElementBlock("div", {
+        ref_key: "carouselItemRef",
+        ref: carouselItemRef,
         class: normalizeClass([
           unref(ns).e("item"),
           unref(ns).is("active", unref(active)),
           unref(ns).is("in-stage", unref(inStage)),
           unref(ns).is("hover", unref(hover)),
           unref(ns).is("animating", unref(animating)),
-          { [unref(ns).em("item", "card")]: unref(isCardType) }
+          {
+            [unref(ns).em("item", "card")]: unref(isCardType),
+            [unref(ns).em("item", "card-vertical")]: unref(isCardType) && unref(isVertical)
+          }
         ]),
         style: normalizeStyle(unref(itemStyle)),
         onClick: _cache[0] || (_cache[0] = (...args) => unref(handleItemClick) && unref(handleItemClick)(...args))
@@ -21346,8 +21397,8 @@ const checkboxProps = {
   }
 };
 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");
@@ -21452,7 +21503,7 @@ const useCheckboxStatus = (props, slots, { model }) => {
   const isFocused = ref(false);
   const isChecked = computed$1(() => {
     const value = model.value;
-    if (isBoolean$1(value)) {
+    if (isBoolean(value)) {
       return value;
     } else if (isArray$1(value)) {
       if (isObject$1(props.label)) {
@@ -21857,8 +21908,8 @@ const radioProps = buildProps({
   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");
@@ -22989,14 +23040,14 @@ const _CascaderPanel = CascaderPanel;
 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: ""
@@ -23029,7 +23080,7 @@ const _sfc_main$1D = /* @__PURE__ */ defineComponent({
     const props = __props;
     const tagSize = useFormSize();
     const ns = useNamespace("tag");
-    const classes = computed$1(() => {
+    const containerKls = computed$1(() => {
       const { type, hit, effect, closable, round } = props;
       return [
         ns.b(),
@@ -23050,7 +23101,7 @@ const _sfc_main$1D = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return _ctx.disableTransitions ? (openBlock(), createElementBlock("span", {
         key: 0,
-        class: normalizeClass(unref(classes)),
+        class: normalizeClass(unref(containerKls)),
         style: normalizeStyle({ backgroundColor: _ctx.color }),
         onClick: handleClick
       }, [
@@ -23076,7 +23127,7 @@ const _sfc_main$1D = /* @__PURE__ */ defineComponent({
       }, {
         default: withCtx(() => [
           createElementVNode("span", {
-            class: normalizeClass(unref(classes)),
+            class: normalizeClass(unref(containerKls)),
             style: normalizeStyle({ backgroundColor: _ctx.color }),
             onClick: handleClick
           }, [
@@ -23154,7 +23205,7 @@ const cascaderEmits = {
   [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
 };
@@ -23768,8 +23819,8 @@ const checkTagProps = buildProps({
   }
 });
 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 = defineComponent({
@@ -23782,6 +23833,7 @@ const _sfc_main$1B = /* @__PURE__ */ defineComponent({
   setup(__props, { emit }) {
     const props = __props;
     const ns = useNamespace("check-tag");
+    const containerKls = computed$1(() => [ns.b(), ns.is("checked", props.checked)]);
     const handleChange = () => {
       const checked = !props.checked;
       emit(CHANGE_EVENT, checked);
@@ -23789,7 +23841,7 @@ const _sfc_main$1B = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("span", {
-        class: normalizeClass([unref(ns).b(), unref(ns).is("checked", _ctx.checked)]),
+        class: normalizeClass(unref(containerKls)),
         onClick: handleChange
       }, [
         renderSlot(_ctx.$slots, "default")
@@ -23941,7 +23993,7 @@ const _sfc_main$1z = /* @__PURE__ */ defineComponent({
       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)
@@ -23950,7 +24002,7 @@ const _sfc_main$1z = /* @__PURE__ */ defineComponent({
       });
       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]) => {
@@ -23980,7 +24032,7 @@ var Col = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["__file", "col.vue"]]);
 
 const ElCol = withInstall(Col);
 
-const emitChangeFn = (value) => typeof isNumber$1(value);
+const emitChangeFn = (value) => typeof isNumber(value);
 const collapseProps = buildProps({
   accordion: Boolean,
   modelValue: {
@@ -25732,6 +25784,7 @@ var isSameOrBefore = isSameOrBefore$1.exports;
 const ROOT_PICKER_INJECTION_KEY = Symbol();
 
 const datePickerProps = buildProps({
+  ...timePickerDefaultProps,
   type: {
     type: definePropType(String),
     default: "date"
@@ -28248,10 +28301,7 @@ dayjs.extend(isSameOrBefore);
 var DatePicker = defineComponent({
   name: "ElDatePicker",
   install: null,
-  props: {
-    ...timePickerDefaultProps,
-    ...datePickerProps
-  },
+  props: datePickerProps,
   emits: ["update:modelValue"],
   setup(props, {
     expose,
@@ -28864,7 +28914,7 @@ const dialogEmits = {
   opened: () => true,
   close: () => true,
   closed: () => true,
-  [UPDATE_MODEL_EVENT]: (value) => isBoolean$1(value),
+  [UPDATE_MODEL_EVENT]: (value) => isBoolean(value),
   openAutoFocus: () => true,
   closeAutoFocus: () => true
 };
@@ -30743,7 +30793,7 @@ const imageViewerProps = buildProps({
 });
 const imageViewerEmits = {
   close: () => true,
-  switch: (index) => isNumber$1(index)
+  switch: (index) => isNumber(index)
 };
 
 const _hoisted_1$u = ["src"];
@@ -30823,7 +30873,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
       return style;
     });
     const computedZIndex = computed$1(() => {
-      return isNumber$1(props.zIndex) ? props.zIndex : nextZIndex();
+      return isNumber(props.zIndex) ? props.zIndex : nextZIndex();
     });
     function hide() {
       unregisterEventListener();
@@ -31185,7 +31235,7 @@ const imageProps = buildProps({
 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
 };
@@ -31264,7 +31314,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
         removeLazyLoadListener();
       }
     }
-    const lazyLoadHandler = useThrottleFn(handleLazyLoad, 200);
+    const lazyLoadHandler = useThrottleFn(handleLazyLoad, 200, true);
     async function addLazyLoadListener() {
       var _a;
       if (!isClient)
@@ -31344,33 +31394,35 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
         class: normalizeClass([unref(ns).b(), _ctx.$attrs.class]),
         style: normalizeStyle(unref(containerStyle))
       }, [
-        imageSrc.value !== void 0 && !hasLoadError.value ? (openBlock(), createElementBlock("img", mergeProps({ key: 0 }, unref(attrs), {
-          src: imageSrc.value,
-          loading: _ctx.loading,
-          style: unref(imageStyle),
-          class: [
-            unref(ns).e("inner"),
-            unref(preview) && unref(ns).e("preview"),
-            isLoading.value && unref(ns).is("loading")
-          ],
-          onClick: clickHandler,
-          onLoad: handleLoad,
-          onError: handleError
-        }), null, 16, _hoisted_1$t)) : createCommentVNode("v-if", true),
-        isLoading.value || hasLoadError.value ? (openBlock(), createElementBlock("div", {
-          key: 1,
-          class: normalizeClass(unref(ns).e("wrapper"))
-        }, [
-          isLoading.value ? renderSlot(_ctx.$slots, "placeholder", { key: 0 }, () => [
-            createElementVNode("div", {
-              class: normalizeClass(unref(ns).e("placeholder"))
-            }, null, 2)
-          ]) : hasLoadError.value ? renderSlot(_ctx.$slots, "error", { key: 1 }, () => [
-            createElementVNode("div", {
-              class: normalizeClass(unref(ns).e("error"))
-            }, toDisplayString(unref(t)("el.image.error")), 3)
-          ]) : createCommentVNode("v-if", true)
-        ], 2)) : createCommentVNode("v-if", true),
+        hasLoadError.value ? renderSlot(_ctx.$slots, "error", { key: 0 }, () => [
+          createElementVNode("div", {
+            class: normalizeClass(unref(ns).e("error"))
+          }, toDisplayString(unref(t)("el.image.error")), 3)
+        ]) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          imageSrc.value !== void 0 ? (openBlock(), createElementBlock("img", mergeProps({ key: 0 }, unref(attrs), {
+            src: imageSrc.value,
+            loading: _ctx.loading,
+            style: unref(imageStyle),
+            class: [
+              unref(ns).e("inner"),
+              unref(preview) && unref(ns).e("preview"),
+              isLoading.value && unref(ns).is("loading")
+            ],
+            onClick: clickHandler,
+            onLoad: handleLoad,
+            onError: handleError
+          }), null, 16, _hoisted_1$t)) : createCommentVNode("v-if", true),
+          isLoading.value ? (openBlock(), createElementBlock("div", {
+            key: 1,
+            class: normalizeClass(unref(ns).e("wrapper"))
+          }, [
+            renderSlot(_ctx.$slots, "placeholder", {}, () => [
+              createElementVNode("div", {
+                class: normalizeClass(unref(ns).e("placeholder"))
+              }, null, 2)
+            ])
+          ], 2)) : createCommentVNode("v-if", true)
+        ], 64)),
         unref(preview) ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
           showViewer.value ? (openBlock(), createBlock(unref(ElImageViewer), {
             key: 0,
@@ -31434,7 +31486,7 @@ const inputNumberProps = buildProps({
   },
   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,
@@ -31453,8 +31505,8 @@ const inputNumberEmits = {
   [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"];
@@ -31476,8 +31528,8 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
       userInput: null
     });
     const { formItem } = useFormItem();
-    const minDisabled = computed$1(() => isNumber$1(props.modelValue) && props.modelValue <= props.min);
-    const maxDisabled = computed$1(() => isNumber$1(props.modelValue) && props.modelValue >= props.max);
+    const minDisabled = computed$1(() => isNumber(props.modelValue) && props.modelValue <= props.min);
+    const maxDisabled = computed$1(() => isNumber(props.modelValue) && props.modelValue >= props.max);
     const numPrecision = computed$1(() => {
       const stepPrecision = getPrecision(props.step);
       if (!isUndefined(props.precision)) {
@@ -31499,7 +31551,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
       let currentValue = data.currentValue;
       if (isNil(currentValue))
         return "";
-      if (isNumber$1(currentValue)) {
+      if (isNumber(currentValue)) {
         if (Number.isNaN(currentValue))
           return "";
         if (!isUndefined(props.precision)) {
@@ -31539,7 +31591,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
       return precision;
     };
     const ensurePrecision = (val, coefficient = 1) => {
-      if (!isNumber$1(val))
+      if (!isNumber(val))
         return data.currentValue;
       return toPrecision(val + props.step * coefficient);
     };
@@ -31561,6 +31613,9 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     };
     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;
@@ -31609,7 +31664,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     };
     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;
@@ -31635,7 +31690,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     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;
       }
@@ -31657,7 +31712,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
       }
       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;
@@ -32170,6 +32225,7 @@ var SubMenu = defineComponent({
       indexPath,
       active
     });
+    const ulStyle = useMenuCssVar(rootMenu.props, subMenu.level + 1);
     const titleStyle = computed$1(() => {
       if (mode.value !== "horizontal") {
         return {
@@ -32270,7 +32326,6 @@ var SubMenu = defineComponent({
           default: () => isString$1(subMenuTitleIcon.value) ? h$1(instance.appContext.components[subMenuTitleIcon.value]) : h$1(subMenuTitleIcon.value)
         })
       ];
-      const ulStyle = useMenuCssVar(rootMenu.props, subMenu.level + 1);
       const child = rootMenu.isMenuPopup ? h$1(ElTooltip, {
         ref: vPopper,
         visible: opened.value,
@@ -32491,7 +32546,7 @@ var Menu = defineComponent({
       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);
@@ -33333,6 +33388,10 @@ const useSelect$3 = (props, states, ctx) => {
   });
   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 = "";
+    }
   });
   watch(() => props.modelValue, (val, oldVal) => {
     if (props.multiple) {
@@ -33438,7 +33497,7 @@ const useSelect$3 = (props, states, ctx) => {
     flush: "post"
   });
   watch(() => states.hoverIndex, (val) => {
-    if (isNumber$1(val) && val > -1) {
+    if (isNumber(val) && val > -1) {
       hoverOption.value = optionsArray.value[val] || {};
     } else {
       hoverOption.value = {};
@@ -33456,7 +33515,7 @@ const useSelect$3 = (props, states, ctx) => {
       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;
@@ -33622,6 +33681,8 @@ const useSelect$3 = (props, states, ctx) => {
     }
   };
   const deletePrevTag = (e) => {
+    if (e.code === EVENT_CODE.delete)
+      return;
     if (e.target.value.length <= 0 && !toggleLastOptionHitState()) {
       const value = props.modelValue.slice();
       value.pop();
@@ -35159,7 +35220,7 @@ const paginationProps = buildProps({
   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
   },
@@ -35197,12 +35258,12 @@ const paginationProps = buildProps({
   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 = defineComponent({
@@ -35604,7 +35665,7 @@ const popoverProps = buildProps({
   }
 });
 const popoverEmits = {
-  "update:visible": (value) => isBoolean$1(value),
+  "update:visible": (value) => isBoolean(value),
   "before-enter": () => true,
   "before-leave": () => true,
   "after-enter": () => true,
@@ -35791,6 +35852,8 @@ const progressProps = buildProps({
     ]),
     default: ""
   },
+  striped: Boolean,
+  stripedFlow: Boolean,
   format: {
     type: definePropType(Function),
     default: (percentage) => `${percentage}%`
@@ -35933,7 +35996,9 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
             createElementVNode("div", {
               class: normalizeClass([
                 unref(ns).be("bar", "inner"),
-                { [unref(ns).bem("bar", "inner", "indeterminate")]: _ctx.indeterminate }
+                { [unref(ns).bem("bar", "inner", "indeterminate")]: _ctx.indeterminate },
+                { [unref(ns).bem("bar", "inner", "striped")]: _ctx.striped },
+                { [unref(ns).bem("bar", "inner", "striped-flow")]: _ctx.stripedFlow }
               ]),
               style: normalizeStyle(unref(barStyle))
             }, [
@@ -36073,8 +36138,8 @@ const rateProps = buildProps({
   }
 });
 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"];
@@ -36885,7 +36950,7 @@ const createList = ({
       const states = 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
@@ -36918,8 +36983,8 @@ const createList = ({
         },
         {
           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
       ]);
@@ -37063,7 +37128,7 @@ const createList = ({
           return;
         const { initScrollOffset } = props;
         const windowElement = unref(windowRef);
-        if (isNumber$1(initScrollOffset) && windowElement) {
+        if (isNumber(initScrollOffset) && windowElement) {
           if (unref(_isHorizontal)) {
             windowElement.scrollLeft = initScrollOffset;
           } else {
@@ -37479,8 +37544,8 @@ const createGrid = ({
       const innerRef = ref(null);
       const states = 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
@@ -37535,8 +37600,8 @@ const createGrid = ({
           },
           {
             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 : {}
         ];
@@ -37723,10 +37788,10 @@ const createGrid = ({
         const { initScrollLeft, initScrollTop } = props;
         const windowElement = unref(windowRef);
         if (windowElement) {
-          if (isNumber$1(initScrollLeft)) {
+          if (isNumber(initScrollLeft)) {
             windowElement.scrollLeft = initScrollLeft;
           }
-          if (isNumber$1(initScrollTop)) {
+          if (isNumber(initScrollTop)) {
             windowElement.scrollTop = initScrollTop;
           }
         }
@@ -38168,10 +38233,10 @@ const DynamicSizeGrid = createGrid$1({
     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);
@@ -39986,7 +40051,7 @@ const sliderProps = buildProps({
     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,
@@ -40508,7 +40573,7 @@ const sliderButtonProps = buildProps({
   }
 });
 const sliderButtonEmits = {
-  [UPDATE_MODEL_EVENT]: (value) => isNumber$1(value)
+  [UPDATE_MODEL_EVENT]: (value) => isNumber(value)
 };
 
 const _hoisted_1$f = ["tabindex"];
@@ -40888,7 +40953,7 @@ function useSpace(props) {
       verticalSize.value = v;
     } else {
       let val;
-      if (isNumber$1(size)) {
+      if (isNumber(size)) {
         val = size;
       } else {
         val = SIZE_MAP[size || "small"] || SIZE_MAP.small;
@@ -40941,7 +41006,7 @@ const spaceProps = buildProps({
   spacer: {
     type: definePropType([Object, String, Number, Array]),
     default: null,
-    validator: (val) => isVNode(val) || isNumber$1(val) || isString$1(val)
+    validator: (val) => isVNode(val) || isNumber(val) || isString$1(val)
   },
   wrap: Boolean,
   fill: Boolean,
@@ -40953,7 +41018,7 @@ const spaceProps = buildProps({
     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);
     }
   }
 });
@@ -41070,7 +41135,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
       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);
@@ -41142,7 +41207,7 @@ const countdownProps = buildProps({
 });
 const countdownEmits = {
   finish: () => true,
-  [CHANGE_EVENT]: (value) => isNumber$1(value)
+  [CHANGE_EVENT]: (value) => isNumber(value)
 };
 
 const timeUnits = [
@@ -41155,7 +41220,7 @@ const timeUnits = [
   ["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;
@@ -41276,7 +41341,7 @@ const stepsProps = buildProps({
   }
 });
 const stepsEmits = {
-  [CHANGE_EVENT]: (newVal, oldVal) => [newVal, oldVal].every(isNumber$1)
+  [CHANGE_EVENT]: (newVal, oldVal) => [newVal, oldVal].every(isNumber)
 };
 
 const __default__$n = defineComponent({
@@ -41381,9 +41446,17 @@ const _sfc_main$t = defineComponent({
     const space = computed$1(() => {
       return isSimple.value ? "" : parent.props.space;
     });
+    const containerKls = computed$1(() => {
+      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 = computed$1(() => {
       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;
@@ -41427,12 +41500,7 @@ const _sfc_main$t = defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         style: normalizeStyle(unref(style)),
-        class: normalizeClass([
-          unref(ns).b(),
-          unref(ns).is(unref(isSimple) ? "simple" : unref(parent).props.direction),
-          unref(ns).is("flex", unref(isLast) && !unref(space) && !unref(isCenter)),
-          unref(ns).is("center", unref(isCenter) && !unref(isVertical) && !unref(isSimple))
-        ])
+        class: normalizeClass(unref(containerKls))
       }, [
         createCommentVNode(" icon & line "),
         createElementVNode("div", {
@@ -41596,9 +41664,9 @@ const switchProps = buildProps({
   }
 });
 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"];
@@ -41689,7 +41757,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
       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`");
@@ -42068,7 +42136,7 @@ function toggleRowStatus(statusArr, row, newVal) {
       });
     }
   };
-  if (isBoolean$1(newVal)) {
+  if (isBoolean(newVal)) {
     if (newVal && !included) {
       toggleStatus("add");
     } else if (!newVal && included) {
@@ -43875,10 +43943,13 @@ function useEvent(props, emit) {
     }
   };
   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) {
@@ -45374,7 +45445,7 @@ const useScrollbar$1 = () => {
   };
   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);
     }
   };
@@ -46503,7 +46574,7 @@ const useRow = (props, { mainTableRef, leftTableRef, rightTableRef }) => {
   const leftTableHeights = shallowRef({});
   const mainTableHeights = shallowRef({});
   const rightTableHeights = shallowRef({});
-  const isDynamic = computed$1(() => isNumber$1(props.estimatedRowHeight));
+  const isDynamic = computed$1(() => isNumber(props.estimatedRowHeight));
   function onRowsRendered(params) {
     var _a;
     (_a = props.onRowsRendered) == null ? void 0 : _a.call(props, params);
@@ -46685,7 +46756,7 @@ const useStyles = (props, {
   const rowsHeight = computed$1(() => {
     const { rowHeight, estimatedRowHeight } = props;
     const _data = unref(data);
-    if (isNumber$1(estimatedRowHeight)) {
+    if (isNumber(estimatedRowHeight)) {
       return _data.length * estimatedRowHeight;
     }
     return _data.length * rowHeight;
@@ -46693,7 +46764,7 @@ const useStyles = (props, {
   const fixedTableHeight = computed$1(() => {
     const { maxHeight } = props;
     const tableHeight = unref(mainTableHeight);
-    if (isNumber$1(maxHeight) && maxHeight > 0)
+    if (isNumber(maxHeight) && maxHeight > 0)
       return tableHeight;
     const totalHeight = unref(rowsHeight) + unref(headerHeight) + unref(fixedRowsHeight);
     return Math.min(tableHeight, totalHeight);
@@ -47320,7 +47391,7 @@ const useTableRow = (props) => {
   const measured = ref(false);
   const rowRef = ref();
   const measurable = computed$1(() => {
-    return isNumber$1(props.estimatedRowHeight) && props.rowIndex >= 0;
+    return isNumber(props.estimatedRowHeight) && props.rowIndex >= 0;
   });
   const doMeasure = (isInit = false) => {
     const $rowRef = unref(rowRef);
@@ -47703,7 +47774,7 @@ const TableGrid = defineComponent({
         getRowHeight,
         onScroll
       } = props;
-      const isDynamicRowEnabled = isNumber$1(estimatedRowHeight);
+      const isDynamicRowEnabled = isNumber(estimatedRowHeight);
       const Grid = isDynamicRowEnabled ? DynamicSizeGrid$1 : FixedSizeGrid$1;
       const _headerHeight = unref(headerHeight);
       return createVNode("div", {
@@ -47948,7 +48019,7 @@ const CellRenderer = ({
   };
   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;`;
@@ -48762,7 +48833,7 @@ const tabsProps = buildProps({
   },
   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,
@@ -49299,7 +49370,14 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
   ...__default__$g,
   props: timelineItemProps,
   setup(__props) {
+    const props = __props;
     const ns = useNamespace("timeline-item");
+    const defaultNodeKls = computed$1(() => [
+      ns.e("node"),
+      ns.em("node", props.size || ""),
+      ns.em("node", props.type || ""),
+      ns.is("hollow", props.hollow)
+    ]);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("li", {
         class: normalizeClass([unref(ns).b(), { [unref(ns).e("center")]: _ctx.center }])
@@ -49309,12 +49387,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
         }, null, 2),
         !_ctx.$slots.dot ? (openBlock(), createElementBlock("div", {
           key: 0,
-          class: normalizeClass([
-            unref(ns).e("node"),
-            unref(ns).em("node", _ctx.size || ""),
-            unref(ns).em("node", _ctx.type || ""),
-            unref(ns).is("hollow", _ctx.hollow)
-          ]),
+          class: normalizeClass(unref(defaultNodeKls)),
           style: normalizeStyle({
             backgroundColor: _ctx.color
           })
@@ -49517,7 +49590,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
         (_a = props["onUpdate:open"]) == null ? void 0 : _a.call(props, open2);
       }
     });
-    const isOpenDelayed = computed$1(() => isNumber$1(props.delayDuration) && props.delayDuration > 0);
+    const isOpenDelayed = computed$1(() => isNumber(props.delayDuration) && props.delayDuration > 0);
     const { start: onDelayedOpen, stop: clearTimer } = useTimeoutFn(() => {
       open.value = true;
     }, computed$1(() => props.delayDuration), {
@@ -51264,7 +51337,7 @@ function useDragNodeHandler({ props, ctx, el$, dropIndicator$, store }) {
   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;
@@ -51280,7 +51353,7 @@ function useDragNodeHandler({ props, ctx, el$, dropIndicator$, store }) {
       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);
       }
@@ -52026,7 +52099,6 @@ const _sfc_main$a = defineComponent({
   }
 });
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  var _a;
   const _component_el_tree_node = resolveComponent("el-tree-node");
   return openBlock(), createElementBlock("div", {
     ref: "el$",
@@ -52055,9 +52127,14 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
       key: 0,
       class: normalizeClass(_ctx.ns.e("empty-block"))
     }, [
-      createElementVNode("span", {
-        class: normalizeClass(_ctx.ns.e("empty-text"))
-      }, toDisplayString((_a = _ctx.emptyText) != null ? _a : _ctx.t("el.tree.emptyText")), 3)
+      renderSlot(_ctx.$slots, "empty", {}, () => {
+        var _a;
+        return [
+          createElementVNode("span", {
+            class: normalizeClass(_ctx.ns.e("empty-text"))
+          }, toDisplayString((_a = _ctx.emptyText) != null ? _a : _ctx.t("el.tree.emptyText")), 3)
+        ];
+      })
     ], 2)) : createCommentVNode("v-if", true),
     withDirectives(createElementVNode("div", {
       ref: "dropIndicator$",
@@ -52217,6 +52294,9 @@ const useTree$1 = (props, { attrs, slots, emit }, {
     }, (data) => getNodeValByProp("children", data));
     return options;
   });
+  const cacheOptionsMap = computed$1(() => {
+    return cacheOptions.value.reduce((prev, next) => ({ ...prev, [next.value]: next }), {});
+  });
   return {
     ...pick(toRefs(props), Object.keys(_Tree.props)),
     ...attrs,
@@ -52257,11 +52337,14 @@ const useTree$1 = (props, { attrs, slots, emit }, {
       }
     },
     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));
@@ -52272,6 +52355,17 @@ const useTree$1 = (props, { attrs, slots, emit }, {
           emit(UPDATE_MODEL_EVENT, firstLeafKey === props.modelValue || hasCheckedChild ? void 0 : firstLeafKey);
         }
       }
+      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
   };
@@ -53775,9 +53869,13 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       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;
       }
@@ -54423,8 +54521,7 @@ function createLoadingComponent(options) {
   const elLoadingComponent = defineComponent({
     name: "ElLoading",
     setup(_, { expose }) {
-      const { ns } = useGlobalComponentSettings("loading");
-      const zIndex = useZIndex();
+      const { ns, zIndex } = useGlobalComponentSettings("loading");
       expose({
         ns,
         zIndex
@@ -54541,7 +54638,7 @@ const resolveOptions = (options) => {
   };
 };
 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");
@@ -54565,7 +54662,7 @@ const addStyle = async (options, parent, instance) => {
   }
 };
 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 {
@@ -54959,7 +55056,7 @@ const createMessage = ({ appendTo, ...options }, context) => {
 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);
@@ -55934,4 +56031,4 @@ var installer = makeInstaller([...Components, ...Plugins]);
 const install = installer.install;
 const version = installer.version;
 
-export { BAR_MAP, CASCADER_PANEL_INJECTION_KEY, CHANGE_EVENT, ClickOutside, CommonPicker, CommonProps, DEFAULT_FORMATS_DATE, DEFAULT_FORMATS_DATEPICKER, DEFAULT_FORMATS_TIME, COLLECTION_INJECTION_KEY as DROPDOWN_COLLECTION_INJECTION_KEY, COLLECTION_ITEM_INJECTION_KEY as DROPDOWN_COLLECTION_ITEM_INJECTION_KEY, DROPDOWN_INJECTION_KEY, DefaultProps, DynamicSizeGrid$1 as DynamicSizeGrid, DynamicSizeList$1 as DynamicSizeList, EVENT_CODE, Effect, ElAffix, ElAlert, ElAside, ElAutoResizer, ElAutocomplete, ElAvatar, ElBacktop, ElBadge, ElBreadcrumb, ElBreadcrumbItem, ElButton, ElButtonGroup$1 as ElButtonGroup, ElCalendar, ElCard, ElCarousel, ElCarouselItem, ElCascader, ElCascaderPanel, ElCheckTag, ElCheckbox, ElCheckboxButton, ElCheckboxGroup$1 as ElCheckboxGroup, ElCol, ElCollapse, ElCollapseItem, ElCollapseTransition, ElCollection, ElCollectionItem, ElColorPicker, ElConfigProvider, ElContainer, ElCountdown, ElDatePicker, ElDescriptions, ElDescriptionsItem, ElDialog, ElDivider, ElDrawer, ElDropdown, ElDropdownItem, ElDropdownMenu, ElEmpty, ElFooter, ElForm, ElFormItem, ElHeader, ElIcon, ElImage, ElImageViewer, ElInfiniteScroll, ElInput, ElInputNumber, ElLink, ElLoading, vLoading as ElLoadingDirective, Loading as ElLoadingService, ElMain, ElMenu, ElMenuItem, ElMenuItemGroup, ElMessage, ElMessageBox, ElNotification, ElOption, ElOptionGroup, ElOverlay, ElPageHeader, ElPagination, ElPopconfirm, ElPopover, ElPopoverDirective, ElPopper, ElPopperArrow, ElPopperContent, ElPopperTrigger, ElProgress, ElRadio, ElRadioButton, ElRadioGroup, ElRate, ElResult, ElRow, ElScrollbar, ElSelect, ElSelectV2, ElSkeleton, ElSkeletonItem, ElSlider, ElSpace, ElStatistic, ElStep, ElSteps, ElSubMenu, ElSwitch, ElTabPane, ElTable, ElTableColumn, ElTableV2, ElTabs, ElTag, ElText, ElTimePicker, ElTimeSelect, ElTimeline, ElTimelineItem, ElTooltip, ElTransfer, ElTree, ElTreeSelect, ElTreeV2, ElUpload, FIRST_KEYS, FIRST_LAST_KEYS, FORWARD_REF_INJECTION_KEY, FixedSizeGrid$1 as FixedSizeGrid, FixedSizeList$1 as FixedSizeList, GAP, ID_INJECTION_KEY, INPUT_EVENT, INSTALLED_KEY, IconComponentMap, IconMap, LAST_KEYS, LEFT_CHECK_CHANGE_EVENT, Mousewheel, POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY, RIGHT_CHECK_CHANGE_EVENT, ROOT_PICKER_INJECTION_KEY, RowAlign, RowJustify, SIZE_INJECTION_KEY, TOOLTIP_INJECTION_KEY, TableV2$1 as TableV2, Alignment as TableV2Alignment, FixedDir as TableV2FixedDir, placeholderSign as TableV2Placeholder, SortOrder as TableV2SortOrder, TimePickPanel, TrapFocus, UPDATE_MODEL_EVENT, WEEK_DAYS, affixEmits, affixProps, alertEffects, alertEmits, alertProps, arrowMiddleware, autoResizerProps, autocompleteEmits, autocompleteProps, avatarEmits, avatarProps, backtopEmits, backtopProps, badgeProps, breadcrumbItemProps, breadcrumbKey, breadcrumbProps, buildLocaleContext, buildTimeList, buildTranslator, buttonEmits, buttonGroupContextKey, buttonNativeTypes, buttonProps, buttonTypes, calendarEmits, calendarProps, cardProps, carouselContextKey, carouselEmits, carouselItemProps, carouselProps, cascaderEmits, cascaderProps, checkTagEmits, checkTagProps, checkboxEmits, checkboxGroupContextKey, checkboxGroupEmits, checkboxGroupProps, checkboxProps, colProps, collapseContextKey, collapseEmits, collapseItemProps, collapseProps, colorPickerContextKey, colorPickerEmits, colorPickerProps, componentSizeMap, componentSizes, configProviderContextKey, configProviderProps, countdownEmits, countdownProps, createModelToggleComposable, dateEquals, datePickTypes, dayjs, installer as default, defaultInitialZIndex, defaultNamespace, descriptionProps, dialogEmits, dialogInjectionKey, dialogProps, dividerProps, drawerEmits, drawerProps, dropdownItemProps, dropdownMenuProps, dropdownProps, elPaginationKey, emitChangeFn, emptyProps, extractDateFormat, extractTimeFormat, formContextKey, formEmits, formItemContextKey, formItemProps, formItemValidateStates, formProps, formatter, genFileId, getPositionDataWithUnit, iconProps, imageEmits, imageProps, imageViewerEmits, imageViewerProps, inputEmits, inputNumberEmits, inputNumberProps, inputProps, install, linkEmits, linkProps, localeContextKey, makeInstaller, makeList, menuEmits, menuItemEmits, menuItemGroupProps, menuItemProps, menuProps, messageConfig, messageDefaults, messageEmits, messageProps, messageTypes, namespaceContextKey, notificationEmits, notificationProps, notificationTypes, overlayEmits, overlayProps, pageHeaderEmits, pageHeaderProps, paginationEmits, paginationProps, parseDate, popconfirmEmits, popconfirmProps, popoverEmits, popoverProps, popperArrowProps, popperContentEmits, popperContentProps, popperCoreConfigProps, popperProps, popperTriggerProps, progressProps, provideGlobalConfig, radioButtonProps, radioEmits, radioGroupEmits, radioGroupKey, radioGroupProps, radioProps, radioPropsBase, rangeArr, rateEmits, rateProps, renderThumbStyle$1 as renderThumbStyle, resultProps, roleTypes, rowContextKey, rowProps, scrollbarContextKey, scrollbarEmits, scrollbarProps, selectGroupKey, selectKey, selectV2InjectionKey, skeletonItemProps, skeletonProps, sliderContextKey, sliderEmits, sliderProps, spaceProps, statisticProps, stepProps, stepsEmits, stepsProps, subMenuProps, switchEmits, switchProps, tabBarProps, tabNavEmits, tabNavProps, tabPaneProps, tableV2Props, tableV2RowProps, tabsEmits, tabsProps, tabsRootContextKey, tagEmits, tagProps, textProps, thumbProps, timePickerDefaultProps, timeUnits$1 as timeUnits, timelineItemProps, tooltipEmits, transferCheckedChangeFn, transferEmits, transferProps, translate, uploadBaseProps, uploadContentProps, uploadContextKey, uploadDraggerEmits, uploadDraggerProps, uploadListEmits, uploadListProps, uploadListTypes, uploadProps, useAttrs, useCascaderConfig, useCursor, useDelayedRender, useDelayedToggle, useDelayedToggleProps, useDeprecated, useDialog, useDisabled, useDraggable, useEscapeKeydown, useFloating, useFloatingProps, useFocus, useFormDisabled, useFormItem, useFormItemInputId, useFormSize, useForwardRef, useForwardRefDirective, useGetDerivedNamespace, useGlobalComponentSettings, useGlobalConfig, useGlobalSize, useId, useIdInjection, useLocale, useLockscreen, useModal, useModelToggle, useModelToggleEmits, useModelToggleProps, useNamespace, useOrderedChildren, usePopper, usePopperArrowProps, usePopperContainer, usePopperContainerId, usePopperContentEmits, usePopperContentProps, usePopperCoreConfigProps, usePopperProps, usePopperTriggerProps, usePreventGlobal, useProp, useRestoreActive, useSameTarget, useSize, useSizeProp, useSizeProps, useSpace, useTeleport, useThrottleRender, useTimeout, useTooltipContentProps, useTooltipModelToggle, useTooltipModelToggleEmits, useTooltipModelToggleProps, useTooltipProps, useTooltipTriggerProps, useTransitionFallthrough, useTransitionFallthroughEmits, useZIndex, vLoading, vRepeatClick, valueEquals, version, virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps, zIndexContextKey };
+export { BAR_MAP, CASCADER_PANEL_INJECTION_KEY, CHANGE_EVENT, ClickOutside, CommonPicker, CommonProps, DEFAULT_FORMATS_DATE, DEFAULT_FORMATS_DATEPICKER, DEFAULT_FORMATS_TIME, COLLECTION_INJECTION_KEY as DROPDOWN_COLLECTION_INJECTION_KEY, COLLECTION_ITEM_INJECTION_KEY as DROPDOWN_COLLECTION_ITEM_INJECTION_KEY, DROPDOWN_INJECTION_KEY, DefaultProps, DynamicSizeGrid$1 as DynamicSizeGrid, DynamicSizeList$1 as DynamicSizeList, EVENT_CODE, Effect, ElAffix, ElAlert, ElAside, ElAutoResizer, ElAutocomplete, ElAvatar, ElBacktop, ElBadge, ElBreadcrumb, ElBreadcrumbItem, ElButton, ElButtonGroup$1 as ElButtonGroup, ElCalendar, ElCard, ElCarousel, ElCarouselItem, ElCascader, ElCascaderPanel, ElCheckTag, ElCheckbox, ElCheckboxButton, ElCheckboxGroup$1 as ElCheckboxGroup, ElCol, ElCollapse, ElCollapseItem, ElCollapseTransition, ElCollection, ElCollectionItem, ElColorPicker, ElConfigProvider, ElContainer, ElCountdown, ElDatePicker, ElDescriptions, ElDescriptionsItem, ElDialog, ElDivider, ElDrawer, ElDropdown, ElDropdownItem, ElDropdownMenu, ElEmpty, ElFooter, ElForm, ElFormItem, ElHeader, ElIcon, ElImage, ElImageViewer, ElInfiniteScroll, ElInput, ElInputNumber, ElLink, ElLoading, vLoading as ElLoadingDirective, Loading as ElLoadingService, ElMain, ElMenu, ElMenuItem, ElMenuItemGroup, ElMessage, ElMessageBox, ElNotification, ElOption, ElOptionGroup, ElOverlay, ElPageHeader, ElPagination, ElPopconfirm, ElPopover, ElPopoverDirective, ElPopper, ElPopperArrow, ElPopperContent, ElPopperTrigger, ElProgress, ElRadio, ElRadioButton, ElRadioGroup, ElRate, ElResult, ElRow, ElScrollbar, ElSelect, ElSelectV2, ElSkeleton, ElSkeletonItem, ElSlider, ElSpace, ElStatistic, ElStep, ElSteps, ElSubMenu, ElSwitch, ElTabPane, ElTable, ElTableColumn, ElTableV2, ElTabs, ElTag, ElText, ElTimePicker, ElTimeSelect, ElTimeline, ElTimelineItem, ElTooltip, ElTransfer, ElTree, ElTreeSelect, ElTreeV2, ElUpload, FIRST_KEYS, FIRST_LAST_KEYS, FORWARD_REF_INJECTION_KEY, FixedSizeGrid$1 as FixedSizeGrid, FixedSizeList$1 as FixedSizeList, GAP, ID_INJECTION_KEY, INPUT_EVENT, INSTALLED_KEY, IconComponentMap, IconMap, LAST_KEYS, LEFT_CHECK_CHANGE_EVENT, Mousewheel, POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY, RIGHT_CHECK_CHANGE_EVENT, ROOT_PICKER_INJECTION_KEY, RowAlign, RowJustify, SIZE_INJECTION_KEY, TOOLTIP_INJECTION_KEY, TableV2$1 as TableV2, Alignment as TableV2Alignment, FixedDir as TableV2FixedDir, placeholderSign as TableV2Placeholder, SortOrder as TableV2SortOrder, TimePickPanel, TrapFocus, UPDATE_MODEL_EVENT, WEEK_DAYS, affixEmits, affixProps, alertEffects, alertEmits, alertProps, arrowMiddleware, autoResizerProps, autocompleteEmits, autocompleteProps, avatarEmits, avatarProps, backtopEmits, backtopProps, badgeProps, breadcrumbItemProps, breadcrumbKey, breadcrumbProps, buildLocaleContext, buildTimeList, buildTranslator, buttonEmits, buttonGroupContextKey, buttonNativeTypes, buttonProps, buttonTypes, calendarEmits, calendarProps, cardProps, carouselContextKey, carouselEmits, carouselItemProps, carouselProps, cascaderEmits, cascaderProps, checkTagEmits, checkTagProps, checkboxEmits, checkboxGroupContextKey, checkboxGroupEmits, checkboxGroupProps, checkboxProps, colProps, collapseContextKey, collapseEmits, collapseItemProps, collapseProps, colorPickerContextKey, colorPickerEmits, colorPickerProps, componentSizeMap, componentSizes, configProviderContextKey, configProviderProps, countdownEmits, countdownProps, createModelToggleComposable, dateEquals, datePickTypes, datePickerProps, dayjs, installer as default, defaultInitialZIndex, defaultNamespace, descriptionProps, dialogEmits, dialogInjectionKey, dialogProps, dividerProps, drawerEmits, drawerProps, dropdownItemProps, dropdownMenuProps, dropdownProps, elPaginationKey, emitChangeFn, emptyProps, extractDateFormat, extractTimeFormat, formContextKey, formEmits, formItemContextKey, formItemProps, formItemValidateStates, formProps, formatter, genFileId, getPositionDataWithUnit, iconProps, imageEmits, imageProps, imageViewerEmits, imageViewerProps, inputEmits, inputNumberEmits, inputNumberProps, inputProps, install, linkEmits, linkProps, localeContextKey, makeInstaller, makeList, menuEmits, menuItemEmits, menuItemGroupProps, menuItemProps, menuProps, messageConfig, messageDefaults, messageEmits, messageProps, messageTypes, namespaceContextKey, notificationEmits, notificationProps, notificationTypes, overlayEmits, overlayProps, pageHeaderEmits, pageHeaderProps, paginationEmits, paginationProps, parseDate, popconfirmEmits, popconfirmProps, popoverEmits, popoverProps, popperArrowProps, popperContentEmits, popperContentProps, popperCoreConfigProps, popperProps, popperTriggerProps, progressProps, provideGlobalConfig, radioButtonProps, radioEmits, radioGroupEmits, radioGroupKey, radioGroupProps, radioProps, radioPropsBase, rangeArr, rateEmits, rateProps, renderThumbStyle$1 as renderThumbStyle, resultProps, roleTypes, rowContextKey, rowProps, scrollbarContextKey, scrollbarEmits, scrollbarProps, selectGroupKey, selectKey, selectV2InjectionKey, skeletonItemProps, skeletonProps, sliderContextKey, sliderEmits, sliderProps, spaceProps, statisticProps, stepProps, stepsEmits, stepsProps, subMenuProps, switchEmits, switchProps, tabBarProps, tabNavEmits, tabNavProps, tabPaneProps, tableV2Props, tableV2RowProps, tabsEmits, tabsProps, tabsRootContextKey, tagEmits, tagProps, textProps, thumbProps, timePickerDefaultProps, timeUnits$1 as timeUnits, timelineItemProps, tooltipEmits, transferCheckedChangeFn, transferEmits, transferProps, translate, uploadBaseProps, uploadContentProps, uploadContextKey, uploadDraggerEmits, uploadDraggerProps, uploadListEmits, uploadListProps, uploadListTypes, uploadProps, useAttrs, useCascaderConfig, useCursor, useDelayedRender, useDelayedToggle, useDelayedToggleProps, useDeprecated, useDialog, useDisabled, useDraggable, useEscapeKeydown, useFloating, useFloatingProps, useFocus, useFormDisabled, useFormItem, useFormItemInputId, useFormSize, useForwardRef, useForwardRefDirective, useGetDerivedNamespace, useGlobalComponentSettings, useGlobalConfig, useGlobalSize, useId, useIdInjection, useLocale, useLockscreen, useModal, useModelToggle, useModelToggleEmits, useModelToggleProps, useNamespace, useOrderedChildren, usePopper, usePopperArrowProps, usePopperContainer, usePopperContainerId, usePopperContentEmits, usePopperContentProps, usePopperCoreConfigProps, usePopperProps, usePopperTriggerProps, usePreventGlobal, useProp, useRestoreActive, useSameTarget, useSize, useSizeProp, useSizeProps, useSpace, useTeleport, useThrottleRender, useTimeout, useTooltipContentProps, useTooltipModelToggle, useTooltipModelToggleEmits, useTooltipModelToggleProps, useTooltipProps, useTooltipTriggerProps, useTransitionFallthrough, useTransitionFallthroughEmits, useZIndex, vLoading, vRepeatClick, valueEquals, version, virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps, zIndexContextKey };