element-pe 1.0.5 → 1.0.6

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-import { getCurrentInstance, computed, watch, isRef, onUnmounted, onMounted, ref, h as h$1, Teleport, onBeforeUnmount, nextTick, openBlock, createBlock, createCommentVNode, isVNode, Fragment, Comment, camelize as camelize$1, toRef, Transition, renderSlot, toDisplayString, cloneVNode, withDirectives, unref, provide, inject, getCurrentScope, onScopeDispose, defineComponent, shallowRef, reactive, createElementBlock, normalizeStyle, createElementVNode, normalizeClass, withCtx, createTextVNode, vShow, onUpdated, mergeProps, withModifiers, resolveComponent, resolveDynamicComponent, createVNode, onActivated, onDeactivated, resolveDirective, withKeys, createSlots, renderList, normalizeProps, guardReactiveProps, toRefs, vModelCheckbox, vModelRadio, onBeforeUpdate, vModelText, toHandlers, watchEffect, toRaw, triggerRef, onBeforeMount, TransitionGroup, render as render$1Y } from 'vue';
+import { getCurrentInstance, computed, watch, isRef, onUnmounted, onMounted, ref, h as h$1, Teleport, onBeforeUnmount, nextTick, openBlock, createBlock, createCommentVNode, isVNode, Fragment, Comment, camelize as camelize$1, toRef, Transition, renderSlot, toDisplayString, cloneVNode, withDirectives, unref, provide, inject, warn, getCurrentScope, onScopeDispose, defineComponent, shallowRef, reactive, createElementBlock, normalizeStyle, createElementVNode, normalizeClass, withCtx, createTextVNode, vShow, onUpdated, mergeProps, withModifiers, resolveComponent, resolveDynamicComponent, createVNode, onActivated, onDeactivated, resolveDirective, withKeys, createSlots, renderList, normalizeProps, guardReactiveProps, toRefs, vModelCheckbox, vModelRadio, onBeforeUpdate, vModelText, toHandlers, watchEffect, effectScope, toRaw, triggerRef, onBeforeMount, TransitionGroup, render as render$1Y } from 'vue';
 
 let $ELEMENT = {};
 const setConfig = (option) => {
@@ -1118,8 +1118,8 @@ function cacheHas(cache, key) {
 var _cacheHas = cacheHas;
 
 /** Used to compose bitmasks for value comparisons. */
-var COMPARE_PARTIAL_FLAG$5 = 1,
-    COMPARE_UNORDERED_FLAG$3 = 2;
+var COMPARE_PARTIAL_FLAG$3 = 1,
+    COMPARE_UNORDERED_FLAG$1 = 2;
 
 /**
  * A specialized version of `baseIsEqualDeep` for arrays with support for
@@ -1135,7 +1135,7 @@ var COMPARE_PARTIAL_FLAG$5 = 1,
  * @returns {boolean} Returns `true` if the arrays are equivalent, else `false`.
  */
 function equalArrays(array, other, bitmask, customizer, equalFunc, stack) {
-  var isPartial = bitmask & COMPARE_PARTIAL_FLAG$5,
+  var isPartial = bitmask & COMPARE_PARTIAL_FLAG$3,
       arrLength = array.length,
       othLength = other.length;
 
@@ -1150,7 +1150,7 @@ function equalArrays(array, other, bitmask, customizer, equalFunc, stack) {
   }
   var index = -1,
       result = true,
-      seen = (bitmask & COMPARE_UNORDERED_FLAG$3) ? new _SetCache : undefined;
+      seen = (bitmask & COMPARE_UNORDERED_FLAG$1) ? new _SetCache : undefined;
 
   stack.set(array, other);
   stack.set(other, array);
@@ -1242,8 +1242,8 @@ function setToArray(set) {
 var _setToArray = setToArray;
 
 /** Used to compose bitmasks for value comparisons. */
-var COMPARE_PARTIAL_FLAG$4 = 1,
-    COMPARE_UNORDERED_FLAG$2 = 2;
+var COMPARE_PARTIAL_FLAG$2 = 1,
+    COMPARE_UNORDERED_FLAG = 2;
 
 /** `Object#toString` result references. */
 var boolTag$3 = '[object Boolean]',
@@ -1260,8 +1260,8 @@ var arrayBufferTag$3 = '[object ArrayBuffer]',
     dataViewTag$4 = '[object DataView]';
 
 /** Used to convert symbols to primitives and strings. */
-var symbolProto$2 = _Symbol ? _Symbol.prototype : undefined,
-    symbolValueOf$1 = symbolProto$2 ? symbolProto$2.valueOf : undefined;
+var symbolProto$1 = _Symbol ? _Symbol.prototype : undefined,
+    symbolValueOf$1 = symbolProto$1 ? symbolProto$1.valueOf : undefined;
 
 /**
  * A specialized version of `baseIsEqualDeep` for comparing objects of
@@ -1318,7 +1318,7 @@ function equalByTag(object, other, tag, bitmask, customizer, equalFunc, stack) {
       var convert = _mapToArray;
 
     case setTag$5:
-      var isPartial = bitmask & COMPARE_PARTIAL_FLAG$4;
+      var isPartial = bitmask & COMPARE_PARTIAL_FLAG$2;
       convert || (convert = _setToArray);
 
       if (object.size != other.size && !isPartial) {
@@ -1329,7 +1329,7 @@ function equalByTag(object, other, tag, bitmask, customizer, equalFunc, stack) {
       if (stacked) {
         return stacked == other;
       }
-      bitmask |= COMPARE_UNORDERED_FLAG$2;
+      bitmask |= COMPARE_UNORDERED_FLAG;
 
       // Recursively compare objects (susceptible to call stack limits).
       stack.set(object, other);
@@ -2028,7 +2028,7 @@ function getAllKeys(object) {
 var _getAllKeys = getAllKeys;
 
 /** Used to compose bitmasks for value comparisons. */
-var COMPARE_PARTIAL_FLAG$3 = 1;
+var COMPARE_PARTIAL_FLAG$1 = 1;
 
 /** Used for built-in method references. */
 var objectProto$4 = Object.prototype;
@@ -2050,7 +2050,7 @@ var hasOwnProperty$4 = objectProto$4.hasOwnProperty;
  * @returns {boolean} Returns `true` if the objects are equivalent, else `false`.
  */
 function equalObjects(object, other, bitmask, customizer, equalFunc, stack) {
-  var isPartial = bitmask & COMPARE_PARTIAL_FLAG$3,
+  var isPartial = bitmask & COMPARE_PARTIAL_FLAG$1,
       objProps = _getAllKeys(object),
       objLength = objProps.length,
       othProps = _getAllKeys(other),
@@ -2188,7 +2188,7 @@ if ((_DataView && getTag(new _DataView(new ArrayBuffer(1))) != dataViewTag$2) ||
 var _getTag = getTag;
 
 /** Used to compose bitmasks for value comparisons. */
-var COMPARE_PARTIAL_FLAG$2 = 1;
+var COMPARE_PARTIAL_FLAG = 1;
 
 /** `Object#toString` result references. */
 var argsTag$1 = '[object Arguments]',
@@ -2241,7 +2241,7 @@ function baseIsEqualDeep(object, other, bitmask, customizer, equalFunc, stack) {
       ? _equalArrays(object, other, bitmask, customizer, equalFunc, stack)
       : _equalByTag(object, other, objTag, bitmask, customizer, equalFunc, stack);
   }
-  if (!(bitmask & COMPARE_PARTIAL_FLAG$2)) {
+  if (!(bitmask & COMPARE_PARTIAL_FLAG)) {
     var objIsWrapped = objIsObj && hasOwnProperty$3.call(object, '__wrapped__'),
         othIsWrapped = othIsObj && hasOwnProperty$3.call(other, '__wrapped__');
 
@@ -2288,6 +2288,7 @@ function baseIsEqual(value, other, bitmask, customizer, stack) {
 
 var _baseIsEqual = baseIsEqual;
 
+const SCOPE$1 = "Util";
 function toObject(arr) {
   const res = {};
   for (let i = 0; i < arr.length; i++) {
@@ -2323,7 +2324,7 @@ function getPropByPath(obj, path, strict) {
         tempObj = tempObj[key2];
       } else {
         if (strict) {
-          throw new Error("please transfer a valid prop path to form item!");
+          throwError(SCOPE$1, "Please transfer a valid prop path to form item!");
         }
         break;
       }
@@ -2371,7 +2372,7 @@ function rafThrottle(fn) {
       return;
     locked = true;
     window.requestAnimationFrame(() => {
-      fn.apply(this, args);
+      Reflect.apply(fn, this, args);
       locked = false;
     });
   };
@@ -2417,8 +2418,8 @@ const refAttacher = (ref) => {
   };
 };
 
-const trim = function(s) {
-  return (s || "").replace(/^[\s\uFEFF]+|[\s\uFEFF]+$/g, "");
+const trimArr = function(s) {
+  return (s || "").split(" ").filter((item) => !!item.trim());
 };
 const on = function(element, event, handler, useCapture = false) {
   if (element && event && handler) {
@@ -2447,52 +2448,44 @@ function hasClass(el, cls) {
   if (el.classList) {
     return el.classList.contains(cls);
   } else {
-    return ` ${el.className} `.indexOf(` ${cls} `) > -1;
+    const className = el.getAttribute("class") || "";
+    return className.split(" ").includes(cls);
   }
 }
 function addClass(el, cls) {
   if (!el)
     return;
-  let curClass = el.className;
-  const classes = (cls || "").split(" ");
-  for (let i = 0, j = classes.length; i < j; i++) {
-    const clsName = classes[i];
-    if (!clsName)
-      continue;
-    if (el.classList) {
-      el.classList.add(clsName);
-    } else if (!hasClass(el, clsName)) {
-      curClass += ` ${clsName}`;
-    }
-  }
-  if (!el.classList) {
-    el.className = curClass;
+  let className = el.getAttribute("class") || "";
+  const curClass = trimArr(className);
+  const classes = (cls || "").split(" ").filter((item) => !curClass.includes(item) && !!item.trim());
+  if (el.classList) {
+    el.classList.add(...classes);
+  } else {
+    className += ` ${classes.join(" ")}`;
+    el.setAttribute("class", className);
   }
 }
 function removeClass(el, cls) {
   if (!el || !cls)
     return;
-  const classes = cls.split(" ");
-  let curClass = ` ${el.className} `;
-  for (let i = 0, j = classes.length; i < j; i++) {
-    const clsName = classes[i];
-    if (!clsName)
-      continue;
-    if (el.classList) {
-      el.classList.remove(clsName);
-    } else if (hasClass(el, clsName)) {
-      curClass = curClass.replace(` ${clsName} `, " ");
-    }
-  }
-  if (!el.classList) {
-    el.className = trim(curClass);
+  const classes = trimArr(cls);
+  let curClass = el.getAttribute("class") || "";
+  if (el.classList) {
+    el.classList.remove(...classes);
+    return;
   }
+  classes.forEach((item) => {
+    curClass = curClass.replace(` ${item} `, " ");
+  });
+  const className = trimArr(curClass).join(" ");
+  el.setAttribute("class", className);
 }
 const getStyle = function(element, styleName) {
+  var _a;
   if (isServer)
-    return;
+    return "";
   if (!element || !styleName)
-    return null;
+    return "";
   styleName = camelize(styleName);
   if (styleName === "float") {
     styleName = "cssFloat";
@@ -2501,7 +2494,7 @@ const getStyle = function(element, styleName) {
     const style = element.style[styleName];
     if (style)
       return style;
-    const computed = document.defaultView.getComputedStyle(element, "");
+    const computed = (_a = document.defaultView) == null ? void 0 : _a.getComputedStyle(element, "");
     return computed ? computed[styleName] : "";
   } catch (e) {
     return element.style[styleName];
@@ -2509,7 +2502,7 @@ const getStyle = function(element, styleName) {
 };
 const isScroll = (el, isVertical) => {
   if (isServer)
-    return;
+    return null;
   const determinedDirection = isVertical === null || isVertical === void 0;
   const overflow = determinedDirection ? getStyle(el, "overflow") : isVertical ? getStyle(el, "overflow-y") : getStyle(el, "overflow-x");
   return overflow.match(/(scroll|auto|overlay)/);
@@ -2873,19 +2866,19 @@ const VALIDATE_STATE_MAP = {
   error: "el-icon-circle-close"
 };
 
-var __defProp$L = Object.defineProperty;
-var __getOwnPropSymbols$L = Object.getOwnPropertySymbols;
-var __hasOwnProp$L = Object.prototype.hasOwnProperty;
-var __propIsEnum$L = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$L = (obj, key, value) => key in obj ? __defProp$L(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$L = (a, b) => {
+var __defProp$M = Object.defineProperty;
+var __getOwnPropSymbols$M = Object.getOwnPropertySymbols;
+var __hasOwnProp$M = Object.prototype.hasOwnProperty;
+var __propIsEnum$M = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$M = (obj, key, value) => key in obj ? __defProp$M(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$M = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$L.call(b, prop))
-      __defNormalProp$L(a, prop, b[prop]);
-  if (__getOwnPropSymbols$L)
-    for (var prop of __getOwnPropSymbols$L(b)) {
-      if (__propIsEnum$L.call(b, prop))
-        __defNormalProp$L(a, prop, b[prop]);
+    if (__hasOwnProp$M.call(b, prop))
+      __defNormalProp$M(a, prop, b[prop]);
+  if (__getOwnPropSymbols$M)
+    for (var prop of __getOwnPropSymbols$M(b)) {
+      if (__propIsEnum$M.call(b, prop))
+        __defNormalProp$M(a, prop, b[prop]);
     }
   return a;
 };
@@ -2971,7 +2964,7 @@ const useModelToggle = ({
   };
   watch(() => props.modelValue, onChange);
   if (shouldHideWhenRouteChanges && appContext.config.globalProperties.$route !== void 0) {
-    watch(() => __spreadValues$L({}, proxy.$route), () => {
+    watch(() => __spreadValues$M({}, proxy.$route), () => {
       if (shouldHideWhenRouteChanges.value && indicator.value) {
         hide();
       }
@@ -3143,39 +3136,39 @@ function getBasePlacement(placement) {
   return placement.split('-')[0];
 }
 
-var round$1 = Math.round;
-function getBoundingClientRect(element, includeScale) {
-  if (includeScale === void 0) {
-    includeScale = false;
-  }
+// import { isHTMLElement } from './instanceOf';
+function getBoundingClientRect(element, // eslint-disable-next-line unused-imports/no-unused-vars
+includeScale) {
 
   var rect = element.getBoundingClientRect();
   var scaleX = 1;
-  var scaleY = 1;
-
-  if (isHTMLElement(element) && includeScale) {
-    var offsetHeight = element.offsetHeight;
-    var offsetWidth = element.offsetWidth; // Do not attempt to divide by 0, otherwise we get `Infinity` as scale
-    // Fallback to 1 in case both values are `0`
-
-    if (offsetWidth > 0) {
-      scaleX = rect.width / offsetWidth || 1;
-    }
-
-    if (offsetHeight > 0) {
-      scaleY = rect.height / offsetHeight || 1;
-    }
-  }
+  var scaleY = 1; // FIXME:
+  // `offsetWidth` returns an integer while `getBoundingClientRect`
+  // returns a float. This results in `scaleX` or `scaleY` being
+  // non-1 when it should be for elements that aren't a full pixel in
+  // width or height.
+  // if (isHTMLElement(element) && includeScale) {
+  //   const offsetHeight = element.offsetHeight;
+  //   const offsetWidth = element.offsetWidth;
+  //   // Do not attempt to divide by 0, otherwise we get `Infinity` as scale
+  //   // Fallback to 1 in case both values are `0`
+  //   if (offsetWidth > 0) {
+  //     scaleX = rect.width / offsetWidth || 1;
+  //   }
+  //   if (offsetHeight > 0) {
+  //     scaleY = rect.height / offsetHeight || 1;
+  //   }
+  // }
 
   return {
-    width: round$1(rect.width / scaleX),
-    height: round$1(rect.height / scaleY),
-    top: round$1(rect.top / scaleY),
-    right: round$1(rect.right / scaleX),
-    bottom: round$1(rect.bottom / scaleY),
-    left: round$1(rect.left / scaleX),
-    x: round$1(rect.left / scaleX),
-    y: round$1(rect.top / scaleY)
+    width: rect.width / scaleX,
+    height: rect.height / scaleY,
+    top: rect.top / scaleY,
+    right: rect.right / scaleX,
+    bottom: rect.bottom / scaleY,
+    left: rect.left / scaleX,
+    x: rect.left / scaleX,
+    y: rect.top / scaleY
   };
 }
 
@@ -4419,9 +4412,9 @@ function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
   }
 
   var isOffsetParentAnElement = isHTMLElement(offsetParent);
-  var offsetParentIsScaled = isHTMLElement(offsetParent) && isElementScaled(offsetParent);
+  isHTMLElement(offsetParent) && isElementScaled(offsetParent);
   var documentElement = getDocumentElement(offsetParent);
-  var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled);
+  var rect = getBoundingClientRect(elementOrVirtualElement);
   var scroll = {
     scrollLeft: 0,
     scrollTop: 0
@@ -4438,7 +4431,7 @@ function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
     }
 
     if (isHTMLElement(offsetParent)) {
-      offsets = getBoundingClientRect(offsetParent, true);
+      offsets = getBoundingClientRect(offsetParent);
       offsets.x += offsetParent.clientLeft;
       offsets.y += offsetParent.clientTop;
     } else if (documentElement) {
@@ -6184,19 +6177,19 @@ const defaultPopperOptions = {
   }
 };
 
-var __defProp$K = Object.defineProperty;
-var __getOwnPropSymbols$K = Object.getOwnPropertySymbols;
-var __hasOwnProp$K = Object.prototype.hasOwnProperty;
-var __propIsEnum$K = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$K = (obj, key, value) => key in obj ? __defProp$K(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$K = (a, b) => {
+var __defProp$L = Object.defineProperty;
+var __getOwnPropSymbols$L = Object.getOwnPropertySymbols;
+var __hasOwnProp$L = Object.prototype.hasOwnProperty;
+var __propIsEnum$L = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$L = (obj, key, value) => key in obj ? __defProp$L(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$L = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$K.call(b, prop))
-      __defNormalProp$K(a, prop, b[prop]);
-  if (__getOwnPropSymbols$K)
-    for (var prop of __getOwnPropSymbols$K(b)) {
-      if (__propIsEnum$K.call(b, prop))
-        __defNormalProp$K(a, prop, b[prop]);
+    if (__hasOwnProp$L.call(b, prop))
+      __defNormalProp$L(a, prop, b[prop]);
+  if (__getOwnPropSymbols$L)
+    for (var prop of __getOwnPropSymbols$L(b)) {
+      if (__propIsEnum$L.call(b, prop))
+        __defNormalProp$L(a, prop, b[prop]);
     }
   return a;
 };
@@ -6250,7 +6243,7 @@ const useTargetEvents = (onShow, onHide, onToggle) => {
   return computed(() => {
     if (isArray$1(props.trigger)) {
       return Object.values(props.trigger).reduce((pre, t) => {
-        return __spreadValues$K(__spreadValues$K({}, pre), mapEvents(t));
+        return __spreadValues$L(__spreadValues$L({}, pre), mapEvents(t));
       }, {});
     } else {
       return mapEvents(props.trigger);
@@ -6258,21 +6251,21 @@ const useTargetEvents = (onShow, onHide, onToggle) => {
   });
 };
 
-var __defProp$J = Object.defineProperty;
+var __defProp$K = Object.defineProperty;
 var __defProps$w = Object.defineProperties;
 var __getOwnPropDescs$w = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$J = Object.getOwnPropertySymbols;
-var __hasOwnProp$J = Object.prototype.hasOwnProperty;
-var __propIsEnum$J = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$J = (obj, key, value) => key in obj ? __defProp$J(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$J = (a, b) => {
+var __getOwnPropSymbols$K = Object.getOwnPropertySymbols;
+var __hasOwnProp$K = Object.prototype.hasOwnProperty;
+var __propIsEnum$K = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$K = (obj, key, value) => key in obj ? __defProp$K(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$K = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$J.call(b, prop))
-      __defNormalProp$J(a, prop, b[prop]);
-  if (__getOwnPropSymbols$J)
-    for (var prop of __getOwnPropSymbols$J(b)) {
-      if (__propIsEnum$J.call(b, prop))
-        __defNormalProp$J(a, prop, b[prop]);
+    if (__hasOwnProp$K.call(b, prop))
+      __defNormalProp$K(a, prop, b[prop]);
+  if (__getOwnPropSymbols$K)
+    for (var prop of __getOwnPropSymbols$K(b)) {
+      if (__propIsEnum$K.call(b, prop))
+        __defNormalProp$K(a, prop, b[prop]);
     }
   return a;
 };
@@ -6293,7 +6286,7 @@ const usePopperControlProps = {
     default: ""
   }
 };
-const usePopperProps = __spreadProps$w(__spreadValues$J({}, usePopperControlProps), {
+const usePopperProps = __spreadProps$w(__spreadValues$K({}, usePopperControlProps), {
   autoClose: {
     type: Number,
     default: 0
@@ -6435,7 +6428,7 @@ const usePopperHook = () => {
         }
       });
     }
-    return __spreadProps$w(__spreadValues$J({}, props.popperOptions), {
+    return __spreadProps$w(__spreadValues$K({}, props.popperOptions), {
       modifiers
     });
   }
@@ -6494,7 +6487,7 @@ const usePopperHook = () => {
     return cloneVNode(firstElement, triggerProps, true);
   }
   function render() {
-    const trigger = triggerRenderer(__spreadValues$J({
+    const trigger = triggerRenderer(__spreadValues$K({
       "aria-describedby": popperId,
       class: props.class,
       style: props.style,
@@ -6510,19 +6503,19 @@ const usePopperHook = () => {
   };
 };
 
-var __defProp$I = Object.defineProperty;
-var __getOwnPropSymbols$I = Object.getOwnPropertySymbols;
-var __hasOwnProp$I = Object.prototype.hasOwnProperty;
-var __propIsEnum$I = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$I = (obj, key, value) => key in obj ? __defProp$I(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$I = (a, b) => {
+var __defProp$J = Object.defineProperty;
+var __getOwnPropSymbols$J = Object.getOwnPropertySymbols;
+var __hasOwnProp$J = Object.prototype.hasOwnProperty;
+var __propIsEnum$J = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$J = (obj, key, value) => key in obj ? __defProp$J(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$J = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$I.call(b, prop))
-      __defNormalProp$I(a, prop, b[prop]);
-  if (__getOwnPropSymbols$I)
-    for (var prop of __getOwnPropSymbols$I(b)) {
-      if (__propIsEnum$I.call(b, prop))
-        __defNormalProp$I(a, prop, b[prop]);
+    if (__hasOwnProp$J.call(b, prop))
+      __defNormalProp$J(a, prop, b[prop]);
+  if (__getOwnPropSymbols$J)
+    for (var prop of __getOwnPropSymbols$J(b)) {
+      if (__propIsEnum$J.call(b, prop))
+        __defNormalProp$J(a, prop, b[prop]);
     }
   return a;
 };
@@ -6544,15 +6537,15 @@ function useCssVar(vars, target) {
     return unref(target) || ((_a = window == null ? void 0 : window.document) == null ? void 0 : _a.documentElement);
   });
   const themeVars = useThemeVars();
-  const customVars = __spreadValues$I(__spreadValues$I({}, themeVars), unref(vars));
+  const customVars = __spreadValues$J(__spreadValues$J({}, themeVars), unref(vars));
   provide(themeVarsKey, ref(customVars));
   onMounted(() => {
     isRef(vars) ? stopWatchCssVar = watch(vars, (val) => {
-      setVars(elRef.value, __spreadValues$I(__spreadValues$I({}, unref(themeVars)), val));
+      setVars(elRef.value, __spreadValues$J(__spreadValues$J({}, unref(themeVars)), val));
     }, {
       immediate: true,
       deep: true
-    }) : setVars(elRef.value, __spreadValues$I(__spreadValues$I({}, unref(themeVars)), vars));
+    }) : setVars(elRef.value, __spreadValues$J(__spreadValues$J({}, unref(themeVars)), vars));
   });
   onUnmounted(() => stopWatchCssVar && stopWatchCssVar());
 }
@@ -6763,835 +6756,9 @@ const elBreadcrumbKey = Symbol("elBreadcrumbKey");
 
 const elPaginationKey = Symbol("elPaginationKey");
 
-var defineProperty = (function() {
-  try {
-    var func = _getNative(Object, 'defineProperty');
-    func({}, '', {});
-    return func;
-  } catch (e) {}
-}());
-
-var _defineProperty = defineProperty;
-
-/**
- * The base implementation of `assignValue` and `assignMergeValue` without
- * value checks.
- *
- * @private
- * @param {Object} object The object to modify.
- * @param {string} key The key of the property to assign.
- * @param {*} value The value to assign.
- */
-function baseAssignValue(object, key, value) {
-  if (key == '__proto__' && _defineProperty) {
-    _defineProperty(object, key, {
-      'configurable': true,
-      'enumerable': true,
-      'value': value,
-      'writable': true
-    });
-  } else {
-    object[key] = value;
-  }
-}
-
-var _baseAssignValue = baseAssignValue;
-
-/**
- * Creates a base function for methods like `_.forIn` and `_.forOwn`.
- *
- * @private
- * @param {boolean} [fromRight] Specify iterating from right to left.
- * @returns {Function} Returns the new base function.
- */
-function createBaseFor(fromRight) {
-  return function(object, iteratee, keysFunc) {
-    var index = -1,
-        iterable = Object(object),
-        props = keysFunc(object),
-        length = props.length;
-
-    while (length--) {
-      var key = props[fromRight ? length : ++index];
-      if (iteratee(iterable[key], key, iterable) === false) {
-        break;
-      }
-    }
-    return object;
-  };
-}
-
-var _createBaseFor = createBaseFor;
-
-/**
- * The base implementation of `baseForOwn` which iterates over `object`
- * properties returned by `keysFunc` and invokes `iteratee` for each property.
- * Iteratee functions may exit iteration early by explicitly returning `false`.
- *
- * @private
- * @param {Object} object The object to iterate over.
- * @param {Function} iteratee The function invoked per iteration.
- * @param {Function} keysFunc The function to get the keys of `object`.
- * @returns {Object} Returns `object`.
- */
-var baseFor = _createBaseFor();
-
-var _baseFor = baseFor;
-
-/**
- * The base implementation of `_.forOwn` without support for iteratee shorthands.
- *
- * @private
- * @param {Object} object The object to iterate over.
- * @param {Function} iteratee The function invoked per iteration.
- * @returns {Object} Returns `object`.
- */
-function baseForOwn(object, iteratee) {
-  return object && _baseFor(object, iteratee, keys_1);
-}
-
-var _baseForOwn = baseForOwn;
-
-/** Used to compose bitmasks for value comparisons. */
-var COMPARE_PARTIAL_FLAG$1 = 1,
-    COMPARE_UNORDERED_FLAG$1 = 2;
-
-/**
- * The base implementation of `_.isMatch` without support for iteratee shorthands.
- *
- * @private
- * @param {Object} object The object to inspect.
- * @param {Object} source The object of property values to match.
- * @param {Array} matchData The property names, values, and compare flags to match.
- * @param {Function} [customizer] The function to customize comparisons.
- * @returns {boolean} Returns `true` if `object` is a match, else `false`.
- */
-function baseIsMatch(object, source, matchData, customizer) {
-  var index = matchData.length,
-      length = index,
-      noCustomizer = !customizer;
-
-  if (object == null) {
-    return !length;
-  }
-  object = Object(object);
-  while (index--) {
-    var data = matchData[index];
-    if ((noCustomizer && data[2])
-          ? data[1] !== object[data[0]]
-          : !(data[0] in object)
-        ) {
-      return false;
-    }
-  }
-  while (++index < length) {
-    data = matchData[index];
-    var key = data[0],
-        objValue = object[key],
-        srcValue = data[1];
-
-    if (noCustomizer && data[2]) {
-      if (objValue === undefined && !(key in object)) {
-        return false;
-      }
-    } else {
-      var stack = new _Stack;
-      if (customizer) {
-        var result = customizer(objValue, srcValue, key, object, source, stack);
-      }
-      if (!(result === undefined
-            ? _baseIsEqual(srcValue, objValue, COMPARE_PARTIAL_FLAG$1 | COMPARE_UNORDERED_FLAG$1, customizer, stack)
-            : result
-          )) {
-        return false;
-      }
-    }
-  }
-  return true;
-}
-
-var _baseIsMatch = baseIsMatch;
-
-/**
- * Checks if `value` is suitable for strict equality comparisons, i.e. `===`.
- *
- * @private
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` if suitable for strict
- *  equality comparisons, else `false`.
- */
-function isStrictComparable(value) {
-  return value === value && !isObject_1(value);
-}
-
-var _isStrictComparable = isStrictComparable;
-
-/**
- * Gets the property names, values, and compare flags of `object`.
- *
- * @private
- * @param {Object} object The object to query.
- * @returns {Array} Returns the match data of `object`.
- */
-function getMatchData(object) {
-  var result = keys_1(object),
-      length = result.length;
-
-  while (length--) {
-    var key = result[length],
-        value = object[key];
-
-    result[length] = [key, value, _isStrictComparable(value)];
-  }
-  return result;
-}
-
-var _getMatchData = getMatchData;
-
-/**
- * A specialized version of `matchesProperty` for source values suitable
- * for strict equality comparisons, i.e. `===`.
- *
- * @private
- * @param {string} key The key of the property to get.
- * @param {*} srcValue The value to match.
- * @returns {Function} Returns the new spec function.
- */
-function matchesStrictComparable(key, srcValue) {
-  return function(object) {
-    if (object == null) {
-      return false;
-    }
-    return object[key] === srcValue &&
-      (srcValue !== undefined || (key in Object(object)));
-  };
-}
-
-var _matchesStrictComparable = matchesStrictComparable;
-
-/**
- * The base implementation of `_.matches` which doesn't clone `source`.
- *
- * @private
- * @param {Object} source The object of property values to match.
- * @returns {Function} Returns the new spec function.
- */
-function baseMatches(source) {
-  var matchData = _getMatchData(source);
-  if (matchData.length == 1 && matchData[0][2]) {
-    return _matchesStrictComparable(matchData[0][0], matchData[0][1]);
-  }
-  return function(object) {
-    return object === source || _baseIsMatch(object, source, matchData);
-  };
-}
-
-var _baseMatches = baseMatches;
-
-/** `Object#toString` result references. */
-var symbolTag$2 = '[object Symbol]';
-
-/**
- * Checks if `value` is classified as a `Symbol` primitive or object.
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
- * @example
- *
- * _.isSymbol(Symbol.iterator);
- * // => true
- *
- * _.isSymbol('abc');
- * // => false
- */
-function isSymbol(value) {
-  return typeof value == 'symbol' ||
-    (isObjectLike_1(value) && _baseGetTag(value) == symbolTag$2);
-}
-
-var isSymbol_1 = isSymbol;
-
-/** Used to match property names within property paths. */
-var reIsDeepProp = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,
-    reIsPlainProp = /^\w*$/;
-
-/**
- * Checks if `value` is a property name and not a property path.
- *
- * @private
- * @param {*} value The value to check.
- * @param {Object} [object] The object to query keys on.
- * @returns {boolean} Returns `true` if `value` is a property name, else `false`.
- */
-function isKey(value, object) {
-  if (isArray_1(value)) {
-    return false;
-  }
-  var type = typeof value;
-  if (type == 'number' || type == 'symbol' || type == 'boolean' ||
-      value == null || isSymbol_1(value)) {
-    return true;
-  }
-  return reIsPlainProp.test(value) || !reIsDeepProp.test(value) ||
-    (object != null && value in Object(object));
-}
-
-var _isKey = isKey;
-
-/** Error message constants. */
-var FUNC_ERROR_TEXT$2 = 'Expected a function';
-
-/**
- * Creates a function that memoizes the result of `func`. If `resolver` is
- * provided, it determines the cache key for storing the result based on the
- * arguments provided to the memoized function. By default, the first argument
- * provided to the memoized function is used as the map cache key. The `func`
- * is invoked with the `this` binding of the memoized function.
- *
- * **Note:** The cache is exposed as the `cache` property on the memoized
- * function. Its creation may be customized by replacing the `_.memoize.Cache`
- * constructor with one whose instances implement the
- * [`Map`](http://ecma-international.org/ecma-262/7.0/#sec-properties-of-the-map-prototype-object)
- * method interface of `clear`, `delete`, `get`, `has`, and `set`.
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Function
- * @param {Function} func The function to have its output memoized.
- * @param {Function} [resolver] The function to resolve the cache key.
- * @returns {Function} Returns the new memoized function.
- * @example
- *
- * var object = { 'a': 1, 'b': 2 };
- * var other = { 'c': 3, 'd': 4 };
- *
- * var values = _.memoize(_.values);
- * values(object);
- * // => [1, 2]
- *
- * values(other);
- * // => [3, 4]
- *
- * object.a = 2;
- * values(object);
- * // => [1, 2]
- *
- * // Modify the result cache.
- * values.cache.set(object, ['a', 'b']);
- * values(object);
- * // => ['a', 'b']
- *
- * // Replace `_.memoize.Cache`.
- * _.memoize.Cache = WeakMap;
- */
-function memoize(func, resolver) {
-  if (typeof func != 'function' || (resolver != null && typeof resolver != 'function')) {
-    throw new TypeError(FUNC_ERROR_TEXT$2);
-  }
-  var memoized = function() {
-    var args = arguments,
-        key = resolver ? resolver.apply(this, args) : args[0],
-        cache = memoized.cache;
-
-    if (cache.has(key)) {
-      return cache.get(key);
-    }
-    var result = func.apply(this, args);
-    memoized.cache = cache.set(key, result) || cache;
-    return result;
-  };
-  memoized.cache = new (memoize.Cache || _MapCache);
-  return memoized;
-}
-
-// Expose `MapCache`.
-memoize.Cache = _MapCache;
-
-var memoize_1 = memoize;
-
-/** Used as the maximum memoize cache size. */
-var MAX_MEMOIZE_SIZE = 500;
-
-/**
- * A specialized version of `_.memoize` which clears the memoized function's
- * cache when it exceeds `MAX_MEMOIZE_SIZE`.
- *
- * @private
- * @param {Function} func The function to have its output memoized.
- * @returns {Function} Returns the new memoized function.
- */
-function memoizeCapped(func) {
-  var result = memoize_1(func, function(key) {
-    if (cache.size === MAX_MEMOIZE_SIZE) {
-      cache.clear();
-    }
-    return key;
-  });
-
-  var cache = result.cache;
-  return result;
-}
-
-var _memoizeCapped = memoizeCapped;
-
-/** Used to match property names within property paths. */
-var rePropName = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g;
-
-/** Used to match backslashes in property paths. */
-var reEscapeChar = /\\(\\)?/g;
-
-/**
- * Converts `string` to a property path array.
- *
- * @private
- * @param {string} string The string to convert.
- * @returns {Array} Returns the property path array.
- */
-var stringToPath = _memoizeCapped(function(string) {
-  var result = [];
-  if (string.charCodeAt(0) === 46 /* . */) {
-    result.push('');
-  }
-  string.replace(rePropName, function(match, number, quote, subString) {
-    result.push(quote ? subString.replace(reEscapeChar, '$1') : (number || match));
-  });
-  return result;
-});
-
-var _stringToPath = stringToPath;
-
-/**
- * A specialized version of `_.map` for arrays without support for iteratee
- * shorthands.
- *
- * @private
- * @param {Array} [array] The array to iterate over.
- * @param {Function} iteratee The function invoked per iteration.
- * @returns {Array} Returns the new mapped array.
- */
-function arrayMap(array, iteratee) {
-  var index = -1,
-      length = array == null ? 0 : array.length,
-      result = Array(length);
-
-  while (++index < length) {
-    result[index] = iteratee(array[index], index, array);
-  }
-  return result;
-}
-
-var _arrayMap = arrayMap;
-
-/** Used as references for various `Number` constants. */
-var INFINITY$2 = 1 / 0;
-
-/** Used to convert symbols to primitives and strings. */
-var symbolProto$1 = _Symbol ? _Symbol.prototype : undefined,
-    symbolToString = symbolProto$1 ? symbolProto$1.toString : undefined;
-
-/**
- * The base implementation of `_.toString` which doesn't convert nullish
- * values to empty strings.
- *
- * @private
- * @param {*} value The value to process.
- * @returns {string} Returns the string.
- */
-function baseToString(value) {
-  // Exit early for strings to avoid a performance hit in some environments.
-  if (typeof value == 'string') {
-    return value;
-  }
-  if (isArray_1(value)) {
-    // Recursively convert values (susceptible to call stack limits).
-    return _arrayMap(value, baseToString) + '';
-  }
-  if (isSymbol_1(value)) {
-    return symbolToString ? symbolToString.call(value) : '';
-  }
-  var result = (value + '');
-  return (result == '0' && (1 / value) == -INFINITY$2) ? '-0' : result;
-}
-
-var _baseToString = baseToString;
-
-/**
- * Converts `value` to a string. An empty string is returned for `null`
- * and `undefined` values. The sign of `-0` is preserved.
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to convert.
- * @returns {string} Returns the converted string.
- * @example
- *
- * _.toString(null);
- * // => ''
- *
- * _.toString(-0);
- * // => '-0'
- *
- * _.toString([1, 2, 3]);
- * // => '1,2,3'
- */
-function toString(value) {
-  return value == null ? '' : _baseToString(value);
-}
-
-var toString_1 = toString;
-
-/**
- * Casts `value` to a path array if it's not one.
- *
- * @private
- * @param {*} value The value to inspect.
- * @param {Object} [object] The object to query keys on.
- * @returns {Array} Returns the cast property path array.
- */
-function castPath(value, object) {
-  if (isArray_1(value)) {
-    return value;
-  }
-  return _isKey(value, object) ? [value] : _stringToPath(toString_1(value));
-}
-
-var _castPath = castPath;
-
-/** Used as references for various `Number` constants. */
-var INFINITY$1 = 1 / 0;
-
-/**
- * Converts `value` to a string key if it's not a string or symbol.
- *
- * @private
- * @param {*} value The value to inspect.
- * @returns {string|symbol} Returns the key.
- */
-function toKey(value) {
-  if (typeof value == 'string' || isSymbol_1(value)) {
-    return value;
-  }
-  var result = (value + '');
-  return (result == '0' && (1 / value) == -INFINITY$1) ? '-0' : result;
-}
-
-var _toKey = toKey;
-
-/**
- * The base implementation of `_.get` without support for default values.
- *
- * @private
- * @param {Object} object The object to query.
- * @param {Array|string} path The path of the property to get.
- * @returns {*} Returns the resolved value.
- */
-function baseGet(object, path) {
-  path = _castPath(path, object);
-
-  var index = 0,
-      length = path.length;
-
-  while (object != null && index < length) {
-    object = object[_toKey(path[index++])];
-  }
-  return (index && index == length) ? object : undefined;
-}
-
-var _baseGet = baseGet;
-
-/**
- * Gets the value at `path` of `object`. If the resolved value is
- * `undefined`, the `defaultValue` is returned in its place.
- *
- * @static
- * @memberOf _
- * @since 3.7.0
- * @category Object
- * @param {Object} object The object to query.
- * @param {Array|string} path The path of the property to get.
- * @param {*} [defaultValue] The value returned for `undefined` resolved values.
- * @returns {*} Returns the resolved value.
- * @example
- *
- * var object = { 'a': [{ 'b': { 'c': 3 } }] };
- *
- * _.get(object, 'a[0].b.c');
- * // => 3
- *
- * _.get(object, ['a', '0', 'b', 'c']);
- * // => 3
- *
- * _.get(object, 'a.b.c', 'default');
- * // => 'default'
- */
-function get(object, path, defaultValue) {
-  var result = object == null ? undefined : _baseGet(object, path);
-  return result === undefined ? defaultValue : result;
-}
-
-var get_1 = get;
-
-/**
- * The base implementation of `_.hasIn` without support for deep paths.
- *
- * @private
- * @param {Object} [object] The object to query.
- * @param {Array|string} key The key to check.
- * @returns {boolean} Returns `true` if `key` exists, else `false`.
- */
-function baseHasIn(object, key) {
-  return object != null && key in Object(object);
-}
-
-var _baseHasIn = baseHasIn;
-
-/**
- * Checks if `path` exists on `object`.
- *
- * @private
- * @param {Object} object The object to query.
- * @param {Array|string} path The path to check.
- * @param {Function} hasFunc The function to check properties.
- * @returns {boolean} Returns `true` if `path` exists, else `false`.
- */
-function hasPath(object, path, hasFunc) {
-  path = _castPath(path, object);
-
-  var index = -1,
-      length = path.length,
-      result = false;
-
-  while (++index < length) {
-    var key = _toKey(path[index]);
-    if (!(result = object != null && hasFunc(object, key))) {
-      break;
-    }
-    object = object[key];
-  }
-  if (result || ++index != length) {
-    return result;
-  }
-  length = object == null ? 0 : object.length;
-  return !!length && isLength_1(length) && _isIndex(key, length) &&
-    (isArray_1(object) || isArguments_1(object));
-}
-
-var _hasPath = hasPath;
-
-/**
- * Checks if `path` is a direct or inherited property of `object`.
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Object
- * @param {Object} object The object to query.
- * @param {Array|string} path The path to check.
- * @returns {boolean} Returns `true` if `path` exists, else `false`.
- * @example
- *
- * var object = _.create({ 'a': _.create({ 'b': 2 }) });
- *
- * _.hasIn(object, 'a');
- * // => true
- *
- * _.hasIn(object, 'a.b');
- * // => true
- *
- * _.hasIn(object, ['a', 'b']);
- * // => true
- *
- * _.hasIn(object, 'b');
- * // => false
- */
-function hasIn(object, path) {
-  return object != null && _hasPath(object, path, _baseHasIn);
-}
-
-var hasIn_1 = hasIn;
-
-/** Used to compose bitmasks for value comparisons. */
-var COMPARE_PARTIAL_FLAG = 1,
-    COMPARE_UNORDERED_FLAG = 2;
-
-/**
- * The base implementation of `_.matchesProperty` which doesn't clone `srcValue`.
- *
- * @private
- * @param {string} path The path of the property to get.
- * @param {*} srcValue The value to match.
- * @returns {Function} Returns the new spec function.
- */
-function baseMatchesProperty(path, srcValue) {
-  if (_isKey(path) && _isStrictComparable(srcValue)) {
-    return _matchesStrictComparable(_toKey(path), srcValue);
-  }
-  return function(object) {
-    var objValue = get_1(object, path);
-    return (objValue === undefined && objValue === srcValue)
-      ? hasIn_1(object, path)
-      : _baseIsEqual(srcValue, objValue, COMPARE_PARTIAL_FLAG | COMPARE_UNORDERED_FLAG);
-  };
-}
-
-var _baseMatchesProperty = baseMatchesProperty;
-
-/**
- * This method returns the first argument it receives.
- *
- * @static
- * @since 0.1.0
- * @memberOf _
- * @category Util
- * @param {*} value Any value.
- * @returns {*} Returns `value`.
- * @example
- *
- * var object = { 'a': 1 };
- *
- * console.log(_.identity(object) === object);
- * // => true
- */
-function identity(value) {
-  return value;
-}
-
-var identity_1 = identity;
-
-/**
- * The base implementation of `_.property` without support for deep paths.
- *
- * @private
- * @param {string} key The key of the property to get.
- * @returns {Function} Returns the new accessor function.
- */
-function baseProperty(key) {
-  return function(object) {
-    return object == null ? undefined : object[key];
-  };
-}
-
-var _baseProperty = baseProperty;
-
-/**
- * A specialized version of `baseProperty` which supports deep paths.
- *
- * @private
- * @param {Array|string} path The path of the property to get.
- * @returns {Function} Returns the new accessor function.
- */
-function basePropertyDeep(path) {
-  return function(object) {
-    return _baseGet(object, path);
-  };
-}
-
-var _basePropertyDeep = basePropertyDeep;
-
-/**
- * Creates a function that returns the value at `path` of a given object.
- *
- * @static
- * @memberOf _
- * @since 2.4.0
- * @category Util
- * @param {Array|string} path The path of the property to get.
- * @returns {Function} Returns the new accessor function.
- * @example
- *
- * var objects = [
- *   { 'a': { 'b': 2 } },
- *   { 'a': { 'b': 1 } }
- * ];
- *
- * _.map(objects, _.property('a.b'));
- * // => [2, 1]
- *
- * _.map(_.sortBy(objects, _.property(['a', 'b'])), 'a.b');
- * // => [1, 2]
- */
-function property(path) {
-  return _isKey(path) ? _baseProperty(_toKey(path)) : _basePropertyDeep(path);
-}
-
-var property_1 = property;
-
-/**
- * The base implementation of `_.iteratee`.
- *
- * @private
- * @param {*} [value=_.identity] The value to convert to an iteratee.
- * @returns {Function} Returns the iteratee.
- */
-function baseIteratee(value) {
-  // Don't store the `typeof` result in a variable to avoid a JIT bug in Safari 9.
-  // See https://bugs.webkit.org/show_bug.cgi?id=156034 for more details.
-  if (typeof value == 'function') {
-    return value;
-  }
-  if (value == null) {
-    return identity_1;
-  }
-  if (typeof value == 'object') {
-    return isArray_1(value)
-      ? _baseMatchesProperty(value[0], value[1])
-      : _baseMatches(value);
-  }
-  return property_1(value);
-}
-
-var _baseIteratee = baseIteratee;
-
-/**
- * Creates an object with the same keys as `object` and values generated
- * by running each own enumerable string keyed property of `object` thru
- * `iteratee`. The iteratee is invoked with three arguments:
- * (value, key, object).
- *
- * @static
- * @memberOf _
- * @since 2.4.0
- * @category Object
- * @param {Object} object The object to iterate over.
- * @param {Function} [iteratee=_.identity] The function invoked per iteration.
- * @returns {Object} Returns the new mapped object.
- * @see _.mapKeys
- * @example
- *
- * var users = {
- *   'fred':    { 'user': 'fred',    'age': 40 },
- *   'pebbles': { 'user': 'pebbles', 'age': 1 }
- * };
- *
- * _.mapValues(users, function(o) { return o.age; });
- * // => { 'fred': 40, 'pebbles': 1 } (iteration order is not guaranteed)
- *
- * // The `_.property` iteratee shorthand.
- * _.mapValues(users, 'age');
- * // => { 'fred': 40, 'pebbles': 1 } (iteration order is not guaranteed)
- */
-function mapValues(object, iteratee) {
-  var result = {};
-  iteratee = _baseIteratee(iteratee);
-
-  _baseForOwn(object, function(value, key, object) {
-    _baseAssignValue(result, key, iteratee(value, key, object));
-  });
-  return result;
-}
-
-var mapValues_1 = mapValues;
-
 const wrapperKey = Symbol();
 const propKey = Symbol();
-function buildProp(option) {
+function buildProp(option, key) {
   if (!isObject$2(option) || !!option[propKey])
     return option;
   const { values, required, default: defaultValue, type, validator } = option;
@@ -7605,19 +6772,23 @@ function buildProp(option) {
     if (validator)
       valid || (valid = validator(val));
     if (!valid && allowedValues.length > 0) {
-      debugWarn(`Vue warn`, `Invalid prop: Expected one of (${allowedValues.join(", ")}), got value ${val}`);
+      const allowValuesText = [...new Set(allowedValues)].map((value) => JSON.stringify(value)).join(", ");
+      warn(`Invalid prop: validation failed${key ? ` for prop "${key}"` : ""}. Expected one of [${allowValuesText}], got value ${JSON.stringify(val)}.`);
     }
     return valid;
   } : void 0;
   return {
-    type: (type == null ? void 0 : type[wrapperKey]) || type,
+    type: typeof type === "object" && Object.getOwnPropertySymbols(type).includes(wrapperKey) ? type[wrapperKey] : type,
     required: !!required,
     default: defaultValue,
     validator: _validator,
     [propKey]: true
   };
 }
-const buildProps = (options) => mapValues_1(options, (option) => buildProp(option));
+const buildProps = (props) => fromPairs_1(Object.entries(props).map(([key, option]) => [
+  key,
+  buildProp(option, key)
+]));
 const definePropType = (val) => ({ [wrapperKey]: val });
 const keyOf = (arr) => Object.keys(arr);
 const mutable = (val) => val;
@@ -7669,7 +6840,7 @@ const useSameTarget = (handleClick) => {
   return { onClick, onMousedown, onMouseup };
 };
 
-const version$1 = "1.0.3";
+const version$1 = "1.0.5";
 
 const makeInstaller = (components = []) => {
   const apps = [];
@@ -7723,7 +6894,6 @@ const withNoopInstall = (component) => {
 };
 
 const isClient = typeof window !== 'undefined';
-const isBoolean = (val) => typeof val === 'boolean';
 const isString = (val) => typeof val === 'string';
 const noop$1 = () => { };
 
@@ -8068,7 +7238,7 @@ var script$23 = defineComponent({
       if (props.target) {
         target.value = (_a = document.querySelector(props.target)) != null ? _a : void 0;
         if (!target.value) {
-          throw new Error(`target is not existed: ${props.target}`);
+          throw new Error(`Target is not existed: ${props.target}`);
         }
       } else {
         target.value = document.documentElement;
@@ -8283,6 +7453,33 @@ function baseTrim(string) {
 
 var _baseTrim = baseTrim;
 
+/** `Object#toString` result references. */
+var symbolTag$2 = '[object Symbol]';
+
+/**
+ * Checks if `value` is classified as a `Symbol` primitive or object.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
+ * @example
+ *
+ * _.isSymbol(Symbol.iterator);
+ * // => true
+ *
+ * _.isSymbol('abc');
+ * // => false
+ */
+function isSymbol(value) {
+  return typeof value == 'symbol' ||
+    (isObjectLike_1(value) && _baseGetTag(value) == symbolTag$2);
+}
+
+var isSymbol_1 = isSymbol;
+
 /** Used as references for various `Number` constants. */
 var NAN = 0 / 0;
 
@@ -8345,7 +7542,7 @@ function toNumber(value) {
 var toNumber_1 = toNumber;
 
 /** Error message constants. */
-var FUNC_ERROR_TEXT$1 = 'Expected a function';
+var FUNC_ERROR_TEXT$2 = 'Expected a function';
 
 /* Built-in method references for those with the same name as other `lodash` methods. */
 var nativeMax$1 = Math.max,
@@ -8418,7 +7615,7 @@ function debounce(func, wait, options) {
       trailing = true;
 
   if (typeof func != 'function') {
-    throw new TypeError(FUNC_ERROR_TEXT$1);
+    throw new TypeError(FUNC_ERROR_TEXT$2);
   }
   wait = toNumber_1(wait) || 0;
   if (isObject_1(options)) {
@@ -8537,27 +7734,7 @@ function isKorean(text) {
   return reg.test(text);
 }
 
-const isValidWidthUnit = (val) => {
-  if (isNumber(val)) {
-    return true;
-  } else {
-    return ["px", "rem", "em", "vw", "%", "vmin", "vmax"].some((unit) => val.endsWith(unit)) || val.startsWith("calc");
-  }
-};
-const isValidComponentSize = (val) => ["", "large", "medium", "small", "mini"].includes(val);
-const isValidDatePickType = (val) => [
-  "year",
-  "month",
-  "date",
-  "dates",
-  "week",
-  "datetime",
-  "datetimerange",
-  "daterange",
-  "monthrange"
-].includes(val);
-
-let hiddenTextarea;
+let hiddenTextarea = void 0;
 const HIDDEN_STYLE = `
   height:0 !important;
   visibility:hidden !important;
@@ -8592,7 +7769,7 @@ function calculateNodeStyling(targetElement) {
   const contextStyle = CONTEXT_STYLE.map((name) => `${name}:${style.getPropertyValue(name)}`).join(";");
   return { contextStyle, paddingSize, borderSize, boxSizing };
 }
-function calcTextareaHeight(targetElement, minRows = 1, maxRows = null) {
+function calcTextareaHeight(targetElement, minRows = 1, maxRows) {
   var _a;
   if (!hiddenTextarea) {
     hiddenTextarea = document.createElement("textarea");
@@ -8610,7 +7787,7 @@ function calcTextareaHeight(targetElement, minRows = 1, maxRows = null) {
   }
   hiddenTextarea.value = "";
   const singleRowHeight = hiddenTextarea.scrollHeight - paddingSize;
-  if (minRows !== null) {
+  if (isNumber(minRows)) {
     let minHeight = singleRowHeight * minRows;
     if (boxSizing === "border-box") {
       minHeight = minHeight + paddingSize + borderSize;
@@ -8618,7 +7795,7 @@ function calcTextareaHeight(targetElement, minRows = 1, maxRows = null) {
     height = Math.max(minHeight, height);
     result.minHeight = `${minHeight}px`;
   }
-  if (maxRows !== null) {
+  if (isNumber(maxRows)) {
     let maxHeight = singleRowHeight * maxRows;
     if (boxSizing === "border-box") {
       maxHeight = maxHeight + paddingSize + borderSize;
@@ -8627,13 +7804,118 @@ function calcTextareaHeight(targetElement, minRows = 1, maxRows = null) {
   }
   result.height = `${height}px`;
   (_a = hiddenTextarea.parentNode) == null ? void 0 : _a.removeChild(hiddenTextarea);
-  hiddenTextarea = null;
+  hiddenTextarea = void 0;
   return result;
 }
 
-var __defProp$H = Object.defineProperty;
+var __defProp$I = Object.defineProperty;
 var __defProps$v = Object.defineProperties;
 var __getOwnPropDescs$v = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$I = Object.getOwnPropertySymbols;
+var __hasOwnProp$I = Object.prototype.hasOwnProperty;
+var __propIsEnum$I = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$I = (obj, key, value) => key in obj ? __defProp$I(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$I = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$I.call(b, prop))
+      __defNormalProp$I(a, prop, b[prop]);
+  if (__getOwnPropSymbols$I)
+    for (var prop of __getOwnPropSymbols$I(b)) {
+      if (__propIsEnum$I.call(b, prop))
+        __defNormalProp$I(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$v = (a, b) => __defProps$v(a, __getOwnPropDescs$v(b));
+const inputProps = buildProps(__spreadProps$v(__spreadValues$I({}, useFormItemProps), {
+  modelValue: {
+    type: definePropType(void 0),
+    default: ""
+  },
+  type: {
+    type: String,
+    default: "text"
+  },
+  resize: {
+    type: String,
+    values: ["none", "both", "horizontal", "vertical"]
+  },
+  autosize: {
+    type: definePropType([Boolean, Object]),
+    default: false
+  },
+  autocomplete: {
+    type: String,
+    default: "off"
+  },
+  placeholder: {
+    type: String
+  },
+  form: {
+    type: String,
+    default: ""
+  },
+  readonly: {
+    type: Boolean,
+    default: false
+  },
+  clearable: {
+    type: Boolean,
+    default: false
+  },
+  showPassword: {
+    type: Boolean,
+    default: false
+  },
+  showWordLimit: {
+    type: Boolean,
+    default: false
+  },
+  suffixIcon: {
+    type: String,
+    default: ""
+  },
+  prefixIcon: {
+    type: String,
+    default: ""
+  },
+  label: {
+    type: String
+  },
+  tabindex: {
+    type: [Number, String]
+  },
+  validateEvent: {
+    type: Boolean,
+    default: true
+  },
+  inputStyle: {
+    type: definePropType([Object, Array, String]),
+    default: () => mutable({})
+  },
+  maxlength: {
+    type: [Number, String]
+  },
+  widget: {
+    type: String
+  }
+}));
+const inputEmits = {
+  [UPDATE_MODEL_EVENT]: (value) => isString$1(value),
+  input: (value) => isString$1(value),
+  change: (value) => isString$1(value),
+  focus: (evt) => evt instanceof FocusEvent,
+  blur: (evt) => evt instanceof FocusEvent,
+  clear: () => true,
+  mouseleave: (evt) => evt instanceof MouseEvent,
+  mouseenter: (evt) => evt instanceof MouseEvent,
+  keydown: (evt) => evt instanceof KeyboardEvent,
+  compositionstart: (evt) => evt instanceof CompositionEvent,
+  compositionupdate: (evt) => evt instanceof CompositionEvent,
+  compositionend: (evt) => evt instanceof CompositionEvent
+};
+
+var __defProp$H = Object.defineProperty;
 var __getOwnPropSymbols$H = Object.getOwnPropertySymbols;
 var __hasOwnProp$H = Object.prototype.hasOwnProperty;
 var __propIsEnum$H = Object.prototype.propertyIsEnumerable;
@@ -8649,7 +7931,6 @@ var __spreadValues$H = (a, b) => {
     }
   return a;
 };
-var __spreadProps$v = (a, b) => __defProps$v(a, __getOwnPropDescs$v(b));
 const PENDANT_MAP = {
   suffix: "append",
   prefix: "prepend"
@@ -8657,139 +7938,40 @@ const PENDANT_MAP = {
 var script$21 = defineComponent({
   name: "ElInput",
   inheritAttrs: false,
-  props: {
-    modelValue: {
-      type: [String, Number],
-      default: ""
-    },
-    type: {
-      type: String,
-      default: "text"
-    },
-    size: {
-      type: String,
-      validator: isValidComponentSize
-    },
-    resize: {
-      type: String,
-      validator: (val) => ["none", "both", "horizontal", "vertical"].includes(val)
-    },
-    autosize: {
-      type: [Boolean, Object],
-      default: false
-    },
-    autocomplete: {
-      type: String,
-      default: "off"
-    },
-    placeholder: {
-      type: String
-    },
-    form: {
-      type: String,
-      default: ""
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    readonly: {
-      type: Boolean,
-      default: false
-    },
-    clearable: {
-      type: Boolean,
-      default: false
-    },
-    showPassword: {
-      type: Boolean,
-      default: false
-    },
-    showWordLimit: {
-      type: Boolean,
-      default: false
-    },
-    suffixIcon: {
-      type: String,
-      default: ""
-    },
-    prefixIcon: {
-      type: String,
-      default: ""
-    },
-    label: {
-      type: String
-    },
-    tabindex: {
-      type: [Number, String]
-    },
-    validateEvent: {
-      type: Boolean,
-      default: true
-    },
-    inputStyle: {
-      type: Object,
-      default: () => ({})
-    },
-    maxlength: {
-      type: [Number, String]
-    },
-    widget: {
-      type: String
-    }
-  },
-  emits: [
-    UPDATE_MODEL_EVENT,
-    "input",
-    "change",
-    "focus",
-    "blur",
-    "clear",
-    "mouseleave",
-    "mouseenter",
-    "keydown",
-    "compositionstart",
-    "compositionupdate",
-    "compositionend"
-  ],
-  setup(props, ctx) {
+  props: inputProps,
+  emits: inputEmits,
+  setup(props, { slots, emit, attrs: rawAttrs }) {
     const instance = getCurrentInstance();
     const attrs = useAttrs();
-    const $ELEMENT = useGlobalConfig();
-    const elForm = inject(elFormKey, {});
-    const elFormItem = inject(elFormItemKey, {});
-    const input = ref(null);
-    const textarea = ref(null);
+    const elForm = inject(elFormKey, void 0);
+    const elFormItem = inject(elFormItemKey, void 0);
+    const { size: inputSize, disabled: inputDisabled } = useFormItem({});
+    const input = ref();
+    const textarea = ref();
     const focused = ref(false);
     const hovering = ref(false);
     const isComposing = ref(false);
     const passwordVisible = ref(false);
     const _textareaCalcStyle = shallowRef(props.inputStyle);
     const inputOrTextarea = computed(() => input.value || textarea.value);
-    const inputSize = computed(() => props.size || elFormItem.size || $ELEMENT.size);
-    const needStatusIcon = computed(() => elForm.statusIcon);
-    const validateState = computed(() => elFormItem.validateState || "");
+    const needStatusIcon = computed(() => {
+      var _a;
+      return (_a = elForm == null ? void 0 : elForm.statusIcon) != null ? _a : false;
+    });
+    const validateState = computed(() => (elFormItem == null ? void 0 : elFormItem.validateState) || "");
     const validateIcon = computed(() => VALIDATE_STATE_MAP[validateState.value]);
-    const computedTextareaStyle = computed(() => __spreadProps$v(__spreadValues$H(__spreadValues$H({}, props.inputStyle), _textareaCalcStyle.value), {
-      resize: props.resize
-    }));
-    const inputDisabled = computed(() => props.disabled || elForm.disabled);
+    const containerStyle = computed(() => rawAttrs.style);
+    const computedTextareaStyle = computed(() => [
+      props.inputStyle,
+      _textareaCalcStyle.value,
+      { resize: props.resize }
+    ]);
     const nativeInputValue = computed(() => props.modelValue === null || props.modelValue === void 0 ? "" : String(props.modelValue));
-    const showClear = computed(() => {
-      return props.clearable && !inputDisabled.value && !props.readonly && nativeInputValue.value && (focused.value || hovering.value);
-    });
-    const showPwdVisible = computed(() => {
-      return props.showPassword && !inputDisabled.value && !props.readonly && (!!nativeInputValue.value || focused.value);
-    });
-    const isWordLimitVisible = computed(() => {
-      return props.showWordLimit && props.maxlength && (props.type === "text" || props.type === "textarea") && !inputDisabled.value && !props.readonly && !props.showPassword;
-    });
-    const textLength = computed(() => {
-      return Array.from(nativeInputValue.value).length;
-    });
-    const inputExceed = computed(() => {
-      return isWordLimitVisible.value && textLength.value > Number(props.maxlength);
-    });
+    const showClear = computed(() => props.clearable && !inputDisabled.value && !props.readonly && !!nativeInputValue.value && (focused.value || hovering.value));
+    const showPwdVisible = computed(() => props.showPassword && !inputDisabled.value && !props.readonly && (!!nativeInputValue.value || focused.value));
+    const isWordLimitVisible = computed(() => props.showWordLimit && !!props.maxlength && (props.type === "text" || props.type === "textarea") && !inputDisabled.value && !props.readonly && !props.showPassword);
+    const textLength = computed(() => Array.from(nativeInputValue.value).length);
+    const inputExceed = computed(() => !!isWordLimitVisible.value && textLength.value > Number(props.maxlength));
     const resizeTextarea = () => {
       const { type, autosize } = props;
       if (isServer || type !== "textarea")
@@ -8812,12 +7994,14 @@ var script$21 = defineComponent({
     };
     const calcIconOffset = (place) => {
       const { el } = instance.vnode;
+      if (!el)
+        return;
       const elList = Array.from(el.querySelectorAll(`.el-input__${place}`));
       const target = elList.find((item) => item.parentNode === el);
       if (!target)
         return;
       const pendant = PENDANT_MAP[place];
-      if (ctx.slots[pendant]) {
+      if (slots[pendant]) {
         target.style.transform = `translateX(${place === "suffix" ? "-" : ""}${el.querySelector(`.el-input-group__${pendant}`).offsetWidth}px)`;
       } else {
         target.removeAttribute("style");
@@ -8837,77 +8021,76 @@ var script$21 = defineComponent({
         const sliceIndex = inputExceed.value ? textLength.value : props.maxlength;
         value = Array.from(value).slice(0, Number(sliceIndex)).join("");
       }
-      ctx.emit(UPDATE_MODEL_EVENT, value);
-      ctx.emit("input", value);
+      emit(UPDATE_MODEL_EVENT, value);
+      emit("input", value);
       nextTick(setNativeInputValue);
     };
     const handleChange = (event) => {
-      ctx.emit("change", event.target.value);
+      emit("change", event.target.value);
     };
     const focus = () => {
       nextTick(() => {
-        inputOrTextarea.value.focus();
+        var _a;
+        (_a = inputOrTextarea.value) == null ? void 0 : _a.focus();
       });
     };
     const blur = () => {
-      inputOrTextarea.value.blur();
+      var _a;
+      (_a = inputOrTextarea.value) == null ? void 0 : _a.blur();
     };
     const handleFocus = (event) => {
       focused.value = true;
-      ctx.emit("focus", event);
+      emit("focus", event);
     };
     const handleBlur = (event) => {
       var _a;
       focused.value = false;
-      ctx.emit("blur", event);
+      emit("blur", event);
       if (props.validateEvent) {
-        (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "blur");
+        (_a = elFormItem == null ? void 0 : elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "blur");
       }
     };
     const select = () => {
-      inputOrTextarea.value.select();
+      var _a;
+      (_a = inputOrTextarea.value) == null ? void 0 : _a.select();
     };
     const handleCompositionStart = (event) => {
-      ctx.emit("compositionstart", event);
+      emit("compositionstart", event);
       isComposing.value = true;
     };
     const handleCompositionUpdate = (event) => {
       var _a;
-      ctx.emit("compositionupdate", event);
+      emit("compositionupdate", event);
       const text = (_a = event.target) == null ? void 0 : _a.value;
       const lastCharacter = text[text.length - 1] || "";
       isComposing.value = !isKorean(lastCharacter);
     };
     const handleCompositionEnd = (event) => {
-      ctx.emit("compositionend", event);
+      emit("compositionend", event);
       if (isComposing.value) {
         isComposing.value = false;
         handleInput(event);
       }
     };
     const clear = () => {
-      ctx.emit(UPDATE_MODEL_EVENT, "");
-      ctx.emit("change", "");
-      ctx.emit("clear");
-      ctx.emit("input", "");
+      emit(UPDATE_MODEL_EVENT, "");
+      emit("change", "");
+      emit("clear");
+      emit("input", "");
     };
     const handlePasswordVisible = () => {
       passwordVisible.value = !passwordVisible.value;
       focus();
     };
-    const getSuffixVisible = () => {
-      return ctx.slots.suffix || props.suffixIcon || showClear.value || props.showPassword || isWordLimitVisible.value || validateState.value && needStatusIcon.value;
-    };
+    const suffixVisible = computed(() => !!slots.suffix || !!props.suffixIcon || showClear.value || props.showPassword || isWordLimitVisible.value || !!validateState.value && needStatusIcon.value);
     watch(() => props.modelValue, () => {
       var _a;
       nextTick(resizeTextarea);
       if (props.validateEvent) {
-        (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change");
+        (_a = elFormItem == null ? void 0 : elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change");
       }
     });
-    watch(nativeInputValue, () => {
-      setNativeInputValue();
-    });
+    watch(nativeInputValue, () => setNativeInputValue());
     watch(() => props.type, () => {
       nextTick(() => {
         setNativeInputValue();
@@ -8923,16 +8106,16 @@ var script$21 = defineComponent({
     onUpdated(() => {
       nextTick(updateIconOffset);
     });
-    const onMouseLeave = (e) => {
+    const onMouseLeave = (evt) => {
       hovering.value = false;
-      ctx.emit("mouseleave", e);
+      emit("mouseleave", evt);
     };
-    const onMouseEnter = (e) => {
+    const onMouseEnter = (evt) => {
       hovering.value = true;
-      ctx.emit("mouseenter", e);
+      emit("mouseenter", evt);
     };
-    const handleKeydown = (e) => {
-      ctx.emit("keydown", e);
+    const handleKeydown = (evt) => {
+      emit("keydown", evt);
     };
     return {
       input,
@@ -8941,8 +8124,8 @@ var script$21 = defineComponent({
       inputSize,
       validateState,
       validateIcon,
+      containerStyle,
       computedTextareaStyle,
-      resizeTextarea,
       inputDisabled,
       showClear,
       showPwdVisible,
@@ -8952,6 +8135,8 @@ var script$21 = defineComponent({
       inputExceed,
       passwordVisible,
       inputOrTextarea,
+      suffixVisible,
+      resizeTextarea,
       handleInput,
       handleChange,
       handleFocus,
@@ -8964,7 +8149,6 @@ var script$21 = defineComponent({
       select,
       focus,
       blur,
-      getSuffixVisible,
       onMouseLeave,
       onMouseEnter,
       handleKeydown
@@ -8979,11 +8163,11 @@ const _hoisted_2$14 = {
 };
 const _hoisted_3$V = ["type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder"];
 const _hoisted_4$A = {
-  key: 2,
+  key: 1,
   class: "el-input__prefix"
 };
 const _hoisted_5$v = {
-  key: 3,
+  key: 2,
   class: "el-input__suffix"
 };
 const _hoisted_6$o = { class: "el-input__suffix-inner" };
@@ -8993,12 +8177,12 @@ const _hoisted_7$g = {
 };
 const _hoisted_8$b = { class: "el-input__count-inner" };
 const _hoisted_9$a = {
-  key: 4,
+  key: 3,
   class: "el-input-group__append"
 };
 const _hoisted_10$a = ["tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder"];
 const _hoisted_11$7 = {
-  key: 2,
+  key: 0,
   class: "el-input__count"
 };
 function render$1V(_ctx, _cache, $props, $setup, $data, $options) {
@@ -9018,18 +8202,18 @@ function render$1V(_ctx, _cache, $props, $setup, $data, $options) {
       },
       _ctx.$attrs.class
     ]),
-    style: normalizeStyle(_ctx.$attrs.style),
+    style: normalizeStyle(_ctx.containerStyle),
     widget: _ctx.widget,
     onMouseenter: _cache[19] || (_cache[19] = (...args) => _ctx.onMouseEnter && _ctx.onMouseEnter(...args)),
     onMouseleave: _cache[20] || (_cache[20] = (...args) => _ctx.onMouseLeave && _ctx.onMouseLeave(...args))
   }, [
+    createCommentVNode(" input "),
     _ctx.type !== "textarea" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-      createCommentVNode(" \u524D\u7F6E\u5143\u7D20 "),
+      createCommentVNode(" prepend slot "),
       _ctx.$slots.prepend ? (openBlock(), createElementBlock("div", _hoisted_2$14, [
         renderSlot(_ctx.$slots, "prepend")
       ])) : createCommentVNode("v-if", true),
-      _ctx.type !== "textarea" ? (openBlock(), createElementBlock("input", mergeProps({
-        key: 1,
+      createElementVNode("input", mergeProps({
         ref: "input",
         class: "el-input__inner"
       }, _ctx.attrs, {
@@ -9049,8 +8233,8 @@ function render$1V(_ctx, _cache, $props, $setup, $data, $options) {
         onBlur: _cache[5] || (_cache[5] = (...args) => _ctx.handleBlur && _ctx.handleBlur(...args)),
         onChange: _cache[6] || (_cache[6] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
         onKeydown: _cache[7] || (_cache[7] = (...args) => _ctx.handleKeydown && _ctx.handleKeydown(...args))
-      }), null, 16, _hoisted_3$V)) : createCommentVNode("v-if", true),
-      createCommentVNode(" \u524D\u7F6E\u5185\u5BB9 "),
+      }), null, 16, _hoisted_3$V),
+      createCommentVNode(" prefix slot "),
       _ctx.$slots.prefix || _ctx.prefixIcon ? (openBlock(), createElementBlock("span", _hoisted_4$A, [
         renderSlot(_ctx.$slots, "prefix"),
         _ctx.prefixIcon ? (openBlock(), createElementBlock("i", {
@@ -9058,8 +8242,8 @@ function render$1V(_ctx, _cache, $props, $setup, $data, $options) {
           class: normalizeClass(["el-input__icon", _ctx.prefixIcon])
         }, null, 2)) : createCommentVNode("v-if", true)
       ])) : createCommentVNode("v-if", true),
-      createCommentVNode(" \u540E\u7F6E\u5185\u5BB9 "),
-      _ctx.getSuffixVisible() ? (openBlock(), createElementBlock("span", _hoisted_5$v, [
+      createCommentVNode(" suffix slot "),
+      _ctx.suffixVisible ? (openBlock(), createElementBlock("span", _hoisted_5$v, [
         createElementVNode("span", _hoisted_6$o, [
           !_ctx.showClear || !_ctx.showPwdVisible || !_ctx.isWordLimitVisible ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
             renderSlot(_ctx.$slots, "suffix"),
@@ -9081,7 +8265,7 @@ function render$1V(_ctx, _cache, $props, $setup, $data, $options) {
             onClick: _cache[10] || (_cache[10] = (...args) => _ctx.handlePasswordVisible && _ctx.handlePasswordVisible(...args))
           })) : createCommentVNode("v-if", true),
           _ctx.isWordLimitVisible ? (openBlock(), createElementBlock("span", _hoisted_7$g, [
-            createElementVNode("span", _hoisted_8$b, toDisplayString(_ctx.textLength) + "/" + toDisplayString(_ctx.maxlength), 1)
+            createElementVNode("span", _hoisted_8$b, toDisplayString(_ctx.textLength) + " / " + toDisplayString(_ctx.maxlength), 1)
           ])) : createCommentVNode("v-if", true)
         ]),
         _ctx.validateState ? (openBlock(), createElementBlock("i", {
@@ -9089,43 +8273,41 @@ function render$1V(_ctx, _cache, $props, $setup, $data, $options) {
           class: normalizeClass(["el-input__icon", "el-input__validateIcon", _ctx.validateIcon])
         }, null, 2)) : createCommentVNode("v-if", true)
       ])) : createCommentVNode("v-if", true),
-      createCommentVNode(" \u540E\u7F6E\u5143\u7D20 "),
+      createCommentVNode(" append slot "),
       _ctx.$slots.append ? (openBlock(), createElementBlock("div", _hoisted_9$a, [
         renderSlot(_ctx.$slots, "append")
       ])) : createCommentVNode("v-if", true)
-    ], 64)) : (openBlock(), createElementBlock("textarea", mergeProps({
-      key: 1,
-      ref: "textarea",
-      class: "el-textarea__inner"
-    }, _ctx.attrs, {
-      tabindex: _ctx.tabindex,
-      disabled: _ctx.inputDisabled,
-      readonly: _ctx.readonly,
-      autocomplete: _ctx.autocomplete,
-      style: _ctx.computedTextareaStyle,
-      "aria-label": _ctx.label,
-      placeholder: _ctx.placeholder,
-      onCompositionstart: _cache[11] || (_cache[11] = (...args) => _ctx.handleCompositionStart && _ctx.handleCompositionStart(...args)),
-      onCompositionupdate: _cache[12] || (_cache[12] = (...args) => _ctx.handleCompositionUpdate && _ctx.handleCompositionUpdate(...args)),
-      onCompositionend: _cache[13] || (_cache[13] = (...args) => _ctx.handleCompositionEnd && _ctx.handleCompositionEnd(...args)),
-      onInput: _cache[14] || (_cache[14] = (...args) => _ctx.handleInput && _ctx.handleInput(...args)),
-      onFocus: _cache[15] || (_cache[15] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
-      onBlur: _cache[16] || (_cache[16] = (...args) => _ctx.handleBlur && _ctx.handleBlur(...args)),
-      onChange: _cache[17] || (_cache[17] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
-      onKeydown: _cache[18] || (_cache[18] = (...args) => _ctx.handleKeydown && _ctx.handleKeydown(...args))
-    }), "\n    ", 16, _hoisted_10$a)),
-    _ctx.isWordLimitVisible && _ctx.type === "textarea" ? (openBlock(), createElementBlock("span", _hoisted_11$7, toDisplayString(_ctx.textLength) + "/" + toDisplayString(_ctx.maxlength), 1)) : createCommentVNode("v-if", true)
+    ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+      createCommentVNode(" textarea "),
+      createElementVNode("textarea", mergeProps({
+        ref: "textarea",
+        class: "el-textarea__inner"
+      }, _ctx.attrs, {
+        tabindex: _ctx.tabindex,
+        disabled: _ctx.inputDisabled,
+        readonly: _ctx.readonly,
+        autocomplete: _ctx.autocomplete,
+        style: _ctx.computedTextareaStyle,
+        "aria-label": _ctx.label,
+        placeholder: _ctx.placeholder,
+        onCompositionstart: _cache[11] || (_cache[11] = (...args) => _ctx.handleCompositionStart && _ctx.handleCompositionStart(...args)),
+        onCompositionupdate: _cache[12] || (_cache[12] = (...args) => _ctx.handleCompositionUpdate && _ctx.handleCompositionUpdate(...args)),
+        onCompositionend: _cache[13] || (_cache[13] = (...args) => _ctx.handleCompositionEnd && _ctx.handleCompositionEnd(...args)),
+        onInput: _cache[14] || (_cache[14] = (...args) => _ctx.handleInput && _ctx.handleInput(...args)),
+        onFocus: _cache[15] || (_cache[15] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
+        onBlur: _cache[16] || (_cache[16] = (...args) => _ctx.handleBlur && _ctx.handleBlur(...args)),
+        onChange: _cache[17] || (_cache[17] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
+        onKeydown: _cache[18] || (_cache[18] = (...args) => _ctx.handleKeydown && _ctx.handleKeydown(...args))
+      }), null, 16, _hoisted_10$a),
+      _ctx.isWordLimitVisible ? (openBlock(), createElementBlock("span", _hoisted_11$7, toDisplayString(_ctx.textLength) + " / " + toDisplayString(_ctx.maxlength), 1)) : createCommentVNode("v-if", true)
+    ], 64))
   ], 46, _hoisted_1$1r);
 }
 
 script$21.render = render$1V;
-script$21.__file = "packages/components/input/src/index.vue";
+script$21.__file = "packages/components/input/src/input.vue";
 
-script$21.install = (app) => {
-  app.component(script$21.name, script$21);
-};
-const _Input = script$21;
-const ElInput = _Input;
+const ElInput = withInstall(script$21);
 
 const BAR_MAP = {
   vertical: {
@@ -10081,7 +9263,7 @@ var script$1Z = defineComponent({
   name: "ElAutocomplete",
   components: {
     ElPopper: _Popper,
-    ElInput: _Input,
+    ElInput,
     ElScrollbar: _Scrollbar
   },
   directives: {
@@ -11049,6 +10231,26 @@ var isEqual_1 = isEqual$1;
 
 var isEqual$2 = isEqual_1;
 
+const isValidWidthUnit = (val) => {
+  if (isNumber(val)) {
+    return true;
+  } else {
+    return ["px", "rem", "em", "vw", "%", "vmin", "vmax"].some((unit) => val.endsWith(unit)) || val.startsWith("calc");
+  }
+};
+const isValidComponentSize = (val) => ["", "large", "medium", "small", "mini"].includes(val);
+const isValidDatePickType = (val) => [
+  "year",
+  "month",
+  "date",
+  "dates",
+  "week",
+  "datetime",
+  "datetimerange",
+  "daterange",
+  "monthrange"
+].includes(val);
+
 const timePickerDefaultProps = {
   name: {
     type: [Array, String],
@@ -11197,7 +10399,7 @@ const formatter = function(date, format, lang) {
 var script$1R = defineComponent({
   name: "Picker",
   components: {
-    ElInput: _Input,
+    ElInput,
     ElPopper: _Popper
   },
   directives: { clickoutside: ClickOutside },
@@ -12329,6 +11531,28 @@ function baseFlatten(array, depth, predicate, isStrict, result) {
 
 var _baseFlatten = baseFlatten;
 
+/**
+ * This method returns the first argument it receives.
+ *
+ * @static
+ * @since 0.1.0
+ * @memberOf _
+ * @category Util
+ * @param {*} value Any value.
+ * @returns {*} Returns `value`.
+ * @example
+ *
+ * var object = { 'a': 1 };
+ *
+ * console.log(_.identity(object) === object);
+ * // => true
+ */
+function identity(value) {
+  return value;
+}
+
+var identity_1 = identity;
+
 /**
  * A faster alternative to `Function#apply`, this function invokes `func`
  * with the `this` binding of `thisArg` and the arguments of `args`.
@@ -12413,6 +11637,16 @@ function constant(value) {
 
 var constant_1 = constant;
 
+var defineProperty = (function() {
+  try {
+    var func = _getNative(Object, 'defineProperty');
+    func({}, '', {});
+    return func;
+  } catch (e) {}
+}());
+
+var _defineProperty = defineProperty;
+
 /**
  * The base implementation of `setToString` without support for hot loop shorting.
  *
@@ -13639,7 +12873,7 @@ script$1L.__file = "packages/components/card/src/card.vue";
 const ElCard = withInstall(script$1L);
 
 /** Error message constants. */
-var FUNC_ERROR_TEXT = 'Expected a function';
+var FUNC_ERROR_TEXT$1 = 'Expected a function';
 
 /**
  * Creates a throttled function that only invokes `func` at most once per
@@ -13690,7 +12924,7 @@ function throttle(func, wait, options) {
       trailing = true;
 
   if (typeof func != 'function') {
-    throw new TypeError(FUNC_ERROR_TEXT);
+    throw new TypeError(FUNC_ERROR_TEXT$1);
   }
   if (isObject_1(options)) {
     leading = 'leading' in options ? !!options.leading : leading;
@@ -16096,7 +15330,7 @@ var script$1y = defineComponent({
   name: "ElCascader",
   components: {
     ElCascaderPanel: _CascaderPanel,
-    ElInput: _Input,
+    ElInput,
     ElPopper: _Popper,
     ElScrollbar: _Scrollbar,
     ElTag
@@ -17748,7 +16982,7 @@ var script$1p = defineComponent({
   components: {
     ElButton,
     ElPopper: _Popper,
-    ElInput: _Input,
+    ElInput,
     SvPanel: script$1q,
     HueSlider: script$1s,
     AlphaSlider: script$1t,
@@ -18923,7 +18157,7 @@ const timeWithinRange = (_, __, ___) => true;
 var script$1g = defineComponent({
   components: {
     DateTable: script$1j,
-    ElInput: _Input,
+    ElInput,
     ElButton,
     TimePickPanel: script$1P,
     MonthTable: script$1i,
@@ -19490,7 +18724,7 @@ script$1g.__file = "packages/components/date-picker/src/date-picker-com/panel-da
 
 var script$1f = defineComponent({
   directives: { clickoutside: ClickOutside },
-  components: { TimePickPanel: script$1P, DateTable: script$1j, ElInput: _Input, ElButton },
+  components: { TimePickPanel: script$1P, DateTable: script$1j, ElInput, ElButton },
   props: {
     unlinkPanels: Boolean,
     parsedValue: {
@@ -23817,7 +23051,7 @@ var script$12 = defineComponent({
       const ret = {};
       if (elForm.labelPosition === "top")
         return ret;
-      const labelWidth = addUnit(props.labelWidth) || addUnit(elForm.labelWidth);
+      const labelWidth = addUnit(props.labelWidth || elForm.labelWidth);
       if (labelWidth) {
         ret.width = labelWidth;
       }
@@ -23831,7 +23065,7 @@ var script$12 = defineComponent({
       if (!props.label && !props.labelWidth && isNested.value) {
         return ret;
       }
-      const labelWidth = addUnit(props.labelWidth) || addUnit(elForm.labelWidth);
+      const labelWidth = addUnit(props.labelWidth || elForm.labelWidth);
       if (!props.label && !slots.label) {
         ret.marginLeft = labelWidth;
       }
@@ -24110,6 +23344,33 @@ script$11.__file = "packages/components/icon/src/icon.vue";
 
 const ElIcon = withInstall(script$11);
 
+const imageViewerProps = buildProps({
+  urlList: {
+    type: definePropType(Array),
+    default: () => mutable([])
+  },
+  zIndex: {
+    type: Number,
+    default: 2e3
+  },
+  initialIndex: {
+    type: Number,
+    default: 0
+  },
+  infinite: {
+    type: Boolean,
+    default: true
+  },
+  hideOnClickModal: {
+    type: Boolean,
+    default: false
+  }
+});
+const imageViewerEmits = {
+  close: () => true,
+  switch: (index) => typeof index === "number"
+};
+
 var __defProp$p = Object.defineProperty;
 var __defProps$i = Object.defineProperties;
 var __getOwnPropDescs$i = Object.getOwnPropertyDescriptors;
@@ -24140,42 +23401,17 @@ const Mode = {
   }
 };
 const mousewheelEventName = isFirefox$1() ? "DOMMouseScroll" : "mousewheel";
-const CLOSE_EVENT = "close";
-const SWITCH_EVENT = "switch";
 var script$10 = defineComponent({
   name: "ElImageViewer",
-  props: {
-    urlList: {
-      type: Array,
-      default: () => []
-    },
-    zIndex: {
-      type: Number,
-      default: 2e3
-    },
-    initialIndex: {
-      type: Number,
-      default: 0
-    },
-    infinite: {
-      type: Boolean,
-      default: true
-    },
-    hideOnClickModal: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: [CLOSE_EVENT, SWITCH_EVENT],
+  props: imageViewerProps,
+  emits: imageViewerEmits,
   setup(props, { emit }) {
     const { t } = useLocaleInject();
-    let _keyDownHandler = null;
-    let _mouseWheelHandler = null;
-    let _dragHandler = null;
+    const wrapper = ref();
+    const img = ref();
+    const scopeEventListener = effectScope();
     const loading = ref(true);
     const index = ref(props.initialIndex);
-    const wrapper = ref(null);
-    const img = ref(null);
     const mode = ref(Mode.CONTAIN);
     const transform = ref({
       scale: 1,
@@ -24211,11 +23447,11 @@ var script$10 = defineComponent({
       return style;
     });
     function hide() {
-      deviceSupportUninstall();
-      emit(CLOSE_EVENT);
+      unregisterEventListener();
+      emit("close");
     }
-    function deviceSupportInstall() {
-      _keyDownHandler = rafThrottle((e) => {
+    function registerEventListener() {
+      const keydownHandler = rafThrottle((e) => {
         switch (e.code) {
           case EVENT_CODE.esc:
             hide();
@@ -24237,7 +23473,7 @@ var script$10 = defineComponent({
             break;
         }
       });
-      _mouseWheelHandler = rafThrottle((e) => {
+      const mousewheelHandler = rafThrottle((e) => {
         const delta = e.wheelDelta ? e.wheelDelta : -e.detail;
         if (delta > 0) {
           handleActions("zoomIn", {
@@ -24251,14 +23487,13 @@ var script$10 = defineComponent({
           });
         }
       });
-      on(document, "keydown", _keyDownHandler);
-      on(document, mousewheelEventName, _mouseWheelHandler);
+      scopeEventListener.run(() => {
+        useEventListener(document, "keydown", keydownHandler);
+        useEventListener(document, mousewheelEventName, mousewheelHandler);
+      });
     }
-    function deviceSupportUninstall() {
-      off(document, "keydown", _keyDownHandler);
-      off(document, mousewheelEventName, _mouseWheelHandler);
-      _keyDownHandler = null;
-      _mouseWheelHandler = null;
+    function unregisterEventListener() {
+      scopeEventListener.stop();
     }
     function handleImgLoad() {
       loading.value = false;
@@ -24268,7 +23503,7 @@ var script$10 = defineComponent({
       e.target.alt = t("el.image.error");
     }
     function handleMouseDown(e) {
-      if (loading.value || e.button !== 0)
+      if (loading.value || e.button !== 0 || !wrapper.value)
         return;
       const { offsetX, offsetY } = transform.value;
       const startX = e.pageX;
@@ -24277,20 +23512,20 @@ var script$10 = defineComponent({
       const divRight = wrapper.value.clientLeft + wrapper.value.clientWidth;
       const divTop = wrapper.value.clientTop;
       const divBottom = wrapper.value.clientTop + wrapper.value.clientHeight;
-      _dragHandler = rafThrottle((ev) => {
+      const dragHandler = rafThrottle((ev) => {
         transform.value = __spreadProps$i(__spreadValues$p({}, transform.value), {
           offsetX: offsetX + ev.pageX - startX,
           offsetY: offsetY + ev.pageY - startY
         });
       });
-      on(document, "mousemove", _dragHandler);
-      on(document, "mouseup", (e2) => {
-        const mouseX = e2.pageX;
-        const mouseY = e2.pageY;
+      const removeMousemove = useEventListener(document, "mousemove", dragHandler);
+      useEventListener(document, "mouseup", (evt) => {
+        const mouseX = evt.pageX;
+        const mouseY = evt.pageY;
         if (mouseX < divLeft || mouseX > divRight || mouseY < divTop || mouseY > divBottom) {
           reset();
         }
-        off(document, "mousemove", _dragHandler);
+        removeMousemove();
       });
       e.preventDefault();
     }
@@ -24355,18 +23590,18 @@ var script$10 = defineComponent({
     watch(currentImg, () => {
       nextTick(() => {
         const $img = img.value;
-        if (!$img.complete) {
+        if (!($img == null ? void 0 : $img.complete)) {
           loading.value = true;
         }
       });
     });
     watch(index, (val) => {
       reset();
-      emit(SWITCH_EVENT, val);
+      emit("switch", val);
     });
     onMounted(() => {
       var _a, _b;
-      deviceSupportInstall();
+      registerEventListener();
       (_b = (_a = wrapper.value) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a);
     });
     return {
@@ -24490,13 +23725,9 @@ function render$V(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$10.render = render$V;
-script$10.__file = "packages/components/image-viewer/src/index.vue";
+script$10.__file = "packages/components/image-viewer/src/image-viewer.vue";
 
-script$10.install = (app) => {
-  app.component(script$10.name, script$10);
-};
-const _ImageViewer = script$10;
-const ElImageViewer = _ImageViewer;
+const ElImageViewer = withInstall(script$10);
 
 const imageProps = buildProps({
   appendToBody: {
@@ -24535,7 +23766,7 @@ const imageProps = buildProps({
 });
 const imageEmits = {
   error: (evt) => evt instanceof Event,
-  switch: (val) => isBoolean(val),
+  switch: (val) => isNumber(val),
   close: () => true
 };
 
@@ -24564,7 +23795,7 @@ let prevOverflow = "";
 var script$$ = defineComponent({
   name: "ElImage",
   components: {
-    ImageViewer: _ImageViewer
+    ImageViewer: ElImageViewer
   },
   inheritAttrs: false,
   props: imageProps,
@@ -24788,7 +24019,7 @@ const ElImage = withInstall(script$$);
 var script$_ = defineComponent({
   name: "ElInputNumber",
   components: {
-    ElInput: _Input
+    ElInput
   },
   directives: {
     RepeatClick
@@ -25743,6 +24974,10 @@ const menuProps = buildProps({
   collapseTransition: {
     type: Boolean,
     default: true
+  },
+  ellipsis: {
+    type: Boolean,
+    default: true
   }
 });
 const checkIndexPath = (indexPath) => Array.isArray(indexPath) && indexPath.every((path) => isString$1(path));
@@ -25940,7 +25175,7 @@ var Menu = defineComponent({
         });
         const slotDefault = originalSlot.slice(0, sliceIndex);
         const slotMore = originalSlot.slice(sliceIndex);
-        if (slotMore == null ? void 0 : slotMore.length) {
+        if ((slotMore == null ? void 0 : slotMore.length) && props.ellipsis) {
           slot = slotDefault;
           vShowMore.push(h$1(SubMenu, {
             index: "sub-menu-more",
@@ -25954,7 +25189,8 @@ var Menu = defineComponent({
         }
       }
       const ulStyle = useMenuCssVar(props);
-      const vMenu = useVNodeResize(h$1("ul", {
+      const resizeMenu = (vNode) => props.ellipsis ? useVNodeResize(vNode) : vNode;
+      const vMenu = resizeMenu(h$1("ul", {
         key: String(props.collapse),
         role: "menubar",
         ref: menu,
@@ -25964,7 +25200,7 @@ var Menu = defineComponent({
           "el-menu--horizontal": props.mode === "horizontal",
           "el-menu--collapse": props.collapse
         }
-      }, [...slot.map((vnode) => useVNodeResize(vnode)), ...vShowMore]));
+      }, [...slot.map((vnode) => resizeMenu(vnode)), ...vShowMore]));
       if (props.collapseTransition && props.mode === "vertical") {
         return h$1(script$Y, () => vMenu);
       }
@@ -27281,7 +26517,7 @@ var script$Q = defineComponent({
   name: "ElSelect",
   componentName: "ElSelect",
   components: {
-    ElInput: _Input,
+    ElInput,
     ElSelectMenu: script$R,
     ElOption: script$S,
     ElTag,
@@ -27984,7 +27220,7 @@ script$O.__file = "packages/components/pagination/src/components/sizes.vue";
 var script$N = defineComponent({
   name: "ElPaginationJumper",
   components: {
-    ElInput: _Input
+    ElInput
   },
   setup() {
     const { t } = useLocaleInject();
@@ -28826,7 +28062,6 @@ var script$I = defineComponent({
     percentage: {
       type: Number,
       default: 0,
-      required: true,
       validator: (val) => val >= 0 && val <= 100
     },
     status: {
@@ -29235,7 +28470,7 @@ var script$H = defineComponent({
       },
       [props.max]: props.iconClasses[2]
     } : props.iconClasses);
-    const decimalIconClass = computed(() => getValueFromMap(props.modelValue, classMap.value));
+    const decimalIconClass = computed(() => getValueFromMap(currentValue.value, classMap.value));
     const voidClass = computed(() => rateDisabled.value ? props.disabledVoidIconClass : props.voidIconClass);
     const activeClass = computed(() => getValueFromMap(currentValue.value, classMap.value));
     const classes = computed(() => {
@@ -29627,6 +28862,78 @@ _Row.install = (app) => {
 };
 const ElRow = _Row;
 
+/** Error message constants. */
+var FUNC_ERROR_TEXT = 'Expected a function';
+
+/**
+ * Creates a function that memoizes the result of `func`. If `resolver` is
+ * provided, it determines the cache key for storing the result based on the
+ * arguments provided to the memoized function. By default, the first argument
+ * provided to the memoized function is used as the map cache key. The `func`
+ * is invoked with the `this` binding of the memoized function.
+ *
+ * **Note:** The cache is exposed as the `cache` property on the memoized
+ * function. Its creation may be customized by replacing the `_.memoize.Cache`
+ * constructor with one whose instances implement the
+ * [`Map`](http://ecma-international.org/ecma-262/7.0/#sec-properties-of-the-map-prototype-object)
+ * method interface of `clear`, `delete`, `get`, `has`, and `set`.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Function
+ * @param {Function} func The function to have its output memoized.
+ * @param {Function} [resolver] The function to resolve the cache key.
+ * @returns {Function} Returns the new memoized function.
+ * @example
+ *
+ * var object = { 'a': 1, 'b': 2 };
+ * var other = { 'c': 3, 'd': 4 };
+ *
+ * var values = _.memoize(_.values);
+ * values(object);
+ * // => [1, 2]
+ *
+ * values(other);
+ * // => [3, 4]
+ *
+ * object.a = 2;
+ * values(object);
+ * // => [1, 2]
+ *
+ * // Modify the result cache.
+ * values.cache.set(object, ['a', 'b']);
+ * values(object);
+ * // => ['a', 'b']
+ *
+ * // Replace `_.memoize.Cache`.
+ * _.memoize.Cache = WeakMap;
+ */
+function memoize(func, resolver) {
+  if (typeof func != 'function' || (resolver != null && typeof resolver != 'function')) {
+    throw new TypeError(FUNC_ERROR_TEXT);
+  }
+  var memoized = function() {
+    var args = arguments,
+        key = resolver ? resolver.apply(this, args) : args[0],
+        cache = memoized.cache;
+
+    if (cache.has(key)) {
+      return cache.get(key);
+    }
+    var result = func.apply(this, args);
+    memoized.cache = cache.set(key, result) || cache;
+    return result;
+  };
+  memoized.cache = new (memoize.Cache || _MapCache);
+  return memoized;
+}
+
+// Expose `MapCache`.
+memoize.Cache = _MapCache;
+
+var memoize_1 = memoize;
+
 var safeIsNaN = Number.isNaN ||
     function ponyfill(value) {
         return typeof value === 'number' && value !== value;
@@ -32368,6 +31675,8 @@ const useSelect = (props, emit) => {
             initHovering = true;
           }
         });
+      } else {
+        states.cachedOptions = [];
       }
     } else {
       if (props.modelValue) {
@@ -34659,7 +33968,7 @@ const getColumnByCell = function(table, cell) {
 };
 const getRowIdentity = (row, rowKey) => {
   if (!row)
-    throw new Error("row is required when get row identity");
+    throw new Error("Row is required when get row identity");
   if (typeof rowKey === "string") {
     if (rowKey.indexOf(".") < 0) {
       return `${row[rowKey]}`;
@@ -35044,7 +34353,7 @@ function useTree$1(watcherData) {
     }, childrenColumnName.value, lazyColumnIdentifier.value);
     return res;
   };
-  const updateTreeData = (ifExpandAll = ((_a) => (_a = instance.store) == null ? void 0 : _a.states.defaultExpandAll.value)()) => {
+  const updateTreeData = (ifChangeExpandRowKeys = false, ifExpandAll = ((_a) => (_a = instance.store) == null ? void 0 : _a.states.defaultExpandAll.value)()) => {
     var _a2;
     const nested = normalizedData.value;
     const normalizedLazyNode_ = normalizedLazyNode.value;
@@ -35054,10 +34363,15 @@ function useTree$1(watcherData) {
       const oldTreeData = unref(treeData);
       const rootLazyRowKeys = [];
       const getExpanded = (oldValue, key) => {
-        if (expandRowKeys.value) {
-          return ifExpandAll || expandRowKeys.value.includes(key);
+        if (ifChangeExpandRowKeys) {
+          if (expandRowKeys.value) {
+            return ifExpandAll || expandRowKeys.value.includes(key);
+          } else {
+            return !!(ifExpandAll || (oldValue == null ? void 0 : oldValue.expanded));
+          }
         } else {
-          return !!(ifExpandAll || (oldValue == null ? void 0 : oldValue.expanded));
+          const included = ifExpandAll || expandRowKeys.value && expandRowKeys.value.includes(key);
+          return !!((oldValue == null ? void 0 : oldValue.expanded) || included);
         }
       };
       keys.forEach((key) => {
@@ -35099,6 +34413,9 @@ function useTree$1(watcherData) {
     treeData.value = newTreeData;
     (_a2 = instance.store) == null ? void 0 : _a2.updateTableScrollY();
   };
+  watch(() => expandRowKeys.value, () => {
+    updateTreeData(true);
+  });
   watch(() => normalizedData.value, () => {
     updateTreeData();
   });
@@ -35872,10 +35189,10 @@ class TableLayout {
       }
     }
     if (!this.table) {
-      throw new Error("table is required for Table Layout");
+      throw new Error("Table is required for Table Layout");
     }
     if (!this.store) {
-      throw new Error("store is required for Table Layout");
+      throw new Error("Store is required for Table Layout");
     }
   }
   updateScrollY() {
@@ -37232,7 +36549,7 @@ function useRender$1(props) {
             };
             const childKey = getRowIdentity(node, rowKey.value);
             if (childKey === void 0 || childKey === null) {
-              throw new Error("for nested data item, row-key is required.");
+              throw new Error("For nested data item, row-key is required.");
             }
             cur = __spreadValues$8({}, treeData.value[childKey]);
             if (cur) {
@@ -38876,7 +38193,7 @@ var ElTableColumn$1 = defineComponent({
       });
       if (renderDefault instanceof Array) {
         for (const childNode of renderDefault) {
-          if (((_c = childNode.type) == null ? void 0 : _c.name) === "ElTableColumn") {
+          if (((_c = childNode.type) == null ? void 0 : _c.name) === "ElTableColumn" || childNode.shapeFlag & 2) {
             children.push(childNode);
           } else if (childNode.type === Fragment && childNode.children instanceof Array) {
             children.push(...childNode.children);
@@ -40009,7 +39326,7 @@ var script$f = defineComponent({
   components: {
     ElCheckboxGroup: ElCheckboxGroup$1,
     ElCheckbox,
-    ElInput: _Input,
+    ElInput,
     OptionContent: ({ option }) => option
   },
   props: useCheckProps,
@@ -40651,7 +39968,7 @@ class Node$1 {
   }
   insertChild(child, index, batch) {
     if (!child)
-      throw new Error("insertChild error: child is required.");
+      throw new Error("InsertChild error: child is required.");
     if (!(child instanceof Node$1)) {
       if (!batch) {
         const children = this.getChildren(true);
@@ -43513,6 +42830,30 @@ function arrayEach(array, iteratee) {
 
 var _arrayEach = arrayEach;
 
+/**
+ * The base implementation of `assignValue` and `assignMergeValue` without
+ * value checks.
+ *
+ * @private
+ * @param {Object} object The object to modify.
+ * @param {string} key The key of the property to assign.
+ * @param {*} value The value to assign.
+ */
+function baseAssignValue(object, key, value) {
+  if (key == '__proto__' && _defineProperty) {
+    _defineProperty(object, key, {
+      'configurable': true,
+      'enumerable': true,
+      'value': value,
+      'writable': true
+    });
+  } else {
+    object[key] = value;
+  }
+}
+
+var _baseAssignValue = baseAssignValue;
+
 /** Used for built-in method references. */
 var objectProto$2 = Object.prototype;
 
@@ -45557,7 +44898,7 @@ var script$1 = defineComponent({
   },
   components: {
     ElButton,
-    ElInput: _Input,
+    ElInput,
     ElOverlay
   },
   inheritAttrs: false,
@@ -46401,4 +45742,4 @@ var installer = makeInstaller([...Components, ...Plugins]);
 const install = installer.install;
 const version = installer.version;
 
-export { ALERT_TYPE_CLASSES_MAP, BAR_MAP, CASCADER_PANEL_INJECTION_KEY, CHANGE_EVENT, ClickOutside, script$1R as CommonPicker, CommonProps, DARK_EFFECT, DEFAULT_FORMATS_DATE, DEFAULT_FORMATS_DATEPICKER, DEFAULT_FORMATS_TIME, DefaultProps, FixedSizeGrid$1 as DynamicSizeGrid, DynamicSizeList$1 as DynamicSizeList, Effect, ElAffix, ElAlert, ElAside, ElAutocomplete, ElAvatar, ElBacktop, ElBadge, ElBreadcrumb, ElBreadcrumbItem, ElButton, ElButtonGroup$2 as ElButtonGroup, ElCalendar, ElCard, ElCarousel, ElCarouselItem, ElCascader, ElCascaderPanel, ElCheckTag, ElCheckbox, ElCheckboxButton, ElCheckboxGroup$1 as ElCheckboxGroup, ElCol, ElCollapse, ElCollapseItem, ElCollapseTransition, ElColorPicker, ElConfigProvider, ElContainer, ElDatePicker, ElDescriptions, ElDescriptionsItem, ElDialog, ElDivider, ElDrawer, ElDropdown, ElDropdownItem, ElDropdownMenu, ElEmpty, ElFooter, ElForm, ElFormItem, ElHeader, ElIcon, ElImage, ElImageViewer, ElInfiniteScroll, ElInput, ElInputNumber, ElLink, ElLoading, ElLoadingDirective, ElLoadingService, ElMain, ElMenu, ElMenuItem, ElMenuItemGroup, ElMessage, ElMessageBox, ElNotification, ElOption$1 as ElOption, ElOptionGroup, ElOverlay, ElPageHeader, ElPagination, ElPopconfirm, ElPopover, ElPopoverDirective, ElPopper, ElProgress, ElRadio, ElRadioButton, ElRadioGroup, ElRate, ElResult, ElRow, ElScrollbar, ElSelect, ElSelectV2, ElSkeleton, ElSkeletonItem, ElSlider, ElSpace, ElStep, ElSteps, ElSubMenu, ElSwitch, ElTabPane, ElTable, ElTableColumn, ElTabs, ElTag, ElTimePicker, ElTimeSelect, ElTimeline, ElTimelineItem, ElTooltip, ElTransfer, ElTree, ElTreeV2, ElUpload, ExpandTrigger$1 as ExpandTrigger, FixedSizeGrid$3 as FixedSizeGrid, FixedSizeList$1 as FixedSizeList, LIGHT_EFFECT, LocaleInjectionKey, Mousewheel, RepeatClick, Resize, script$1P as TimePickPanel, TrapFocus, affixEmits, affixProps, alertEmits, alertProps, avatarEmits, avatarProps, backtopEmits, backtopProps, badgeProps, breadcrumbItemProps, breadcrumbProps, buttonEmits, buttonNativeType, buttonProps, buttonSize, buttonType, cardProps, colProps, installer as default, dialogEmits, dialogProps, dividerProps, elBreadcrumbKey, elButtonGroupKey, elFormItemKey, elFormKey, elPaginationKey, emptyProps, extractDateFormat, extractTimeFormat, iconProps, imageEmits, imageProps, install, linkEmits, linkProps, localeProviderMaker, makeInstaller, menuEmits, menuItemEmits, menuItemGroupProps, menuItemProps, menuProps, messageEmits, messageProps, messageTypes, notificationEmits, notificationProps, notificationTypes, overlayEmits, overlayProps, pageHeaderEmits, pageHeaderProps, paginationEmits, paginationProps, popconfirmEmits, popconfirmProps, popperDefaultProps, rangeArr, renderArrow, renderPopper, renderThumbStyle$1 as renderThumbStyle, renderTrigger, selectGroupKey, selectKey, selectV2InjectionKey, spaceProps, subMenuProps, tagEmits, tagProps, themeVarsKey, timePickerDefaultProps, useAttrs, useCascaderConfig, useCssVar, useDialog, index$1 as useEvents, useFocus, useFormItem, useFormItemProps, useLocale, useLocaleInject, useLocaleProps, useLockScreen, useMigrating, useModal, useModelToggle, useModelToggleEmits, useModelToggleProps, usePopper, usePopperControlProps, usePopperHook, usePopperProps, usePreventGlobal, useRestoreActive, useSameTarget, useSpace, useTeleport, useThemeVars, useThrottleRender, useTimeout, version, virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps };
+export { ALERT_TYPE_CLASSES_MAP, BAR_MAP, CASCADER_PANEL_INJECTION_KEY, CHANGE_EVENT, ClickOutside, script$1R as CommonPicker, CommonProps, DARK_EFFECT, DEFAULT_FORMATS_DATE, DEFAULT_FORMATS_DATEPICKER, DEFAULT_FORMATS_TIME, DefaultProps, FixedSizeGrid$1 as DynamicSizeGrid, DynamicSizeList$1 as DynamicSizeList, Effect, ElAffix, ElAlert, ElAside, ElAutocomplete, ElAvatar, ElBacktop, ElBadge, ElBreadcrumb, ElBreadcrumbItem, ElButton, ElButtonGroup$2 as ElButtonGroup, ElCalendar, ElCard, ElCarousel, ElCarouselItem, ElCascader, ElCascaderPanel, ElCheckTag, ElCheckbox, ElCheckboxButton, ElCheckboxGroup$1 as ElCheckboxGroup, ElCol, ElCollapse, ElCollapseItem, ElCollapseTransition, ElColorPicker, ElConfigProvider, ElContainer, ElDatePicker, ElDescriptions, ElDescriptionsItem, ElDialog, ElDivider, ElDrawer, ElDropdown, ElDropdownItem, ElDropdownMenu, ElEmpty, ElFooter, ElForm, ElFormItem, ElHeader, ElIcon, ElImage, ElImageViewer, ElInfiniteScroll, ElInput, ElInputNumber, ElLink, ElLoading, ElLoadingDirective, ElLoadingService, ElMain, ElMenu, ElMenuItem, ElMenuItemGroup, ElMessage, ElMessageBox, ElNotification, ElOption$1 as ElOption, ElOptionGroup, ElOverlay, ElPageHeader, ElPagination, ElPopconfirm, ElPopover, ElPopoverDirective, ElPopper, ElProgress, ElRadio, ElRadioButton, ElRadioGroup, ElRate, ElResult, ElRow, ElScrollbar, ElSelect, ElSelectV2, ElSkeleton, ElSkeletonItem, ElSlider, ElSpace, ElStep, ElSteps, ElSubMenu, ElSwitch, ElTabPane, ElTable, ElTableColumn, ElTabs, ElTag, ElTimePicker, ElTimeSelect, ElTimeline, ElTimelineItem, ElTooltip, ElTransfer, ElTree, ElTreeV2, ElUpload, ExpandTrigger$1 as ExpandTrigger, FixedSizeGrid$3 as FixedSizeGrid, FixedSizeList$1 as FixedSizeList, LIGHT_EFFECT, LocaleInjectionKey, Mousewheel, RepeatClick, Resize, script$1P as TimePickPanel, TrapFocus, affixEmits, affixProps, alertEmits, alertProps, avatarEmits, avatarProps, backtopEmits, backtopProps, badgeProps, breadcrumbItemProps, breadcrumbProps, buttonEmits, buttonNativeType, buttonProps, buttonSize, buttonType, cardProps, colProps, installer as default, dialogEmits, dialogProps, dividerProps, elBreadcrumbKey, elButtonGroupKey, elFormItemKey, elFormKey, elPaginationKey, emptyProps, extractDateFormat, extractTimeFormat, iconProps, imageEmits, imageProps, imageViewerEmits, imageViewerProps, inputEmits, inputProps, install, linkEmits, linkProps, localeProviderMaker, makeInstaller, menuEmits, menuItemEmits, menuItemGroupProps, menuItemProps, menuProps, messageEmits, messageProps, messageTypes, notificationEmits, notificationProps, notificationTypes, overlayEmits, overlayProps, pageHeaderEmits, pageHeaderProps, paginationEmits, paginationProps, popconfirmEmits, popconfirmProps, popperDefaultProps, rangeArr, renderArrow, renderPopper, renderThumbStyle$1 as renderThumbStyle, renderTrigger, selectGroupKey, selectKey, selectV2InjectionKey, spaceProps, subMenuProps, tagEmits, tagProps, themeVarsKey, timePickerDefaultProps, useAttrs, useCascaderConfig, useCssVar, useDialog, index$1 as useEvents, useFocus, useFormItem, useFormItemProps, useLocale, useLocaleInject, useLocaleProps, useLockScreen, useMigrating, useModal, useModelToggle, useModelToggleEmits, useModelToggleProps, usePopper, usePopperControlProps, usePopperHook, usePopperProps, usePreventGlobal, useRestoreActive, useSameTarget, useSpace, useTeleport, useThemeVars, useThrottleRender, useTimeout, version, virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps };