@element-plus/nightly 0.0.20220305 → 0.0.20220306

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220305 */
+/*! Element Plus v0.0.20220306 */
 
 import { getCurrentScope, onScopeDispose, readonly, shallowRef, watchEffect, ref, unref, getCurrentInstance, onMounted, nextTick, watch, defineComponent, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, camelize as camelize$1, computed, inject, provide, onBeforeUnmount, isRef, onUnmounted, h as h$1, Teleport, onBeforeMount, normalizeClass, normalizeStyle, renderSlot, mergeProps, useSlots, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, onUpdated, resolveComponent, withModifiers, toRef, reactive, cloneVNode, Text, useAttrs as useAttrs$1, renderList, withKeys, createSlots, resolveDirective, normalizeProps, guardReactiveProps, toRefs, vModelCheckbox, vModelRadio, onBeforeUpdate, vModelText, toHandlers, markRaw, effectScope, toRaw, triggerRef, TransitionGroup, createApp, render } from 'vue';
 
@@ -12,12 +12,12 @@ var root$1 = root;
 var Symbol$1 = root$1.Symbol;
 var Symbol$2 = Symbol$1;
 
-var objectProto$b = Object.prototype;
-var hasOwnProperty$9 = objectProto$b.hasOwnProperty;
-var nativeObjectToString$1 = objectProto$b.toString;
+var objectProto$e = Object.prototype;
+var hasOwnProperty$c = objectProto$e.hasOwnProperty;
+var nativeObjectToString$1 = objectProto$e.toString;
 var symToStringTag$1 = Symbol$2 ? Symbol$2.toStringTag : void 0;
 function getRawTag(value) {
-  var isOwn = hasOwnProperty$9.call(value, symToStringTag$1), tag = value[symToStringTag$1];
+  var isOwn = hasOwnProperty$c.call(value, symToStringTag$1), tag = value[symToStringTag$1];
   try {
     value[symToStringTag$1] = void 0;
     var unmasked = true;
@@ -34,8 +34,8 @@ function getRawTag(value) {
   return result;
 }
 
-var objectProto$a = Object.prototype;
-var nativeObjectToString = objectProto$a.toString;
+var objectProto$d = Object.prototype;
+var nativeObjectToString = objectProto$d.toString;
 function objectToString$1(value) {
   return nativeObjectToString.call(value);
 }
@@ -53,9 +53,9 @@ function isObjectLike(value) {
   return value != null && typeof value == "object";
 }
 
-var symbolTag$1 = "[object Symbol]";
+var symbolTag$3 = "[object Symbol]";
 function isSymbol(value) {
-  return typeof value == "symbol" || isObjectLike(value) && baseGetTag(value) == symbolTag$1;
+  return typeof value == "symbol" || isObjectLike(value) && baseGetTag(value) == symbolTag$3;
 }
 
 function arrayMap(array, iteratee) {
@@ -70,7 +70,7 @@ var isArray$1 = Array.isArray;
 var isArray$2 = isArray$1;
 
 var INFINITY$3 = 1 / 0;
-var symbolProto$1 = Symbol$2 ? Symbol$2.prototype : void 0, symbolToString = symbolProto$1 ? symbolProto$1.toString : void 0;
+var symbolProto$2 = Symbol$2 ? Symbol$2.prototype : void 0, symbolToString = symbolProto$2 ? symbolProto$2.toString : void 0;
 function baseToString(value) {
   if (typeof value == "string") {
     return value;
@@ -131,13 +131,13 @@ function identity(value) {
   return value;
 }
 
-var asyncTag = "[object AsyncFunction]", funcTag$1 = "[object Function]", genTag = "[object GeneratorFunction]", proxyTag = "[object Proxy]";
+var asyncTag = "[object AsyncFunction]", funcTag$2 = "[object Function]", genTag$1 = "[object GeneratorFunction]", proxyTag = "[object Proxy]";
 function isFunction$1(value) {
   if (!isObject$2(value)) {
     return false;
   }
   var tag = baseGetTag(value);
-  return tag == funcTag$1 || tag == genTag || tag == asyncTag || tag == proxyTag;
+  return tag == funcTag$2 || tag == genTag$1 || tag == asyncTag || tag == proxyTag;
 }
 
 var coreJsData = root$1["__core-js_shared__"];
@@ -169,10 +169,10 @@ function toSource(func) {
 
 var reRegExpChar = /[\\^$.*+?()[\]{}|]/g;
 var reIsHostCtor = /^\[object .+?Constructor\]$/;
-var funcProto = Function.prototype, objectProto$9 = Object.prototype;
+var funcProto = Function.prototype, objectProto$c = Object.prototype;
 var funcToString = funcProto.toString;
-var hasOwnProperty$8 = objectProto$9.hasOwnProperty;
-var reIsNative = RegExp("^" + funcToString.call(hasOwnProperty$8).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$");
+var hasOwnProperty$b = objectProto$c.hasOwnProperty;
+var reIsNative = RegExp("^" + funcToString.call(hasOwnProperty$b).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$");
 function baseIsNative(value) {
   if (!isObject$2(value) || isMasked(value)) {
     return false;
@@ -193,6 +193,25 @@ function getNative(object, key) {
 var WeakMap = getNative(root$1, "WeakMap");
 var WeakMap$1 = WeakMap;
 
+var objectCreate = Object.create;
+var baseCreate = function() {
+  function object() {
+  }
+  return function(proto) {
+    if (!isObject$2(proto)) {
+      return {};
+    }
+    if (objectCreate) {
+      return objectCreate(proto);
+    }
+    object.prototype = proto;
+    var result = new object();
+    object.prototype = void 0;
+    return result;
+  };
+}();
+var baseCreate$1 = baseCreate;
+
 function apply(func, thisArg, args) {
   switch (args.length) {
     case 0:
@@ -210,6 +229,15 @@ function apply(func, thisArg, args) {
 function noop$1() {
 }
 
+function copyArray(source, array) {
+  var index = -1, length = source.length;
+  array || (array = Array(length));
+  while (++index < length) {
+    array[index] = source[index];
+  }
+  return array;
+}
+
 var HOT_COUNT = 800, HOT_SPAN = 16;
 var nativeNow = Date.now;
 function shortOut(func) {
@@ -257,6 +285,16 @@ var baseSetToString$1 = baseSetToString;
 var setToString = shortOut(baseSetToString$1);
 var setToString$1 = setToString;
 
+function arrayEach(array, iteratee) {
+  var index = -1, length = array == null ? 0 : array.length;
+  while (++index < length) {
+    if (iteratee(array[index], index, array) === false) {
+      break;
+    }
+  }
+  return array;
+}
+
 function baseFindIndex(array, predicate, fromIndex, fromRight) {
   var length = array.length, index = fromIndex + (fromRight ? 1 : -1);
   while (fromRight ? index-- : ++index < length) {
@@ -298,10 +336,51 @@ function isIndex(value, length) {
   return !!length && (type == "number" || type != "symbol" && reIsUint.test(value)) && (value > -1 && value % 1 == 0 && value < length);
 }
 
+function baseAssignValue(object, key, value) {
+  if (key == "__proto__" && defineProperty$1) {
+    defineProperty$1(object, key, {
+      "configurable": true,
+      "enumerable": true,
+      "value": value,
+      "writable": true
+    });
+  } else {
+    object[key] = value;
+  }
+}
+
 function eq(value, other) {
   return value === other || value !== value && other !== other;
 }
 
+var objectProto$b = Object.prototype;
+var hasOwnProperty$a = objectProto$b.hasOwnProperty;
+function assignValue(object, key, value) {
+  var objValue = object[key];
+  if (!(hasOwnProperty$a.call(object, key) && eq(objValue, value)) || value === void 0 && !(key in object)) {
+    baseAssignValue(object, key, value);
+  }
+}
+
+function copyObject(source, props, object, customizer) {
+  var isNew = !object;
+  object || (object = {});
+  var index = -1, length = props.length;
+  while (++index < length) {
+    var key = props[index];
+    var newValue = customizer ? customizer(object[key], source[key], key, object, source) : void 0;
+    if (newValue === void 0) {
+      newValue = source[key];
+    }
+    if (isNew) {
+      baseAssignValue(object, key, newValue);
+    } else {
+      assignValue(object, key, newValue);
+    }
+  }
+  return object;
+}
+
 var nativeMax$1 = Math.max;
 function overRest(func, start, transform) {
   start = nativeMax$1(start === void 0 ? func.length - 1 : start, 0);
@@ -333,9 +412,9 @@ function isArrayLike(value) {
   return value != null && isLength(value.length) && !isFunction$1(value);
 }
 
-var objectProto$8 = Object.prototype;
+var objectProto$a = Object.prototype;
 function isPrototype(value) {
-  var Ctor = value && value.constructor, proto = typeof Ctor == "function" && Ctor.prototype || objectProto$8;
+  var Ctor = value && value.constructor, proto = typeof Ctor == "function" && Ctor.prototype || objectProto$a;
   return value === proto;
 }
 
@@ -347,18 +426,18 @@ function baseTimes(n, iteratee) {
   return result;
 }
 
-var argsTag$2 = "[object Arguments]";
+var argsTag$3 = "[object Arguments]";
 function baseIsArguments(value) {
-  return isObjectLike(value) && baseGetTag(value) == argsTag$2;
+  return isObjectLike(value) && baseGetTag(value) == argsTag$3;
 }
 
-var objectProto$7 = Object.prototype;
-var hasOwnProperty$7 = objectProto$7.hasOwnProperty;
-var propertyIsEnumerable$1 = objectProto$7.propertyIsEnumerable;
+var objectProto$9 = Object.prototype;
+var hasOwnProperty$9 = objectProto$9.hasOwnProperty;
+var propertyIsEnumerable$1 = objectProto$9.propertyIsEnumerable;
 var isArguments = baseIsArguments(function() {
   return arguments;
 }()) ? baseIsArguments : function(value) {
-  return isObjectLike(value) && hasOwnProperty$7.call(value, "callee") && !propertyIsEnumerable$1.call(value, "callee");
+  return isObjectLike(value) && hasOwnProperty$9.call(value, "callee") && !propertyIsEnumerable$1.call(value, "callee");
 };
 var isArguments$1 = isArguments;
 
@@ -366,19 +445,19 @@ function stubFalse() {
   return false;
 }
 
-var freeExports$1 = typeof exports == "object" && exports && !exports.nodeType && exports;
-var freeModule$1 = freeExports$1 && typeof module == "object" && module && !module.nodeType && module;
-var moduleExports$1 = freeModule$1 && freeModule$1.exports === freeExports$1;
-var Buffer = moduleExports$1 ? root$1.Buffer : void 0;
-var nativeIsBuffer = Buffer ? Buffer.isBuffer : void 0;
+var freeExports$2 = typeof exports == "object" && exports && !exports.nodeType && exports;
+var freeModule$2 = freeExports$2 && typeof module == "object" && module && !module.nodeType && module;
+var moduleExports$2 = freeModule$2 && freeModule$2.exports === freeExports$2;
+var Buffer$1 = moduleExports$2 ? root$1.Buffer : void 0;
+var nativeIsBuffer = Buffer$1 ? Buffer$1.isBuffer : void 0;
 var isBuffer = nativeIsBuffer || stubFalse;
 var isBuffer$1 = isBuffer;
 
-var argsTag$1 = "[object Arguments]", arrayTag$1 = "[object Array]", boolTag$1 = "[object Boolean]", dateTag$1 = "[object Date]", errorTag$1 = "[object Error]", funcTag = "[object Function]", mapTag$2 = "[object Map]", numberTag$1 = "[object Number]", objectTag$2 = "[object Object]", regexpTag$1 = "[object RegExp]", setTag$2 = "[object Set]", stringTag$1 = "[object String]", weakMapTag$1 = "[object WeakMap]";
-var arrayBufferTag$1 = "[object ArrayBuffer]", dataViewTag$2 = "[object DataView]", float32Tag = "[object Float32Array]", float64Tag = "[object Float64Array]", int8Tag = "[object Int8Array]", int16Tag = "[object Int16Array]", int32Tag = "[object Int32Array]", uint8Tag = "[object Uint8Array]", uint8ClampedTag = "[object Uint8ClampedArray]", uint16Tag = "[object Uint16Array]", uint32Tag = "[object Uint32Array]";
+var argsTag$2 = "[object Arguments]", arrayTag$2 = "[object Array]", boolTag$3 = "[object Boolean]", dateTag$3 = "[object Date]", errorTag$2 = "[object Error]", funcTag$1 = "[object Function]", mapTag$5 = "[object Map]", numberTag$3 = "[object Number]", objectTag$3 = "[object Object]", regexpTag$3 = "[object RegExp]", setTag$5 = "[object Set]", stringTag$3 = "[object String]", weakMapTag$2 = "[object WeakMap]";
+var arrayBufferTag$3 = "[object ArrayBuffer]", dataViewTag$4 = "[object DataView]", float32Tag$2 = "[object Float32Array]", float64Tag$2 = "[object Float64Array]", int8Tag$2 = "[object Int8Array]", int16Tag$2 = "[object Int16Array]", int32Tag$2 = "[object Int32Array]", uint8Tag$2 = "[object Uint8Array]", uint8ClampedTag$2 = "[object Uint8ClampedArray]", uint16Tag$2 = "[object Uint16Array]", uint32Tag$2 = "[object Uint32Array]";
 var typedArrayTags = {};
-typedArrayTags[float32Tag] = typedArrayTags[float64Tag] = typedArrayTags[int8Tag] = typedArrayTags[int16Tag] = typedArrayTags[int32Tag] = typedArrayTags[uint8Tag] = typedArrayTags[uint8ClampedTag] = typedArrayTags[uint16Tag] = typedArrayTags[uint32Tag] = true;
-typedArrayTags[argsTag$1] = typedArrayTags[arrayTag$1] = typedArrayTags[arrayBufferTag$1] = typedArrayTags[boolTag$1] = typedArrayTags[dataViewTag$2] = typedArrayTags[dateTag$1] = typedArrayTags[errorTag$1] = typedArrayTags[funcTag] = typedArrayTags[mapTag$2] = typedArrayTags[numberTag$1] = typedArrayTags[objectTag$2] = typedArrayTags[regexpTag$1] = typedArrayTags[setTag$2] = typedArrayTags[stringTag$1] = typedArrayTags[weakMapTag$1] = false;
+typedArrayTags[float32Tag$2] = typedArrayTags[float64Tag$2] = typedArrayTags[int8Tag$2] = typedArrayTags[int16Tag$2] = typedArrayTags[int32Tag$2] = typedArrayTags[uint8Tag$2] = typedArrayTags[uint8ClampedTag$2] = typedArrayTags[uint16Tag$2] = typedArrayTags[uint32Tag$2] = true;
+typedArrayTags[argsTag$2] = typedArrayTags[arrayTag$2] = typedArrayTags[arrayBufferTag$3] = typedArrayTags[boolTag$3] = typedArrayTags[dataViewTag$4] = typedArrayTags[dateTag$3] = typedArrayTags[errorTag$2] = typedArrayTags[funcTag$1] = typedArrayTags[mapTag$5] = typedArrayTags[numberTag$3] = typedArrayTags[objectTag$3] = typedArrayTags[regexpTag$3] = typedArrayTags[setTag$5] = typedArrayTags[stringTag$3] = typedArrayTags[weakMapTag$2] = false;
 function baseIsTypedArray(value) {
   return isObjectLike(value) && isLength(value.length) && !!typedArrayTags[baseGetTag(value)];
 }
@@ -389,13 +468,13 @@ function baseUnary(func) {
   };
 }
 
-var freeExports = typeof exports == "object" && exports && !exports.nodeType && exports;
-var freeModule = freeExports && typeof module == "object" && module && !module.nodeType && module;
-var moduleExports = freeModule && freeModule.exports === freeExports;
-var freeProcess = moduleExports && freeGlobal$1.process;
+var freeExports$1 = typeof exports == "object" && exports && !exports.nodeType && exports;
+var freeModule$1 = freeExports$1 && typeof module == "object" && module && !module.nodeType && module;
+var moduleExports$1 = freeModule$1 && freeModule$1.exports === freeExports$1;
+var freeProcess = moduleExports$1 && freeGlobal$1.process;
 var nodeUtil = function() {
   try {
-    var types = freeModule && freeModule.require && freeModule.require("util").types;
+    var types = freeModule$1 && freeModule$1.require && freeModule$1.require("util").types;
     if (types) {
       return types;
     }
@@ -409,12 +488,12 @@ var nodeIsTypedArray = nodeUtil$1 && nodeUtil$1.isTypedArray;
 var isTypedArray = nodeIsTypedArray ? baseUnary(nodeIsTypedArray) : baseIsTypedArray;
 var isTypedArray$1 = isTypedArray;
 
-var objectProto$6 = Object.prototype;
-var hasOwnProperty$6 = objectProto$6.hasOwnProperty;
+var objectProto$8 = Object.prototype;
+var hasOwnProperty$8 = objectProto$8.hasOwnProperty;
 function arrayLikeKeys(value, inherited) {
   var isArr = isArray$2(value), isArg = !isArr && isArguments$1(value), isBuff = !isArr && !isArg && isBuffer$1(value), isType = !isArr && !isArg && !isBuff && isTypedArray$1(value), skipIndexes = isArr || isArg || isBuff || isType, result = skipIndexes ? baseTimes(value.length, String) : [], length = result.length;
   for (var key in value) {
-    if ((inherited || hasOwnProperty$6.call(value, key)) && !(skipIndexes && (key == "length" || isBuff && (key == "offset" || key == "parent") || isType && (key == "buffer" || key == "byteLength" || key == "byteOffset") || isIndex(key, length)))) {
+    if ((inherited || hasOwnProperty$8.call(value, key)) && !(skipIndexes && (key == "length" || isBuff && (key == "offset" || key == "parent") || isType && (key == "buffer" || key == "byteLength" || key == "byteOffset") || isIndex(key, length)))) {
       result.push(key);
     }
   }
@@ -430,15 +509,15 @@ function overArg(func, transform) {
 var nativeKeys = overArg(Object.keys, Object);
 var nativeKeys$1 = nativeKeys;
 
-var objectProto$5 = Object.prototype;
-var hasOwnProperty$5 = objectProto$5.hasOwnProperty;
+var objectProto$7 = Object.prototype;
+var hasOwnProperty$7 = objectProto$7.hasOwnProperty;
 function baseKeys(object) {
   if (!isPrototype(object)) {
     return nativeKeys$1(object);
   }
   var result = [];
   for (var key in Object(object)) {
-    if (hasOwnProperty$5.call(object, key) && key != "constructor") {
+    if (hasOwnProperty$7.call(object, key) && key != "constructor") {
       result.push(key);
     }
   }
@@ -449,6 +528,35 @@ function keys(object) {
   return isArrayLike(object) ? arrayLikeKeys(object) : baseKeys(object);
 }
 
+function nativeKeysIn(object) {
+  var result = [];
+  if (object != null) {
+    for (var key in Object(object)) {
+      result.push(key);
+    }
+  }
+  return result;
+}
+
+var objectProto$6 = Object.prototype;
+var hasOwnProperty$6 = objectProto$6.hasOwnProperty;
+function baseKeysIn(object) {
+  if (!isObject$2(object)) {
+    return nativeKeysIn(object);
+  }
+  var isProto = isPrototype(object), result = [];
+  for (var key in object) {
+    if (!(key == "constructor" && (isProto || !hasOwnProperty$6.call(object, key)))) {
+      result.push(key);
+    }
+  }
+  return result;
+}
+
+function keysIn(object) {
+  return isArrayLike(object) ? arrayLikeKeys(object, true) : baseKeysIn(object);
+}
+
 var reIsDeepProp = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, reIsPlainProp = /^\w*$/;
 function isKey(value, object) {
   if (isArray$2(value)) {
@@ -476,22 +584,22 @@ function hashDelete(key) {
 }
 
 var HASH_UNDEFINED$2 = "__lodash_hash_undefined__";
-var objectProto$4 = Object.prototype;
-var hasOwnProperty$4 = objectProto$4.hasOwnProperty;
+var objectProto$5 = Object.prototype;
+var hasOwnProperty$5 = objectProto$5.hasOwnProperty;
 function hashGet(key) {
   var data = this.__data__;
   if (nativeCreate$1) {
     var result = data[key];
     return result === HASH_UNDEFINED$2 ? void 0 : result;
   }
-  return hasOwnProperty$4.call(data, key) ? data[key] : void 0;
+  return hasOwnProperty$5.call(data, key) ? data[key] : void 0;
 }
 
-var objectProto$3 = Object.prototype;
-var hasOwnProperty$3 = objectProto$3.hasOwnProperty;
+var objectProto$4 = Object.prototype;
+var hasOwnProperty$4 = objectProto$4.hasOwnProperty;
 function hashHas(key) {
   var data = this.__data__;
-  return nativeCreate$1 ? data[key] !== void 0 : hasOwnProperty$3.call(data, key);
+  return nativeCreate$1 ? data[key] !== void 0 : hasOwnProperty$4.call(data, key);
 }
 
 var HASH_UNDEFINED$1 = "__lodash_hash_undefined__";
@@ -750,6 +858,9 @@ function baseFlatten(array, depth, predicate, isStrict, result) {
   return result;
 }
 
+var getPrototype = overArg(Object.getPrototypeOf, Object);
+var getPrototype$1 = getPrototype;
+
 function castArray$1() {
   if (!arguments.length) {
     return [];
@@ -804,6 +915,27 @@ Stack.prototype.get = stackGet;
 Stack.prototype.has = stackHas;
 Stack.prototype.set = stackSet;
 
+function baseAssign(object, source) {
+  return object && copyObject(source, keys(source), object);
+}
+
+function baseAssignIn(object, source) {
+  return object && copyObject(source, keysIn(source), object);
+}
+
+var freeExports = typeof exports == "object" && exports && !exports.nodeType && exports;
+var freeModule = freeExports && typeof module == "object" && module && !module.nodeType && module;
+var moduleExports = freeModule && freeModule.exports === freeExports;
+var Buffer = moduleExports ? root$1.Buffer : void 0, allocUnsafe = Buffer ? Buffer.allocUnsafe : void 0;
+function cloneBuffer(buffer, isDeep) {
+  if (isDeep) {
+    return buffer.slice();
+  }
+  var length = buffer.length, result = allocUnsafe ? allocUnsafe(length) : new buffer.constructor(length);
+  buffer.copy(result);
+  return result;
+}
+
 function arrayFilter(array, predicate) {
   var index = -1, length = array == null ? 0 : array.length, resIndex = 0, result = [];
   while (++index < length) {
@@ -819,20 +951,39 @@ function stubArray() {
   return [];
 }
 
-var objectProto$2 = Object.prototype;
-var propertyIsEnumerable = objectProto$2.propertyIsEnumerable;
-var nativeGetSymbols = Object.getOwnPropertySymbols;
-var getSymbols = !nativeGetSymbols ? stubArray : function(object) {
+var objectProto$3 = Object.prototype;
+var propertyIsEnumerable = objectProto$3.propertyIsEnumerable;
+var nativeGetSymbols$1 = Object.getOwnPropertySymbols;
+var getSymbols = !nativeGetSymbols$1 ? stubArray : function(object) {
   if (object == null) {
     return [];
   }
   object = Object(object);
-  return arrayFilter(nativeGetSymbols(object), function(symbol) {
+  return arrayFilter(nativeGetSymbols$1(object), function(symbol) {
     return propertyIsEnumerable.call(object, symbol);
   });
 };
 var getSymbols$1 = getSymbols;
 
+function copySymbols(source, object) {
+  return copyObject(source, getSymbols$1(source), object);
+}
+
+var nativeGetSymbols = Object.getOwnPropertySymbols;
+var getSymbolsIn = !nativeGetSymbols ? stubArray : function(object) {
+  var result = [];
+  while (object) {
+    arrayPush(result, getSymbols$1(object));
+    object = getPrototype$1(object);
+  }
+  return result;
+};
+var getSymbolsIn$1 = getSymbolsIn;
+
+function copySymbolsIn(source, object) {
+  return copyObject(source, getSymbolsIn$1(source), object);
+}
+
 function baseGetAllKeys(object, keysFunc, symbolsFunc) {
   var result = keysFunc(object);
   return isArray$2(object) ? result : arrayPush(result, symbolsFunc(object));
@@ -842,6 +993,10 @@ function getAllKeys(object) {
   return baseGetAllKeys(object, keys, getSymbols$1);
 }
 
+function getAllKeysIn(object) {
+  return baseGetAllKeys(object, keysIn, getSymbolsIn$1);
+}
+
 var DataView = getNative(root$1, "DataView");
 var DataView$1 = DataView;
 
@@ -851,25 +1006,25 @@ var Promise$2 = Promise$1;
 var Set$1 = getNative(root$1, "Set");
 var Set$2 = Set$1;
 
-var mapTag$1 = "[object Map]", objectTag$1 = "[object Object]", promiseTag = "[object Promise]", setTag$1 = "[object Set]", weakMapTag = "[object WeakMap]";
-var dataViewTag$1 = "[object DataView]";
+var mapTag$4 = "[object Map]", objectTag$2 = "[object Object]", promiseTag = "[object Promise]", setTag$4 = "[object Set]", weakMapTag$1 = "[object WeakMap]";
+var dataViewTag$3 = "[object DataView]";
 var dataViewCtorString = toSource(DataView$1), mapCtorString = toSource(Map$2), promiseCtorString = toSource(Promise$2), setCtorString = toSource(Set$2), weakMapCtorString = toSource(WeakMap$1);
 var getTag = baseGetTag;
-if (DataView$1 && getTag(new DataView$1(new ArrayBuffer(1))) != dataViewTag$1 || Map$2 && getTag(new Map$2()) != mapTag$1 || Promise$2 && getTag(Promise$2.resolve()) != promiseTag || Set$2 && getTag(new Set$2()) != setTag$1 || WeakMap$1 && getTag(new WeakMap$1()) != weakMapTag) {
+if (DataView$1 && getTag(new DataView$1(new ArrayBuffer(1))) != dataViewTag$3 || Map$2 && getTag(new Map$2()) != mapTag$4 || Promise$2 && getTag(Promise$2.resolve()) != promiseTag || Set$2 && getTag(new Set$2()) != setTag$4 || WeakMap$1 && getTag(new WeakMap$1()) != weakMapTag$1) {
   getTag = function(value) {
-    var result = baseGetTag(value), Ctor = result == objectTag$1 ? value.constructor : void 0, ctorString = Ctor ? toSource(Ctor) : "";
+    var result = baseGetTag(value), Ctor = result == objectTag$2 ? value.constructor : void 0, ctorString = Ctor ? toSource(Ctor) : "";
     if (ctorString) {
       switch (ctorString) {
         case dataViewCtorString:
-          return dataViewTag$1;
+          return dataViewTag$3;
         case mapCtorString:
-          return mapTag$1;
+          return mapTag$4;
         case promiseCtorString:
           return promiseTag;
         case setCtorString:
-          return setTag$1;
+          return setTag$4;
         case weakMapCtorString:
-          return weakMapTag;
+          return weakMapTag$1;
       }
     }
     return result;
@@ -877,9 +1032,178 @@ if (DataView$1 && getTag(new DataView$1(new ArrayBuffer(1))) != dataViewTag$1 ||
 }
 var getTag$1 = getTag;
 
+var objectProto$2 = Object.prototype;
+var hasOwnProperty$3 = objectProto$2.hasOwnProperty;
+function initCloneArray(array) {
+  var length = array.length, result = new array.constructor(length);
+  if (length && typeof array[0] == "string" && hasOwnProperty$3.call(array, "index")) {
+    result.index = array.index;
+    result.input = array.input;
+  }
+  return result;
+}
+
 var Uint8Array = root$1.Uint8Array;
 var Uint8Array$1 = Uint8Array;
 
+function cloneArrayBuffer(arrayBuffer) {
+  var result = new arrayBuffer.constructor(arrayBuffer.byteLength);
+  new Uint8Array$1(result).set(new Uint8Array$1(arrayBuffer));
+  return result;
+}
+
+function cloneDataView(dataView, isDeep) {
+  var buffer = isDeep ? cloneArrayBuffer(dataView.buffer) : dataView.buffer;
+  return new dataView.constructor(buffer, dataView.byteOffset, dataView.byteLength);
+}
+
+var reFlags = /\w*$/;
+function cloneRegExp(regexp) {
+  var result = new regexp.constructor(regexp.source, reFlags.exec(regexp));
+  result.lastIndex = regexp.lastIndex;
+  return result;
+}
+
+var symbolProto$1 = Symbol$2 ? Symbol$2.prototype : void 0, symbolValueOf$1 = symbolProto$1 ? symbolProto$1.valueOf : void 0;
+function cloneSymbol(symbol) {
+  return symbolValueOf$1 ? Object(symbolValueOf$1.call(symbol)) : {};
+}
+
+function cloneTypedArray(typedArray, isDeep) {
+  var buffer = isDeep ? cloneArrayBuffer(typedArray.buffer) : typedArray.buffer;
+  return new typedArray.constructor(buffer, typedArray.byteOffset, typedArray.length);
+}
+
+var boolTag$2 = "[object Boolean]", dateTag$2 = "[object Date]", mapTag$3 = "[object Map]", numberTag$2 = "[object Number]", regexpTag$2 = "[object RegExp]", setTag$3 = "[object Set]", stringTag$2 = "[object String]", symbolTag$2 = "[object Symbol]";
+var arrayBufferTag$2 = "[object ArrayBuffer]", dataViewTag$2 = "[object DataView]", float32Tag$1 = "[object Float32Array]", float64Tag$1 = "[object Float64Array]", int8Tag$1 = "[object Int8Array]", int16Tag$1 = "[object Int16Array]", int32Tag$1 = "[object Int32Array]", uint8Tag$1 = "[object Uint8Array]", uint8ClampedTag$1 = "[object Uint8ClampedArray]", uint16Tag$1 = "[object Uint16Array]", uint32Tag$1 = "[object Uint32Array]";
+function initCloneByTag(object, tag, isDeep) {
+  var Ctor = object.constructor;
+  switch (tag) {
+    case arrayBufferTag$2:
+      return cloneArrayBuffer(object);
+    case boolTag$2:
+    case dateTag$2:
+      return new Ctor(+object);
+    case dataViewTag$2:
+      return cloneDataView(object, isDeep);
+    case float32Tag$1:
+    case float64Tag$1:
+    case int8Tag$1:
+    case int16Tag$1:
+    case int32Tag$1:
+    case uint8Tag$1:
+    case uint8ClampedTag$1:
+    case uint16Tag$1:
+    case uint32Tag$1:
+      return cloneTypedArray(object, isDeep);
+    case mapTag$3:
+      return new Ctor();
+    case numberTag$2:
+    case stringTag$2:
+      return new Ctor(object);
+    case regexpTag$2:
+      return cloneRegExp(object);
+    case setTag$3:
+      return new Ctor();
+    case symbolTag$2:
+      return cloneSymbol(object);
+  }
+}
+
+function initCloneObject(object) {
+  return typeof object.constructor == "function" && !isPrototype(object) ? baseCreate$1(getPrototype$1(object)) : {};
+}
+
+var mapTag$2 = "[object Map]";
+function baseIsMap(value) {
+  return isObjectLike(value) && getTag$1(value) == mapTag$2;
+}
+
+var nodeIsMap = nodeUtil$1 && nodeUtil$1.isMap;
+var isMap = nodeIsMap ? baseUnary(nodeIsMap) : baseIsMap;
+var isMap$1 = isMap;
+
+var setTag$2 = "[object Set]";
+function baseIsSet(value) {
+  return isObjectLike(value) && getTag$1(value) == setTag$2;
+}
+
+var nodeIsSet = nodeUtil$1 && nodeUtil$1.isSet;
+var isSet = nodeIsSet ? baseUnary(nodeIsSet) : baseIsSet;
+var isSet$1 = isSet;
+
+var CLONE_DEEP_FLAG = 1, CLONE_FLAT_FLAG = 2, CLONE_SYMBOLS_FLAG$1 = 4;
+var argsTag$1 = "[object Arguments]", arrayTag$1 = "[object Array]", boolTag$1 = "[object Boolean]", dateTag$1 = "[object Date]", errorTag$1 = "[object Error]", funcTag = "[object Function]", genTag = "[object GeneratorFunction]", mapTag$1 = "[object Map]", numberTag$1 = "[object Number]", objectTag$1 = "[object Object]", regexpTag$1 = "[object RegExp]", setTag$1 = "[object Set]", stringTag$1 = "[object String]", symbolTag$1 = "[object Symbol]", weakMapTag = "[object WeakMap]";
+var arrayBufferTag$1 = "[object ArrayBuffer]", dataViewTag$1 = "[object DataView]", float32Tag = "[object Float32Array]", float64Tag = "[object Float64Array]", int8Tag = "[object Int8Array]", int16Tag = "[object Int16Array]", int32Tag = "[object Int32Array]", uint8Tag = "[object Uint8Array]", uint8ClampedTag = "[object Uint8ClampedArray]", uint16Tag = "[object Uint16Array]", uint32Tag = "[object Uint32Array]";
+var cloneableTags = {};
+cloneableTags[argsTag$1] = cloneableTags[arrayTag$1] = cloneableTags[arrayBufferTag$1] = cloneableTags[dataViewTag$1] = cloneableTags[boolTag$1] = cloneableTags[dateTag$1] = cloneableTags[float32Tag] = cloneableTags[float64Tag] = cloneableTags[int8Tag] = cloneableTags[int16Tag] = cloneableTags[int32Tag] = cloneableTags[mapTag$1] = cloneableTags[numberTag$1] = cloneableTags[objectTag$1] = cloneableTags[regexpTag$1] = cloneableTags[setTag$1] = cloneableTags[stringTag$1] = cloneableTags[symbolTag$1] = cloneableTags[uint8Tag] = cloneableTags[uint8ClampedTag] = cloneableTags[uint16Tag] = cloneableTags[uint32Tag] = true;
+cloneableTags[errorTag$1] = cloneableTags[funcTag] = cloneableTags[weakMapTag] = false;
+function baseClone(value, bitmask, customizer, key, object, stack) {
+  var result, isDeep = bitmask & CLONE_DEEP_FLAG, isFlat = bitmask & CLONE_FLAT_FLAG, isFull = bitmask & CLONE_SYMBOLS_FLAG$1;
+  if (customizer) {
+    result = object ? customizer(value, key, object, stack) : customizer(value);
+  }
+  if (result !== void 0) {
+    return result;
+  }
+  if (!isObject$2(value)) {
+    return value;
+  }
+  var isArr = isArray$2(value);
+  if (isArr) {
+    result = initCloneArray(value);
+    if (!isDeep) {
+      return copyArray(value, result);
+    }
+  } else {
+    var tag = getTag$1(value), isFunc = tag == funcTag || tag == genTag;
+    if (isBuffer$1(value)) {
+      return cloneBuffer(value, isDeep);
+    }
+    if (tag == objectTag$1 || tag == argsTag$1 || isFunc && !object) {
+      result = isFlat || isFunc ? {} : initCloneObject(value);
+      if (!isDeep) {
+        return isFlat ? copySymbolsIn(value, baseAssignIn(result, value)) : copySymbols(value, baseAssign(result, value));
+      }
+    } else {
+      if (!cloneableTags[tag]) {
+        return object ? value : {};
+      }
+      result = initCloneByTag(value, tag, isDeep);
+    }
+  }
+  stack || (stack = new Stack());
+  var stacked = stack.get(value);
+  if (stacked) {
+    return stacked;
+  }
+  stack.set(value, result);
+  if (isSet$1(value)) {
+    value.forEach(function(subValue) {
+      result.add(baseClone(subValue, bitmask, customizer, subValue, value, stack));
+    });
+  } else if (isMap$1(value)) {
+    value.forEach(function(subValue, key2) {
+      result.set(key2, baseClone(subValue, bitmask, customizer, key2, value, stack));
+    });
+  }
+  var keysFunc = isFull ? isFlat ? getAllKeysIn : getAllKeys : isFlat ? keysIn : keys;
+  var props = isArr ? void 0 : keysFunc(value);
+  arrayEach(props || value, function(subValue, key2) {
+    if (props) {
+      key2 = subValue;
+      subValue = value[key2];
+    }
+    assignValue(result, key2, baseClone(subValue, bitmask, customizer, key2, value, stack));
+  });
+  return result;
+}
+
+var CLONE_SYMBOLS_FLAG = 4;
+function clone(value) {
+  return baseClone(value, CLONE_SYMBOLS_FLAG);
+}
+
 var HASH_UNDEFINED = "__lodash_hash_undefined__";
 function setCacheAdd(value) {
   this.__data__.set(value, HASH_UNDEFINED);
@@ -1244,6 +1568,34 @@ function isNil(value) {
   return value == null;
 }
 
+function baseSet(object, path, value, customizer) {
+  if (!isObject$2(object)) {
+    return object;
+  }
+  path = castPath(path, object);
+  var index = -1, length = path.length, lastIndex = length - 1, nested = object;
+  while (nested != null && ++index < length) {
+    var key = toKey(path[index]), newValue = value;
+    if (key === "__proto__" || key === "constructor" || key === "prototype") {
+      return object;
+    }
+    if (index != lastIndex) {
+      var objValue = nested[key];
+      newValue = customizer ? customizer(objValue, key, nested) : void 0;
+      if (newValue === void 0) {
+        newValue = isObject$2(objValue) ? objValue : isIndex(path[index + 1]) ? [] : {};
+      }
+    }
+    assignValue(nested, key, newValue);
+    nested = nested[key];
+  }
+  return object;
+}
+
+function set(object, path, value) {
+  return object == null ? object : baseSet(object, path, value);
+}
+
 var FUNC_ERROR_TEXT = "Expected a function";
 function throttle(func, wait, options) {
   var leading = true, trailing = true;
@@ -1901,54 +2253,18 @@ const isElement$1 = (e) => e instanceof Element;
 
 const escapeStringRegexp = (string = "") => string.replace(/[|\\{}()[\]^$+*?.]/g, "\\$&").replace(/-/g, "\\x2d");
 
-class ElementPlusError extends Error {
-  constructor(m) {
-    super(m);
-    this.name = "ElementPlusError";
-  }
-}
-function throwError(scope, m) {
-  throw new ElementPlusError(`[${scope}] ${m}`);
-}
-function debugWarn(scope, message) {
-}
-
-const SCOPE$3 = "UtilV2/objects";
 const keysOf = (arr) => Object.keys(arr);
 const entriesOf = (arr) => Object.entries(arr);
-function getPropByPath(obj, path, strict) {
-  let tempObj = obj;
-  let key, value;
-  if (obj && hasOwn(obj, path)) {
-    key = path;
-    value = tempObj == null ? void 0 : tempObj[path];
-  } else {
-    path = path.replace(/\[(\w+)\]/g, ".$1");
-    path = path.replace(/^\./, "");
-    const keyArr = path.split(".");
-    let i = 0;
-    for (i; i < keyArr.length - 1; i++) {
-      if (!tempObj && !strict)
-        break;
-      const key2 = keyArr[i];
-      if (key2 in tempObj) {
-        tempObj = tempObj[key2];
-      } else {
-        if (strict) {
-          throwError(SCOPE$3, "Please transfer a valid prop path to form item!");
-        }
-        break;
-      }
-    }
-    key = keyArr[i];
-    value = tempObj == null ? void 0 : tempObj[keyArr[i]];
-  }
+const getProp = (obj, path, defaultValue) => {
   return {
-    o: tempObj,
-    k: key,
-    v: value
+    get value() {
+      return get(obj, path, defaultValue);
+    },
+    set value(val) {
+      set(obj, path, val);
+    }
   };
-}
+};
 
 const classNameToArray = (cls = "") => cls.split(" ").filter((item) => !!item.trim());
 const hasClass = (el, cls) => {
@@ -2094,10 +2410,10 @@ const _hoisted_2$1j = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$10 = [
   _hoisted_2$1j
 ];
-function _sfc_render$2o(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2m(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1D, _hoisted_3$10);
 }
-var arrowDown = /* @__PURE__ */ _export_sfc$1(_sfc_main$2N, [["render", _sfc_render$2o]]);
+var arrowDown = /* @__PURE__ */ _export_sfc$1(_sfc_main$2N, [["render", _sfc_render$2m]]);
 
 const _sfc_main$2M = defineComponent({
   name: "ArrowLeft"
@@ -2116,10 +2432,10 @@ const _hoisted_2$1i = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$$ = [
   _hoisted_2$1i
 ];
-function _sfc_render$2n(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2l(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1C, _hoisted_3$$);
 }
-var arrowLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2M, [["render", _sfc_render$2n]]);
+var arrowLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2M, [["render", _sfc_render$2l]]);
 
 const _sfc_main$2L = defineComponent({
   name: "ArrowRight"
@@ -2138,10 +2454,10 @@ const _hoisted_2$1h = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$_ = [
   _hoisted_2$1h
 ];
-function _sfc_render$2m(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2k(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1B, _hoisted_3$_);
 }
-var arrowRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2L, [["render", _sfc_render$2m]]);
+var arrowRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2L, [["render", _sfc_render$2k]]);
 
 const _sfc_main$2K = defineComponent({
   name: "ArrowUp"
@@ -2160,10 +2476,10 @@ const _hoisted_2$1g = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$Z = [
   _hoisted_2$1g
 ];
-function _sfc_render$2l(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2j(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1A, _hoisted_3$Z);
 }
-var arrowUp = /* @__PURE__ */ _export_sfc$1(_sfc_main$2K, [["render", _sfc_render$2l]]);
+var arrowUp = /* @__PURE__ */ _export_sfc$1(_sfc_main$2K, [["render", _sfc_render$2j]]);
 
 const _sfc_main$2J = defineComponent({
   name: "Back"
@@ -2187,10 +2503,10 @@ const _hoisted_4$j = [
   _hoisted_2$1f,
   _hoisted_3$Y
 ];
-function _sfc_render$2k(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2i(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1z, _hoisted_4$j);
 }
-var back = /* @__PURE__ */ _export_sfc$1(_sfc_main$2J, [["render", _sfc_render$2k]]);
+var back = /* @__PURE__ */ _export_sfc$1(_sfc_main$2J, [["render", _sfc_render$2i]]);
 
 const _sfc_main$2I = defineComponent({
   name: "Calendar"
@@ -2209,10 +2525,10 @@ const _hoisted_2$1e = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$X = [
   _hoisted_2$1e
 ];
-function _sfc_render$2j(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2h(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1y, _hoisted_3$X);
 }
-var calendar = /* @__PURE__ */ _export_sfc$1(_sfc_main$2I, [["render", _sfc_render$2j]]);
+var calendar = /* @__PURE__ */ _export_sfc$1(_sfc_main$2I, [["render", _sfc_render$2h]]);
 
 const _sfc_main$2H = defineComponent({
   name: "CaretRight"
@@ -2231,10 +2547,10 @@ const _hoisted_2$1d = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$W = [
   _hoisted_2$1d
 ];
-function _sfc_render$2i(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2g(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1x, _hoisted_3$W);
 }
-var caretRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2H, [["render", _sfc_render$2i]]);
+var caretRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2H, [["render", _sfc_render$2g]]);
 
 const _sfc_main$2G = defineComponent({
   name: "CaretTop"
@@ -2253,10 +2569,10 @@ const _hoisted_2$1c = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$V = [
   _hoisted_2$1c
 ];
-function _sfc_render$2h(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2f(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1w, _hoisted_3$V);
 }
-var caretTop = /* @__PURE__ */ _export_sfc$1(_sfc_main$2G, [["render", _sfc_render$2h]]);
+var caretTop = /* @__PURE__ */ _export_sfc$1(_sfc_main$2G, [["render", _sfc_render$2f]]);
 
 const _sfc_main$2F = defineComponent({
   name: "Check"
@@ -2275,10 +2591,10 @@ const _hoisted_2$1b = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$U = [
   _hoisted_2$1b
 ];
-function _sfc_render$2g(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2e(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1v, _hoisted_3$U);
 }
-var check = /* @__PURE__ */ _export_sfc$1(_sfc_main$2F, [["render", _sfc_render$2g]]);
+var check = /* @__PURE__ */ _export_sfc$1(_sfc_main$2F, [["render", _sfc_render$2e]]);
 
 const _sfc_main$2E = defineComponent({
   name: "CircleCheckFilled"
@@ -2297,10 +2613,10 @@ const _hoisted_2$1a = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$T = [
   _hoisted_2$1a
 ];
-function _sfc_render$2f(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2d(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1u, _hoisted_3$T);
 }
-var circleCheckFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2E, [["render", _sfc_render$2f]]);
+var circleCheckFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2E, [["render", _sfc_render$2d]]);
 
 const _sfc_main$2D = defineComponent({
   name: "CircleCheck"
@@ -2324,10 +2640,10 @@ const _hoisted_4$i = [
   _hoisted_2$19,
   _hoisted_3$S
 ];
-function _sfc_render$2e(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2c(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1t, _hoisted_4$i);
 }
-var circleCheck = /* @__PURE__ */ _export_sfc$1(_sfc_main$2D, [["render", _sfc_render$2e]]);
+var circleCheck = /* @__PURE__ */ _export_sfc$1(_sfc_main$2D, [["render", _sfc_render$2c]]);
 
 const _sfc_main$2C = defineComponent({
   name: "CircleCloseFilled"
@@ -2346,10 +2662,10 @@ const _hoisted_2$18 = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$R = [
   _hoisted_2$18
 ];
-function _sfc_render$2d(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2b(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1s, _hoisted_3$R);
 }
-var circleCloseFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2C, [["render", _sfc_render$2d]]);
+var circleCloseFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2C, [["render", _sfc_render$2b]]);
 
 const _sfc_main$2B = defineComponent({
   name: "CircleClose"
@@ -2373,10 +2689,10 @@ const _hoisted_4$h = [
   _hoisted_2$17,
   _hoisted_3$Q
 ];
-function _sfc_render$2c(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2a(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1r, _hoisted_4$h);
 }
-var circleClose = /* @__PURE__ */ _export_sfc$1(_sfc_main$2B, [["render", _sfc_render$2c]]);
+var circleClose = /* @__PURE__ */ _export_sfc$1(_sfc_main$2B, [["render", _sfc_render$2a]]);
 
 const _sfc_main$2A = defineComponent({
   name: "Clock"
@@ -2405,10 +2721,10 @@ const _hoisted_5$b = [
   _hoisted_3$P,
   _hoisted_4$g
 ];
-function _sfc_render$2b(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$29(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1q, _hoisted_5$b);
 }
-var clock = /* @__PURE__ */ _export_sfc$1(_sfc_main$2A, [["render", _sfc_render$2b]]);
+var clock = /* @__PURE__ */ _export_sfc$1(_sfc_main$2A, [["render", _sfc_render$29]]);
 
 const _sfc_main$2z = defineComponent({
   name: "Close"
@@ -2427,10 +2743,10 @@ const _hoisted_2$15 = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$O = [
   _hoisted_2$15
 ];
-function _sfc_render$2a(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$28(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1p, _hoisted_3$O);
 }
-var close$2 = /* @__PURE__ */ _export_sfc$1(_sfc_main$2z, [["render", _sfc_render$2a]]);
+var close$2 = /* @__PURE__ */ _export_sfc$1(_sfc_main$2z, [["render", _sfc_render$28]]);
 
 const _sfc_main$2y = defineComponent({
   name: "DArrowLeft"
@@ -2449,10 +2765,10 @@ const _hoisted_2$14 = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$N = [
   _hoisted_2$14
 ];
-function _sfc_render$29(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$27(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1o, _hoisted_3$N);
 }
-var dArrowLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2y, [["render", _sfc_render$29]]);
+var dArrowLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2y, [["render", _sfc_render$27]]);
 
 const _sfc_main$2x = defineComponent({
   name: "DArrowRight"
@@ -2471,10 +2787,10 @@ const _hoisted_2$13 = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$M = [
   _hoisted_2$13
 ];
-function _sfc_render$28(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$26(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1n, _hoisted_3$M);
 }
-var dArrowRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2x, [["render", _sfc_render$28]]);
+var dArrowRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2x, [["render", _sfc_render$26]]);
 
 const _sfc_main$2w = defineComponent({
   name: "Delete"
@@ -2493,10 +2809,10 @@ const _hoisted_2$12 = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$L = [
   _hoisted_2$12
 ];
-function _sfc_render$27(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$25(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1m, _hoisted_3$L);
 }
-var _delete = /* @__PURE__ */ _export_sfc$1(_sfc_main$2w, [["render", _sfc_render$27]]);
+var _delete = /* @__PURE__ */ _export_sfc$1(_sfc_main$2w, [["render", _sfc_render$25]]);
 
 const _sfc_main$2v = defineComponent({
   name: "Document"
@@ -2515,10 +2831,10 @@ const _hoisted_2$11 = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$K = [
   _hoisted_2$11
 ];
-function _sfc_render$26(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$24(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1l, _hoisted_3$K);
 }
-var document$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$2v, [["render", _sfc_render$26]]);
+var document$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$2v, [["render", _sfc_render$24]]);
 
 const _sfc_main$2u = defineComponent({
   name: "FullScreen"
@@ -2537,10 +2853,10 @@ const _hoisted_2$10 = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$J = [
   _hoisted_2$10
 ];
-function _sfc_render$25(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$23(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1k, _hoisted_3$J);
 }
-var fullScreen = /* @__PURE__ */ _export_sfc$1(_sfc_main$2u, [["render", _sfc_render$25]]);
+var fullScreen = /* @__PURE__ */ _export_sfc$1(_sfc_main$2u, [["render", _sfc_render$23]]);
 
 const _sfc_main$2t = defineComponent({
   name: "InfoFilled"
@@ -2559,10 +2875,10 @@ const _hoisted_2$$ = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$I = [
   _hoisted_2$$
 ];
-function _sfc_render$24(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$22(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1j, _hoisted_3$I);
 }
-var infoFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2t, [["render", _sfc_render$24]]);
+var infoFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2t, [["render", _sfc_render$22]]);
 
 const _sfc_main$2s = defineComponent({
   name: "Loading"
@@ -2581,10 +2897,10 @@ const _hoisted_2$_ = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$H = [
   _hoisted_2$_
 ];
-function _sfc_render$23(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$21(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1i, _hoisted_3$H);
 }
-var loading = /* @__PURE__ */ _export_sfc$1(_sfc_main$2s, [["render", _sfc_render$23]]);
+var loading = /* @__PURE__ */ _export_sfc$1(_sfc_main$2s, [["render", _sfc_render$21]]);
 
 const _sfc_main$2r = defineComponent({
   name: "Minus"
@@ -2603,10 +2919,10 @@ const _hoisted_2$Z = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$G = [
   _hoisted_2$Z
 ];
-function _sfc_render$22(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$20(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1h, _hoisted_3$G);
 }
-var minus = /* @__PURE__ */ _export_sfc$1(_sfc_main$2r, [["render", _sfc_render$22]]);
+var minus = /* @__PURE__ */ _export_sfc$1(_sfc_main$2r, [["render", _sfc_render$20]]);
 
 const _sfc_main$2q = defineComponent({
   name: "MoreFilled"
@@ -2625,10 +2941,10 @@ const _hoisted_2$Y = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$F = [
   _hoisted_2$Y
 ];
-function _sfc_render$21(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1$(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1g, _hoisted_3$F);
 }
-var moreFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2q, [["render", _sfc_render$21]]);
+var moreFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2q, [["render", _sfc_render$1$]]);
 
 const _sfc_main$2p = defineComponent({
   name: "More"
@@ -2647,10 +2963,10 @@ const _hoisted_2$X = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$E = [
   _hoisted_2$X
 ];
-function _sfc_render$20(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1_(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1f, _hoisted_3$E);
 }
-var more = /* @__PURE__ */ _export_sfc$1(_sfc_main$2p, [["render", _sfc_render$20]]);
+var more = /* @__PURE__ */ _export_sfc$1(_sfc_main$2p, [["render", _sfc_render$1_]]);
 
 const _sfc_main$2o = defineComponent({
   name: "Plus"
@@ -2669,10 +2985,10 @@ const _hoisted_2$W = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$D = [
   _hoisted_2$W
 ];
-function _sfc_render$1$(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1Z(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1e, _hoisted_3$D);
 }
-var plus = /* @__PURE__ */ _export_sfc$1(_sfc_main$2o, [["render", _sfc_render$1$]]);
+var plus = /* @__PURE__ */ _export_sfc$1(_sfc_main$2o, [["render", _sfc_render$1Z]]);
 
 const _sfc_main$2n = defineComponent({
   name: "QuestionFilled"
@@ -2691,10 +3007,10 @@ const _hoisted_2$V = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$C = [
   _hoisted_2$V
 ];
-function _sfc_render$1_(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1Y(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1d, _hoisted_3$C);
 }
-var questionFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2n, [["render", _sfc_render$1_]]);
+var questionFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2n, [["render", _sfc_render$1Y]]);
 
 const _sfc_main$2m = defineComponent({
   name: "RefreshLeft"
@@ -2713,10 +3029,10 @@ const _hoisted_2$U = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$B = [
   _hoisted_2$U
 ];
-function _sfc_render$1Z(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1X(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1c, _hoisted_3$B);
 }
-var refreshLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2m, [["render", _sfc_render$1Z]]);
+var refreshLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2m, [["render", _sfc_render$1X]]);
 
 const _sfc_main$2l = defineComponent({
   name: "RefreshRight"
@@ -2735,10 +3051,10 @@ const _hoisted_2$T = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$A = [
   _hoisted_2$T
 ];
-function _sfc_render$1Y(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1W(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1b, _hoisted_3$A);
 }
-var refreshRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2l, [["render", _sfc_render$1Y]]);
+var refreshRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2l, [["render", _sfc_render$1W]]);
 
 const _sfc_main$2k = defineComponent({
   name: "ScaleToOriginal"
@@ -2757,10 +3073,10 @@ const _hoisted_2$S = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$z = [
   _hoisted_2$S
 ];
-function _sfc_render$1X(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1V(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1a, _hoisted_3$z);
 }
-var scaleToOriginal = /* @__PURE__ */ _export_sfc$1(_sfc_main$2k, [["render", _sfc_render$1X]]);
+var scaleToOriginal = /* @__PURE__ */ _export_sfc$1(_sfc_main$2k, [["render", _sfc_render$1V]]);
 
 const _sfc_main$2j = defineComponent({
   name: "Search"
@@ -2779,10 +3095,10 @@ const _hoisted_2$R = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$y = [
   _hoisted_2$R
 ];
-function _sfc_render$1W(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1U(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$19, _hoisted_3$y);
 }
-var search = /* @__PURE__ */ _export_sfc$1(_sfc_main$2j, [["render", _sfc_render$1W]]);
+var search = /* @__PURE__ */ _export_sfc$1(_sfc_main$2j, [["render", _sfc_render$1U]]);
 
 const _sfc_main$2i = defineComponent({
   name: "StarFilled"
@@ -2801,10 +3117,10 @@ const _hoisted_2$Q = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$x = [
   _hoisted_2$Q
 ];
-function _sfc_render$1V(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1T(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$18, _hoisted_3$x);
 }
-var starFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2i, [["render", _sfc_render$1V]]);
+var starFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2i, [["render", _sfc_render$1T]]);
 
 const _sfc_main$2h = defineComponent({
   name: "Star"
@@ -2823,10 +3139,10 @@ const _hoisted_2$P = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$w = [
   _hoisted_2$P
 ];
-function _sfc_render$1U(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1S(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$17, _hoisted_3$w);
 }
-var star = /* @__PURE__ */ _export_sfc$1(_sfc_main$2h, [["render", _sfc_render$1U]]);
+var star = /* @__PURE__ */ _export_sfc$1(_sfc_main$2h, [["render", _sfc_render$1S]]);
 
 const _sfc_main$2g = defineComponent({
   name: "SuccessFilled"
@@ -2845,10 +3161,10 @@ const _hoisted_2$O = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$v = [
   _hoisted_2$O
 ];
-function _sfc_render$1T(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1R(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$16, _hoisted_3$v);
 }
-var successFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2g, [["render", _sfc_render$1T]]);
+var successFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2g, [["render", _sfc_render$1R]]);
 
 const _sfc_main$2f = defineComponent({
   name: "View"
@@ -2867,10 +3183,10 @@ const _hoisted_2$N = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$u = [
   _hoisted_2$N
 ];
-function _sfc_render$1S(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1Q(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$15, _hoisted_3$u);
 }
-var view = /* @__PURE__ */ _export_sfc$1(_sfc_main$2f, [["render", _sfc_render$1S]]);
+var view = /* @__PURE__ */ _export_sfc$1(_sfc_main$2f, [["render", _sfc_render$1Q]]);
 
 const _sfc_main$2e = defineComponent({
   name: "WarningFilled"
@@ -2889,10 +3205,10 @@ const _hoisted_2$M = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$t = [
   _hoisted_2$M
 ];
-function _sfc_render$1R(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1P(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$14, _hoisted_3$t);
 }
-var warningFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2e, [["render", _sfc_render$1R]]);
+var warningFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2e, [["render", _sfc_render$1P]]);
 
 const _sfc_main$2d = defineComponent({
   name: "ZoomIn"
@@ -2911,10 +3227,10 @@ const _hoisted_2$L = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$s = [
   _hoisted_2$L
 ];
-function _sfc_render$1Q(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1O(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$13, _hoisted_3$s);
 }
-var zoomIn = /* @__PURE__ */ _export_sfc$1(_sfc_main$2d, [["render", _sfc_render$1Q]]);
+var zoomIn = /* @__PURE__ */ _export_sfc$1(_sfc_main$2d, [["render", _sfc_render$1O]]);
 
 const _sfc_main$2c = defineComponent({
   name: "ZoomOut"
@@ -2933,10 +3249,10 @@ const _hoisted_2$K = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$r = [
   _hoisted_2$K
 ];
-function _sfc_render$1P(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1N(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$12, _hoisted_3$r);
 }
-var zoomOut = /* @__PURE__ */ _export_sfc$1(_sfc_main$2c, [["render", _sfc_render$1P]]);
+var zoomOut = /* @__PURE__ */ _export_sfc$1(_sfc_main$2c, [["render", _sfc_render$1N]]);
 
 const wrapperKey = Symbol();
 const propKey = "__elPropsReservedKey";
@@ -3038,6 +3354,18 @@ const composeRefs = (...refs) => {
   };
 };
 
+class ElementPlusError extends Error {
+  constructor(m) {
+    super(m);
+    this.name = "ElementPlusError";
+  }
+}
+function throwError(scope, m) {
+  throw new ElementPlusError(`[${scope}] ${m}`);
+}
+function debugWarn(scope, message) {
+}
+
 function addUnit(value, defaultUnit = "px") {
   if (!value)
     return "";
@@ -3176,8 +3504,8 @@ const configProviderContextKey = Symbol();
 
 const dialogInjectionKey = Symbol("dialogInjectionKey");
 
-const elFormKey = Symbol("elForm");
-const elFormItemKey = Symbol("elFormItem");
+const formContextKey = Symbol("formContextKey");
+const formItemContextKey = Symbol("formItemContextKey");
 
 const elPaginationKey = Symbol("elPaginationKey");
 
@@ -3248,13 +3576,13 @@ const useSize = (fallback, ignore = {}) => {
   const emptyRef = ref(void 0);
   const size = ignore.prop ? emptyRef : useProp("size");
   const globalConfig = ignore.global ? emptyRef : useGlobalConfig("size");
-  const form = ignore.form ? { size: void 0 } : inject(elFormKey, void 0);
-  const formItem = ignore.formItem ? { size: void 0 } : inject(elFormItemKey, void 0);
+  const form = ignore.form ? { size: void 0 } : inject(formContextKey, void 0);
+  const formItem = ignore.formItem ? { size: void 0 } : inject(formItemContextKey, void 0);
   return computed(() => size.value || unref(fallback) || (formItem == null ? void 0 : formItem.size) || (form == null ? void 0 : form.size) || globalConfig.value || "default");
 };
 const useDisabled$1 = (fallback) => {
   const disabled = useProp("disabled");
-  const form = inject(elFormKey, void 0);
+  const form = inject(formContextKey, void 0);
   return computed(() => disabled.value || unref(fallback) || (form == null ? void 0 : form.disabled) || false);
 };
 
@@ -3335,8 +3663,8 @@ const useFocus = (el) => {
 };
 
 const useFormItem = () => {
-  const form = inject(elFormKey, void 0);
-  const formItem = inject(elFormItemKey, void 0);
+  const form = inject(formContextKey, void 0);
+  const formItem = inject(formItemContextKey, void 0);
   return {
     form,
     formItem
@@ -4041,7 +4369,7 @@ const useZIndex = () => {
   };
 };
 
-const version$1 = "0.0.20220305";
+const version$1 = "0.0.20220306";
 
 const INSTALLED_KEY = Symbol("INSTALLED_KEY");
 const makeInstaller = (components = []) => {
@@ -4082,11 +4410,11 @@ const affixEmits = {
   change: (fixed) => typeof fixed === "boolean"
 };
 
-const __default__$k = {
+const __default__$m = {
   name: "ElAffix"
 };
 const _sfc_main$2b = /* @__PURE__ */ defineComponent({
-  ...__default__$k,
+  ...__default__$m,
   props: affixProps,
   emits: affixEmits,
   setup(__props, { expose, emit }) {
@@ -4201,12 +4529,12 @@ const iconProps = buildProps({
   }
 });
 
-const __default__$j = {
+const __default__$l = {
   name: "ElIcon",
   inheritAttrs: false
 };
 const _sfc_main$2a = /* @__PURE__ */ defineComponent({
-  ...__default__$j,
+  ...__default__$l,
   props: iconProps,
   setup(__props) {
     const props = __props;
@@ -4268,11 +4596,11 @@ const alertEmits = {
   close: (evt) => evt instanceof MouseEvent
 };
 
-const __default__$i = {
+const __default__$k = {
   name: "ElAlert"
 };
 const _sfc_main$29 = /* @__PURE__ */ defineComponent({
-  ...__default__$i,
+  ...__default__$k,
   props: alertProps,
   emits: alertEmits,
   setup(__props, { emit }) {
@@ -4638,7 +4966,7 @@ const _sfc_main$28 = defineComponent({
       focused.value = false;
       emit("blur", event);
       if (props.validateEvent) {
-        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "blur");
+        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "blur").catch((err) => debugWarn());
       }
     };
     const select = () => {
@@ -4678,7 +5006,7 @@ const _sfc_main$28 = defineComponent({
       var _a;
       nextTick(resizeTextarea);
       if (props.validateEvent) {
-        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change");
+        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change").catch((err) => debugWarn());
       }
     });
     watch(nativeInputValue, () => setNativeInputValue());
@@ -4751,7 +5079,7 @@ const _sfc_main$28 = defineComponent({
 });
 const _hoisted_1$11 = ["type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder"];
 const _hoisted_2$J = ["tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder"];
-function _sfc_render$1O(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1M(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
   const _component_circle_close = resolveComponent("circle-close");
   const _component_icon_view = resolveComponent("icon-view");
@@ -4924,7 +5252,7 @@ function _sfc_render$1O(_ctx, _cache, $props, $setup, $data, $options) {
     [vShow, _ctx.type !== "hidden"]
   ]);
 }
-var Input = /* @__PURE__ */ _export_sfc(_sfc_main$28, [["render", _sfc_render$1O]]);
+var Input = /* @__PURE__ */ _export_sfc(_sfc_main$28, [["render", _sfc_render$1M]]);
 
 const ElInput = withInstall(Input);
 
@@ -4966,15 +5294,15 @@ const thumbProps = buildProps({
   always: Boolean
 });
 
-const COMPONENT_NAME$d = "Thumb";
+const COMPONENT_NAME$e = "Thumb";
 const _sfc_main$27 = defineComponent({
-  name: COMPONENT_NAME$d,
+  name: COMPONENT_NAME$e,
   props: thumbProps,
   setup(props) {
     const scrollbar = inject(scrollbarContextKey);
     const ns = useNamespace("scrollbar");
     if (!scrollbar)
-      throwError(COMPONENT_NAME$d, "can not inject scrollbar context");
+      throwError(COMPONENT_NAME$e, "can not inject scrollbar context");
     const instance = ref();
     const thumb = ref();
     const thumbState = ref({});
@@ -5069,7 +5397,7 @@ const _sfc_main$27 = defineComponent({
     };
   }
 });
-function _sfc_render$1N(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1L(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(Transition, {
     name: _ctx.ns.b("fade")
   }, {
@@ -5092,7 +5420,7 @@ function _sfc_render$1N(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["name"]);
 }
-var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$27, [["render", _sfc_render$1N]]);
+var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$27, [["render", _sfc_render$1L]]);
 
 const barProps = buildProps({
   always: {
@@ -5141,7 +5469,7 @@ const _sfc_main$26 = defineComponent({
     };
   }
 });
-function _sfc_render$1M(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1K(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_thumb = resolveComponent("thumb");
   return openBlock(), createElementBlock(Fragment, null, [
     createVNode(_component_thumb, {
@@ -5159,7 +5487,7 @@ function _sfc_render$1M(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["move", "ratio", "size", "always"])
   ], 64);
 }
-var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$26, [["render", _sfc_render$1M]]);
+var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$26, [["render", _sfc_render$1K]]);
 
 const scrollbarProps = buildProps({
   height: {
@@ -5187,7 +5515,7 @@ const scrollbarProps = buildProps({
     default: ""
   },
   viewStyle: {
-    type: [String, Array],
+    type: [String, Array, Object],
     default: ""
   },
   noresize: Boolean,
@@ -5324,7 +5652,7 @@ const _sfc_main$25 = defineComponent({
     };
   }
 });
-function _sfc_render$1L(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1J(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_bar = resolveComponent("bar");
   return openBlock(), createElementBlock("div", {
     ref: "scrollbar$",
@@ -5362,7 +5690,7 @@ function _sfc_render$1L(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["height", "width", "always", "ratio-x", "ratio-y"])) : createCommentVNode("v-if", true)
   ], 2);
 }
-var Scrollbar$1 = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["render", _sfc_render$1L]]);
+var Scrollbar$1 = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["render", _sfc_render$1J]]);
 
 const ElScrollbar = withInstall(Scrollbar$1);
 
@@ -5382,10 +5710,10 @@ const _sfc_main$24 = defineComponent({
     return popperProvides;
   }
 });
-function _sfc_render$1K(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1I(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default");
 }
-var Popper = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["render", _sfc_render$1K]]);
+var Popper = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["render", _sfc_render$1I]]);
 
 var top = "top";
 var bottom = "bottom";
@@ -6860,14 +7188,14 @@ const _sfc_main$23 = defineComponent({
     };
   }
 });
-function _sfc_render$1J(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1H(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("span", {
     ref: "arrowRef",
     class: normalizeClass(_ctx.ns.e("arrow")),
     "data-popper-arrow": ""
   }, null, 2);
 }
-var ElPopperArrow = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["render", _sfc_render$1J]]);
+var ElPopperArrow = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["render", _sfc_render$1H]]);
 
 const NAME = "ElOnlyChild";
 const OnlyChild = defineComponent({
@@ -7051,7 +7379,7 @@ const _sfc_main$22 = defineComponent({
     };
   }
 });
-function _sfc_render$1I(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1G(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_only_child = resolveComponent("el-only-child");
   return !_ctx.virtualTriggering ? (openBlock(), createBlock(_component_el_only_child, mergeProps({ key: 0 }, _ctx.$attrs, {
     "aria-describedby": _ctx.open ? _ctx.id : void 0
@@ -7062,7 +7390,7 @@ function _sfc_render$1I(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 16, ["aria-describedby"])) : createCommentVNode("v-if", true);
 }
-var ElPopperTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["render", _sfc_render$1I]]);
+var ElPopperTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["render", _sfc_render$1G]]);
 
 const _sfc_main$21 = defineComponent({
   name: "ElPopperContent",
@@ -7157,7 +7485,7 @@ const _sfc_main$21 = defineComponent({
     };
   }
 });
-function _sfc_render$1H(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1F(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: "popperContentRef",
     style: normalizeStyle(_ctx.contentStyle),
@@ -7169,7 +7497,7 @@ function _sfc_render$1H(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 38);
 }
-var ElPopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["render", _sfc_render$1H]]);
+var ElPopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["render", _sfc_render$1F]]);
 
 function useDeprecateAppendToBody(scope, from) {
   const vm = getCurrentInstance();
@@ -7219,10 +7547,10 @@ const _sfc_main$20 = defineComponent({
     };
   }
 });
-function _sfc_render$1G(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1E(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("span", mergeProps(_ctx.$attrs, { style: _ctx.computedStyle }), null, 16);
 }
-var ElVisuallyHidden = /* @__PURE__ */ _export_sfc(_sfc_main$20, [["render", _sfc_render$1G]]);
+var ElVisuallyHidden = /* @__PURE__ */ _export_sfc(_sfc_main$20, [["render", _sfc_render$1E]]);
 
 const useTooltipContentProps = buildProps({
   ...useDelayedToggleProps,
@@ -7398,7 +7726,7 @@ const _sfc_main$1$ = defineComponent({
     };
   }
 });
-function _sfc_render$1F(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1D(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_visually_hidden = resolveComponent("el-visually-hidden");
   const _component_el_popper_content = resolveComponent("el-popper-content");
   return openBlock(), createBlock(Teleport, {
@@ -7460,7 +7788,7 @@ function _sfc_render$1F(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["name", "onAfterLeave", "onBeforeEnter", "onAfterEnter", "onBeforeLeave"])
   ], 8, ["disabled", "to"]);
 }
-var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$1$, [["render", _sfc_render$1F]]);
+var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$1$, [["render", _sfc_render$1D]]);
 
 const isTriggerType = (trigger, type) => {
   if (isArray(trigger)) {
@@ -7524,7 +7852,7 @@ const _sfc_main$1_ = defineComponent({
     };
   }
 });
-function _sfc_render$1E(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1C(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_popper_trigger = resolveComponent("el-popper-trigger");
   return openBlock(), createBlock(_component_el_popper_trigger, {
     id: _ctx.id,
@@ -7546,7 +7874,7 @@ function _sfc_render$1E(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["id", "virtual-ref", "open", "virtual-triggering", "class", "onBlur", "onClick", "onContextmenu", "onFocus", "onMouseenter", "onMouseleave", "onKeydown"]);
 }
-var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$1_, [["render", _sfc_render$1E]]);
+var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$1_, [["render", _sfc_render$1C]]);
 
 const { useModelToggleProps, useModelToggle, useModelToggleEmits } = createModelToggleComposable("visible");
 const _sfc_main$1Z = defineComponent({
@@ -7637,7 +7965,7 @@ const _sfc_main$1Z = defineComponent({
 });
 const _hoisted_1$10 = ["innerHTML"];
 const _hoisted_2$I = { key: 1 };
-function _sfc_render$1D(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tooltip_trigger = resolveComponent("el-tooltip-trigger");
   const _component_el_popper_arrow = resolveComponent("el-popper-arrow");
   const _component_el_tooltip_content = resolveComponent("el-tooltip-content");
@@ -7699,7 +8027,7 @@ function _sfc_render$1D(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 512);
 }
-var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$1Z, [["render", _sfc_render$1D]]);
+var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$1Z, [["render", _sfc_render$1B]]);
 
 const ElTooltip = withInstall(Tooltip);
 
@@ -7771,12 +8099,12 @@ const autocompleteEmits = {
 const _hoisted_1$$ = ["aria-expanded", "aria-owns"];
 const _hoisted_2$H = { key: 0 };
 const _hoisted_3$q = ["id", "aria-selected", "onClick"];
-const __default__$h = {
+const __default__$j = {
   name: "ElAutocomplete",
   inheritAttrs: false
 };
 const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
-  ...__default__$h,
+  ...__default__$j,
   props: autocompleteProps,
   emits: autocompleteEmits,
   setup(__props, { expose, emit }) {
@@ -8092,11 +8420,11 @@ const avatarEmits = {
 };
 
 const _hoisted_1$_ = ["src", "alt", "srcset"];
-const __default__$g = {
+const __default__$i = {
   name: "ElAvatar"
 };
 const _sfc_main$1X = /* @__PURE__ */ defineComponent({
-  ...__default__$g,
+  ...__default__$i,
   props: avatarProps,
   emits: avatarEmits,
   setup(__props, { emit }) {
@@ -8177,11 +8505,11 @@ const backtopEmits = {
 };
 
 const _hoisted_1$Z = ["onClick"];
-const __default__$f = {
+const __default__$h = {
   name: "ElBacktop"
 };
 const _sfc_main$1W = /* @__PURE__ */ defineComponent({
-  ...__default__$f,
+  ...__default__$h,
   props: backtopProps,
   emits: backtopEmits,
   setup(__props, { emit }) {
@@ -8285,11 +8613,11 @@ const badgeProps = buildProps({
 });
 
 const _hoisted_1$Y = ["textContent"];
-const __default__$e = {
+const __default__$g = {
   name: "ElBadge"
 };
 const _sfc_main$1V = /* @__PURE__ */ defineComponent({
-  ...__default__$e,
+  ...__default__$g,
   props: badgeProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -8366,7 +8694,7 @@ const _sfc_main$1U = defineComponent({
     };
   }
 });
-function _sfc_render$1C(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: "breadcrumb",
     class: normalizeClass(_ctx.ns.b()),
@@ -8376,7 +8704,7 @@ function _sfc_render$1C(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-var Breadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$1U, [["render", _sfc_render$1C]]);
+var Breadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$1U, [["render", _sfc_render$1A]]);
 
 const breadcrumbItemProps = buildProps({
   to: {
@@ -8389,9 +8717,9 @@ const breadcrumbItemProps = buildProps({
   }
 });
 
-const COMPONENT_NAME$c = "ElBreadcrumbItem";
+const COMPONENT_NAME$d = "ElBreadcrumbItem";
 const _sfc_main$1T = defineComponent({
-  name: COMPONENT_NAME$c,
+  name: COMPONENT_NAME$d,
   components: {
     ElIcon
   },
@@ -8418,7 +8746,7 @@ const _sfc_main$1T = defineComponent({
     };
   }
 });
-function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
   return openBlock(), createElementBlock("span", {
     class: normalizeClass(_ctx.ns.e("item"))
@@ -8445,7 +8773,7 @@ function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
     }, toDisplayString(_ctx.separator), 3))
   ], 2);
 }
-var BreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main$1T, [["render", _sfc_render$1B]]);
+var BreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main$1T, [["render", _sfc_render$1z]]);
 
 const ElBreadcrumb = withInstall(Breadcrumb, {
   BreadcrumbItem
@@ -9373,11 +9701,11 @@ const buttonEmits = {
 };
 
 const _hoisted_1$X = ["disabled", "autofocus", "type"];
-const __default__$d = {
+const __default__$f = {
   name: "ElButton"
 };
 const _sfc_main$1S = /* @__PURE__ */ defineComponent({
-  ...__default__$d,
+  ...__default__$f,
   props: buttonProps,
   emits: buttonEmits,
   setup(__props, { expose, emit }) {
@@ -9509,11 +9837,11 @@ const buttonGroupProps = {
   type: buttonProps.type
 };
 
-const __default__$c = {
+const __default__$e = {
   name: "ElButtonGroup"
 };
 const _sfc_main$1R = /* @__PURE__ */ defineComponent({
-  ...__default__$c,
+  ...__default__$e,
   props: buttonGroupProps,
   setup(__props) {
     const props = __props;
@@ -10136,8 +10464,8 @@ const _sfc_main$1Q = defineComponent({
   ],
   setup(props, ctx) {
     const { lang } = useLocale();
-    const elForm = inject(elFormKey, {});
-    const elFormItem = inject(elFormItemKey, {});
+    const elForm = inject(formContextKey, {});
+    const elFormItem = inject(formItemContextKey, {});
     const elPopperOptions = inject("ElPopperOptions", {});
     const refPopper = ref();
     const inputRef = ref();
@@ -10153,7 +10481,7 @@ const _sfc_main$1Q = defineComponent({
         });
         ctx.emit("blur");
         blurInput();
-        props.validateEvent && ((_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "blur"));
+        props.validateEvent && ((_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "blur").catch((err) => debugWarn()));
       } else {
         valueOnOpen.value = props.modelValue;
       }
@@ -10162,7 +10490,7 @@ const _sfc_main$1Q = defineComponent({
       var _a;
       if (isClear || !valueEquals(val, valueOnOpen.value)) {
         ctx.emit("change", val);
-        props.validateEvent && ((_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change"));
+        props.validateEvent && ((_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn()));
       }
     };
     const emitInput = (val) => {
@@ -10514,7 +10842,7 @@ const _sfc_main$1Q = defineComponent({
 const _hoisted_1$W = ["id", "name", "placeholder", "value", "disabled", "readonly"];
 const _hoisted_2$G = { class: "el-range-separator" };
 const _hoisted_3$p = ["id", "name", "placeholder", "value", "disabled", "readonly"];
-function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
   const _component_el_input = resolveComponent("el-input");
   const _component_el_tooltip = resolveComponent("el-tooltip");
@@ -10676,7 +11004,7 @@ function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 16, ["visible", "popper-class", "popper-options", "onBeforeShow", "onShow", "onHide"]);
 }
-var CommonPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1Q, [["render", _sfc_render$1A]]);
+var CommonPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1Q, [["render", _sfc_render$1y]]);
 
 const nodeList = /* @__PURE__ */ new Map();
 let startClick;
@@ -11185,7 +11513,7 @@ const _sfc_main$1P = defineComponent({
 const _hoisted_1$V = ["onClick"];
 const _hoisted_2$F = ["onMouseenter"];
 const _hoisted_3$o = { class: "el-time-spinner__list" };
-function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_scrollbar = resolveComponent("el-scrollbar");
   const _component_arrow_up = resolveComponent("arrow-up");
   const _component_el_icon = resolveComponent("el-icon");
@@ -11270,7 +11598,7 @@ function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128)) : createCommentVNode("v-if", true)
   ], 2);
 }
-var TimeSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$1P, [["render", _sfc_render$1z]]);
+var TimeSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$1P, [["render", _sfc_render$1x]]);
 
 const _sfc_main$1O = defineComponent({
   components: {
@@ -11439,7 +11767,7 @@ const _hoisted_1$U = {
   class: "el-time-panel"
 };
 const _hoisted_2$E = { class: "el-time-panel__footer" };
-function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_time_spinner = resolveComponent("time-spinner");
   return openBlock(), createBlock(Transition, { name: _ctx.transitionName }, {
     default: withCtx(() => [
@@ -11479,7 +11807,7 @@ function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["name"]);
 }
-var TimePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1O, [["render", _sfc_render$1y]]);
+var TimePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1O, [["render", _sfc_render$1w]]);
 
 const makeSelectRange = (start, end) => {
   const result = [];
@@ -11723,7 +12051,7 @@ const _hoisted_5$a = { class: "el-time-range-picker__cell" };
 const _hoisted_6$7 = { class: "el-time-range-picker__header" };
 const _hoisted_7$6 = { class: "el-time-panel__footer" };
 const _hoisted_8$6 = ["disabled"];
-function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_time_spinner = resolveComponent("time-spinner");
   return _ctx.actualVisible ? (openBlock(), createElementBlock("div", _hoisted_1$T, [
     createElementVNode("div", _hoisted_2$D, [
@@ -11785,7 +12113,7 @@ function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ])) : createCommentVNode("v-if", true);
 }
-var TimeRangePanel = /* @__PURE__ */ _export_sfc(_sfc_main$1N, [["render", _sfc_render$1x]]);
+var TimeRangePanel = /* @__PURE__ */ _export_sfc(_sfc_main$1N, [["render", _sfc_render$1v]]);
 
 dayjs.extend(customParseFormat);
 var TimePicker = defineComponent({
@@ -11981,7 +12309,7 @@ const _sfc_main$1M = defineComponent({
 });
 const _hoisted_1$S = { key: 0 };
 const _hoisted_2$C = ["onClick"];
-function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("table", {
     class: normalizeClass([_ctx.nsTable.b(), _ctx.nsTable.is("range", _ctx.isInRange)]),
     cellspacing: "0",
@@ -12023,7 +12351,7 @@ function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 2);
 }
-var DateTable$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1M, [["render", _sfc_render$1w]]);
+var DateTable$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1M, [["render", _sfc_render$1u]]);
 
 const calendarProps = buildProps({
   modelValue: {
@@ -12182,7 +12510,7 @@ const _sfc_main$1L = defineComponent({
     };
   }
 });
-function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_button = resolveComponent("el-button");
   const _component_el_button_group = resolveComponent("el-button-group");
   const _component_date_table = resolveComponent("date-table");
@@ -12275,7 +12603,7 @@ function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2))
   ], 2);
 }
-var Calendar = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["render", _sfc_render$1v]]);
+var Calendar = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["render", _sfc_render$1t]]);
 
 const ElCalendar = withInstall(Calendar);
 
@@ -12294,11 +12622,11 @@ const cardProps = buildProps({
   }
 });
 
-const __default__$b = {
+const __default__$d = {
   name: "ElCard"
 };
 const _sfc_main$1K = /* @__PURE__ */ defineComponent({
-  ...__default__$b,
+  ...__default__$d,
   props: cardProps,
   setup(__props) {
     const ns = useNamespace("card");
@@ -12585,7 +12913,7 @@ const _sfc_main$1J = defineComponent({
 });
 const _hoisted_1$R = ["onMouseenter", "onClick"];
 const _hoisted_2$B = { key: 0 };
-function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_arrow_left = resolveComponent("arrow-left");
   const _component_el_icon = resolveComponent("el-icon");
   const _component_arrow_right = resolveComponent("arrow-right");
@@ -12680,7 +13008,7 @@ function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)) : createCommentVNode("v-if", true)
   ], 34);
 }
-var Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$1J, [["render", _sfc_render$1u]]);
+var Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$1J, [["render", _sfc_render$1s]]);
 
 const CARD_SCALE = 0.83;
 const _sfc_main$1I = defineComponent({
@@ -12797,7 +13125,7 @@ const _sfc_main$1I = defineComponent({
     };
   }
 });
-function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1r(_ctx, _cache, $props, $setup, $data, $options) {
   return withDirectives((openBlock(), createElementBlock("div", {
     class: normalizeClass([
       _ctx.ns.e("item"),
@@ -12821,7 +13149,7 @@ function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
     [vShow, _ctx.data.ready]
   ]);
 }
-var CarouselItem = /* @__PURE__ */ _export_sfc(_sfc_main$1I, [["render", _sfc_render$1t]]);
+var CarouselItem = /* @__PURE__ */ _export_sfc(_sfc_main$1I, [["render", _sfc_render$1r]]);
 
 const ElCarousel = withInstall(Carousel, {
   CarouselItem
@@ -12855,8 +13183,8 @@ const useCheckboxProps = {
   size: String
 };
 const useCheckboxGroup = () => {
-  const elForm = inject(elFormKey, {});
-  const elFormItem = inject(elFormItemKey, {});
+  const elForm = inject(formContextKey, {});
+  const elFormItem = inject(formItemContextKey, {});
   const checkboxGroup = inject("CheckboxGroup", {});
   const isGroup = computed(() => checkboxGroup && (checkboxGroup == null ? void 0 : checkboxGroup.name) === "ElCheckboxGroup");
   const elFormItemSize = computed(() => {
@@ -12967,7 +13295,7 @@ const useEvent$1 = (props, { isLimitExceeded }) => {
   }
   watch(() => props.modelValue, () => {
     var _a;
-    (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change");
+    (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
   });
   return {
     handleChange
@@ -13045,7 +13373,7 @@ const _hoisted_1$Q = ["id", "aria-controls"];
 const _hoisted_2$A = ["tabindex", "role", "aria-checked"];
 const _hoisted_3$m = ["aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"];
 const _hoisted_4$e = ["aria-hidden", "disabled", "value", "name", "tabindex"];
-function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("label", {
     id: _ctx.id,
     class: normalizeClass([
@@ -13116,7 +13444,7 @@ function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)) : createCommentVNode("v-if", true)
   ], 10, _hoisted_1$Q);
 }
-var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$1H, [["render", _sfc_render$1s]]);
+var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$1H, [["render", _sfc_render$1q]]);
 
 const _sfc_main$1G = defineComponent({
   name: "ElCheckboxButton",
@@ -13151,7 +13479,7 @@ const _sfc_main$1G = defineComponent({
 const _hoisted_1$P = ["aria-checked", "aria-disabled"];
 const _hoisted_2$z = ["name", "tabindex", "disabled", "true-value", "false-value"];
 const _hoisted_3$l = ["name", "tabindex", "disabled", "value"];
-function _sfc_render$1r(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1p(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("label", {
     class: normalizeClass([
       _ctx.ns.b("button"),
@@ -13205,7 +13533,7 @@ function _sfc_render$1r(_ctx, _cache, $props, $setup, $data, $options) {
     ], 6)) : createCommentVNode("v-if", true)
   ], 10, _hoisted_1$P);
 }
-var CheckboxButton = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _sfc_render$1r]]);
+var CheckboxButton = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _sfc_render$1p]]);
 
 const _sfc_main$1F = defineComponent({
   name: "ElCheckboxGroup",
@@ -13268,7 +13596,7 @@ const _sfc_main$1F = defineComponent({
     });
     watch(() => props.modelValue, () => {
       var _a;
-      (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change");
+      (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
     });
     return () => {
       return h$1(props.tag, {
@@ -13372,7 +13700,7 @@ const _sfc_main$1E = defineComponent({
 });
 const _hoisted_1$O = ["aria-checked", "aria-disabled", "tabindex"];
 const _hoisted_2$y = ["value", "name", "disabled"];
-function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("label", {
     class: normalizeClass([
       _ctx.ns.b(),
@@ -13426,7 +13754,7 @@ function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
     ], 34)
   ], 42, _hoisted_1$O);
 }
-var Radio = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$1q]]);
+var Radio = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$1o]]);
 
 const radioButtonProps = buildProps({
   ...radioPropsBase,
@@ -13474,7 +13802,7 @@ const _sfc_main$1D = defineComponent({
 });
 const _hoisted_1$N = ["aria-checked", "aria-disabled", "tabindex"];
 const _hoisted_2$x = ["value", "name", "disabled"];
-function _sfc_render$1p(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1n(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("label", {
     class: normalizeClass([
       _ctx.ns.b("button"),
@@ -13515,7 +13843,7 @@ function _sfc_render$1p(_ctx, _cache, $props, $setup, $data, $options) {
     ], 38)
   ], 42, _hoisted_1$N);
 }
-var RadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["render", _sfc_render$1p]]);
+var RadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["render", _sfc_render$1n]]);
 
 const radioGroupProps = buildProps({
   size: useSizeProp,
@@ -13587,7 +13915,7 @@ const _sfc_main$1C = defineComponent({
       ...toRefs(props),
       changeEvent
     }));
-    watch(() => props.modelValue, () => formItem == null ? void 0 : formItem.validate("change"));
+    watch(() => props.modelValue, () => formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn()));
     return {
       ns,
       radioGroupRef,
@@ -13595,7 +13923,7 @@ const _sfc_main$1C = defineComponent({
     };
   }
 });
-function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1m(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: "radioGroupRef",
     class: normalizeClass(_ctx.ns.b("group")),
@@ -13605,7 +13933,7 @@ function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 34);
 }
-var RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1C, [["render", _sfc_render$1o]]);
+var RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1C, [["render", _sfc_render$1m]]);
 
 const ElRadio = withInstall(Radio, {
   RadioButton,
@@ -13746,7 +14074,7 @@ const _sfc_main$1B = defineComponent({
 });
 const _hoisted_1$M = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
 const _hoisted_2$w = /* @__PURE__ */ createElementVNode("span", null, null, -1);
-function _sfc_render$1n(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_checkbox = resolveComponent("el-checkbox");
   const _component_el_radio = resolveComponent("el-radio");
   const _component_check = resolveComponent("check");
@@ -13829,7 +14157,7 @@ function _sfc_render$1n(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2112)) : createCommentVNode("v-if", true)
   ], 42, _hoisted_1$M);
 }
-var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["render", _sfc_render$1n]]);
+var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["render", _sfc_render$1l]]);
 
 const _sfc_main$1A = defineComponent({
   name: "ElCascaderMenu",
@@ -13920,7 +14248,7 @@ const _hoisted_3$k = {
   ref: "hoverZone",
   class: "el-cascader-menu__hover-zone"
 };
-function _sfc_render$1m(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_cascader_node = resolveComponent("el-cascader-node");
   const _component_loading = resolveComponent("loading");
   const _component_el_icon = resolveComponent("el-icon");
@@ -13963,7 +14291,7 @@ function _sfc_render$1m(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["view-class", "onMousemove", "onMouseleave"]);
 }
-var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1A, [["render", _sfc_render$1m]]);
+var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1A, [["render", _sfc_render$1k]]);
 
 var ExpandTrigger = /* @__PURE__ */ ((ExpandTrigger2) => {
   ExpandTrigger2["CLICK"] = "click";
@@ -14440,7 +14768,7 @@ const _sfc_main$1z = defineComponent({
     };
   }
 });
-function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1j(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_cascader_menu = resolveComponent("el-cascader-menu");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["el-cascader-panel", _ctx.border && "is-bordered"]),
@@ -14457,7 +14785,7 @@ function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128))
   ], 34);
 }
-var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["render", _sfc_render$1l]]);
+var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["render", _sfc_render$1j]]);
 
 CascaderPanel.install = (app) => {
   app.component(CascaderPanel.name, CascaderPanel);
@@ -14493,11 +14821,11 @@ const tagEmits = {
   click: (evt) => evt instanceof MouseEvent
 };
 
-const __default__$a = {
+const __default__$c = {
   name: "ElTag"
 };
 const _sfc_main$1y = /* @__PURE__ */ defineComponent({
-  ...__default__$a,
+  ...__default__$c,
   props: tagProps,
   emits: tagEmits,
   setup(__props, { emit }) {
@@ -14602,9 +14930,9 @@ const popperOptions = {
     }
   ]
 };
-const COMPONENT_NAME$b = "ElCascader";
+const COMPONENT_NAME$c = "ElCascader";
 const _sfc_main$1x = defineComponent({
-  name: COMPONENT_NAME$b,
+  name: COMPONENT_NAME$c,
   components: {
     ElCascaderPanel: _CascaderPanel,
     ElInput,
@@ -14674,10 +15002,10 @@ const _sfc_main$1x = defineComponent({
   setup(props, { emit }) {
     let inputInitialHeight = 0;
     let pressDeleteCount = 0;
-    const { compatTeleported } = useDeprecateAppendToBody(COMPONENT_NAME$b, "popperAppendToBody");
+    const { compatTeleported } = useDeprecateAppendToBody(COMPONENT_NAME$c, "popperAppendToBody");
     const { t } = useLocale();
-    const elForm = inject(elFormKey, {});
-    const elFormItem = inject(elFormItemKey, {});
+    const elForm = inject(formContextKey, {});
+    const elFormItem = inject(formItemContextKey, {});
     const tooltipRef = ref(null);
     const input = ref(null);
     const tagWrapper = ref(null);
@@ -14720,7 +15048,7 @@ const _sfc_main$1x = defineComponent({
         var _a;
         emit(UPDATE_MODEL_EVENT, val);
         emit(CHANGE_EVENT, val);
-        (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change");
+        (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
       }
     });
     const popperPaneRef = computed(() => {
@@ -15014,7 +15342,7 @@ const _hoisted_1$K = {
 const _hoisted_2$u = ["placeholder"];
 const _hoisted_3$j = ["onClick"];
 const _hoisted_4$d = { class: "el-cascader__empty-text" };
-function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_circle_close = resolveComponent("circle-close");
   const _component_el_icon = resolveComponent("el-icon");
   const _component_arrow_down = resolveComponent("arrow-down");
@@ -15197,7 +15525,7 @@ function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["visible", "teleported", "popper-class", "popper-options", "onHide"]);
 }
-var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["render", _sfc_render$1k]]);
+var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["render", _sfc_render$1i]]);
 
 Cascader.install = (app) => {
   app.component(Cascader.name, Cascader);
@@ -15216,11 +15544,11 @@ const checkTagEmits = {
   change: (value) => isBoolean(value)
 };
 
-const __default__$9 = {
+const __default__$b = {
   name: "ElCheckTag"
 };
 const _sfc_main$1w = /* @__PURE__ */ defineComponent({
-  ...__default__$9,
+  ...__default__$b,
   props: checkTagProps,
   emits: checkTagEmits,
   setup(__props, { emit }) {
@@ -15360,11 +15688,11 @@ const collapseEmits = {
   [CHANGE_EVENT]: emitChangeFn
 };
 
-const __default__$8 = {
+const __default__$a = {
   name: "ElCollapse"
 };
 const _sfc_main$1v = /* @__PURE__ */ defineComponent({
-  ...__default__$8,
+  ...__default__$a,
   props: collapseProps,
   emits: collapseEmits,
   setup(__props, { expose, emit }) {
@@ -15474,7 +15802,7 @@ const _sfc_main$1u = defineComponent({
     };
   }
 });
-function _sfc_render$1j(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(Transition, mergeProps({
     name: _ctx.ns.b()
   }, toHandlers(_ctx.on)), {
@@ -15484,7 +15812,7 @@ function _sfc_render$1j(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 16, ["name"]);
 }
-var CollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$1j]]);
+var CollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$1h]]);
 
 CollapseTransition.install = (app) => {
   app.component(CollapseTransition.name, CollapseTransition);
@@ -15507,11 +15835,11 @@ const collapseItemProps = buildProps({
 const _hoisted_1$J = ["aria-expanded", "aria-controls", "aria-describedby"];
 const _hoisted_2$t = ["id", "tabindex", "onKeyup"];
 const _hoisted_3$i = ["id", "aria-hidden", "aria-labelledby"];
-const __default__$7 = {
+const __default__$9 = {
   name: "ElCollapseItem"
 };
 const _sfc_main$1t = /* @__PURE__ */ defineComponent({
-  ...__default__$7,
+  ...__default__$9,
   props: collapseItemProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -15753,7 +16081,7 @@ const _sfc_main$1s = defineComponent({
     };
   }
 });
-function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["el-color-alpha-slider", { "is-vertical": _ctx.vertical }])
   }, [
@@ -15775,7 +16103,7 @@ function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 4)
   ], 2);
 }
-var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["render", _sfc_render$1i]]);
+var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["render", _sfc_render$1g]]);
 
 const _sfc_main$1r = defineComponent({
   name: "ElColorHueSlider",
@@ -15868,7 +16196,7 @@ const _sfc_main$1r = defineComponent({
     };
   }
 });
-function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["el-color-hue-slider", { "is-vertical": _ctx.vertical }])
   }, [
@@ -15887,7 +16215,7 @@ function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 4)
   ], 2);
 }
-var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["render", _sfc_render$1h]]);
+var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["render", _sfc_render$1f]]);
 
 const OPTIONS_KEY = Symbol();
 const useOptions = () => {
@@ -16208,7 +16536,7 @@ const _sfc_main$1q = defineComponent({
 const _hoisted_1$I = { class: "el-color-predefine" };
 const _hoisted_2$s = { class: "el-color-predefine__colors" };
 const _hoisted_3$h = ["onClick"];
-function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1$I, [
     createElementVNode("div", _hoisted_2$s, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.rgbaColors, (item, index) => {
@@ -16225,7 +16553,7 @@ function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["render", _sfc_render$1g]]);
+var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["render", _sfc_render$1e]]);
 
 const _sfc_main$1p = defineComponent({
   name: "ElSlPanel",
@@ -16301,7 +16629,7 @@ const _hoisted_3$g = /* @__PURE__ */ createElementVNode("div", null, null, -1);
 const _hoisted_4$c = [
   _hoisted_3$g
 ];
-function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: "el-color-svpanel",
     style: normalizeStyle({
@@ -16319,7 +16647,7 @@ function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
     }, _hoisted_4$c, 4)
   ], 4);
 }
-var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["render", _sfc_render$1f]]);
+var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["render", _sfc_render$1d]]);
 
 const _sfc_main$1o = defineComponent({
   name: "ElColorPicker",
@@ -16354,8 +16682,8 @@ const _sfc_main$1o = defineComponent({
   setup(props, { emit }) {
     const { t } = useLocale();
     const ns = useNamespace("color");
-    const elForm = inject(elFormKey, {});
-    const elFormItem = inject(elFormItemKey, {});
+    const elForm = inject(formContextKey, {});
+    const elFormItem = inject(formItemContextKey, {});
     const hue = ref(null);
     const svPanel = ref(null);
     const alpha = ref(null);
@@ -16434,7 +16762,7 @@ const _sfc_main$1o = defineComponent({
       const value = color.value;
       emit(UPDATE_MODEL_EVENT, value);
       emit("change", value);
-      (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change");
+      (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
       debounceSetShowPicker(false);
       nextTick(() => {
         const newColor = new Color({
@@ -16453,7 +16781,7 @@ const _sfc_main$1o = defineComponent({
       emit(UPDATE_MODEL_EVENT, null);
       emit("change", null);
       if (props.modelValue !== null) {
-        (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change");
+        (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
       }
       resetColor();
     }
@@ -16495,7 +16823,7 @@ const _sfc_main$1o = defineComponent({
     };
   }
 });
-function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_hue_slider = resolveComponent("hue-slider");
   const _component_sv_panel = resolveComponent("sv-panel");
   const _component_alpha_slider = resolveComponent("alpha-slider");
@@ -16643,7 +16971,7 @@ function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["visible", "popper-class"]);
 }
-var ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["render", _sfc_render$1e]]);
+var ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["render", _sfc_render$1c]]);
 
 ColorPicker.install = (app) => {
   app.component(ColorPicker.name, ColorPicker);
@@ -16720,14 +17048,14 @@ const _sfc_main$1n = defineComponent({
     };
   }
 });
-function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("section", {
     class: normalizeClass([_ctx.ns.b(), _ctx.ns.is("vertical", _ctx.isVertical)])
   }, [
     renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-var Container = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["render", _sfc_render$1d]]);
+var Container = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["render", _sfc_render$1b]]);
 
 const _sfc_main$1m = defineComponent({
   name: "ElAside",
@@ -16747,7 +17075,7 @@ const _sfc_main$1m = defineComponent({
     };
   }
 });
-function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("aside", {
     class: normalizeClass(_ctx.ns.b()),
     style: normalizeStyle(_ctx.style)
@@ -16755,7 +17083,7 @@ function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 6);
 }
-var Aside = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["render", _sfc_render$1c]]);
+var Aside = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["render", _sfc_render$1a]]);
 
 const _sfc_main$1l = defineComponent({
   name: "ElFooter",
@@ -16775,7 +17103,7 @@ const _sfc_main$1l = defineComponent({
     };
   }
 });
-function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("footer", {
     class: normalizeClass(_ctx.ns.b()),
     style: normalizeStyle(_ctx.style)
@@ -16783,7 +17111,7 @@ function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 6);
 }
-var Footer = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["render", _sfc_render$1b]]);
+var Footer = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["render", _sfc_render$19]]);
 
 const _sfc_main$1k = defineComponent({
   name: "ElHeader",
@@ -16803,7 +17131,7 @@ const _sfc_main$1k = defineComponent({
     };
   }
 });
-function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("header", {
     class: normalizeClass(_ctx.ns.b()),
     style: normalizeStyle(_ctx.style)
@@ -16811,7 +17139,7 @@ function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 6);
 }
-var Header = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["render", _sfc_render$1a]]);
+var Header = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["render", _sfc_render$18]]);
 
 const _sfc_main$1j = defineComponent({
   name: "ElMain",
@@ -16822,14 +17150,14 @@ const _sfc_main$1j = defineComponent({
     };
   }
 });
-function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("main", {
     class: normalizeClass(_ctx.ns.b())
   }, [
     renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-var Main = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["render", _sfc_render$19]]);
+var Main = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["render", _sfc_render$17]]);
 
 const ElContainer = withInstall(Container, {
   Aside,
@@ -17308,7 +17636,7 @@ const _sfc_main$1i = defineComponent({
   }
 });
 const _hoisted_1$G = { key: 0 };
-function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_date_picker_cell = resolveComponent("el-date-picker-cell");
   return openBlock(), createElementBlock("table", {
     cellspacing: "0",
@@ -17342,7 +17670,7 @@ function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 34);
 }
-var DateTable = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["render", _sfc_render$18]]);
+var DateTable = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["render", _sfc_render$16]]);
 
 const datesInMonth = (year, month, lang) => {
   const firstDay = dayjs().locale(lang).startOf("month").month(month).year(year);
@@ -17514,7 +17842,7 @@ const _sfc_main$1h = defineComponent({
   }
 });
 const _hoisted_1$F = { class: "cell" };
-function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("table", {
     class: "el-month-table",
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleMonthTableClick && _ctx.handleMonthTableClick(...args)),
@@ -17538,7 +17866,7 @@ function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 32);
 }
-var MonthTable = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["render", _sfc_render$17]]);
+var MonthTable = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["render", _sfc_render$15]]);
 
 const datesInYear = (year, lang) => {
   const firstDay = dayjs(String(year)).locale(lang).startOf("year");
@@ -17600,7 +17928,7 @@ const _hoisted_9$5 = { class: "cell" };
 const _hoisted_10$5 = { class: "cell" };
 const _hoisted_11$3 = /* @__PURE__ */ createElementVNode("td", null, null, -1);
 const _hoisted_12$3 = /* @__PURE__ */ createElementVNode("td", null, null, -1);
-function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("table", {
     class: "el-year-table",
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleYearTableClick && _ctx.handleYearTableClick(...args))
@@ -17667,7 +17995,7 @@ function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var YearTable = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["render", _sfc_render$16]]);
+var YearTable = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["render", _sfc_render$14]]);
 
 const timeWithinRange = (_, __, ___) => true;
 const _sfc_main$1f = defineComponent({
@@ -18100,7 +18428,7 @@ const _hoisted_10$4 = ["aria-label"];
 const _hoisted_11$2 = ["aria-label"];
 const _hoisted_12$2 = { class: "el-picker-panel__content" };
 const _hoisted_13$2 = { class: "el-picker-panel__footer" };
-function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_input = resolveComponent("el-input");
   const _component_time_pick_panel = resolveComponent("time-pick-panel");
   const _component_d_arrow_left = resolveComponent("d-arrow-left");
@@ -18296,7 +18624,7 @@ function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 2);
 }
-var DatePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["render", _sfc_render$15]]);
+var DatePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["render", _sfc_render$13]]);
 
 const _sfc_main$1e = defineComponent({
   directives: { clickoutside: ClickOutside },
@@ -18762,7 +19090,7 @@ const _hoisted_20$1 = {
   key: 0,
   class: "el-picker-panel__footer"
 };
-function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_input = resolveComponent("el-input");
   const _component_time_pick_panel = resolveComponent("time-pick-panel");
   const _component_arrow_right = resolveComponent("arrow-right");
@@ -19044,7 +19372,7 @@ function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : createCommentVNode("v-if", true)
   ], 2);
 }
-var DateRangePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["render", _sfc_render$14]]);
+var DateRangePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["render", _sfc_render$12]]);
 
 const _sfc_main$1d = defineComponent({
   components: { MonthTable, ElIcon, DArrowLeft: dArrowLeft, DArrowRight: dArrowRight },
@@ -19229,7 +19557,7 @@ const _hoisted_7$2 = ["disabled"];
 const _hoisted_8$2 = { class: "el-picker-panel__content el-date-range-picker__content is-right" };
 const _hoisted_9$2 = { class: "el-date-range-picker__header" };
 const _hoisted_10$2 = ["disabled"];
-function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_d_arrow_left = resolveComponent("d-arrow-left");
   const _component_el_icon = resolveComponent("el-icon");
   const _component_d_arrow_right = resolveComponent("d-arrow-right");
@@ -19342,7 +19670,7 @@ function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 2);
 }
-var MonthRangePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["render", _sfc_render$13]]);
+var MonthRangePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["render", _sfc_render$11]]);
 
 dayjs.extend(localeData);
 dayjs.extend(advancedFormat);
@@ -19508,7 +19836,7 @@ const _sfc_main$1c = defineComponent({
   }
 });
 const _hoisted_1$A = { key: 1 };
-function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$10(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_descriptions_cell = resolveComponent("el-descriptions-cell");
   return _ctx.descriptions.direction === "vertical" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
     createElementVNode("tr", null, [
@@ -19557,7 +19885,7 @@ function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128))
   ]));
 }
-var DescriptionsRow = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["render", _sfc_render$12]]);
+var DescriptionsRow = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["render", _sfc_render$10]]);
 
 const _sfc_main$1b = defineComponent({
   name: "ElDescriptions",
@@ -19663,7 +19991,7 @@ const _sfc_main$1b = defineComponent({
     };
   }
 });
-function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_descriptions_row = resolveComponent("el-descriptions-row");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.descriptionKls)
@@ -19705,7 +20033,7 @@ function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)
   ], 2);
 }
-var Descriptions = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$11]]);
+var Descriptions = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$$]]);
 
 var DescriptionsItem = defineComponent({
   name: "ElDescriptionsItem",
@@ -19844,9 +20172,9 @@ const dialogContentEmits = {
 };
 
 const _hoisted_1$z = ["aria-label"];
-const __default__$6 = { name: "ElDialogContent" };
+const __default__$8 = { name: "ElDialogContent" };
 const _sfc_main$1a = /* @__PURE__ */ defineComponent({
-  ...__default__$6,
+  ...__default__$8,
   props: dialogContentProps,
   emits: dialogContentEmits,
   setup(__props) {
@@ -20122,11 +20450,11 @@ const useDialog = (props, targetRef) => {
   };
 };
 
-const __default__$5 = {
+const __default__$7 = {
   name: "ElDialog"
 };
 const _sfc_main$19 = /* @__PURE__ */ defineComponent({
-  ...__default__$5,
+  ...__default__$7,
   props: dialogProps,
   emits: dialogEmits,
   setup(__props, { expose }) {
@@ -20256,7 +20584,7 @@ const _sfc_main$18 = defineComponent({
     };
   }
 });
-function _sfc_render$10(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass([_ctx.ns.b(), _ctx.ns.m(_ctx.direction)]),
     style: normalizeStyle(_ctx.dividerStyle)
@@ -20269,7 +20597,7 @@ function _sfc_render$10(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)) : createCommentVNode("v-if", true)
   ], 6);
 }
-var Divider = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$10]]);
+var Divider = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$_]]);
 
 const ElDivider = withInstall(Divider);
 
@@ -20325,7 +20653,7 @@ const _hoisted_1$y = ["aria-labelledby", "aria-label"];
 const _hoisted_2$m = ["id"];
 const _hoisted_3$b = ["title"];
 const _hoisted_4$7 = ["aria-label"];
-function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$Z(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_close = resolveComponent("close");
   const _component_el_icon = resolveComponent("el-icon");
   const _component_el_overlay = resolveComponent("el-overlay");
@@ -20412,7 +20740,7 @@ function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["name", "onAfterEnter", "onAfterLeave", "onBeforeLeave"])
   ], 8, ["disabled"]);
 }
-var Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$$]]);
+var Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$Z]]);
 
 const ElDrawer = withInstall(Drawer);
 
@@ -20648,27 +20976,27 @@ const _sfc_main$16 = defineComponent({
     };
   }
 });
-function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default");
 }
-var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$_]]);
+var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$Y]]);
 
 const _sfc_main$15 = defineComponent({
   inheritAttrs: false
 });
-function _sfc_render$Z(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default");
 }
-var Collection = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$Z]]);
+var Collection = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$X]]);
 
 const _sfc_main$14 = defineComponent({
   name: "ElCollectionItem",
   inheritAttrs: false
 });
-function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default");
 }
-var CollectionItem = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$Y]]);
+var CollectionItem = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$W]]);
 
 const COLLECTION_ITEM_SIGN = `data-el-collection-item`;
 const createCollectionWithScope = (name) => {
@@ -20896,10 +21224,10 @@ const _sfc_main$13 = defineComponent({
     });
   }
 });
-function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default");
 }
-var ElRovingFocusGroupImpl = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$X]]);
+var ElRovingFocusGroupImpl = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$V]]);
 
 const _sfc_main$12 = defineComponent({
   name: "ElRovingFocusGroup",
@@ -20908,7 +21236,7 @@ const _sfc_main$12 = defineComponent({
     ElRovingFocusGroupImpl
   }
 });
-function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_roving_focus_group_impl = resolveComponent("el-roving-focus-group-impl");
   const _component_el_focus_group_collection = resolveComponent("el-focus-group-collection");
   return openBlock(), createBlock(_component_el_focus_group_collection, null, {
@@ -20923,7 +21251,7 @@ function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   });
 }
-var ElRovingFocusGroup = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$W]]);
+var ElRovingFocusGroup = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$U]]);
 
 const _sfc_main$11 = defineComponent({
   components: {
@@ -21010,7 +21338,7 @@ const _sfc_main$11 = defineComponent({
     };
   }
 });
-function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_roving_focus_collection_item = resolveComponent("el-roving-focus-collection-item");
   return openBlock(), createBlock(_component_el_roving_focus_collection_item, {
     id: _ctx.id,
@@ -21023,7 +21351,7 @@ function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["id", "focusable", "active"]);
 }
-var ElRovingFocusItem = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$V]]);
+var ElRovingFocusItem = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$T]]);
 
 const dropdownProps = buildProps({
   trigger: useTooltipTriggerProps.trigger,
@@ -21073,6 +21401,10 @@ const dropdownProps = buildProps({
   popperClass: {
     type: String,
     default: ""
+  },
+  disabled: {
+    type: Boolean,
+    default: false
   }
 });
 const dropdownItemProps = buildProps({
@@ -21210,7 +21542,7 @@ const _sfc_main$10 = defineComponent({
     };
   }
 });
-function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
   var _a;
   const _component_el_dropdown_collection = resolveComponent("el-dropdown-collection");
   const _component_el_roving_focus_group = resolveComponent("el-roving-focus-group");
@@ -21222,7 +21554,7 @@ function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
   const _component_el_button_group = resolveComponent("el-button-group");
   return openBlock(), createElementBlock("div", {
-    class: normalizeClass(_ctx.ns.b())
+    class: normalizeClass([_ctx.ns.b(), _ctx.ns.is("disabled", _ctx.disabled)])
   }, [
     createVNode(_component_el_tooltip, {
       ref: "popperRef",
@@ -21240,6 +21572,7 @@ function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
       "stop-popper-mouse-event": false,
       "virtual-ref": _ctx.triggeringElementRef,
       "virtual-triggering": _ctx.splitButton,
+      disabled: _ctx.disabled,
       "append-to-body": "",
       pure: "",
       transition: `${_ctx.ns.namespace.value}-zoom-in-top`,
@@ -21296,25 +21629,27 @@ function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
           ], 2)
         ])
       } : void 0
-    ]), 1032, ["effect", "popper-options", "hide-after", "placement", "popper-class", "reference-element", "trigger", "show-after", "virtual-ref", "virtual-triggering", "transition"]),
+    ]), 1032, ["effect", "popper-options", "hide-after", "placement", "popper-class", "reference-element", "trigger", "show-after", "virtual-ref", "virtual-triggering", "disabled", "transition"]),
     _ctx.splitButton ? (openBlock(), createBlock(_component_el_button_group, { key: 0 }, {
       default: withCtx(() => [
         createVNode(_component_el_button, {
           ref: "referenceElementRef",
           size: _ctx.dropdownSize,
           type: _ctx.type,
+          disabled: _ctx.disabled,
           onClick: _ctx.handlerMainButtonClick
         }, {
           default: withCtx(() => [
             renderSlot(_ctx.$slots, "default")
           ]),
           _: 3
-        }, 8, ["size", "type", "onClick"]),
+        }, 8, ["size", "type", "disabled", "onClick"]),
         createVNode(_component_el_button, {
           ref: "triggeringElementRef",
           size: _ctx.dropdownSize,
           type: _ctx.type,
-          class: normalizeClass(_ctx.ns.e("caret-button"))
+          class: normalizeClass(_ctx.ns.e("caret-button")),
+          disabled: _ctx.disabled
         }, {
           default: withCtx(() => [
             createVNode(_component_el_icon, {
@@ -21327,13 +21662,13 @@ function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
             }, 8, ["class"])
           ]),
           _: 1
-        }, 8, ["size", "type", "class"])
+        }, 8, ["size", "type", "class", "disabled"])
       ]),
       _: 3
     })) : createCommentVNode("v-if", true)
   ], 2);
 }
-var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["render", _sfc_render$U]]);
+var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["render", _sfc_render$S]]);
 
 const _sfc_main$$ = defineComponent({
   name: "DropdownItemImpl",
@@ -21377,7 +21712,7 @@ const _sfc_main$$ = defineComponent({
   }
 });
 const _hoisted_1$x = ["aria-disabled", "tabindex"];
-function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
   return openBlock(), createElementBlock(Fragment, null, [
     _ctx.divided ? (openBlock(), createElementBlock("li", mergeProps({
@@ -21406,7 +21741,7 @@ function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
     ], 16, _hoisted_1$x)
   ], 64);
 }
-var ElDropdownItemImpl = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["render", _sfc_render$T]]);
+var ElDropdownItemImpl = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["render", _sfc_render$R]]);
 
 const useDropdown = () => {
   const elDropdown = inject("elDropdown", {});
@@ -21482,7 +21817,7 @@ const _sfc_main$_ = defineComponent({
     };
   }
 });
-function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
   var _a;
   const _component_el_dropdown_item_impl = resolveComponent("el-dropdown-item-impl");
   const _component_el_roving_focus_item = resolveComponent("el-roving-focus-item");
@@ -21513,7 +21848,7 @@ function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["disabled", "text-value"]);
 }
-var DropdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["render", _sfc_render$S]]);
+var DropdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["render", _sfc_render$Q]]);
 
 const _sfc_main$Z = defineComponent({
   name: "ElDropdownMenu",
@@ -21576,7 +21911,7 @@ const _sfc_main$Z = defineComponent({
     };
   }
 });
-function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("ul", {
     ref: _ctx.dropdownListWrapperRef,
     class: normalizeClass(_ctx.dropdownKls),
@@ -21591,7 +21926,7 @@ function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 38);
 }
-var DropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["render", _sfc_render$R]]);
+var DropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["render", _sfc_render$P]]);
 
 const ElDropdown = withInstall(Dropdown, {
   DropdownItem,
@@ -21705,7 +22040,7 @@ const _hoisted_27 = /* @__PURE__ */ createElementVNode("polygon", {
   transform: "translate(66.000000, 51.500000) scale(-1, 1) translate(-66.000000, -51.500000) ",
   points: "62 45 79 45 70 58 53 58"
 }, null, -1);
-function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$w, [
     createElementVNode("defs", null, [
       createElementVNode("linearGradient", {
@@ -21786,7 +22121,7 @@ function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var ImgEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["render", _sfc_render$Q]]);
+var ImgEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["render", _sfc_render$O]]);
 
 const emptyProps = {
   image: {
@@ -21822,7 +22157,7 @@ const _sfc_main$X = defineComponent({
 });
 const _hoisted_1$v = ["src"];
 const _hoisted_2$k = { key: 1 };
-function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_img_empty = resolveComponent("img-empty");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.ns.b())
@@ -21852,10 +22187,50 @@ function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)) : createCommentVNode("v-if", true)
   ], 2);
 }
-var Empty = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["render", _sfc_render$P]]);
+var Empty = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["render", _sfc_render$N]]);
 
 const ElEmpty = withInstall(Empty);
 
+const formProps = buildProps({
+  model: Object,
+  rules: {
+    type: definePropType(Object)
+  },
+  labelPosition: String,
+  labelWidth: {
+    type: [String, Number],
+    default: ""
+  },
+  labelSuffix: {
+    type: String,
+    default: ""
+  },
+  inline: Boolean,
+  inlineMessage: Boolean,
+  statusIcon: Boolean,
+  showMessage: {
+    type: Boolean,
+    default: true
+  },
+  size: {
+    type: String,
+    values: componentSizes
+  },
+  disabled: Boolean,
+  validateOnRuleChange: {
+    type: Boolean,
+    default: true
+  },
+  hideRequiredAsterisk: {
+    type: Boolean,
+    default: false
+  },
+  scrollToError: Boolean
+});
+const formEmits = {
+  validate: (prop, isValid, message) => (isArray(prop) || isString(prop)) && isBoolean(isValid) && isString(message)
+};
+
 function useFormLabelWidth() {
   const potentialLabelWidthArr = ref([]);
   const autoLabelWidth = computed(() => {
@@ -21878,7 +22253,9 @@ function useFormLabelWidth() {
   }
   function deregisterLabelWidth(val) {
     const index = getLabelWidthIndex(val);
-    index > -1 && potentialLabelWidthArr.value.splice(index, 1);
+    if (index > -1) {
+      potentialLabelWidthArr.value.splice(index, 1);
+    }
   }
   return {
     autoLabelWidth,
@@ -21886,172 +22263,124 @@ function useFormLabelWidth() {
     deregisterLabelWidth
   };
 }
-const _sfc_main$W = defineComponent({
-  name: "ElForm",
-  props: {
-    model: Object,
-    rules: Object,
-    labelPosition: String,
-    labelWidth: {
-      type: [String, Number],
-      default: ""
-    },
-    labelSuffix: {
-      type: String,
-      default: ""
-    },
-    inline: Boolean,
-    inlineMessage: Boolean,
-    statusIcon: Boolean,
-    showMessage: {
-      type: Boolean,
-      default: true
-    },
-    size: String,
-    disabled: Boolean,
-    validateOnRuleChange: {
-      type: Boolean,
-      default: true
-    },
-    hideRequiredAsterisk: {
-      type: Boolean,
-      default: false
-    },
-    scrollToError: Boolean
-  },
-  emits: ["validate"],
-  setup(props, { emit }) {
+const filterFields = (fields, props) => {
+  const normalized = castArray$1(props);
+  return normalized.length > 0 ? fields.filter((field) => field.prop && normalized.includes(field.prop)) : fields;
+};
+
+const __default__$6 = {
+  name: "ElForm"
+};
+const _sfc_main$W = /* @__PURE__ */ defineComponent({
+  ...__default__$6,
+  props: formProps,
+  emits: formEmits,
+  setup(__props, { expose, emit }) {
+    const props = __props;
     const fields = [];
-    watch(() => props.rules, () => {
-      fields.forEach((field) => {
-        field.evaluateValidationEnabled();
-      });
-      if (props.validateOnRuleChange) {
-        validate(() => ({}));
-      }
-    });
     const formSize = useSize();
-    const prefix = "el-form";
-    const formKls = computed(() => {
+    const ns = useNamespace("form");
+    const formClasses = computed(() => {
       const { labelPosition, inline } = props;
       return [
-        prefix,
-        `${prefix}--${formSize.value}`,
-        labelPosition ? `${prefix}--label-${labelPosition}` : "",
-        inline ? `${prefix}--inline` : ""
+        ns.b(),
+        ns.m(formSize.value),
+        {
+          [ns.m(`label-${labelPosition}`)]: labelPosition,
+          [ns.m("inline")]: inline
+        }
       ];
     });
     const addField = (field) => {
-      if (field) {
-        fields.push(field);
-      }
+      fields.push(field);
     };
     const removeField = (field) => {
-      if (field.prop) {
+      if (!field.prop) {
         fields.splice(fields.indexOf(field), 1);
       }
     };
-    const resetFields = () => {
+    const resetFields = (properties = []) => {
       if (!props.model) {
         return;
       }
-      fields.forEach((field) => {
-        field.resetField();
-      });
+      filterFields(fields, properties).forEach((field) => field.resetField());
     };
     const clearValidate = (props2 = []) => {
-      const fds = props2.length ? typeof props2 === "string" ? fields.filter((field) => props2 === field.prop) : fields.filter((field) => props2.indexOf(field.prop) > -1) : fields;
-      fds.forEach((field) => {
-        field.clearValidate();
-      });
+      filterFields(fields, props2).forEach((field) => field.clearValidate());
     };
-    const validate = (callback) => {
-      if (!props.model) {
+    const validate = async (callback) => validateField(void 0, callback);
+    const validateField = async (properties = [], callback) => {
+      if (callback) {
+        validate().then(() => callback(true)).catch((fields2) => callback(false, fields2));
         return;
       }
-      let promise;
-      if (typeof callback !== "function") {
-        promise = new Promise((resolve, reject) => {
-          callback = function(valid2, invalidFields2) {
-            if (valid2) {
-              resolve(true);
-            } else {
-              reject(invalidFields2);
-            }
-          };
-        });
+      const { model, scrollToError } = props;
+      if (!model) {
+        return;
       }
       if (fields.length === 0) {
-        callback(true);
+        return;
+      }
+      const filteredFields = filterFields(fields, properties);
+      if (!filteredFields.length) {
+        return;
       }
       let valid = true;
-      let count = 0;
       let invalidFields = {};
       let firstInvalidFields;
-      for (const field of fields) {
-        field.validate("", (message, field2) => {
-          if (message) {
-            valid = false;
-            firstInvalidFields || (firstInvalidFields = field2);
-          }
-          invalidFields = { ...invalidFields, ...field2 };
-          if (++count === fields.length) {
-            callback(valid, invalidFields);
-          }
-        });
-      }
-      if (!valid && props.scrollToError) {
-        scrollToField(Object.keys(firstInvalidFields)[0]);
+      for (const field of filteredFields) {
+        const fieldsError = await field.validate("").catch((fields2) => fields2);
+        if (fieldsError) {
+          valid = false;
+          if (!firstInvalidFields)
+            firstInvalidFields = fieldsError;
+        }
+        invalidFields = { ...invalidFields, ...fieldsError };
       }
-      return promise;
-    };
-    const validateField = (props2, cb) => {
-      props2 = [].concat(props2);
-      const fds = fields.filter((field) => props2.indexOf(field.prop) !== -1);
-      if (!fields.length) {
-        return;
+      if (!valid) {
+        if (scrollToError)
+          scrollToField(Object.keys(firstInvalidFields)[0]);
+        return Promise.reject(invalidFields);
       }
-      fds.forEach((field) => {
-        field.validate("", cb);
-      });
     };
     const scrollToField = (prop) => {
-      fields.forEach((item) => {
-        var _a, _b;
-        if (item.prop === prop) {
-          (_b = (_a = item.$el).scrollIntoView) == null ? void 0 : _b.call(_a);
-        }
-      });
+      var _a;
+      const field = filterFields(fields, prop)[0];
+      if (field) {
+        (_a = field.$el) == null ? void 0 : _a.scrollIntoView();
+      }
     };
-    const elForm = reactive({
+    watch(() => props.rules, () => {
+      if (props.validateOnRuleChange)
+        validate();
+    }, { deep: true });
+    provide(formContextKey, reactive({
       ...toRefs(props),
+      emit,
       resetFields,
       clearValidate,
       validateField,
-      emit,
       addField,
       removeField,
       ...useFormLabelWidth()
-    });
-    provide(elFormKey, elForm);
-    return {
-      formKls,
+    }));
+    expose({
       validate,
+      validateField,
       resetFields,
       clearValidate,
-      validateField,
       scrollToField
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("form", {
+        class: normalizeClass(unref(formClasses))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
     };
   }
 });
-function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("form", {
-    class: normalizeClass(_ctx.formKls)
-  }, [
-    renderSlot(_ctx.$slots, "default")
-  ], 2);
-}
-var Form = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["render", _sfc_render$O]]);
+var Form = _sfc_main$W;
 
 function _extends() {
   _extends = Object.assign || function(target) {
@@ -23056,23 +23385,65 @@ Schema.warning = warning;
 Schema.messages = messages;
 Schema.validators = validators;
 
-var LabelWrap = defineComponent({
-  name: "ElLabelWrap",
+const formItemValidateStates = [
+  "",
+  "error",
+  "validating",
+  "success"
+];
+const formItemProps = buildProps({
+  label: String,
+  labelWidth: {
+    type: [String, Number],
+    default: ""
+  },
+  prop: {
+    type: definePropType([String, Array])
+  },
+  required: {
+    type: Boolean,
+    default: void 0
+  },
+  rules: {
+    type: definePropType([Object, Array])
+  },
+  error: String,
+  validateStatus: {
+    type: String,
+    values: formItemValidateStates
+  },
+  for: String,
+  inlineMessage: {
+    type: [String, Boolean],
+    default: ""
+  },
+  showMessage: {
+    type: Boolean,
+    default: true
+  },
+  size: {
+    type: String,
+    values: componentSizes
+  }
+});
+
+const COMPONENT_NAME$b = "ElLabelWrap";
+var FormLabelWrap = defineComponent({
+  name: COMPONENT_NAME$b,
   props: {
     isAutoWidth: Boolean,
     updateAll: Boolean
   },
-  setup(props, { slots }) {
-    const el = ref(null);
-    const elForm = inject(elFormKey);
-    const elFormItem = inject(elFormItemKey);
+  setup(props, {
+    slots
+  }) {
+    const formContext = inject(formContextKey);
+    const formItemContext = inject(formItemContextKey);
+    if (!formContext || !formItemContext)
+      throwError(COMPONENT_NAME$b, "usage: <el-form><el-form-item><label-wrap /></el-form-item></el-form>");
+    const ns = useNamespace("form");
+    const el = ref();
     const computedWidth = ref(0);
-    watch(computedWidth, (val, oldVal) => {
-      if (props.updateAll) {
-        elForm.registerLabelWidth(val, oldVal);
-        elFormItem.updateComputedLabelWidth(val);
-      }
-    });
     const getLabelWidth = () => {
       var _a;
       if ((_a = el.value) == null ? void 0 : _a.firstElementChild) {
@@ -23088,189 +23459,195 @@ var LabelWrap = defineComponent({
           if (action === "update") {
             computedWidth.value = getLabelWidth();
           } else if (action === "remove") {
-            elForm.deregisterLabelWidth(computedWidth.value);
+            formContext.deregisterLabelWidth(computedWidth.value);
           }
         }
       });
     };
     const updateLabelWidthFn = () => updateLabelWidth("update");
     onMounted(() => {
-      addResizeListener(el.value.firstElementChild, updateLabelWidthFn);
       updateLabelWidthFn();
     });
-    onUpdated(updateLabelWidthFn);
     onBeforeUnmount(() => {
-      var _a;
       updateLabelWidth("remove");
-      removeResizeListener((_a = el.value) == null ? void 0 : _a.firstElementChild, updateLabelWidthFn);
     });
-    function render() {
+    onUpdated(() => updateLabelWidthFn());
+    watch(computedWidth, (val, oldVal) => {
+      if (props.updateAll) {
+        formContext.registerLabelWidth(val, oldVal);
+      }
+    });
+    useResizeObserver(computed(() => {
+      var _a, _b;
+      return (_b = (_a = el.value) == null ? void 0 : _a.firstElementChild) != null ? _b : null;
+    }), updateLabelWidthFn);
+    return () => {
       var _a, _b;
       if (!slots)
         return null;
-      if (props.isAutoWidth) {
-        const autoLabelWidth = elForm.autoLabelWidth;
+      const {
+        isAutoWidth
+      } = props;
+      if (isAutoWidth) {
+        const autoLabelWidth = formContext.autoLabelWidth;
         const style = {};
         if (autoLabelWidth && autoLabelWidth !== "auto") {
           const marginWidth = Math.max(0, parseInt(autoLabelWidth, 10) - computedWidth.value);
-          const marginPosition = elForm.labelPosition === "left" ? "marginRight" : "marginLeft";
+          const marginPosition = formContext.labelPosition === "left" ? "marginRight" : "marginLeft";
           if (marginWidth) {
             style[marginPosition] = `${marginWidth}px`;
           }
         }
-        return h$1("div", {
-          ref: el,
-          class: ["el-form-item__label-wrap"],
-          style
-        }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+        return createVNode("div", {
+          "ref": el,
+          "class": [ns.be("item", "label-wrap")],
+          "style": style
+        }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
       } else {
-        return h$1(Fragment, { ref: el }, (_b = slots.default) == null ? void 0 : _b.call(slots));
+        return createVNode(Fragment, {
+          "ref": el
+        }, [(_b = slots.default) == null ? void 0 : _b.call(slots)]);
       }
-    }
-    return render;
+    };
   }
 });
 
-const _sfc_main$V = defineComponent({
-  name: "ElFormItem",
-  componentName: "ElFormItem",
-  components: {
-    LabelWrap
-  },
-  props: {
-    label: String,
-    labelWidth: {
-      type: [String, Number],
-      default: ""
-    },
-    prop: String,
-    required: {
-      type: Boolean,
-      default: void 0
-    },
-    rules: [Object, Array],
-    error: String,
-    validateStatus: String,
-    for: String,
-    inlineMessage: {
-      type: [String, Boolean],
-      default: ""
-    },
-    showMessage: {
-      type: Boolean,
-      default: true
-    },
-    size: {
-      type: String,
-      validator: isValidComponentSize
-    }
-  },
-  setup(props, { slots }) {
-    const elForm = inject(elFormKey, {});
+const _hoisted_1$u = ["for"];
+const __default__$5 = {
+  name: "ElFormItem"
+};
+const _sfc_main$V = /* @__PURE__ */ defineComponent({
+  ...__default__$5,
+  props: formItemProps,
+  setup(__props, { expose }) {
+    const props = __props;
+    const COMPONENT_NAME = "ElFormItem";
+    const slots = useSlots();
+    const formContext = inject(formContextKey);
+    if (!formContext)
+      throwError(COMPONENT_NAME, "usage: <el-form><el-form-item /></el-form>");
+    const parentFormItemContext = inject(formItemContextKey, void 0);
+    const _size = useSize(void 0, { formItem: false });
+    const ns = useNamespace("form-item");
     const validateState = ref("");
     const validateMessage = ref("");
-    const isValidationEnabled = ref(false);
-    const computedLabelWidth = ref("");
     const formItemRef = ref();
-    const vm = getCurrentInstance();
-    const isNested = computed(() => {
-      let parent = vm.parent;
-      while (parent && parent.type.name !== "ElForm") {
-        if (parent.type.name === "ElFormItem") {
-          return true;
-        }
-        parent = parent.parent;
-      }
-      return false;
-    });
     let initialValue = void 0;
-    watch(() => props.error, (val) => {
-      validateMessage.value = val;
-      validateState.value = val ? "error" : "";
-    }, {
-      immediate: true
-    });
-    watch(() => props.validateStatus, (val) => {
-      validateState.value = val;
-    });
-    const labelFor = computed(() => props.for || props.prop);
     const labelStyle = computed(() => {
-      const ret = {};
-      if (elForm.labelPosition === "top")
-        return ret;
-      const labelWidth = addUnit(props.labelWidth || elForm.labelWidth);
-      if (labelWidth) {
-        ret.width = labelWidth;
+      if (formContext.labelPosition === "top") {
+        return {};
       }
-      return ret;
+      const labelWidth = addUnit(props.labelWidth || formContext.labelWidth || "");
+      if (labelWidth)
+        return { width: labelWidth };
+      return {};
     });
     const contentStyle = computed(() => {
-      const ret = {};
-      if (elForm.labelPosition === "top" || elForm.inline) {
-        return ret;
+      if (formContext.labelPosition === "top" || formContext.inline) {
+        return {};
       }
-      if (!props.label && !props.labelWidth && isNested.value) {
-        return ret;
+      if (!props.label && !props.labelWidth && isNested) {
+        return {};
       }
-      const labelWidth = addUnit(props.labelWidth || elForm.labelWidth);
+      const labelWidth = addUnit(props.labelWidth || formContext.labelWidth || "");
       if (!props.label && !slots.label) {
-        ret.marginLeft = labelWidth;
+        return { marginLeft: labelWidth };
       }
-      return ret;
+      return {};
+    });
+    const formItemClasses = computed(() => [
+      ns.b(),
+      ns.m(_size.value),
+      ns.is("error", validateState.value === "error"),
+      ns.is("validating", validateState.value === "validating"),
+      ns.is("success", validateState.value === "success"),
+      ns.is("required", isRequired.value || props.required),
+      ns.is("no-asterisk", formContext.hideRequiredAsterisk),
+      { [ns.m("feedback")]: formContext.statusIcon }
+    ]);
+    const _inlineMessage = computed(() => isBoolean(props.inlineMessage) ? props.inlineMessage : formContext.inlineMessage || false);
+    const validateClasses = computed(() => [
+      ns.e("error"),
+      { [ns.em("error", "inline")]: _inlineMessage.value }
+    ]);
+    const propString = computed(() => {
+      if (!props.prop)
+        return "";
+      return isString(props.prop) ? props.prop : props.prop.join(".");
     });
+    const labelFor = computed(() => props.for || propString.value);
+    const isNested = !!parentFormItemContext;
     const fieldValue = computed(() => {
-      const model = elForm.model;
+      const model = formContext.model;
       if (!model || !props.prop) {
         return;
       }
-      let path = props.prop;
-      if (path.indexOf(":") !== -1) {
-        path = path.replace(/:/, ".");
+      return getProp(model, props.prop).value;
+    });
+    const _rules = computed(() => {
+      const rules = props.rules ? castArray$1(props.rules) : [];
+      const formRules = formContext.rules;
+      if (formRules && props.prop) {
+        const _rules2 = getProp(formRules, props.prop).value;
+        if (_rules2) {
+          rules.push(...castArray$1(_rules2));
+        }
       }
-      return getPropByPath(model, path, true).v;
+      if (props.required !== void 0) {
+        rules.push({ required: !!props.required });
+      }
+      return rules;
     });
-    const isRequired = computed(() => {
-      const rules = getRules();
-      let required = false;
-      if (rules && rules.length) {
-        rules.every((rule) => {
-          if (rule.required) {
-            required = true;
-            return false;
-          }
+    const validateEnabled = computed(() => _rules.value.length > 0);
+    const getFilteredRule = (trigger) => {
+      const rules = _rules.value;
+      return rules.filter((rule) => {
+        if (!rule.trigger || !trigger)
           return true;
-        });
+        if (Array.isArray(rule.trigger)) {
+          return rule.trigger.includes(trigger);
+        } else {
+          return rule.trigger === trigger;
+        }
+      }).map(({ trigger: trigger2, ...rule }) => rule);
+    };
+    const isRequired = computed(() => _rules.value.some((rule) => rule.required === true));
+    const shouldShowError = computed(() => validateState.value === "error" && props.showMessage && formContext.showMessage);
+    const currentLabel = computed(() => `${props.label || ""}${formContext.labelSuffix || ""}`);
+    const validate = async (trigger, callback) => {
+      if (callback) {
+        try {
+          validate(trigger);
+          callback(true);
+        } catch (err) {
+          callback(false, err);
+        }
+        validate(trigger).then(() => callback(true)).catch((fields) => callback(false, fields));
+        return;
       }
-      return required;
-    });
-    const sizeClass = useSize(void 0, { formItem: false });
-    const validate = (trigger, callback = NOOP) => {
-      if (!isValidationEnabled.value) {
-        callback();
+      if (!validateEnabled.value) {
         return;
       }
       const rules = getFilteredRule(trigger);
-      if ((!rules || rules.length === 0) && props.required === void 0) {
-        callback();
+      if (rules.length === 0) {
         return;
       }
       validateState.value = "validating";
-      const descriptor = {};
-      if (rules && rules.length > 0) {
-        rules.forEach((rule) => {
-          delete rule.trigger;
-        });
-      }
-      descriptor[props.prop] = rules;
+      const descriptor = {
+        [propString.value]: rules
+      };
       const validator = new Schema(descriptor);
-      const model = {};
-      model[props.prop] = fieldValue.value;
-      validator.validate(model, { firstFields: true }, (errors, fields) => {
-        var _a;
-        validateState.value = !errors ? "success" : "error";
+      const model = {
+        [propString.value]: fieldValue.value
+      };
+      return validator.validate(model, { firstFields: true }).then(() => void 0).catch((err) => {
+        const { errors, fields } = err;
+        if (!errors || !fields)
+          console.error(err);
+        validateState.value = "error";
         validateMessage.value = errors ? errors[0].message || `${props.prop} is required` : "";
-        callback(validateMessage.value, errors ? fields : {});
-        (_a = elForm.emit) == null ? void 0 : _a.call(elForm, "validate", props.prop, !errors, validateMessage.value || null);
+        formContext.emit("validate", props.prop, !errors, validateMessage.value);
+        return Promise.reject(fields);
       });
     };
     const clearValidate = () => {
@@ -23278,151 +23655,93 @@ const _sfc_main$V = defineComponent({
       validateMessage.value = "";
     };
     const resetField = () => {
-      const model = elForm.model;
-      const value = fieldValue.value;
-      let path = props.prop;
-      if (path.indexOf(":") !== -1) {
-        path = path.replace(/:/, ".");
-      }
-      const prop = getPropByPath(model, path, true);
-      if (Array.isArray(value)) {
-        prop.o[prop.k] = [].concat(initialValue);
-      } else {
-        prop.o[prop.k] = initialValue;
-      }
-      nextTick(() => {
-        clearValidate();
-      });
-    };
-    const getRules = () => {
-      const formRules = elForm.rules;
-      const selfRules = props.rules;
-      const requiredRule = props.required !== void 0 ? { required: !!props.required } : [];
-      const prop = getPropByPath(formRules, props.prop || "", false);
-      const normalizedRule = formRules ? prop.o[props.prop || ""] || prop.v : [];
-      return [].concat(selfRules || normalizedRule || []).concat(requiredRule);
-    };
-    const getFilteredRule = (trigger) => {
-      const rules = getRules();
-      return rules.filter((rule) => {
-        if (!rule.trigger || trigger === "")
-          return true;
-        if (Array.isArray(rule.trigger)) {
-          return rule.trigger.indexOf(trigger) > -1;
-        } else {
-          return rule.trigger === trigger;
-        }
-      }).map((rule) => ({ ...rule }));
-    };
-    const evaluateValidationEnabled = () => {
-      var _a;
-      isValidationEnabled.value = !!((_a = getRules()) == null ? void 0 : _a.length);
-    };
-    const updateComputedLabelWidth = (width) => {
-      computedLabelWidth.value = width ? `${width}px` : "";
+      const model = formContext.model;
+      if (!model || !props.prop)
+        return;
+      getProp(model, props.prop).value = initialValue;
+      nextTick(() => clearValidate());
     };
-    const elFormItem = reactive({
+    watch(() => props.error, (val) => {
+      validateMessage.value = val || "";
+      validateState.value = val ? "error" : "";
+    }, { immediate: true });
+    watch(() => props.validateStatus, (val) => validateState.value = val || "");
+    const context = reactive({
       ...toRefs(props),
-      size: sizeClass,
-      validateState,
       $el: formItemRef,
-      evaluateValidationEnabled,
+      size: _size,
+      validateState,
       resetField,
       clearValidate,
-      validate,
-      updateComputedLabelWidth
+      validate
     });
+    provide(formItemContextKey, context);
     onMounted(() => {
       if (props.prop) {
-        elForm == null ? void 0 : elForm.addField(elFormItem);
-        const value = fieldValue.value;
-        initialValue = Array.isArray(value) ? [...value] : value;
-        evaluateValidationEnabled();
+        formContext.addField(context);
+        initialValue = clone(fieldValue.value);
       }
     });
     onBeforeUnmount(() => {
-      elForm == null ? void 0 : elForm.removeField(elFormItem);
+      formContext.removeField(context);
     });
-    provide(elFormItemKey, elFormItem);
-    const formItemClass = computed(() => [
-      {
-        "el-form-item--feedback": elForm.statusIcon,
-        "is-error": validateState.value === "error",
-        "is-validating": validateState.value === "validating",
-        "is-success": validateState.value === "success",
-        "is-required": isRequired.value || props.required,
-        "is-no-asterisk": elForm.hideRequiredAsterisk
-      },
-      sizeClass.value ? `el-form-item--${sizeClass.value}` : ""
-    ]);
-    const shouldShowError = computed(() => {
-      return validateState.value === "error" && props.showMessage && elForm.showMessage;
-    });
-    const currentLabel = computed(() => (props.label || "") + (elForm.labelSuffix || ""));
-    return {
-      formItemRef,
-      formItemClass,
-      shouldShowError,
-      elForm,
-      labelStyle,
-      contentStyle,
+    expose({
+      size: _size,
       validateMessage,
-      labelFor,
-      resetField,
+      validate,
       clearValidate,
-      currentLabel
+      resetField
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "formItemRef",
+        ref: formItemRef,
+        class: normalizeClass(unref(formItemClasses))
+      }, [
+        createVNode(unref(FormLabelWrap), {
+          "is-auto-width": unref(labelStyle).width === "auto",
+          "update-all": unref(formContext).labelWidth === "auto"
+        }, {
+          default: withCtx(() => [
+            _ctx.label || _ctx.$slots.label ? (openBlock(), createElementBlock("label", {
+              key: 0,
+              for: unref(labelFor),
+              class: normalizeClass(unref(ns).e("label")),
+              style: normalizeStyle(unref(labelStyle))
+            }, [
+              renderSlot(_ctx.$slots, "label", { label: unref(currentLabel) }, () => [
+                createTextVNode(toDisplayString(unref(currentLabel)), 1)
+              ])
+            ], 14, _hoisted_1$u)) : createCommentVNode("v-if", true)
+          ]),
+          _: 3
+        }, 8, ["is-auto-width", "update-all"]),
+        createElementVNode("div", {
+          class: normalizeClass(unref(ns).e("content")),
+          style: normalizeStyle(unref(contentStyle))
+        }, [
+          renderSlot(_ctx.$slots, "default"),
+          createVNode(Transition, {
+            name: `${unref(ns).namespace.value}-zoom-in-top`
+          }, {
+            default: withCtx(() => [
+              unref(shouldShowError) ? renderSlot(_ctx.$slots, "error", {
+                key: 0,
+                error: validateMessage.value
+              }, () => [
+                createElementVNode("div", {
+                  class: normalizeClass(unref(validateClasses))
+                }, toDisplayString(validateMessage.value), 3)
+              ]) : createCommentVNode("v-if", true)
+            ]),
+            _: 3
+          }, 8, ["name"])
+        ], 6)
+      ], 2);
     };
   }
 });
-const _hoisted_1$u = ["for"];
-function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_LabelWrap = resolveComponent("LabelWrap");
-  return openBlock(), createElementBlock("div", {
-    ref: "formItemRef",
-    class: normalizeClass(["el-form-item", _ctx.formItemClass])
-  }, [
-    createVNode(_component_LabelWrap, {
-      "is-auto-width": _ctx.labelStyle.width === "auto",
-      "update-all": _ctx.elForm.labelWidth === "auto"
-    }, {
-      default: withCtx(() => [
-        _ctx.label || _ctx.$slots.label ? (openBlock(), createElementBlock("label", {
-          key: 0,
-          for: _ctx.labelFor,
-          class: "el-form-item__label",
-          style: normalizeStyle(_ctx.labelStyle)
-        }, [
-          renderSlot(_ctx.$slots, "label", { label: _ctx.currentLabel }, () => [
-            createTextVNode(toDisplayString(_ctx.currentLabel), 1)
-          ])
-        ], 12, _hoisted_1$u)) : createCommentVNode("v-if", true)
-      ]),
-      _: 3
-    }, 8, ["is-auto-width", "update-all"]),
-    createElementVNode("div", {
-      class: "el-form-item__content",
-      style: normalizeStyle(_ctx.contentStyle)
-    }, [
-      renderSlot(_ctx.$slots, "default"),
-      createVNode(Transition, { name: "el-zoom-in-top" }, {
-        default: withCtx(() => [
-          _ctx.shouldShowError ? renderSlot(_ctx.$slots, "error", {
-            key: 0,
-            error: _ctx.validateMessage
-          }, () => [
-            createElementVNode("div", {
-              class: normalizeClass(["el-form-item__error", {
-                "el-form-item__error--inline": typeof _ctx.inlineMessage === "boolean" ? _ctx.inlineMessage : _ctx.elForm.inlineMessage || false
-              }])
-            }, toDisplayString(_ctx.validateMessage), 3)
-          ]) : createCommentVNode("v-if", true)
-        ]),
-        _: 3
-      })
-    ], 4)
-  ], 2);
-}
-var FormItem = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["render", _sfc_render$N]]);
+var FormItem = _sfc_main$V;
 
 const ElForm = withInstall(Form, {
   FormItem
@@ -24329,7 +24648,7 @@ const _sfc_main$S = defineComponent({
       emit("update:modelValue", newVal);
       emit("input", newVal);
       emit("change", newVal, oldVal);
-      (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change");
+      (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change").catch((err) => debugWarn());
       data.currentValue = newVal;
     };
     const handleInput = (value) => {
@@ -24356,7 +24675,7 @@ const _sfc_main$S = defineComponent({
     const handleBlur = (event) => {
       var _a;
       emit("blur", event);
-      (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "blur");
+      (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "blur").catch((err) => debugWarn());
     };
     watch(() => props.modelValue, (value) => {
       let newVal = Number(value);
@@ -25942,8 +26261,8 @@ const useSelect$2 = (props, states, ctx) => {
   const hoverOption = ref(-1);
   const queryChange = shallowRef({ query: "" });
   const groupQueryChange = shallowRef("");
-  const elForm = inject(elFormKey, {});
-  const elFormItem = inject(elFormItemKey, {});
+  const elForm = inject(formContextKey, {});
+  const elFormItem = inject(formItemContextKey, {});
   const readonly = computed(() => !props.filterable || props.multiple || !states.visible);
   const selectDisabled = computed(() => props.disabled || elForm.disabled);
   const showClose = computed(() => {
@@ -26016,7 +26335,7 @@ const useSelect$2 = (props, states, ctx) => {
       states.inputLength = 20;
     }
     if (!isEqual$1(val, oldVal)) {
-      (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change");
+      (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
     }
   }, {
     flush: "post",
@@ -26424,10 +26743,10 @@ const useSelect$2 = (props, states, ctx) => {
   const handleFocus = (event) => {
     if (!states.softFocus) {
       if (props.automaticDropdown || props.filterable) {
-        states.visible = true;
-        if (props.filterable) {
+        if (props.filterable && !states.visible) {
           states.menuVisibleOnFocus = true;
         }
+        states.visible = true;
       }
       ctx.emit("focus", event);
     } else {
@@ -28078,6 +28397,9 @@ const _sfc_main$B = defineComponent({
     const kls = computed(() => {
       return [ns.b(), props.popperClass, { [ns.m("plain")]: !!props.content }];
     });
+    const gpuAcceleration = computed(() => {
+      return props.transition === "el-fade-in-linear";
+    });
     const { compatTeleported } = useDeprecateAppendToBody(COMPONENT_NAME$5, "appendToBody");
     const hide = () => {
       var _a;
@@ -28099,6 +28421,7 @@ const _sfc_main$B = defineComponent({
       compatTeleported,
       ns,
       kls,
+      gpuAcceleration,
       style,
       tooltipRef,
       popperRef,
@@ -28134,6 +28457,7 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     "popper-style": _ctx.style,
     teleported: _ctx.compatTeleported,
     persistent: _ctx.persistent,
+    "gpu-acceleration": _ctx.gpuAcceleration,
     onBeforeShow: _ctx.beforeEnter,
     onBeforeHide: _ctx.beforeLeave,
     onShow: _ctx.afterEnter,
@@ -28153,7 +28477,7 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
       _ctx.$slots.reference ? renderSlot(_ctx.$slots, "reference", { key: 0 }) : createCommentVNode("v-if", true)
     ]),
     _: 3
-  }, 16, ["trigger", "placement", "disabled", "visible", "transition", "popper-options", "tabindex", "append-to-body", "content", "offset", "show-after", "hide-after", "auto-close", "show-arrow", "aria-label", "effect", "enterable", "popper-class", "popper-style", "teleported", "persistent", "onBeforeShow", "onBeforeHide", "onShow", "onHide"]);
+  }, 16, ["trigger", "placement", "disabled", "visible", "transition", "popper-options", "tabindex", "append-to-body", "content", "offset", "show-after", "hide-after", "auto-close", "show-arrow", "aria-label", "effect", "enterable", "popper-class", "popper-style", "teleported", "persistent", "gpu-acceleration", "onBeforeShow", "onBeforeHide", "onShow", "onHide"]);
 }
 var Popover = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render$u]]);
 
@@ -28581,7 +28905,7 @@ const _sfc_main$z = defineComponent({
   props: rateProps,
   emits: rateEmits,
   setup(props, { emit }) {
-    const elForm = inject(elFormKey, {});
+    const elForm = inject(formContextKey, {});
     const rateSize = useSize();
     const ns = useNamespace("rate");
     const currentValue = ref(props.modelValue);
@@ -31666,7 +31990,7 @@ const useSelect = (props, emit) => {
       initStates();
     }
     if (!isEqual$1(val, oldVal)) {
-      (_a = elFormItem == null ? void 0 : elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change");
+      (_a = elFormItem == null ? void 0 : elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
     }
   }, {
     deep: true
@@ -32554,8 +32878,8 @@ const useMarks = (props) => {
 };
 
 const useSlide = (props, initData, emit) => {
-  const elForm = inject(elFormKey, {});
-  const elFormItem = inject(elFormItemKey, {});
+  const elForm = inject(formContextKey, {});
+  const elFormItem = inject(formItemContextKey, {});
   const slider = shallowRef(null);
   const firstButton = ref(null);
   const secondButton = ref(null);
@@ -32885,7 +33209,7 @@ const useWatch = (props, initData, minValue, maxValue, emit, elFormItem) => {
         initData.firstValue = val[0];
         initData.secondValue = val[1];
         if (valueChanged()) {
-          (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change");
+          (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
           initData.oldValue = val.slice();
         }
       }
@@ -32897,7 +33221,7 @@ const useWatch = (props, initData, minValue, maxValue, emit, elFormItem) => {
       } else {
         initData.firstValue = val;
         if (valueChanged()) {
-          (_b = elFormItem.validate) == null ? void 0 : _b.call(elFormItem, "change");
+          (_b = elFormItem.validate) == null ? void 0 : _b.call(elFormItem, "change").catch((err) => debugWarn());
           initData.oldValue = val;
         }
       }
@@ -33667,7 +33991,7 @@ const _sfc_main$k = defineComponent({
         setBackgroundColor();
       }
       if (props.validateEvent) {
-        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change");
+        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change").catch((err) => debugWarn());
       }
     });
     const handleChange = () => {
@@ -36943,6 +37267,10 @@ function useStyle(props, layout, store, table) {
     height: null
   });
   const isGroup = ref(false);
+  const scrollbarViewStyle = {
+    display: "inline-flex",
+    flexDirection: "column"
+  };
   watchEffect(() => {
     layout.setHeight(props.height);
   });
@@ -37229,7 +37557,8 @@ function useStyle(props, layout, store, table) {
     resizeState,
     doLayout,
     tableBodyStyles,
-    tableLayout
+    tableLayout,
+    scrollbarViewStyle
   };
 }
 
@@ -37385,7 +37714,8 @@ const _sfc_main$i = defineComponent({
       resizeState,
       doLayout,
       tableBodyStyles,
-      tableLayout
+      tableLayout,
+      scrollbarViewStyle
     } = useStyle(props, layout, store, table);
     const debouncedUpdateLayout = debounce$1(doLayout, 50);
     const tableId = `el-table_${tableIdSeed++}`;
@@ -37437,7 +37767,8 @@ const _sfc_main$i = defineComponent({
       context: table,
       computedSumText,
       computedEmptyText,
-      tableLayout
+      tableLayout,
+      scrollbarViewStyle
     };
   }
 });
@@ -37520,7 +37851,8 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
         createVNode(_component_el_scrollbar, {
           ref: "scrollWrapper",
           height: _ctx.maxHeight ? void 0 : _ctx.height,
-          "max-height": _ctx.maxHeight ? _ctx.height : void 0
+          "max-height": _ctx.maxHeight ? _ctx.height : void 0,
+          "view-style": _ctx.scrollbarViewStyle
         }, {
           default: withCtx(() => [
             createElementVNode("table", {
@@ -37578,7 +37910,7 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
             ], 2)) : createCommentVNode("v-if", true)
           ]),
           _: 3
-        }, 8, ["height", "max-height"])
+        }, 8, ["height", "max-height", "view-style"])
       ], 6),
       _ctx.border || _ctx.isGroup ? (openBlock(), createElementBlock("div", {
         key: 1,
@@ -37734,7 +38066,7 @@ function defaultRenderCell({
 }) {
   var _a;
   const property = column.property;
-  const value = property && getPropByPath(row, property, false).v;
+  const value = property && getProp(row, property).value;
   if (column && column.formatter) {
     return column.formatter(row, column, value, $index);
   }
@@ -38148,26 +38480,31 @@ var ElTableColumn$1 = defineComponent({
   },
   render() {
     var _a, _b, _c;
-    let children = [];
     try {
       const renderDefault = (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a, {
         row: {},
         column: {},
         $index: -1
       });
+      const children = [];
       if (renderDefault instanceof Array) {
         for (const childNode of renderDefault) {
           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);
+            childNode.children.forEach((vnode2) => {
+              if ((vnode2 == null ? void 0 : vnode2.patchFlag) !== 1024 && !isString(vnode2 == null ? void 0 : vnode2.children)) {
+                children.push(vnode2);
+              }
+            });
           }
         }
       }
+      const vnode = h$1("div", children);
+      return vnode;
     } catch (e) {
-      children = [];
+      return h$1("div", []);
     }
-    return h$1("div", children);
   }
 });
 
@@ -39506,7 +39843,7 @@ const _sfc_main$c = defineComponent({
   setup(props, { emit, slots }) {
     const { t } = useLocale();
     const ns = useNamespace("transfer");
-    const elFormItem = inject(elFormItemKey, {});
+    const elFormItem = inject(formItemContextKey, {});
     const checkedState = reactive({
       leftChecked: [],
       rightChecked: []
@@ -39532,7 +39869,7 @@ const _sfc_main$c = defineComponent({
     const panelFilterPlaceholder = computed(() => props.filterPlaceholder || t("el.transfer.filterPlaceholder"));
     watch(() => props.modelValue, () => {
       var _a;
-      (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change");
+      (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
     });
     const optionRender = computed(() => (option) => {
       if (props.renderContent)
@@ -44733,4 +45070,4 @@ var installer = makeInstaller([...Components, ...Plugins]);
 const install = installer.install;
 const version = installer.version;
 
-export { BAR_MAP, CASCADER_PANEL_INJECTION_KEY, CHANGE_EVENT, ClickOutside, CommonPicker, CommonProps, DEFAULT_FORMATS_DATE, DEFAULT_FORMATS_DATEPICKER, DEFAULT_FORMATS_TIME, COLLECTION_INJECTION_KEY as DROPDOWN_COLLECTION_INJECTION_KEY, COLLECTION_ITEM_INJECTION_KEY as DROPDOWN_COLLECTION_ITEM_INJECTION_KEY, DROPDOWN_INJECTION_KEY, DefaultProps, FixedSizeGrid$1 as DynamicSizeGrid, DynamicSizeList$1 as DynamicSizeList, Effect, ElAffix, ElAlert, ElAside, ElAutocomplete, ElAvatar, ElBacktop, ElBadge, ElBreadcrumb, ElBreadcrumbItem, ElButton, ElButtonGroup$1 as ElButtonGroup, ElCalendar, ElCard, ElCarousel, ElCarouselItem, ElCascader, ElCascaderPanel, ElCheckTag, ElCheckbox, ElCheckboxButton, ElCheckboxGroup$1 as ElCheckboxGroup, ElCol, ElCollapse, ElCollapseItem, ElCollapseTransition, ElCollection, ElCollectionItem, ElColorPicker, ElConfigProvider, ElContainer, 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, ElPopperArrow, ElPopperContent, ElPopperTrigger, 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, FIRST_KEYS, FIRST_LAST_KEYS, FORWARD_REF_INJECTION_KEY, FixedSizeGrid$3 as FixedSizeGrid, FixedSizeList$1 as FixedSizeList, ID_INJECTION_KEY, IconComponentMap, IconMap, LAST_KEYS, Mousewheel, POPPER_CONTAINER_ID, POPPER_CONTAINER_SELECTOR, POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY, RepeatClick, Resize, TOOLTIP_INJECTION_KEY, TimePickPanel, TrapFocus, affixEmits, affixProps, alertEffects, alertEmits, alertProps, autocompleteEmits, autocompleteProps, avatarEmits, avatarProps, backtopEmits, backtopProps, badgeProps, breadcrumbItemProps, breadcrumbProps, buildLocaleContext, buildTranslator, buttonEmits, buttonGroupContextKey, buttonNativeTypes, buttonProps, buttonTypes, calendarEmits, calendarProps, cardProps, checkTagEmits, checkTagProps, colProps, collapseContextKey, collapseEmits, collapseItemProps, collapseProps, configProviderContextKey, configProviderProps, createModelToggleComposable, installer as default, dialogEmits, dialogInjectionKey, dialogProps, dividerProps, drawerEmits, drawerProps, dropdownItemProps, dropdownMenuProps, dropdownProps, elBreadcrumbKey, elFormItemKey, elFormKey, elPaginationKey, emitChangeFn, emptyProps, extractDateFormat, extractTimeFormat, genFileId, iconProps, imageEmits, imageProps, imageViewerEmits, imageViewerProps, inputEmits, inputNumberEmits, inputNumberProps, inputProps, install, linkEmits, linkProps, makeInstaller, menuEmits, menuItemEmits, menuItemGroupProps, menuItemProps, menuProps, messageConfig, messageEmits, messageProps, messageTypes, notificationEmits, notificationProps, notificationTypes, overlayEmits, overlayProps, pageHeaderEmits, pageHeaderProps, paginationEmits, paginationProps, popconfirmProps, progressProps, provideGlobalConfig, radioButtonProps, radioEmits, radioGroupEmits, radioGroupKey, radioGroupProps, radioProps, radioPropsBase, rangeArr, rateEmits, rateProps, renderThumbStyle$1 as renderThumbStyle, resultProps, rowProps, scrollbarContextKey, scrollbarEmits, scrollbarProps, selectGroupKey, selectKey, selectV2InjectionKey, skeletonItemProps, skeletonProps, spaceProps, subMenuProps, switchEmits, switchProps, tabBar, tabNavProps, tabPaneProps, tabsEmits, tabsProps, tabsRootContextKey, tagEmits, tagProps, thumbProps, timePickerDefaultProps, timelineItemProps, translate, uploadBaseProps, uploadContentProps, uploadContextKey, uploadDraggerEmits, uploadDraggerProps, uploadListEmits, uploadListProps, uploadListTypes, uploadProps, useAttrs, useCascaderConfig, useDelayedRender, useDelayedToggle, useDelayedToggleProps, useDeprecateAppendToBody, useDeprecated, useDialog, useDisabled$1 as useDisabled, useDraggable, useEscapeKeydown, useFocus, useFormItem, useForwardRef, useForwardRefDirective, useGlobalConfig, useId, useLocale, useLockscreen, useModal, useModelToggle$1 as useModelToggle, useModelToggleEmits$1 as useModelToggleEmits, useModelToggleProps$1 as useModelToggleProps, useNamespace, usePopperArrowProps, usePopperContainer, usePopperContentProps, usePopperCoreConfigProps, usePopperProps, usePopperTriggerProps, usePreventGlobal, useProp, useRadio, useRestoreActive, useSameTarget, useSize, useSizeProp, useSpace, useTeleport, useThrottleRender, useTimeout, useTooltipContentProps, useTooltipProps, useTooltipTriggerProps, useTransitionFallthrough, useTransitionFallthroughEmits, useZIndex, version, virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps };
+export { BAR_MAP, CASCADER_PANEL_INJECTION_KEY, CHANGE_EVENT, ClickOutside, CommonPicker, CommonProps, DEFAULT_FORMATS_DATE, DEFAULT_FORMATS_DATEPICKER, DEFAULT_FORMATS_TIME, COLLECTION_INJECTION_KEY as DROPDOWN_COLLECTION_INJECTION_KEY, COLLECTION_ITEM_INJECTION_KEY as DROPDOWN_COLLECTION_ITEM_INJECTION_KEY, DROPDOWN_INJECTION_KEY, DefaultProps, FixedSizeGrid$1 as DynamicSizeGrid, DynamicSizeList$1 as DynamicSizeList, Effect, ElAffix, ElAlert, ElAside, ElAutocomplete, ElAvatar, ElBacktop, ElBadge, ElBreadcrumb, ElBreadcrumbItem, ElButton, ElButtonGroup$1 as ElButtonGroup, ElCalendar, ElCard, ElCarousel, ElCarouselItem, ElCascader, ElCascaderPanel, ElCheckTag, ElCheckbox, ElCheckboxButton, ElCheckboxGroup$1 as ElCheckboxGroup, ElCol, ElCollapse, ElCollapseItem, ElCollapseTransition, ElCollection, ElCollectionItem, ElColorPicker, ElConfigProvider, ElContainer, 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, ElPopperArrow, ElPopperContent, ElPopperTrigger, 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, FIRST_KEYS, FIRST_LAST_KEYS, FORWARD_REF_INJECTION_KEY, FixedSizeGrid$3 as FixedSizeGrid, FixedSizeList$1 as FixedSizeList, ID_INJECTION_KEY, IconComponentMap, IconMap, LAST_KEYS, Mousewheel, POPPER_CONTAINER_ID, POPPER_CONTAINER_SELECTOR, POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY, RepeatClick, Resize, TOOLTIP_INJECTION_KEY, TimePickPanel, TrapFocus, affixEmits, affixProps, alertEffects, alertEmits, alertProps, autocompleteEmits, autocompleteProps, avatarEmits, avatarProps, backtopEmits, backtopProps, badgeProps, breadcrumbItemProps, breadcrumbProps, buildLocaleContext, buildTranslator, buttonEmits, buttonGroupContextKey, buttonNativeTypes, buttonProps, buttonTypes, calendarEmits, calendarProps, cardProps, checkTagEmits, checkTagProps, colProps, collapseContextKey, collapseEmits, collapseItemProps, collapseProps, configProviderContextKey, configProviderProps, createModelToggleComposable, installer as default, dialogEmits, dialogInjectionKey, dialogProps, dividerProps, drawerEmits, drawerProps, dropdownItemProps, dropdownMenuProps, dropdownProps, elBreadcrumbKey, elPaginationKey, emitChangeFn, emptyProps, extractDateFormat, extractTimeFormat, formContextKey, formEmits, formItemContextKey, formItemProps, formItemValidateStates, formProps, genFileId, iconProps, imageEmits, imageProps, imageViewerEmits, imageViewerProps, inputEmits, inputNumberEmits, inputNumberProps, inputProps, install, linkEmits, linkProps, makeInstaller, menuEmits, menuItemEmits, menuItemGroupProps, menuItemProps, menuProps, messageConfig, messageEmits, messageProps, messageTypes, notificationEmits, notificationProps, notificationTypes, overlayEmits, overlayProps, pageHeaderEmits, pageHeaderProps, paginationEmits, paginationProps, popconfirmProps, progressProps, provideGlobalConfig, radioButtonProps, radioEmits, radioGroupEmits, radioGroupKey, radioGroupProps, radioProps, radioPropsBase, rangeArr, rateEmits, rateProps, renderThumbStyle$1 as renderThumbStyle, resultProps, rowProps, scrollbarContextKey, scrollbarEmits, scrollbarProps, selectGroupKey, selectKey, selectV2InjectionKey, skeletonItemProps, skeletonProps, spaceProps, subMenuProps, switchEmits, switchProps, tabBar, tabNavProps, tabPaneProps, tabsEmits, tabsProps, tabsRootContextKey, tagEmits, tagProps, thumbProps, timePickerDefaultProps, timelineItemProps, translate, uploadBaseProps, uploadContentProps, uploadContextKey, uploadDraggerEmits, uploadDraggerProps, uploadListEmits, uploadListProps, uploadListTypes, uploadProps, useAttrs, useCascaderConfig, useDelayedRender, useDelayedToggle, useDelayedToggleProps, useDeprecateAppendToBody, useDeprecated, useDialog, useDisabled$1 as useDisabled, useDraggable, useEscapeKeydown, useFocus, useFormItem, useForwardRef, useForwardRefDirective, useGlobalConfig, useId, useLocale, useLockscreen, useModal, useModelToggle$1 as useModelToggle, useModelToggleEmits$1 as useModelToggleEmits, useModelToggleProps$1 as useModelToggleProps, useNamespace, usePopperArrowProps, usePopperContainer, usePopperContentProps, usePopperCoreConfigProps, usePopperProps, usePopperTriggerProps, usePreventGlobal, useProp, useRadio, useRestoreActive, useSameTarget, useSize, useSizeProp, useSpace, useTeleport, useThrottleRender, useTimeout, useTooltipContentProps, useTooltipProps, useTooltipTriggerProps, useTransitionFallthrough, useTransitionFallthroughEmits, useZIndex, version, virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps };