@element-plus/nightly 0.0.20220314 → 0.0.20220317

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220314 */
+/*! Element Plus v0.0.20220317 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -1764,6 +1764,36 @@
     return (e) => e.pointerType === "mouse" ? handler(e) : void 0;
   };
 
+  var __defProp$8 = Object.defineProperty;
+  var __defProps$5 = Object.defineProperties;
+  var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
+  var __hasOwnProp$a = Object.prototype.hasOwnProperty;
+  var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$8 = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp$a.call(b, prop))
+        __defNormalProp$8(a, prop, b[prop]);
+    if (__getOwnPropSymbols$a)
+      for (var prop of __getOwnPropSymbols$a(b)) {
+        if (__propIsEnum$a.call(b, prop))
+          __defNormalProp$8(a, prop, b[prop]);
+      }
+    return a;
+  };
+  var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
+  function computedEager(fn, options) {
+    var _a;
+    const result = vue.shallowRef();
+    vue.watchEffect(() => {
+      result.value = fn();
+    }, __spreadProps$5(__spreadValues$8({}, options), {
+      flush: (_a = options == null ? void 0 : options.flush) != null ? _a : "sync"
+    }));
+    return vue.readonly(result);
+  }
+
   function tryOnScopeDispose(fn) {
     if (vue.getCurrentScope()) {
       vue.onScopeDispose(fn);
@@ -1825,36 +1855,6 @@
     return filter;
   }
 
-  var __defProp$7 = Object.defineProperty;
-  var __defProps$4 = Object.defineProperties;
-  var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$7 = (a, b) => {
-    for (var prop in b || (b = {}))
-      if (__hasOwnProp$8.call(b, prop))
-        __defNormalProp$7(a, prop, b[prop]);
-    if (__getOwnPropSymbols$8)
-      for (var prop of __getOwnPropSymbols$8(b)) {
-        if (__propIsEnum$8.call(b, prop))
-          __defNormalProp$7(a, prop, b[prop]);
-      }
-    return a;
-  };
-  var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
-  function eagerComputed(fn, options) {
-    var _a;
-    const result = vue.shallowRef();
-    vue.watchEffect(() => {
-      result.value = fn();
-    }, __spreadProps$4(__spreadValues$7({}, options), {
-      flush: (_a = options == null ? void 0 : options.flush) != null ? _a : "sync"
-    }));
-    return vue.readonly(result);
-  }
-
   function useThrottleFn(fn, ms = 200, trailing = true, leading = true) {
     return createFilterWrapper(throttleFilter(ms, trailing, leading), fn);
   }
@@ -2020,7 +2020,7 @@
     const stopWatch = vue.watch(() => unrefElement(target), (el) => {
       cleanup();
       if (isSupported && window && el) {
-        observer = new window.ResizeObserver(callback);
+        observer = new ResizeObserver(callback);
         observer.observe(el, observerOptions);
       }
     }, { immediate: true, flush: "post" });
@@ -2086,34 +2086,6 @@
   var _a, _b;
   isClient && (window == null ? void 0 : window.navigator) && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.platform) && /iP(ad|hone|od)/.test((_b = window == null ? void 0 : window.navigator) == null ? void 0 : _b.platform);
 
-  var __defProp$3 = Object.defineProperty;
-  var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$3 = (a, b) => {
-    for (var prop in b || (b = {}))
-      if (__hasOwnProp$3.call(b, prop))
-        __defNormalProp$3(a, prop, b[prop]);
-    if (__getOwnPropSymbols$3)
-      for (var prop of __getOwnPropSymbols$3(b)) {
-        if (__propIsEnum$3.call(b, prop))
-          __defNormalProp$3(a, prop, b[prop]);
-      }
-    return a;
-  };
-  const initialRect = {
-    top: 0,
-    left: 0,
-    bottom: 0,
-    right: 0,
-    height: 0,
-    width: 0
-  };
-  __spreadValues$3({
-    text: ""
-  }, initialRect);
-
   function useWindowFocus({ window = defaultWindow } = {}) {
     if (!window)
       return vue.ref(false);
@@ -2253,7 +2225,11 @@
 
   const isUndefined = (val) => val === void 0;
   const isEmpty = (val) => !val && val !== 0 || isArray(val) && val.length === 0 || isObject$1(val) && !Object.keys(val).length;
-  const isElement$1 = (e) => e instanceof Element;
+  const isElement$1 = (e) => {
+    if (typeof Element === "undefined")
+      return false;
+    return e instanceof Element;
+  };
 
   const escapeStringRegexp = (string = "") => string.replace(/[|\\{}()[\]^$+*?.]/g, "\\$&").replace(/-/g, "\\x2d");
 
@@ -2408,13 +2384,13 @@
     fill: "currentColor",
     d: "M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z"
   }, null, -1);
-  const _hoisted_3$$ = [
+  const _hoisted_3$10 = [
     _hoisted_2$1i
   ];
-  function _sfc_render$2e(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1C, _hoisted_3$$);
+  function _sfc_render$2c(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1C, _hoisted_3$10);
   }
-  var arrowDown = /* @__PURE__ */ _export_sfc$1(_sfc_main$2N, [["render", _sfc_render$2e]]);
+  var arrowDown = /* @__PURE__ */ _export_sfc$1(_sfc_main$2N, [["render", _sfc_render$2c]]);
 
   const _sfc_main$2M = vue.defineComponent({
     name: "ArrowLeft"
@@ -2427,13 +2403,13 @@
     fill: "currentColor",
     d: "M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z"
   }, null, -1);
-  const _hoisted_3$_ = [
+  const _hoisted_3$$ = [
     _hoisted_2$1h
   ];
-  function _sfc_render$2d(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1B, _hoisted_3$_);
+  function _sfc_render$2b(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1B, _hoisted_3$$);
   }
-  var arrowLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2M, [["render", _sfc_render$2d]]);
+  var arrowLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2M, [["render", _sfc_render$2b]]);
 
   const _sfc_main$2L = vue.defineComponent({
     name: "ArrowRight"
@@ -2446,13 +2422,13 @@
     fill: "currentColor",
     d: "M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"
   }, null, -1);
-  const _hoisted_3$Z = [
+  const _hoisted_3$_ = [
     _hoisted_2$1g
   ];
-  function _sfc_render$2c(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1A, _hoisted_3$Z);
+  function _sfc_render$2a(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1A, _hoisted_3$_);
   }
-  var arrowRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2L, [["render", _sfc_render$2c]]);
+  var arrowRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2L, [["render", _sfc_render$2a]]);
 
   const _sfc_main$2K = vue.defineComponent({
     name: "ArrowUp"
@@ -2465,13 +2441,13 @@
     fill: "currentColor",
     d: "m488.832 344.32-339.84 356.672a32 32 0 0 0 0 44.16l.384.384a29.44 29.44 0 0 0 42.688 0l320-335.872 319.872 335.872a29.44 29.44 0 0 0 42.688 0l.384-.384a32 32 0 0 0 0-44.16L535.168 344.32a32 32 0 0 0-46.336 0z"
   }, null, -1);
-  const _hoisted_3$Y = [
+  const _hoisted_3$Z = [
     _hoisted_2$1f
   ];
-  function _sfc_render$2b(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1z, _hoisted_3$Y);
+  function _sfc_render$29(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1z, _hoisted_3$Z);
   }
-  var arrowUp = /* @__PURE__ */ _export_sfc$1(_sfc_main$2K, [["render", _sfc_render$2b]]);
+  var arrowUp = /* @__PURE__ */ _export_sfc$1(_sfc_main$2K, [["render", _sfc_render$29]]);
 
   const _sfc_main$2J = vue.defineComponent({
     name: "Back"
@@ -2484,18 +2460,18 @@
     fill: "currentColor",
     d: "M224 480h640a32 32 0 1 1 0 64H224a32 32 0 0 1 0-64z"
   }, null, -1);
-  const _hoisted_3$X = /* @__PURE__ */ vue.createElementVNode("path", {
+  const _hoisted_3$Y = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
     d: "m237.248 512 265.408 265.344a32 32 0 0 1-45.312 45.312l-288-288a32 32 0 0 1 0-45.312l288-288a32 32 0 1 1 45.312 45.312L237.248 512z"
   }, null, -1);
   const _hoisted_4$j = [
     _hoisted_2$1e,
-    _hoisted_3$X
+    _hoisted_3$Y
   ];
-  function _sfc_render$2a(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$28(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1y, _hoisted_4$j);
   }
-  var back = /* @__PURE__ */ _export_sfc$1(_sfc_main$2J, [["render", _sfc_render$2a]]);
+  var back = /* @__PURE__ */ _export_sfc$1(_sfc_main$2J, [["render", _sfc_render$28]]);
 
   const _sfc_main$2I = vue.defineComponent({
     name: "Calendar"
@@ -2508,13 +2484,13 @@
     fill: "currentColor",
     d: "M128 384v512h768V192H768v32a32 32 0 1 1-64 0v-32H320v32a32 32 0 0 1-64 0v-32H128v128h768v64H128zm192-256h384V96a32 32 0 1 1 64 0v32h160a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h160V96a32 32 0 0 1 64 0v32zm-32 384h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm192-192h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm192-192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64z"
   }, null, -1);
-  const _hoisted_3$W = [
+  const _hoisted_3$X = [
     _hoisted_2$1d
   ];
-  function _sfc_render$29(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1x, _hoisted_3$W);
+  function _sfc_render$27(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1x, _hoisted_3$X);
   }
-  var calendar = /* @__PURE__ */ _export_sfc$1(_sfc_main$2I, [["render", _sfc_render$29]]);
+  var calendar = /* @__PURE__ */ _export_sfc$1(_sfc_main$2I, [["render", _sfc_render$27]]);
 
   const _sfc_main$2H = vue.defineComponent({
     name: "CaretRight"
@@ -2527,13 +2503,13 @@
     fill: "currentColor",
     d: "M384 192v640l384-320.064z"
   }, null, -1);
-  const _hoisted_3$V = [
+  const _hoisted_3$W = [
     _hoisted_2$1c
   ];
-  function _sfc_render$28(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1w, _hoisted_3$V);
+  function _sfc_render$26(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1w, _hoisted_3$W);
   }
-  var caretRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2H, [["render", _sfc_render$28]]);
+  var caretRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2H, [["render", _sfc_render$26]]);
 
   const _sfc_main$2G = vue.defineComponent({
     name: "CaretTop"
@@ -2546,13 +2522,13 @@
     fill: "currentColor",
     d: "M512 320 192 704h639.936z"
   }, null, -1);
-  const _hoisted_3$U = [
+  const _hoisted_3$V = [
     _hoisted_2$1b
   ];
-  function _sfc_render$27(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1v, _hoisted_3$U);
+  function _sfc_render$25(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1v, _hoisted_3$V);
   }
-  var caretTop = /* @__PURE__ */ _export_sfc$1(_sfc_main$2G, [["render", _sfc_render$27]]);
+  var caretTop = /* @__PURE__ */ _export_sfc$1(_sfc_main$2G, [["render", _sfc_render$25]]);
 
   const _sfc_main$2F = vue.defineComponent({
     name: "Check"
@@ -2565,13 +2541,13 @@
     fill: "currentColor",
     d: "M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"
   }, null, -1);
-  const _hoisted_3$T = [
+  const _hoisted_3$U = [
     _hoisted_2$1a
   ];
-  function _sfc_render$26(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1u, _hoisted_3$T);
+  function _sfc_render$24(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1u, _hoisted_3$U);
   }
-  var check = /* @__PURE__ */ _export_sfc$1(_sfc_main$2F, [["render", _sfc_render$26]]);
+  var check = /* @__PURE__ */ _export_sfc$1(_sfc_main$2F, [["render", _sfc_render$24]]);
 
   const _sfc_main$2E = vue.defineComponent({
     name: "CircleCheckFilled"
@@ -2584,13 +2560,13 @@
     fill: "currentColor",
     d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm-55.808 536.384-99.52-99.584a38.4 38.4 0 1 0-54.336 54.336l126.72 126.72a38.272 38.272 0 0 0 54.336 0l262.4-262.464a38.4 38.4 0 1 0-54.272-54.336L456.192 600.384z"
   }, null, -1);
-  const _hoisted_3$S = [
+  const _hoisted_3$T = [
     _hoisted_2$19
   ];
-  function _sfc_render$25(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1t, _hoisted_3$S);
+  function _sfc_render$23(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1t, _hoisted_3$T);
   }
-  var circleCheckFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2E, [["render", _sfc_render$25]]);
+  var circleCheckFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2E, [["render", _sfc_render$23]]);
 
   const _sfc_main$2D = vue.defineComponent({
     name: "CircleCheck"
@@ -2603,18 +2579,18 @@
     fill: "currentColor",
     d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z"
   }, null, -1);
-  const _hoisted_3$R = /* @__PURE__ */ vue.createElementVNode("path", {
+  const _hoisted_3$S = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
     d: "M745.344 361.344a32 32 0 0 1 45.312 45.312l-288 288a32 32 0 0 1-45.312 0l-160-160a32 32 0 1 1 45.312-45.312L480 626.752l265.344-265.408z"
   }, null, -1);
   const _hoisted_4$i = [
     _hoisted_2$18,
-    _hoisted_3$R
+    _hoisted_3$S
   ];
-  function _sfc_render$24(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$22(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1s, _hoisted_4$i);
   }
-  var circleCheck = /* @__PURE__ */ _export_sfc$1(_sfc_main$2D, [["render", _sfc_render$24]]);
+  var circleCheck = /* @__PURE__ */ _export_sfc$1(_sfc_main$2D, [["render", _sfc_render$22]]);
 
   const _sfc_main$2C = vue.defineComponent({
     name: "CircleCloseFilled"
@@ -2627,13 +2603,13 @@
     fill: "currentColor",
     d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 393.664L407.936 353.6a38.4 38.4 0 1 0-54.336 54.336L457.664 512 353.6 616.064a38.4 38.4 0 1 0 54.336 54.336L512 566.336 616.064 670.4a38.4 38.4 0 1 0 54.336-54.336L566.336 512 670.4 407.936a38.4 38.4 0 1 0-54.336-54.336L512 457.664z"
   }, null, -1);
-  const _hoisted_3$Q = [
+  const _hoisted_3$R = [
     _hoisted_2$17
   ];
-  function _sfc_render$23(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1r, _hoisted_3$Q);
+  function _sfc_render$21(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1r, _hoisted_3$R);
   }
-  var circleCloseFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2C, [["render", _sfc_render$23]]);
+  var circleCloseFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2C, [["render", _sfc_render$21]]);
 
   const _sfc_main$2B = vue.defineComponent({
     name: "CircleClose"
@@ -2646,18 +2622,18 @@
     fill: "currentColor",
     d: "m466.752 512-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"
   }, null, -1);
-  const _hoisted_3$P = /* @__PURE__ */ vue.createElementVNode("path", {
+  const _hoisted_3$Q = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
     d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z"
   }, null, -1);
   const _hoisted_4$h = [
     _hoisted_2$16,
-    _hoisted_3$P
+    _hoisted_3$Q
   ];
-  function _sfc_render$22(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$20(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1q, _hoisted_4$h);
   }
-  var circleClose = /* @__PURE__ */ _export_sfc$1(_sfc_main$2B, [["render", _sfc_render$22]]);
+  var circleClose = /* @__PURE__ */ _export_sfc$1(_sfc_main$2B, [["render", _sfc_render$20]]);
 
   const _sfc_main$2A = vue.defineComponent({
     name: "Clock"
@@ -2670,7 +2646,7 @@
     fill: "currentColor",
     d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z"
   }, null, -1);
-  const _hoisted_3$O = /* @__PURE__ */ vue.createElementVNode("path", {
+  const _hoisted_3$P = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
     d: "M480 256a32 32 0 0 1 32 32v256a32 32 0 0 1-64 0V288a32 32 0 0 1 32-32z"
   }, null, -1);
@@ -2680,13 +2656,13 @@
   }, null, -1);
   const _hoisted_5$b = [
     _hoisted_2$15,
-    _hoisted_3$O,
+    _hoisted_3$P,
     _hoisted_4$g
   ];
-  function _sfc_render$21(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1$(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1p, _hoisted_5$b);
   }
-  var clock = /* @__PURE__ */ _export_sfc$1(_sfc_main$2A, [["render", _sfc_render$21]]);
+  var clock = /* @__PURE__ */ _export_sfc$1(_sfc_main$2A, [["render", _sfc_render$1$]]);
 
   const _sfc_main$2z = vue.defineComponent({
     name: "Close"
@@ -2699,13 +2675,13 @@
     fill: "currentColor",
     d: "M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"
   }, null, -1);
-  const _hoisted_3$N = [
+  const _hoisted_3$O = [
     _hoisted_2$14
   ];
-  function _sfc_render$20(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1o, _hoisted_3$N);
+  function _sfc_render$1_(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1o, _hoisted_3$O);
   }
-  var close$2 = /* @__PURE__ */ _export_sfc$1(_sfc_main$2z, [["render", _sfc_render$20]]);
+  var close$2 = /* @__PURE__ */ _export_sfc$1(_sfc_main$2z, [["render", _sfc_render$1_]]);
 
   const _sfc_main$2y = vue.defineComponent({
     name: "DArrowLeft"
@@ -2718,13 +2694,13 @@
     fill: "currentColor",
     d: "M529.408 149.376a29.12 29.12 0 0 1 41.728 0 30.592 30.592 0 0 1 0 42.688L259.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264 29.12 29.12 0 0 1-41.216-.512L197.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224zm256 0a29.12 29.12 0 0 1 41.728 0 30.592 30.592 0 0 1 0 42.688L515.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264 29.12 29.12 0 0 1-41.216-.512L453.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224z"
   }, null, -1);
-  const _hoisted_3$M = [
+  const _hoisted_3$N = [
     _hoisted_2$13
   ];
-  function _sfc_render$1$(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1n, _hoisted_3$M);
+  function _sfc_render$1Z(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1n, _hoisted_3$N);
   }
-  var dArrowLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2y, [["render", _sfc_render$1$]]);
+  var dArrowLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2y, [["render", _sfc_render$1Z]]);
 
   const _sfc_main$2x = vue.defineComponent({
     name: "DArrowRight"
@@ -2737,13 +2713,13 @@
     fill: "currentColor",
     d: "M452.864 149.312a29.12 29.12 0 0 1 41.728.064L826.24 489.664a32 32 0 0 1 0 44.672L494.592 874.624a29.12 29.12 0 0 1-41.728 0 30.592 30.592 0 0 1 0-42.752L764.736 512 452.864 192a30.592 30.592 0 0 1 0-42.688zm-256 0a29.12 29.12 0 0 1 41.728.064L570.24 489.664a32 32 0 0 1 0 44.672L238.592 874.624a29.12 29.12 0 0 1-41.728 0 30.592 30.592 0 0 1 0-42.752L508.736 512 196.864 192a30.592 30.592 0 0 1 0-42.688z"
   }, null, -1);
-  const _hoisted_3$L = [
+  const _hoisted_3$M = [
     _hoisted_2$12
   ];
-  function _sfc_render$1_(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1m, _hoisted_3$L);
+  function _sfc_render$1Y(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1m, _hoisted_3$M);
   }
-  var dArrowRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2x, [["render", _sfc_render$1_]]);
+  var dArrowRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2x, [["render", _sfc_render$1Y]]);
 
   const _sfc_main$2w = vue.defineComponent({
     name: "Delete"
@@ -2756,13 +2732,13 @@
     fill: "currentColor",
     d: "M160 256H96a32 32 0 0 1 0-64h256V95.936a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V192h256a32 32 0 1 1 0 64h-64v672a32 32 0 0 1-32 32H192a32 32 0 0 1-32-32V256zm448-64v-64H416v64h192zM224 896h576V256H224v640zm192-128a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32zm192 0a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32z"
   }, null, -1);
-  const _hoisted_3$K = [
+  const _hoisted_3$L = [
     _hoisted_2$11
   ];
-  function _sfc_render$1Z(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1l, _hoisted_3$K);
+  function _sfc_render$1X(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1l, _hoisted_3$L);
   }
-  var _delete = /* @__PURE__ */ _export_sfc$1(_sfc_main$2w, [["render", _sfc_render$1Z]]);
+  var _delete = /* @__PURE__ */ _export_sfc$1(_sfc_main$2w, [["render", _sfc_render$1X]]);
 
   const _sfc_main$2v = vue.defineComponent({
     name: "Document"
@@ -2775,13 +2751,13 @@
     fill: "currentColor",
     d: "M832 384H576V128H192v768h640V384zm-26.496-64L640 154.496V320h165.504zM160 64h480l256 256v608a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V96a32 32 0 0 1 32-32zm160 448h384v64H320v-64zm0-192h160v64H320v-64zm0 384h384v64H320v-64z"
   }, null, -1);
-  const _hoisted_3$J = [
+  const _hoisted_3$K = [
     _hoisted_2$10
   ];
-  function _sfc_render$1Y(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1k, _hoisted_3$J);
+  function _sfc_render$1W(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1k, _hoisted_3$K);
   }
-  var document$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$2v, [["render", _sfc_render$1Y]]);
+  var document$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$2v, [["render", _sfc_render$1W]]);
 
   const _sfc_main$2u = vue.defineComponent({
     name: "FullScreen"
@@ -2794,13 +2770,13 @@
     fill: "currentColor",
     d: "m160 96.064 192 .192a32 32 0 0 1 0 64l-192-.192V352a32 32 0 0 1-64 0V96h64v.064zm0 831.872V928H96V672a32 32 0 1 1 64 0v191.936l192-.192a32 32 0 1 1 0 64l-192 .192zM864 96.064V96h64v256a32 32 0 1 1-64 0V160.064l-192 .192a32 32 0 1 1 0-64l192-.192zm0 831.872-192-.192a32 32 0 0 1 0-64l192 .192V672a32 32 0 1 1 64 0v256h-64v-.064z"
   }, null, -1);
-  const _hoisted_3$I = [
+  const _hoisted_3$J = [
     _hoisted_2$$
   ];
-  function _sfc_render$1X(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1j, _hoisted_3$I);
+  function _sfc_render$1V(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1j, _hoisted_3$J);
   }
-  var fullScreen = /* @__PURE__ */ _export_sfc$1(_sfc_main$2u, [["render", _sfc_render$1X]]);
+  var fullScreen = /* @__PURE__ */ _export_sfc$1(_sfc_main$2u, [["render", _sfc_render$1V]]);
 
   const _sfc_main$2t = vue.defineComponent({
     name: "InfoFilled"
@@ -2813,13 +2789,13 @@
     fill: "currentColor",
     d: "M512 64a448 448 0 1 1 0 896.064A448 448 0 0 1 512 64zm67.2 275.072c33.28 0 60.288-23.104 60.288-57.344s-27.072-57.344-60.288-57.344c-33.28 0-60.16 23.104-60.16 57.344s26.88 57.344 60.16 57.344zM590.912 699.2c0-6.848 2.368-24.64 1.024-34.752l-52.608 60.544c-10.88 11.456-24.512 19.392-30.912 17.28a12.992 12.992 0 0 1-8.256-14.72l87.68-276.992c7.168-35.136-12.544-67.2-54.336-71.296-44.096 0-108.992 44.736-148.48 101.504 0 6.784-1.28 23.68.064 33.792l52.544-60.608c10.88-11.328 23.552-19.328 29.952-17.152a12.8 12.8 0 0 1 7.808 16.128L388.48 728.576c-10.048 32.256 8.96 63.872 55.04 71.04 67.84 0 107.904-43.648 147.456-100.416z"
   }, null, -1);
-  const _hoisted_3$H = [
+  const _hoisted_3$I = [
     _hoisted_2$_
   ];
-  function _sfc_render$1W(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1i, _hoisted_3$H);
+  function _sfc_render$1U(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1i, _hoisted_3$I);
   }
-  var infoFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2t, [["render", _sfc_render$1W]]);
+  var infoFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2t, [["render", _sfc_render$1U]]);
 
   const _sfc_main$2s = vue.defineComponent({
     name: "Loading"
@@ -2832,13 +2808,13 @@
     fill: "currentColor",
     d: "M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32zm0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32zm448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32zm-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32zM195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0zm-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z"
   }, null, -1);
-  const _hoisted_3$G = [
+  const _hoisted_3$H = [
     _hoisted_2$Z
   ];
-  function _sfc_render$1V(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1h, _hoisted_3$G);
+  function _sfc_render$1T(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1h, _hoisted_3$H);
   }
-  var loading = /* @__PURE__ */ _export_sfc$1(_sfc_main$2s, [["render", _sfc_render$1V]]);
+  var loading = /* @__PURE__ */ _export_sfc$1(_sfc_main$2s, [["render", _sfc_render$1T]]);
 
   const _sfc_main$2r = vue.defineComponent({
     name: "Minus"
@@ -2851,13 +2827,13 @@
     fill: "currentColor",
     d: "M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z"
   }, null, -1);
-  const _hoisted_3$F = [
+  const _hoisted_3$G = [
     _hoisted_2$Y
   ];
-  function _sfc_render$1U(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1g, _hoisted_3$F);
+  function _sfc_render$1S(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1g, _hoisted_3$G);
   }
-  var minus = /* @__PURE__ */ _export_sfc$1(_sfc_main$2r, [["render", _sfc_render$1U]]);
+  var minus = /* @__PURE__ */ _export_sfc$1(_sfc_main$2r, [["render", _sfc_render$1S]]);
 
   const _sfc_main$2q = vue.defineComponent({
     name: "MoreFilled"
@@ -2870,13 +2846,13 @@
     fill: "currentColor",
     d: "M176 416a112 112 0 1 1 0 224 112 112 0 0 1 0-224zm336 0a112 112 0 1 1 0 224 112 112 0 0 1 0-224zm336 0a112 112 0 1 1 0 224 112 112 0 0 1 0-224z"
   }, null, -1);
-  const _hoisted_3$E = [
+  const _hoisted_3$F = [
     _hoisted_2$X
   ];
-  function _sfc_render$1T(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1f, _hoisted_3$E);
+  function _sfc_render$1R(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1f, _hoisted_3$F);
   }
-  var moreFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2q, [["render", _sfc_render$1T]]);
+  var moreFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2q, [["render", _sfc_render$1R]]);
 
   const _sfc_main$2p = vue.defineComponent({
     name: "More"
@@ -2889,13 +2865,13 @@
     fill: "currentColor",
     d: "M176 416a112 112 0 1 0 0 224 112 112 0 0 0 0-224m0 64a48 48 0 1 1 0 96 48 48 0 0 1 0-96zm336-64a112 112 0 1 1 0 224 112 112 0 0 1 0-224zm0 64a48 48 0 1 0 0 96 48 48 0 0 0 0-96zm336-64a112 112 0 1 1 0 224 112 112 0 0 1 0-224zm0 64a48 48 0 1 0 0 96 48 48 0 0 0 0-96z"
   }, null, -1);
-  const _hoisted_3$D = [
+  const _hoisted_3$E = [
     _hoisted_2$W
   ];
-  function _sfc_render$1S(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1e, _hoisted_3$D);
+  function _sfc_render$1Q(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1e, _hoisted_3$E);
   }
-  var more = /* @__PURE__ */ _export_sfc$1(_sfc_main$2p, [["render", _sfc_render$1S]]);
+  var more = /* @__PURE__ */ _export_sfc$1(_sfc_main$2p, [["render", _sfc_render$1Q]]);
 
   const _sfc_main$2o = vue.defineComponent({
     name: "PictureFilled"
@@ -2908,13 +2884,13 @@
     fill: "currentColor",
     d: "M96 896a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h832a32 32 0 0 1 32 32v704a32 32 0 0 1-32 32H96zm315.52-228.48-68.928-68.928a32 32 0 0 0-45.248 0L128 768.064h778.688l-242.112-290.56a32 32 0 0 0-49.216 0L458.752 665.408a32 32 0 0 1-47.232 2.112zM256 384a96 96 0 1 0 192.064-.064A96 96 0 0 0 256 384z"
   }, null, -1);
-  const _hoisted_3$C = [
+  const _hoisted_3$D = [
     _hoisted_2$V
   ];
-  function _sfc_render$1R(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1d, _hoisted_3$C);
+  function _sfc_render$1P(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1d, _hoisted_3$D);
   }
-  var pictureFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2o, [["render", _sfc_render$1R]]);
+  var pictureFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2o, [["render", _sfc_render$1P]]);
 
   const _sfc_main$2n = vue.defineComponent({
     name: "Plus"
@@ -2927,13 +2903,13 @@
     fill: "currentColor",
     d: "M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64h352z"
   }, null, -1);
-  const _hoisted_3$B = [
+  const _hoisted_3$C = [
     _hoisted_2$U
   ];
-  function _sfc_render$1Q(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1c, _hoisted_3$B);
+  function _sfc_render$1O(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1c, _hoisted_3$C);
   }
-  var plus = /* @__PURE__ */ _export_sfc$1(_sfc_main$2n, [["render", _sfc_render$1Q]]);
+  var plus = /* @__PURE__ */ _export_sfc$1(_sfc_main$2n, [["render", _sfc_render$1O]]);
 
   const _sfc_main$2m = vue.defineComponent({
     name: "QuestionFilled"
@@ -2946,13 +2922,13 @@
     fill: "currentColor",
     d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm23.744 191.488c-52.096 0-92.928 14.784-123.2 44.352-30.976 29.568-45.76 70.4-45.76 122.496h80.256c0-29.568 5.632-52.8 17.6-68.992 13.376-19.712 35.2-28.864 66.176-28.864 23.936 0 42.944 6.336 56.32 19.712 12.672 13.376 19.712 31.68 19.712 54.912 0 17.6-6.336 34.496-19.008 49.984l-8.448 9.856c-45.76 40.832-73.216 70.4-82.368 89.408-9.856 19.008-14.08 42.24-14.08 68.992v9.856h80.96v-9.856c0-16.896 3.52-31.68 10.56-45.76 6.336-12.672 15.488-24.64 28.16-35.2 33.792-29.568 54.208-48.576 60.544-55.616 16.896-22.528 26.048-51.392 26.048-86.592 0-42.944-14.08-76.736-42.24-101.376-28.16-25.344-65.472-37.312-111.232-37.312zm-12.672 406.208a54.272 54.272 0 0 0-38.72 14.784 49.408 49.408 0 0 0-15.488 38.016c0 15.488 4.928 28.16 15.488 38.016A54.848 54.848 0 0 0 523.072 768c15.488 0 28.16-4.928 38.72-14.784a51.52 51.52 0 0 0 16.192-38.72 51.968 51.968 0 0 0-15.488-38.016 55.936 55.936 0 0 0-39.424-14.784z"
   }, null, -1);
-  const _hoisted_3$A = [
+  const _hoisted_3$B = [
     _hoisted_2$T
   ];
-  function _sfc_render$1P(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1b, _hoisted_3$A);
+  function _sfc_render$1N(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1b, _hoisted_3$B);
   }
-  var questionFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2m, [["render", _sfc_render$1P]]);
+  var questionFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2m, [["render", _sfc_render$1N]]);
 
   const _sfc_main$2l = vue.defineComponent({
     name: "RefreshLeft"
@@ -2965,13 +2941,13 @@
     fill: "currentColor",
     d: "M289.088 296.704h92.992a32 32 0 0 1 0 64H232.96a32 32 0 0 1-32-32V179.712a32 32 0 0 1 64 0v50.56a384 384 0 0 1 643.84 282.88 384 384 0 0 1-383.936 384 384 384 0 0 1-384-384h64a320 320 0 1 0 640 0 320 320 0 0 0-555.712-216.448z"
   }, null, -1);
-  const _hoisted_3$z = [
+  const _hoisted_3$A = [
     _hoisted_2$S
   ];
-  function _sfc_render$1O(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1a, _hoisted_3$z);
+  function _sfc_render$1M(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1a, _hoisted_3$A);
   }
-  var refreshLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2l, [["render", _sfc_render$1O]]);
+  var refreshLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2l, [["render", _sfc_render$1M]]);
 
   const _sfc_main$2k = vue.defineComponent({
     name: "RefreshRight"
@@ -2984,13 +2960,13 @@
     fill: "currentColor",
     d: "M784.512 230.272v-50.56a32 32 0 1 1 64 0v149.056a32 32 0 0 1-32 32H667.52a32 32 0 1 1 0-64h92.992A320 320 0 1 0 524.8 833.152a320 320 0 0 0 320-320h64a384 384 0 0 1-384 384 384 384 0 0 1-384-384 384 384 0 0 1 643.712-282.88z"
   }, null, -1);
-  const _hoisted_3$y = [
+  const _hoisted_3$z = [
     _hoisted_2$R
   ];
-  function _sfc_render$1N(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$19, _hoisted_3$y);
+  function _sfc_render$1L(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$19, _hoisted_3$z);
   }
-  var refreshRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2k, [["render", _sfc_render$1N]]);
+  var refreshRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2k, [["render", _sfc_render$1L]]);
 
   const _sfc_main$2j = vue.defineComponent({
     name: "ScaleToOriginal"
@@ -3003,13 +2979,13 @@
     fill: "currentColor",
     d: "M813.176 180.706a60.235 60.235 0 0 1 60.236 60.235v481.883a60.235 60.235 0 0 1-60.236 60.235H210.824a60.235 60.235 0 0 1-60.236-60.235V240.94a60.235 60.235 0 0 1 60.236-60.235h602.352zm0-60.235H210.824A120.47 120.47 0 0 0 90.353 240.94v481.883a120.47 120.47 0 0 0 120.47 120.47h602.353a120.47 120.47 0 0 0 120.471-120.47V240.94a120.47 120.47 0 0 0-120.47-120.47zm-120.47 180.705a30.118 30.118 0 0 0-30.118 30.118v301.177a30.118 30.118 0 0 0 60.236 0V331.294a30.118 30.118 0 0 0-30.118-30.118zm-361.412 0a30.118 30.118 0 0 0-30.118 30.118v301.177a30.118 30.118 0 1 0 60.236 0V331.294a30.118 30.118 0 0 0-30.118-30.118zM512 361.412a30.118 30.118 0 0 0-30.118 30.117v30.118a30.118 30.118 0 0 0 60.236 0V391.53A30.118 30.118 0 0 0 512 361.412zM512 512a30.118 30.118 0 0 0-30.118 30.118v30.117a30.118 30.118 0 0 0 60.236 0v-30.117A30.118 30.118 0 0 0 512 512z"
   }, null, -1);
-  const _hoisted_3$x = [
+  const _hoisted_3$y = [
     _hoisted_2$Q
   ];
-  function _sfc_render$1M(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$18, _hoisted_3$x);
+  function _sfc_render$1K(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$18, _hoisted_3$y);
   }
-  var scaleToOriginal = /* @__PURE__ */ _export_sfc$1(_sfc_main$2j, [["render", _sfc_render$1M]]);
+  var scaleToOriginal = /* @__PURE__ */ _export_sfc$1(_sfc_main$2j, [["render", _sfc_render$1K]]);
 
   const _sfc_main$2i = vue.defineComponent({
     name: "Search"
@@ -3022,13 +2998,13 @@
     fill: "currentColor",
     d: "m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704z"
   }, null, -1);
-  const _hoisted_3$w = [
+  const _hoisted_3$x = [
     _hoisted_2$P
   ];
-  function _sfc_render$1L(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$17, _hoisted_3$w);
+  function _sfc_render$1J(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$17, _hoisted_3$x);
   }
-  var search = /* @__PURE__ */ _export_sfc$1(_sfc_main$2i, [["render", _sfc_render$1L]]);
+  var search = /* @__PURE__ */ _export_sfc$1(_sfc_main$2i, [["render", _sfc_render$1J]]);
 
   const _sfc_main$2h = vue.defineComponent({
     name: "StarFilled"
@@ -3041,13 +3017,13 @@
     fill: "currentColor",
     d: "M283.84 867.84 512 747.776l228.16 119.936a6.4 6.4 0 0 0 9.28-6.72l-43.52-254.08 184.512-179.904a6.4 6.4 0 0 0-3.52-10.88l-255.104-37.12L517.76 147.904a6.4 6.4 0 0 0-11.52 0L392.192 379.072l-255.104 37.12a6.4 6.4 0 0 0-3.52 10.88L318.08 606.976l-43.584 254.08a6.4 6.4 0 0 0 9.28 6.72z"
   }, null, -1);
-  const _hoisted_3$v = [
+  const _hoisted_3$w = [
     _hoisted_2$O
   ];
-  function _sfc_render$1K(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$16, _hoisted_3$v);
+  function _sfc_render$1I(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$16, _hoisted_3$w);
   }
-  var starFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2h, [["render", _sfc_render$1K]]);
+  var starFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2h, [["render", _sfc_render$1I]]);
 
   const _sfc_main$2g = vue.defineComponent({
     name: "Star"
@@ -3060,13 +3036,13 @@
     fill: "currentColor",
     d: "m512 747.84 228.16 119.936a6.4 6.4 0 0 0 9.28-6.72l-43.52-254.08 184.512-179.904a6.4 6.4 0 0 0-3.52-10.88l-255.104-37.12L517.76 147.904a6.4 6.4 0 0 0-11.52 0L392.192 379.072l-255.104 37.12a6.4 6.4 0 0 0-3.52 10.88L318.08 606.976l-43.584 254.08a6.4 6.4 0 0 0 9.28 6.72L512 747.84zM313.6 924.48a70.4 70.4 0 0 1-102.144-74.24l37.888-220.928L88.96 472.96A70.4 70.4 0 0 1 128 352.896l221.76-32.256 99.2-200.96a70.4 70.4 0 0 1 126.208 0l99.2 200.96 221.824 32.256a70.4 70.4 0 0 1 39.04 120.064L774.72 629.376l37.888 220.928a70.4 70.4 0 0 1-102.144 74.24L512 820.096l-198.4 104.32z"
   }, null, -1);
-  const _hoisted_3$u = [
+  const _hoisted_3$v = [
     _hoisted_2$N
   ];
-  function _sfc_render$1J(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$15, _hoisted_3$u);
+  function _sfc_render$1H(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$15, _hoisted_3$v);
   }
-  var star = /* @__PURE__ */ _export_sfc$1(_sfc_main$2g, [["render", _sfc_render$1J]]);
+  var star = /* @__PURE__ */ _export_sfc$1(_sfc_main$2g, [["render", _sfc_render$1H]]);
 
   const _sfc_main$2f = vue.defineComponent({
     name: "SuccessFilled"
@@ -3079,13 +3055,13 @@
     fill: "currentColor",
     d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm-55.808 536.384-99.52-99.584a38.4 38.4 0 1 0-54.336 54.336l126.72 126.72a38.272 38.272 0 0 0 54.336 0l262.4-262.464a38.4 38.4 0 1 0-54.272-54.336L456.192 600.384z"
   }, null, -1);
-  const _hoisted_3$t = [
+  const _hoisted_3$u = [
     _hoisted_2$M
   ];
-  function _sfc_render$1I(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$14, _hoisted_3$t);
+  function _sfc_render$1G(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$14, _hoisted_3$u);
   }
-  var successFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2f, [["render", _sfc_render$1I]]);
+  var successFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2f, [["render", _sfc_render$1G]]);
 
   const _sfc_main$2e = vue.defineComponent({
     name: "View"
@@ -3098,13 +3074,13 @@
     fill: "currentColor",
     d: "M512 160c320 0 512 352 512 352S832 864 512 864 0 512 0 512s192-352 512-352zm0 64c-225.28 0-384.128 208.064-436.8 288 52.608 79.872 211.456 288 436.8 288 225.28 0 384.128-208.064 436.8-288-52.608-79.872-211.456-288-436.8-288zm0 64a224 224 0 1 1 0 448 224 224 0 0 1 0-448zm0 64a160.192 160.192 0 0 0-160 160c0 88.192 71.744 160 160 160s160-71.808 160-160-71.744-160-160-160z"
   }, null, -1);
-  const _hoisted_3$s = [
+  const _hoisted_3$t = [
     _hoisted_2$L
   ];
-  function _sfc_render$1H(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$13, _hoisted_3$s);
+  function _sfc_render$1F(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$13, _hoisted_3$t);
   }
-  var view = /* @__PURE__ */ _export_sfc$1(_sfc_main$2e, [["render", _sfc_render$1H]]);
+  var view = /* @__PURE__ */ _export_sfc$1(_sfc_main$2e, [["render", _sfc_render$1F]]);
 
   const _sfc_main$2d = vue.defineComponent({
     name: "WarningFilled"
@@ -3117,13 +3093,13 @@
     fill: "currentColor",
     d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 192a58.432 58.432 0 0 0-58.24 63.744l23.36 256.384a35.072 35.072 0 0 0 69.76 0l23.296-256.384A58.432 58.432 0 0 0 512 256zm0 512a51.2 51.2 0 1 0 0-102.4 51.2 51.2 0 0 0 0 102.4z"
   }, null, -1);
-  const _hoisted_3$r = [
+  const _hoisted_3$s = [
     _hoisted_2$K
   ];
-  function _sfc_render$1G(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$12, _hoisted_3$r);
+  function _sfc_render$1E(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$12, _hoisted_3$s);
   }
-  var warningFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2d, [["render", _sfc_render$1G]]);
+  var warningFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2d, [["render", _sfc_render$1E]]);
 
   const _sfc_main$2c = vue.defineComponent({
     name: "ZoomIn"
@@ -3136,13 +3112,13 @@
     fill: "currentColor",
     d: "m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704zm-32-384v-96a32 32 0 0 1 64 0v96h96a32 32 0 0 1 0 64h-96v96a32 32 0 0 1-64 0v-96h-96a32 32 0 0 1 0-64h96z"
   }, null, -1);
-  const _hoisted_3$q = [
+  const _hoisted_3$r = [
     _hoisted_2$J
   ];
-  function _sfc_render$1F(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$11, _hoisted_3$q);
+  function _sfc_render$1D(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$11, _hoisted_3$r);
   }
-  var zoomIn = /* @__PURE__ */ _export_sfc$1(_sfc_main$2c, [["render", _sfc_render$1F]]);
+  var zoomIn = /* @__PURE__ */ _export_sfc$1(_sfc_main$2c, [["render", _sfc_render$1D]]);
 
   const _sfc_main$2b = vue.defineComponent({
     name: "ZoomOut"
@@ -3155,13 +3131,13 @@
     fill: "currentColor",
     d: "m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704zM352 448h256a32 32 0 0 1 0 64H352a32 32 0 0 1 0-64z"
   }, null, -1);
-  const _hoisted_3$p = [
+  const _hoisted_3$q = [
     _hoisted_2$I
   ];
-  function _sfc_render$1E(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$10, _hoisted_3$p);
+  function _sfc_render$1C(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$10, _hoisted_3$q);
   }
-  var zoomOut = /* @__PURE__ */ _export_sfc$1(_sfc_main$2b, [["render", _sfc_render$1E]]);
+  var zoomOut = /* @__PURE__ */ _export_sfc$1(_sfc_main$2b, [["render", _sfc_render$1C]]);
 
   const wrapperKey = Symbol();
   const propKey = "__elPropsReservedKey";
@@ -3407,6 +3383,8 @@
 
   const buttonGroupContextKey = Symbol("buttonGroupContextKey");
 
+  const carouselContextKey = Symbol("carouselContextKey");
+
   const collapseContextKey = Symbol("collapseContextKey");
 
   const configProviderContextKey = Symbol();
@@ -3497,7 +3475,7 @@
     return vue.computed(() => disabled.value || vue.unref(fallback) || (form == null ? void 0 : form.disabled) || false);
   };
 
-  const useDeprecated = ({ from, replacement, scope, version, ref }, condition) => {
+  const useDeprecated = ({ from, replacement, scope, version, ref, type = "API" }, condition) => {
     vue.watch(() => vue.unref(condition), (val) => {
     }, {
       immediate: true
@@ -4280,7 +4258,7 @@
     };
   };
 
-  const version$1 = "0.0.20220314";
+  const version$1 = "0.0.20220317";
 
   const INSTALLED_KEY = Symbol("INSTALLED_KEY");
   const makeInstaller = (components = []) => {
@@ -4321,11 +4299,11 @@
     change: (fixed) => typeof fixed === "boolean"
   };
 
-  const __default__$u = {
+  const __default__$w = {
     name: "ElAffix"
   };
   const _sfc_main$2a = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$u,
+    ...__default__$w,
     props: affixProps,
     emits: affixEmits,
     setup(__props, { expose, emit }) {
@@ -4440,12 +4418,12 @@
     }
   });
 
-  const __default__$t = {
+  const __default__$v = {
     name: "ElIcon",
     inheritAttrs: false
   };
   const _sfc_main$29 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$t,
+    ...__default__$v,
     props: iconProps,
     setup(__props) {
       const props = __props;
@@ -4507,11 +4485,11 @@
     close: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$s = {
+  const __default__$u = {
     name: "ElAlert"
   };
   const _sfc_main$28 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$s,
+    ...__default__$u,
     props: alertProps,
     emits: alertEmits,
     setup(__props, { emit }) {
@@ -4758,12 +4736,12 @@
 
   const _hoisted_1$$ = ["type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder"];
   const _hoisted_2$H = ["tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder"];
-  const __default__$r = {
+  const __default__$t = {
     name: "ElInput",
     inheritAttrs: false
   };
   const _sfc_main$27 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$r,
+    ...__default__$t,
     props: inputProps,
     emits: inputEmits,
     setup(__props, { expose, emit }) {
@@ -5194,15 +5172,15 @@
     return target;
   };
 
-  const COMPONENT_NAME$d = "Thumb";
+  const COMPONENT_NAME$e = "Thumb";
   const _sfc_main$26 = vue.defineComponent({
-    name: COMPONENT_NAME$d,
+    name: COMPONENT_NAME$e,
     props: thumbProps,
     setup(props) {
       const scrollbar = vue.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 = vue.ref();
       const thumb = vue.ref();
       const thumbState = vue.ref({});
@@ -5297,7 +5275,7 @@
       };
     }
   });
-  function _sfc_render$1D(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createBlock(vue.Transition, {
       name: _ctx.ns.b("fade")
     }, {
@@ -5320,7 +5298,7 @@
       _: 1
     }, 8, ["name"]);
   }
-  var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$26, [["render", _sfc_render$1D]]);
+  var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$26, [["render", _sfc_render$1B]]);
 
   const barProps = buildProps({
     always: {
@@ -5369,7 +5347,7 @@
       };
     }
   });
-  function _sfc_render$1C(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_thumb = vue.resolveComponent("thumb");
     return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
       vue.createVNode(_component_thumb, {
@@ -5387,7 +5365,7 @@
       }, null, 8, ["move", "ratio", "size", "always"])
     ], 64);
   }
-  var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["render", _sfc_render$1C]]);
+  var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["render", _sfc_render$1A]]);
 
   const scrollbarProps = buildProps({
     height: {
@@ -5552,7 +5530,7 @@
       };
     }
   });
-  function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_bar = vue.resolveComponent("bar");
     return vue.openBlock(), vue.createElementBlock("div", {
       ref: "scrollbar$",
@@ -5590,7 +5568,7 @@
       }, null, 8, ["height", "width", "always", "ratio-x", "ratio-y"])) : vue.createCommentVNode("v-if", true)
     ], 2);
   }
-  var Scrollbar$1 = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["render", _sfc_render$1B]]);
+  var Scrollbar$1 = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["render", _sfc_render$1z]]);
 
   const ElScrollbar = withInstall(Scrollbar$1);
 
@@ -5610,10 +5588,10 @@
       return popperProvides;
     }
   });
-  function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default");
   }
-  var Popper = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["render", _sfc_render$1A]]);
+  var Popper = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["render", _sfc_render$1y]]);
 
   var top = "top";
   var bottom = "bottom";
@@ -7091,14 +7069,14 @@
       };
     }
   });
-  function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("span", {
       ref: "arrowRef",
       class: vue.normalizeClass(_ctx.ns.e("arrow")),
       "data-popper-arrow": ""
     }, null, 2);
   }
-  var ElPopperArrow = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["render", _sfc_render$1z]]);
+  var ElPopperArrow = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["render", _sfc_render$1x]]);
 
   const NAME = "ElOnlyChild";
   const OnlyChild = vue.defineComponent({
@@ -7285,7 +7263,7 @@
       };
     }
   });
-  function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_only_child = vue.resolveComponent("el-only-child");
     return !_ctx.virtualTriggering ? (vue.openBlock(), vue.createBlock(_component_el_only_child, vue.mergeProps({ key: 0 }, _ctx.$attrs, {
       "aria-describedby": _ctx.open ? _ctx.id : void 0
@@ -7296,7 +7274,7 @@
       _: 3
     }, 16, ["aria-describedby"])) : vue.createCommentVNode("v-if", true);
   }
-  var ElPopperTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["render", _sfc_render$1y]]);
+  var ElPopperTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["render", _sfc_render$1w]]);
 
   const _sfc_main$20 = vue.defineComponent({
     name: "ElPopperContent",
@@ -7391,7 +7369,7 @@
       };
     }
   });
-  function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       ref: "popperContentRef",
       style: vue.normalizeStyle(_ctx.contentStyle),
@@ -7403,7 +7381,7 @@
       vue.renderSlot(_ctx.$slots, "default")
     ], 38);
   }
-  var ElPopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$20, [["render", _sfc_render$1x]]);
+  var ElPopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$20, [["render", _sfc_render$1v]]);
 
   function useDeprecateAppendToBody(scope, from) {
     const vm = vue.getCurrentInstance();
@@ -7453,10 +7431,10 @@
       };
     }
   });
-  function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("span", vue.mergeProps(_ctx.$attrs, { style: _ctx.computedStyle }), null, 16);
   }
-  var ElVisuallyHidden = /* @__PURE__ */ _export_sfc(_sfc_main$1$, [["render", _sfc_render$1w]]);
+  var ElVisuallyHidden = /* @__PURE__ */ _export_sfc(_sfc_main$1$, [["render", _sfc_render$1u]]);
 
   const useTooltipContentProps = buildProps({
     ...useDelayedToggleProps,
@@ -7632,7 +7610,7 @@
       };
     }
   });
-  function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_visually_hidden = vue.resolveComponent("el-visually-hidden");
     const _component_el_popper_content = vue.resolveComponent("el-popper-content");
     return vue.openBlock(), vue.createBlock(vue.Teleport, {
@@ -7694,7 +7672,7 @@
       }, 8, ["name", "onAfterLeave", "onBeforeEnter", "onAfterEnter", "onBeforeLeave"])
     ], 8, ["disabled", "to"]);
   }
-  var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$1_, [["render", _sfc_render$1v]]);
+  var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$1_, [["render", _sfc_render$1t]]);
 
   const isTriggerType = (trigger, type) => {
     if (isArray(trigger)) {
@@ -7758,7 +7736,7 @@
       };
     }
   });
-  function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_popper_trigger = vue.resolveComponent("el-popper-trigger");
     return vue.openBlock(), vue.createBlock(_component_el_popper_trigger, {
       id: _ctx.id,
@@ -7780,7 +7758,7 @@
       _: 3
     }, 8, ["id", "virtual-ref", "open", "virtual-triggering", "class", "onBlur", "onClick", "onContextmenu", "onFocus", "onMouseenter", "onMouseleave", "onKeydown"]);
   }
-  var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$1Z, [["render", _sfc_render$1u]]);
+  var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$1Z, [["render", _sfc_render$1s]]);
 
   const { useModelToggleProps, useModelToggle, useModelToggleEmits } = createModelToggleComposable("visible");
   const _sfc_main$1Y = vue.defineComponent({
@@ -7876,7 +7854,7 @@
   });
   const _hoisted_1$_ = ["innerHTML"];
   const _hoisted_2$G = { key: 1 };
-  function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1r(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_tooltip_trigger = vue.resolveComponent("el-tooltip-trigger");
     const _component_el_popper_arrow = vue.resolveComponent("el-popper-arrow");
     const _component_el_tooltip_content = vue.resolveComponent("el-tooltip-content");
@@ -7938,7 +7916,7 @@
       _: 3
     }, 512);
   }
-  var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$1Y, [["render", _sfc_render$1t]]);
+  var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$1Y, [["render", _sfc_render$1r]]);
 
   const ElTooltip = withInstall(Tooltip);
 
@@ -8009,13 +7987,13 @@
 
   const _hoisted_1$Z = ["aria-expanded", "aria-owns"];
   const _hoisted_2$F = { key: 0 };
-  const _hoisted_3$o = ["id", "aria-selected", "onClick"];
-  const __default__$q = {
+  const _hoisted_3$p = ["id", "aria-selected", "onClick"];
+  const __default__$s = {
     name: "ElAutocomplete",
     inheritAttrs: false
   };
   const _sfc_main$1X = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$q,
+    ...__default__$s,
     props: autocompleteProps,
     emits: autocompleteEmits,
     setup(__props, { expose, emit }) {
@@ -8229,7 +8207,7 @@
                       vue.renderSlot(_ctx.$slots, "default", { item }, () => [
                         vue.createTextVNode(vue.toDisplayString(item[_ctx.valueKey]), 1)
                       ])
-                    ], 10, _hoisted_3$o);
+                    ], 10, _hoisted_3$p);
                   }), 128))
                 ]),
                 _: 3
@@ -8331,11 +8309,11 @@
   };
 
   const _hoisted_1$Y = ["src", "alt", "srcset"];
-  const __default__$p = {
+  const __default__$r = {
     name: "ElAvatar"
   };
   const _sfc_main$1W = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$p,
+    ...__default__$r,
     props: avatarProps,
     emits: avatarEmits,
     setup(__props, { emit }) {
@@ -8416,11 +8394,11 @@
   };
 
   const _hoisted_1$X = ["onClick"];
-  const __default__$o = {
+  const __default__$q = {
     name: "ElBacktop"
   };
   const _sfc_main$1V = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$o,
+    ...__default__$q,
     props: backtopProps,
     emits: backtopEmits,
     setup(__props, { emit }) {
@@ -8524,11 +8502,11 @@
   });
 
   const _hoisted_1$W = ["textContent"];
-  const __default__$n = {
+  const __default__$p = {
     name: "ElBadge"
   };
   const _sfc_main$1U = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$n,
+    ...__default__$p,
     props: badgeProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -8586,11 +8564,11 @@
     }
   });
 
-  const __default__$m = {
+  const __default__$o = {
     name: "ElBreadcrumb"
   };
   const _sfc_main$1T = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$m,
+    ...__default__$o,
     props: breadcrumbProps,
     setup(__props) {
       const props = __props;
@@ -8629,11 +8607,11 @@
     }
   });
 
-  const __default__$l = {
+  const __default__$n = {
     name: "ElBreadcrumbItem"
   };
   const _sfc_main$1S = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$l,
+    ...__default__$n,
     props: breadcrumbItemProps,
     setup(__props) {
       const props = __props;
@@ -9608,11 +9586,11 @@
   };
 
   const _hoisted_1$V = ["disabled", "autofocus", "type"];
-  const __default__$k = {
+  const __default__$m = {
     name: "ElButton"
   };
   const _sfc_main$1R = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$k,
+    ...__default__$m,
     props: buttonProps,
     emits: buttonEmits,
     setup(__props, { expose, emit }) {
@@ -9744,11 +9722,11 @@
     type: buttonProps.type
   };
 
-  const __default__$j = {
+  const __default__$l = {
     name: "ElButtonGroup"
   };
   const _sfc_main$1Q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$j,
+    ...__default__$l,
     props: buttonGroupProps,
     setup(__props) {
       const props = __props;
@@ -10748,8 +10726,8 @@
   });
   const _hoisted_1$U = ["id", "name", "placeholder", "value", "disabled", "readonly"];
   const _hoisted_2$E = { class: "el-range-separator" };
-  const _hoisted_3$n = ["id", "name", "placeholder", "value", "disabled", "readonly"];
-  function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_3$o = ["id", "name", "placeholder", "value", "disabled", "readonly"];
+  function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_icon = vue.resolveComponent("el-icon");
     const _component_el_input = vue.resolveComponent("el-input");
     const _component_el_tooltip = vue.resolveComponent("el-tooltip");
@@ -10875,7 +10853,7 @@
             onFocus: _cache[4] || (_cache[4] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
             onInput: _cache[5] || (_cache[5] = (...args) => _ctx.handleEndInput && _ctx.handleEndInput(...args)),
             onChange: _cache[6] || (_cache[6] = (...args) => _ctx.handleEndChange && _ctx.handleEndChange(...args))
-          }, null, 40, _hoisted_3$n),
+          }, null, 40, _hoisted_3$o),
           _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
             key: 1,
             class: vue.normalizeClass(["el-input__icon el-range__close-icon", {
@@ -10911,7 +10889,7 @@
       _: 3
     }, 16, ["visible", "popper-class", "popper-options", "onBeforeShow", "onShow", "onHide"]);
   }
-  var CommonPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1P, [["render", _sfc_render$1s]]);
+  var CommonPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1P, [["render", _sfc_render$1q]]);
 
   const nodeList = /* @__PURE__ */ new Map();
   let startClick;
@@ -11419,8 +11397,8 @@
   });
   const _hoisted_1$T = ["onClick"];
   const _hoisted_2$D = ["onMouseenter"];
-  const _hoisted_3$m = { class: "el-time-spinner__list" };
-  function _sfc_render$1r(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_3$n = { class: "el-time-spinner__list" };
+  function _sfc_render$1p(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_scrollbar = vue.resolveComponent("el-scrollbar");
     const _component_arrow_up = vue.resolveComponent("arrow-up");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -11482,7 +11460,7 @@
           })), [
             [_directive_repeat_click, _ctx.onIncreaseClick]
           ]),
-          vue.createElementVNode("ul", _hoisted_3$m, [
+          vue.createElementVNode("ul", _hoisted_3$n, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.arrowListMap[item].value, (time, key) => {
               return vue.openBlock(), vue.createElementBlock("li", {
                 key,
@@ -11505,7 +11483,7 @@
       }), 128)) : vue.createCommentVNode("v-if", true)
     ], 2);
   }
-  var TimeSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$1O, [["render", _sfc_render$1r]]);
+  var TimeSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$1O, [["render", _sfc_render$1p]]);
 
   const _sfc_main$1N = vue.defineComponent({
     components: {
@@ -11674,7 +11652,7 @@
     class: "el-time-panel"
   };
   const _hoisted_2$C = { class: "el-time-panel__footer" };
-  function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_time_spinner = vue.resolveComponent("time-spinner");
     return vue.openBlock(), vue.createBlock(vue.Transition, { name: _ctx.transitionName }, {
       default: vue.withCtx(() => [
@@ -11714,7 +11692,7 @@
       _: 1
     }, 8, ["name"]);
   }
-  var TimePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1N, [["render", _sfc_render$1q]]);
+  var TimePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1N, [["render", _sfc_render$1o]]);
 
   const makeSelectRange = (start, end) => {
     const result = [];
@@ -11952,17 +11930,17 @@
     class: "el-time-range-picker el-picker-panel"
   };
   const _hoisted_2$B = { class: "el-time-range-picker__content" };
-  const _hoisted_3$l = { class: "el-time-range-picker__cell" };
+  const _hoisted_3$m = { class: "el-time-range-picker__cell" };
   const _hoisted_4$f = { class: "el-time-range-picker__header" };
   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$1p(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1n(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_time_spinner = vue.resolveComponent("time-spinner");
     return _ctx.actualVisible ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$R, [
       vue.createElementVNode("div", _hoisted_2$B, [
-        vue.createElementVNode("div", _hoisted_3$l, [
+        vue.createElementVNode("div", _hoisted_3$m, [
           vue.createElementVNode("div", _hoisted_4$f, vue.toDisplayString(_ctx.t("el.datepicker.startTime")), 1),
           vue.createElementVNode("div", {
             class: vue.normalizeClass([{ "has-seconds": _ctx.showSeconds, "is-arrow": _ctx.arrowControl }, "el-time-range-picker__body el-time-panel__content"])
@@ -12020,7 +11998,7 @@
       ])
     ])) : vue.createCommentVNode("v-if", true);
   }
-  var TimeRangePanel = /* @__PURE__ */ _export_sfc(_sfc_main$1M, [["render", _sfc_render$1p]]);
+  var TimeRangePanel = /* @__PURE__ */ _export_sfc(_sfc_main$1M, [["render", _sfc_render$1n]]);
 
   dayjs.extend(customParseFormat);
   var TimePicker = vue.defineComponent({
@@ -12216,7 +12194,7 @@
   });
   const _hoisted_1$Q = { key: 0 };
   const _hoisted_2$A = ["onClick"];
-  function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1m(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("table", {
       class: vue.normalizeClass([_ctx.nsTable.b(), _ctx.nsTable.is("range", _ctx.isInRange)]),
       cellspacing: "0",
@@ -12258,7 +12236,7 @@
       ])
     ], 2);
   }
-  var DateTable$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["render", _sfc_render$1o]]);
+  var DateTable$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["render", _sfc_render$1m]]);
 
   const calendarProps = buildProps({
     modelValue: {
@@ -12417,7 +12395,7 @@
       };
     }
   });
-  function _sfc_render$1n(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_button = vue.resolveComponent("el-button");
     const _component_el_button_group = vue.resolveComponent("el-button-group");
     const _component_date_table = vue.resolveComponent("date-table");
@@ -12510,7 +12488,7 @@
       ], 2))
     ], 2);
   }
-  var Calendar = /* @__PURE__ */ _export_sfc(_sfc_main$1K, [["render", _sfc_render$1n]]);
+  var Calendar = /* @__PURE__ */ _export_sfc(_sfc_main$1K, [["render", _sfc_render$1l]]);
 
   const ElCalendar = withInstall(Calendar);
 
@@ -12529,11 +12507,11 @@
     }
   });
 
-  const __default__$i = {
+  const __default__$k = {
     name: "ElCard"
   };
   const _sfc_main$1J = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$i,
+    ...__default__$k,
     props: cardProps,
     setup(__props) {
       const ns = useNamespace("card");
@@ -12563,75 +12541,80 @@
 
   const ElCard = withInstall(Card);
 
-  const _sfc_main$1I = vue.defineComponent({
-    name: "ElCarousel",
-    components: {
-      ElIcon,
-      ArrowLeft: arrowLeft,
-      ArrowRight: arrowRight
+  const carouselProps = buildProps({
+    initialIndex: {
+      type: Number,
+      default: 0
     },
-    props: {
-      initialIndex: {
-        type: Number,
-        default: 0
-      },
-      height: { type: String, default: "" },
-      trigger: {
-        type: String,
-        default: "hover"
-      },
-      autoplay: {
-        type: Boolean,
-        default: true
-      },
-      interval: {
-        type: Number,
-        default: 3e3
-      },
-      indicatorPosition: { type: String, default: "" },
-      indicator: {
-        type: Boolean,
-        default: true
-      },
-      arrow: {
-        type: String,
-        default: "hover"
-      },
-      type: { type: String, default: "" },
-      loop: {
-        type: Boolean,
-        default: true
-      },
-      direction: {
-        type: String,
-        default: "horizontal",
-        validator(val) {
-          return ["horizontal", "vertical"].includes(val);
-        }
-      },
-      pauseOnHover: {
-        type: Boolean,
-        default: true
+    height: { type: String, default: "" },
+    trigger: {
+      type: String,
+      default: "hover"
+    },
+    autoplay: {
+      type: Boolean,
+      default: true
+    },
+    interval: {
+      type: Number,
+      default: 3e3
+    },
+    indicatorPosition: { type: String, default: "" },
+    indicator: {
+      type: Boolean,
+      default: true
+    },
+    arrow: {
+      type: String,
+      default: "hover"
+    },
+    type: { type: String, default: "" },
+    loop: {
+      type: Boolean,
+      default: true
+    },
+    direction: {
+      type: String,
+      default: "horizontal",
+      validator(val) {
+        return ["horizontal", "vertical"].includes(val);
       }
     },
-    emits: ["change"],
-    setup(props, { emit }) {
+    pauseOnHover: {
+      type: Boolean,
+      default: true
+    }
+  });
+  const carouselEmits = {
+    change: (current, prev) => [current, prev].every(isNumber)
+  };
+
+  const _hoisted_1$P = ["onMouseenter", "onMouseleave"];
+  const _hoisted_2$z = ["onMouseenter", "onClick"];
+  const _hoisted_3$l = { key: 0 };
+  const __default__$j = {
+    name: "ElCarousel"
+  };
+  const _sfc_main$1I = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$j,
+    props: carouselProps,
+    emits: carouselEmits,
+    setup(__props, { expose, emit }) {
+      const props = __props;
       const ns = useNamespace("carousel");
-      const data = vue.reactive({
-        activeIndex: -1,
-        containerWidth: 0,
-        timer: null,
-        hover: false
-      });
-      const root = vue.ref(null);
+      const THROTTLE_TIME = 300;
+      const activeIndex = vue.ref(-1);
+      const timer = vue.ref(null);
+      const hover = vue.ref(false);
+      const root = vue.ref();
       const items = vue.ref([]);
-      const arrowDisplay = vue.computed(() => props.arrow !== "never" && props.direction !== "vertical");
+      const arrowDisplay = vue.computed(() => props.arrow !== "never" && !vue.unref(isVertical));
       const hasLabel = vue.computed(() => {
-        return items.value.some((item) => item.label.toString().length > 0);
+        return items.value.some((item) => item.props.label.toString().length > 0);
       });
       const carouselClasses = vue.computed(() => {
         const classes = [ns.b(), ns.m(props.direction)];
-        if (props.type === "card") {
+        if (vue.unref(isCardType)) {
           classes.push(ns.m("card"));
         }
         return classes;
@@ -12641,38 +12624,40 @@
         if (hasLabel.value) {
           classes.push(ns.em("indicators", "labels"));
         }
-        if (props.indicatorPosition === "outside" || props.type === "card") {
+        if (props.indicatorPosition === "outside" || vue.unref(isCardType)) {
           classes.push(ns.em("indicators", "outside"));
         }
         return classes;
       });
+      const isCardType = vue.computed(() => props.type === "card");
+      const isVertical = vue.computed(() => props.direction === "vertical");
       const throttledArrowClick = throttle((index) => {
         setActiveItem(index);
-      }, 300, { trailing: true });
+      }, THROTTLE_TIME, { trailing: true });
       const throttledIndicatorHover = throttle((index) => {
         handleIndicatorHover(index);
-      }, 300);
+      }, THROTTLE_TIME);
       function pauseTimer() {
-        if (data.timer) {
-          clearInterval(data.timer);
-          data.timer = null;
+        if (timer.value) {
+          clearInterval(timer.value);
+          timer.value = null;
         }
       }
       function startTimer() {
-        if (props.interval <= 0 || !props.autoplay || data.timer)
+        if (props.interval <= 0 || !props.autoplay || timer.value)
           return;
-        data.timer = setInterval(() => playSlides(), props.interval);
+        timer.value = setInterval(() => playSlides(), props.interval);
       }
       const playSlides = () => {
-        if (data.activeIndex < items.value.length - 1) {
-          data.activeIndex = data.activeIndex + 1;
+        if (activeIndex.value < items.value.length - 1) {
+          activeIndex.value = activeIndex.value + 1;
         } else if (props.loop) {
-          data.activeIndex = 0;
+          activeIndex.value = 0;
         }
       };
       function setActiveItem(index) {
-        if (typeof index === "string") {
-          const filteredItems = items.value.filter((item) => item.name === index);
+        if (isString(index)) {
+          const filteredItems = items.value.filter((item) => item.props.name === index);
           if (filteredItems.length > 0) {
             index = items.value.indexOf(filteredItems[0]);
           }
@@ -12681,22 +12666,22 @@
         if (Number.isNaN(index) || index !== Math.floor(index)) {
           return;
         }
-        const length = items.value.length;
-        const oldIndex = data.activeIndex;
+        const itemCount = items.value.length;
+        const oldIndex = activeIndex.value;
         if (index < 0) {
-          data.activeIndex = props.loop ? length - 1 : 0;
-        } else if (index >= length) {
-          data.activeIndex = props.loop ? 0 : length - 1;
+          activeIndex.value = props.loop ? itemCount - 1 : 0;
+        } else if (index >= itemCount) {
+          activeIndex.value = props.loop ? 0 : itemCount - 1;
         } else {
-          data.activeIndex = index;
+          activeIndex.value = index;
         }
-        if (oldIndex === data.activeIndex) {
+        if (oldIndex === activeIndex.value) {
           resetItemPosition(oldIndex);
         }
       }
       function resetItemPosition(oldIndex) {
         items.value.forEach((item, index) => {
-          item.translateItem(index, data.activeIndex, oldIndex);
+          item.translateItem(index, activeIndex.value, oldIndex);
         });
       }
       function addItem(item) {
@@ -12706,267 +12691,267 @@
         const index = items.value.findIndex((item) => item.uid === uid);
         if (index !== -1) {
           items.value.splice(index, 1);
-          if (data.activeIndex === index)
+          if (activeIndex.value === index)
             next();
         }
       }
       function itemInStage(item, index) {
-        const length = items.value.length;
-        if (index === length - 1 && item.inStage && items.value[0].active || item.inStage && items.value[index + 1] && items.value[index + 1].active) {
+        var _a, _b, _c, _d;
+        const _items = vue.unref(items);
+        const itemCount = _items.length;
+        if (itemCount === 0 || !item.states.inStage)
+          return false;
+        const nextItemIndex = index + 1;
+        const prevItemIndex = index - 1;
+        const lastItemIndex = itemCount - 1;
+        const isLastItemActive = _items[lastItemIndex].states.active;
+        const isFirstItemActive = _items[0].states.active;
+        const isNextItemActive = (_b = (_a = _items[nextItemIndex]) == null ? void 0 : _a.states) == null ? void 0 : _b.active;
+        const isPrevItemActive = (_d = (_c = _items[prevItemIndex]) == null ? void 0 : _c.states) == null ? void 0 : _d.active;
+        if (index === lastItemIndex && isFirstItemActive || isNextItemActive) {
           return "left";
-        } else if (index === 0 && item.inStage && items.value[length - 1].active || item.inStage && items.value[index - 1] && items.value[index - 1].active) {
+        } else if (index === 0 && isLastItemActive || isPrevItemActive) {
           return "right";
         }
         return false;
       }
       function handleMouseEnter() {
-        data.hover = true;
+        hover.value = true;
         if (props.pauseOnHover) {
           pauseTimer();
         }
       }
       function handleMouseLeave() {
-        data.hover = false;
+        hover.value = false;
         startTimer();
       }
       function handleButtonEnter(arrow) {
-        if (props.direction === "vertical")
+        if (vue.unref(isVertical))
           return;
         items.value.forEach((item, index) => {
           if (arrow === itemInStage(item, index)) {
-            item.hover = true;
+            item.states.hover = true;
           }
         });
       }
       function handleButtonLeave() {
-        if (props.direction === "vertical")
+        if (vue.unref(isVertical))
           return;
         items.value.forEach((item) => {
-          item.hover = false;
+          item.states.hover = false;
         });
       }
       function handleIndicatorClick(index) {
-        data.activeIndex = index;
+        activeIndex.value = index;
       }
       function handleIndicatorHover(index) {
-        if (props.trigger === "hover" && index !== data.activeIndex) {
-          data.activeIndex = index;
+        if (props.trigger === "hover" && index !== activeIndex.value) {
+          activeIndex.value = index;
         }
       }
       function prev() {
-        setActiveItem(data.activeIndex - 1);
+        setActiveItem(activeIndex.value - 1);
       }
       function next() {
-        setActiveItem(data.activeIndex + 1);
+        setActiveItem(activeIndex.value + 1);
       }
-      vue.watch(() => data.activeIndex, (current, prev2) => {
+      vue.watch(() => activeIndex.value, (current, prev2) => {
         resetItemPosition(prev2);
         if (prev2 > -1) {
           emit("change", current, prev2);
         }
       });
-      vue.watch(() => props.autoplay, (current) => {
-        current ? startTimer() : pauseTimer();
+      vue.watch(() => props.autoplay, (autoplay) => {
+        autoplay ? startTimer() : pauseTimer();
       });
       vue.watch(() => props.loop, () => {
-        setActiveItem(data.activeIndex);
+        setActiveItem(activeIndex.value);
       });
-      vue.onMounted(() => {
-        vue.nextTick(() => {
-          addResizeListener(root.value, resetItemPosition);
-          if (props.initialIndex < items.value.length && props.initialIndex >= 0) {
-            data.activeIndex = props.initialIndex;
-          }
-          startTimer();
+      const resizeObserver = vue.shallowRef();
+      vue.onMounted(async () => {
+        await vue.nextTick();
+        resizeObserver.value = useResizeObserver(root.value, () => {
+          resetItemPosition();
         });
+        if (props.initialIndex < items.value.length && props.initialIndex >= 0) {
+          activeIndex.value = props.initialIndex;
+        }
+        startTimer();
       });
       vue.onBeforeUnmount(() => {
-        if (root.value)
-          removeResizeListener(root.value, resetItemPosition);
         pauseTimer();
+        if (root.value && resizeObserver.value)
+          resizeObserver.value.stop();
       });
-      vue.provide("injectCarouselScope", {
+      vue.provide(carouselContextKey, {
         root,
-        direction: props.direction,
-        type: props.type,
+        isCardType,
+        isVertical,
         items,
         loop: props.loop,
         addItem,
         removeItem,
         setActiveItem
       });
-      return {
-        data,
-        props,
-        items,
-        arrowDisplay,
-        carouselClasses,
-        indicatorsClasses,
-        hasLabel,
-        handleMouseEnter,
-        handleMouseLeave,
-        handleIndicatorClick,
-        throttledArrowClick,
-        throttledIndicatorHover,
-        handleButtonEnter,
-        handleButtonLeave,
-        prev,
-        next,
+      expose({
         setActiveItem,
-        root,
-        ns
+        prev,
+        next
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          ref_key: "root",
+          ref: root,
+          class: vue.normalizeClass(vue.unref(carouselClasses)),
+          onMouseenter: vue.withModifiers(handleMouseEnter, ["stop"]),
+          onMouseleave: vue.withModifiers(handleMouseLeave, ["stop"])
+        }, [
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(vue.unref(ns).e("container")),
+            style: vue.normalizeStyle({ height: _ctx.height })
+          }, [
+            vue.unref(arrowDisplay) ? (vue.openBlock(), vue.createBlock(vue.Transition, {
+              key: 0,
+              name: "carousel-arrow-left"
+            }, {
+              default: vue.withCtx(() => [
+                vue.withDirectives(vue.createElementVNode("button", {
+                  type: "button",
+                  class: vue.normalizeClass([vue.unref(ns).e("arrow"), vue.unref(ns).em("arrow", "left")]),
+                  onMouseenter: _cache[0] || (_cache[0] = ($event) => handleButtonEnter("left")),
+                  onMouseleave: handleButtonLeave,
+                  onClick: _cache[1] || (_cache[1] = vue.withModifiers(($event) => vue.unref(throttledArrowClick)(activeIndex.value - 1), ["stop"]))
+                }, [
+                  vue.createVNode(vue.unref(ElIcon), null, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(vue.unref(arrowLeft))
+                    ]),
+                    _: 1
+                  })
+                ], 34), [
+                  [
+                    vue.vShow,
+                    (_ctx.arrow === "always" || hover.value) && (props.loop || activeIndex.value > 0)
+                  ]
+                ])
+              ]),
+              _: 1
+            })) : vue.createCommentVNode("v-if", true),
+            vue.unref(arrowDisplay) ? (vue.openBlock(), vue.createBlock(vue.Transition, {
+              key: 1,
+              name: "carousel-arrow-right"
+            }, {
+              default: vue.withCtx(() => [
+                vue.withDirectives(vue.createElementVNode("button", {
+                  type: "button",
+                  class: vue.normalizeClass([vue.unref(ns).e("arrow"), vue.unref(ns).em("arrow", "right")]),
+                  onMouseenter: _cache[2] || (_cache[2] = ($event) => handleButtonEnter("right")),
+                  onMouseleave: handleButtonLeave,
+                  onClick: _cache[3] || (_cache[3] = vue.withModifiers(($event) => vue.unref(throttledArrowClick)(activeIndex.value + 1), ["stop"]))
+                }, [
+                  vue.createVNode(vue.unref(ElIcon), null, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(vue.unref(arrowRight))
+                    ]),
+                    _: 1
+                  })
+                ], 34), [
+                  [
+                    vue.vShow,
+                    (_ctx.arrow === "always" || hover.value) && (props.loop || activeIndex.value < items.value.length - 1)
+                  ]
+                ])
+              ]),
+              _: 1
+            })) : vue.createCommentVNode("v-if", true),
+            vue.renderSlot(_ctx.$slots, "default")
+          ], 6),
+          _ctx.indicatorPosition !== "none" ? (vue.openBlock(), vue.createElementBlock("ul", {
+            key: 0,
+            class: vue.normalizeClass(vue.unref(indicatorsClasses))
+          }, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items.value, (item, index) => {
+              return vue.openBlock(), vue.createElementBlock("li", {
+                key: index,
+                class: vue.normalizeClass([
+                  vue.unref(ns).e("indicator"),
+                  vue.unref(ns).em("indicator", _ctx.direction),
+                  vue.unref(ns).is("active", index === activeIndex.value)
+                ]),
+                onMouseenter: ($event) => vue.unref(throttledIndicatorHover)(index),
+                onClick: vue.withModifiers(($event) => handleIndicatorClick(index), ["stop"])
+              }, [
+                vue.createElementVNode("button", {
+                  class: vue.normalizeClass(vue.unref(ns).e("button"))
+                }, [
+                  vue.unref(hasLabel) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$l, vue.toDisplayString(item.props.label), 1)) : vue.createCommentVNode("v-if", true)
+                ], 2)
+              ], 42, _hoisted_2$z);
+            }), 128))
+          ], 2)) : vue.createCommentVNode("v-if", true)
+        ], 42, _hoisted_1$P);
       };
     }
   });
-  const _hoisted_1$P = ["onMouseenter", "onClick"];
-  const _hoisted_2$z = { key: 0 };
-  function _sfc_render$1m(_ctx, _cache, $props, $setup, $data, $options) {
-    const _component_arrow_left = vue.resolveComponent("arrow-left");
-    const _component_el_icon = vue.resolveComponent("el-icon");
-    const _component_arrow_right = vue.resolveComponent("arrow-right");
-    return vue.openBlock(), vue.createElementBlock("div", {
-      ref: "root",
-      class: vue.normalizeClass(_ctx.carouselClasses),
-      onMouseenter: _cache[6] || (_cache[6] = vue.withModifiers((...args) => _ctx.handleMouseEnter && _ctx.handleMouseEnter(...args), ["stop"])),
-      onMouseleave: _cache[7] || (_cache[7] = vue.withModifiers((...args) => _ctx.handleMouseLeave && _ctx.handleMouseLeave(...args), ["stop"]))
-    }, [
-      vue.createElementVNode("div", {
-        class: vue.normalizeClass(_ctx.ns.e("container")),
-        style: vue.normalizeStyle({ height: _ctx.height })
-      }, [
-        _ctx.arrowDisplay ? (vue.openBlock(), vue.createBlock(vue.Transition, {
-          key: 0,
-          name: "carousel-arrow-left"
-        }, {
-          default: vue.withCtx(() => [
-            vue.withDirectives(vue.createElementVNode("button", {
-              type: "button",
-              class: vue.normalizeClass([_ctx.ns.e("arrow"), _ctx.ns.em("arrow", "left")]),
-              onMouseenter: _cache[0] || (_cache[0] = ($event) => _ctx.handleButtonEnter("left")),
-              onMouseleave: _cache[1] || (_cache[1] = (...args) => _ctx.handleButtonLeave && _ctx.handleButtonLeave(...args)),
-              onClick: _cache[2] || (_cache[2] = vue.withModifiers(($event) => _ctx.throttledArrowClick(_ctx.data.activeIndex - 1), ["stop"]))
-            }, [
-              vue.createVNode(_component_el_icon, null, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(_component_arrow_left)
-                ]),
-                _: 1
-              })
-            ], 34), [
-              [
-                vue.vShow,
-                (_ctx.arrow === "always" || _ctx.data.hover) && (_ctx.props.loop || _ctx.data.activeIndex > 0)
-              ]
-            ])
-          ]),
-          _: 1
-        })) : vue.createCommentVNode("v-if", true),
-        _ctx.arrowDisplay ? (vue.openBlock(), vue.createBlock(vue.Transition, {
-          key: 1,
-          name: "carousel-arrow-right"
-        }, {
-          default: vue.withCtx(() => [
-            vue.withDirectives(vue.createElementVNode("button", {
-              type: "button",
-              class: vue.normalizeClass([_ctx.ns.e("arrow"), _ctx.ns.em("arrow", "right")]),
-              onMouseenter: _cache[3] || (_cache[3] = ($event) => _ctx.handleButtonEnter("right")),
-              onMouseleave: _cache[4] || (_cache[4] = (...args) => _ctx.handleButtonLeave && _ctx.handleButtonLeave(...args)),
-              onClick: _cache[5] || (_cache[5] = vue.withModifiers(($event) => _ctx.throttledArrowClick(_ctx.data.activeIndex + 1), ["stop"]))
-            }, [
-              vue.createVNode(_component_el_icon, null, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(_component_arrow_right)
-                ]),
-                _: 1
-              })
-            ], 34), [
-              [
-                vue.vShow,
-                (_ctx.arrow === "always" || _ctx.data.hover) && (_ctx.props.loop || _ctx.data.activeIndex < _ctx.items.length - 1)
-              ]
-            ])
-          ]),
-          _: 1
-        })) : vue.createCommentVNode("v-if", true),
-        vue.renderSlot(_ctx.$slots, "default")
-      ], 6),
-      _ctx.indicatorPosition !== "none" ? (vue.openBlock(), vue.createElementBlock("ul", {
-        key: 0,
-        class: vue.normalizeClass(_ctx.indicatorsClasses)
-      }, [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.items, (item, index) => {
-          return vue.openBlock(), vue.createElementBlock("li", {
-            key: index,
-            class: vue.normalizeClass([
-              _ctx.ns.e("indicator"),
-              _ctx.ns.em("indicator", _ctx.direction),
-              _ctx.ns.is("active", index === _ctx.data.activeIndex)
-            ]),
-            onMouseenter: ($event) => _ctx.throttledIndicatorHover(index),
-            onClick: vue.withModifiers(($event) => _ctx.handleIndicatorClick(index), ["stop"])
-          }, [
-            vue.createElementVNode("button", {
-              class: vue.normalizeClass(_ctx.ns.e("button"))
-            }, [
-              _ctx.hasLabel ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$z, vue.toDisplayString(item.label), 1)) : vue.createCommentVNode("v-if", true)
-            ], 2)
-          ], 42, _hoisted_1$P);
-        }), 128))
-      ], 2)) : vue.createCommentVNode("v-if", true)
-    ], 34);
-  }
-  var Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$1I, [["render", _sfc_render$1m]]);
+  var Carousel = _sfc_main$1I;
 
-  const CARD_SCALE = 0.83;
-  const _sfc_main$1H = vue.defineComponent({
-    name: "ElCarouselItem",
-    props: {
-      name: { type: String, default: "" },
-      label: {
-        type: [String, Number],
-        default: ""
-      }
-    },
-    setup(props) {
+  const carouselItemProps = buildProps({
+    name: { type: String, default: "" },
+    label: {
+      type: [String, Number],
+      default: ""
+    }
+  });
+
+  const __default__$i = {
+    name: "ElCarouselItem"
+  };
+  const _sfc_main$1H = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$i,
+    props: carouselItemProps,
+    setup(__props) {
+      const props = __props;
       const ns = useNamespace("carousel");
+      const carouselContext = vue.inject(carouselContextKey);
       const instance = vue.getCurrentInstance();
-      const data = vue.reactive({
-        hover: false,
-        translate: 0,
-        scale: 1,
-        active: false,
-        ready: false,
-        inStage: false,
-        animating: false
-      });
-      const injectCarouselScope = vue.inject("injectCarouselScope");
-      const parentDirection = vue.computed(() => {
-        return injectCarouselScope.direction;
-      });
+      const CARD_SCALE = 0.83;
+      const hover = vue.ref(false);
+      const translate = vue.ref(0);
+      const scale = vue.ref(1);
+      const active = vue.ref(false);
+      const ready = vue.ref(false);
+      const inStage = vue.ref(false);
+      const animating = vue.ref(false);
+      const { isCardType, isVertical } = carouselContext;
       const itemStyle = vue.computed(() => {
-        const translateType = parentDirection.value === "vertical" ? "translateY" : "translateX";
-        const value = `${translateType}(${data.translate}px) scale(${data.scale})`;
-        const style = {
-          transform: value
+        const translateType = `translate${vue.unref(isVertical) ? "Y" : "X"}`;
+        const _translate = `${translateType}(${vue.unref(translate)}px)`;
+        const _scale = `scale(${vue.unref(scale)})`;
+        const transform = [_translate, _scale].join(" ");
+        return {
+          transform
         };
-        return style;
       });
       function processIndex(index, activeIndex, length) {
-        if (activeIndex === 0 && index === length - 1) {
+        const lastItemIndex = length - 1;
+        const prevItemIndex = activeIndex - 1;
+        const nextItemIndex = activeIndex + 1;
+        const halfItemIndex = length / 2;
+        if (activeIndex === 0 && index === lastItemIndex) {
           return -1;
-        } else if (activeIndex === length - 1 && index === 0) {
+        } else if (activeIndex === lastItemIndex && index === 0) {
           return length;
-        } else if (index < activeIndex - 1 && activeIndex - index >= length / 2) {
+        } else if (index < prevItemIndex && activeIndex - index >= halfItemIndex) {
           return length + 1;
-        } else if (index > activeIndex + 1 && index - activeIndex >= length / 2) {
+        } else if (index > nextItemIndex && index - activeIndex >= halfItemIndex) {
           return -2;
         }
         return index;
       }
       function calcCardTranslate(index, activeIndex) {
         var _a;
-        const parentWidth = ((_a = injectCarouselScope.root.value) == null ? void 0 : _a.offsetWidth) || 0;
-        if (data.inStage) {
+        const parentWidth = ((_a = carouselContext.root.value) == null ? void 0 : _a.offsetWidth) || 0;
+        if (inStage.value) {
           return parentWidth * ((2 - CARD_SCALE) * (index - activeIndex) + 1) / 4;
         } else if (index < activeIndex) {
           return -(1 + CARD_SCALE) * parentWidth / 4;
@@ -12974,89 +12959,87 @@
           return (3 + CARD_SCALE) * parentWidth / 4;
         }
       }
-      function calcTranslate(index, activeIndex, isVertical) {
-        var _a, _b;
-        const distance = (isVertical ? (_a = injectCarouselScope.root.value) == null ? void 0 : _a.offsetHeight : (_b = injectCarouselScope.root.value) == null ? void 0 : _b.offsetWidth) || 0;
+      function calcTranslate(index, activeIndex, isVertical2) {
+        const rootEl = carouselContext.root.value;
+        if (!rootEl)
+          return 0;
+        const distance = (isVertical2 ? rootEl.offsetHeight : rootEl.offsetWidth) || 0;
         return distance * (index - activeIndex);
       }
       const translateItem = (index, activeIndex, oldIndex) => {
-        const parentType = injectCarouselScope.type;
-        const length = injectCarouselScope.items.value.length;
-        if (parentType !== "card" && oldIndex !== void 0) {
-          data.animating = index === activeIndex || index === oldIndex;
-        }
-        if (index !== activeIndex && length > 2 && injectCarouselScope.loop) {
-          index = processIndex(index, activeIndex, length);
-        }
-        if (parentType === "card") {
-          if (parentDirection.value === "vertical") ;
-          data.inStage = Math.round(Math.abs(index - activeIndex)) <= 1;
-          data.active = index === activeIndex;
-          data.translate = calcCardTranslate(index, activeIndex);
-          data.scale = data.active ? 1 : CARD_SCALE;
+        var _a;
+        const _isCardType = vue.unref(isCardType);
+        const carouselItemLength = (_a = carouselContext.items.value.length) != null ? _a : Number.NaN;
+        const isActive = index === activeIndex;
+        if (!_isCardType && !isUndefined(oldIndex)) {
+          animating.value = isActive || index === oldIndex;
+        }
+        if (!isActive && carouselItemLength > 2 && carouselContext.loop) {
+          index = processIndex(index, activeIndex, carouselItemLength);
+        }
+        const _isVertical = vue.unref(isVertical);
+        active.value = isActive;
+        if (_isCardType) {
+          inStage.value = Math.round(Math.abs(index - activeIndex)) <= 1;
+          translate.value = calcCardTranslate(index, activeIndex);
+          scale.value = vue.unref(active) ? 1 : CARD_SCALE;
         } else {
-          data.active = index === activeIndex;
-          const isVertical = parentDirection.value === "vertical";
-          data.translate = calcTranslate(index, activeIndex, isVertical);
+          translate.value = calcTranslate(index, activeIndex, _isVertical);
         }
-        data.ready = true;
+        ready.value = true;
       };
       function handleItemClick() {
-        if (injectCarouselScope && injectCarouselScope.type === "card") {
-          const index = injectCarouselScope.items.value.map((d) => d.uid).indexOf(instance.uid);
-          injectCarouselScope.setActiveItem(index);
+        if (carouselContext && vue.unref(isCardType)) {
+          const index = carouselContext.items.value.findIndex(({ uid }) => uid === instance.uid);
+          carouselContext.setActiveItem(index);
         }
       }
       vue.onMounted(() => {
-        if (injectCarouselScope.addItem) {
-          injectCarouselScope.addItem({
-            uid: instance.uid,
-            ...props,
-            ...vue.toRefs(data),
-            translateItem
-          });
-        }
+        carouselContext.addItem({
+          props,
+          states: vue.reactive({
+            hover,
+            translate,
+            scale,
+            active,
+            ready,
+            inStage,
+            animating
+          }),
+          uid: instance.uid,
+          translateItem
+        });
       });
       vue.onUnmounted(() => {
-        if (injectCarouselScope.removeItem) {
-          injectCarouselScope.removeItem(instance.uid);
-        }
+        carouselContext.removeItem(instance.uid);
       });
-      return {
-        data,
-        itemStyle,
-        translateItem,
-        type: injectCarouselScope.type,
-        handleItemClick,
-        ns
+      return (_ctx, _cache) => {
+        return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass([
+            vue.unref(ns).e("item"),
+            vue.unref(ns).is("active", active.value),
+            vue.unref(ns).is("in-stage", inStage.value),
+            vue.unref(ns).is("hover", hover.value),
+            vue.unref(ns).is("animating", animating.value),
+            { [vue.unref(ns).em("item", "card")]: vue.unref(isCardType) }
+          ]),
+          style: vue.normalizeStyle(vue.unref(itemStyle)),
+          onClick: handleItemClick
+        }, [
+          vue.unref(isCardType) ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: vue.normalizeClass(vue.unref(ns).e("mask"))
+          }, null, 2)), [
+            [vue.vShow, !active.value]
+          ]) : vue.createCommentVNode("v-if", true),
+          vue.renderSlot(_ctx.$slots, "default")
+        ], 6)), [
+          [vue.vShow, ready.value]
+        ]);
       };
     }
   });
-  function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-      class: vue.normalizeClass([
-        _ctx.ns.e("item"),
-        _ctx.ns.is("active", _ctx.data.active),
-        _ctx.ns.is("in-stage", _ctx.data.inStage),
-        _ctx.ns.is("hover", _ctx.data.hover),
-        _ctx.ns.is("animating", _ctx.data.animating),
-        { [_ctx.ns.em("item", "card")]: _ctx.type === "card" }
-      ]),
-      style: vue.normalizeStyle(_ctx.itemStyle),
-      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleItemClick && _ctx.handleItemClick(...args))
-    }, [
-      _ctx.type === "card" ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-        key: 0,
-        class: vue.normalizeClass(_ctx.ns.e("mask"))
-      }, null, 2)), [
-        [vue.vShow, !_ctx.data.active]
-      ]) : vue.createCommentVNode("v-if", true),
-      vue.renderSlot(_ctx.$slots, "default")
-    ], 6)), [
-      [vue.vShow, _ctx.data.ready]
-    ]);
-  }
-  var CarouselItem = /* @__PURE__ */ _export_sfc(_sfc_main$1H, [["render", _sfc_render$1l]]);
+  var CarouselItem = _sfc_main$1H;
 
   const ElCarousel = withInstall(Carousel, {
     CarouselItem
@@ -14847,9 +14830,9 @@
       }
     ]
   };
-  const COMPONENT_NAME$c = "ElCascader";
+  const COMPONENT_NAME$d = "ElCascader";
   const _sfc_main$1w = vue.defineComponent({
-    name: COMPONENT_NAME$c,
+    name: COMPONENT_NAME$d,
     components: {
       ElCascaderPanel: _CascaderPanel,
       ElInput,
@@ -14923,7 +14906,7 @@
     setup(props, { emit }) {
       let inputInitialHeight = 0;
       let pressDeleteCount = 0;
-      const { compatTeleported } = useDeprecateAppendToBody(COMPONENT_NAME$c, "popperAppendToBody");
+      const { compatTeleported } = useDeprecateAppendToBody(COMPONENT_NAME$d, "popperAppendToBody");
       const nsCascader = useNamespace("cascader");
       const nsInput = useNamespace("input");
       const { t } = useLocale();
@@ -22272,7 +22255,7 @@
         fields.push(field);
       };
       const removeField = (field) => {
-        if (!field.prop) {
+        if (field.prop) {
           fields.splice(fields.indexOf(field), 1);
         }
       };
@@ -22321,6 +22304,7 @@
         return Promise.reject(validationErrors);
       };
       const validateField = async (modelProps = [], callback) => {
+        const shouldThrow = !isFunction(callback);
         try {
           const result = await doValidateField(modelProps);
           if (result === true) {
@@ -22333,7 +22317,7 @@
             scrollToField(Object.keys(invalidFields)[0]);
           }
           callback == null ? void 0 : callback(false, invalidFields);
-          return Promise.reject(invalidFields);
+          return shouldThrow && Promise.reject(invalidFields);
         }
       };
       const scrollToField = (prop) => {
@@ -23420,9 +23404,9 @@
     }
   });
 
-  const COMPONENT_NAME$b = "ElLabelWrap";
+  const COMPONENT_NAME$c = "ElLabelWrap";
   var FormLabelWrap = vue.defineComponent({
-    name: COMPONENT_NAME$b,
+    name: COMPONENT_NAME$c,
     props: {
       isAutoWidth: Boolean,
       updateAll: Boolean
@@ -23433,7 +23417,7 @@
       const formContext = vue.inject(formContextKey);
       const formItemContext = vue.inject(formItemContextKey);
       if (!formContext || !formItemContext)
-        throwError(COMPONENT_NAME$b, "usage: <el-form><el-form-item><label-wrap /></el-form-item></el-form>");
+        throwError(COMPONENT_NAME$c, "usage: <el-form><el-form-item><label-wrap /></el-form-item></el-form>");
       const ns = useNamespace("form");
       const el = vue.ref();
       const computedWidth = vue.ref(0);
@@ -23618,7 +23602,11 @@
         }
         setValidationState("error");
         validateMessage.value = errors ? (_b = (_a = errors == null ? void 0 : errors[0]) == null ? void 0 : _a.message) != null ? _b : `${props.prop} is required` : "";
-        formContext.emit("validate", props.prop, !errors, validateMessage.value);
+        formContext.emit("validate", props.prop, false, validateMessage.value);
+      };
+      const onValidationSucceeded = () => {
+        setValidationState("success");
+        formContext.emit("validate", props.prop, true, "");
       };
       const doValidate = async (rules) => {
         const modelName = propString.value;
@@ -23626,7 +23614,7 @@
           [modelName]: rules
         });
         return validator.validate({ [modelName]: fieldValue.value }, { firstFields: true }).then(() => {
-          setValidationState("success");
+          onValidationSucceeded();
           return true;
         }).catch((err) => {
           onValidationFailed(err);
@@ -23634,11 +23622,16 @@
         });
       };
       const validate = async (trigger, callback) => {
-        if (!validateEnabled.value)
+        const hasCallback = isFunction(callback);
+        if (!validateEnabled.value) {
+          callback == null ? void 0 : callback(false);
           return false;
+        }
         const rules = getFilteredRule(trigger);
-        if (rules.length === 0)
+        if (rules.length === 0) {
+          callback == null ? void 0 : callback(true);
           return true;
+        }
         setValidationState("validating");
         return doValidate(rules).then(() => {
           callback == null ? void 0 : callback(true);
@@ -23646,7 +23639,7 @@
         }).catch((err) => {
           const { fields } = err;
           callback == null ? void 0 : callback(false, fields);
-          return Promise.reject(fields);
+          return hasCallback ? false : Promise.reject(fields);
         });
       };
       const clearValidate = () => {
@@ -24631,6 +24624,11 @@
       const setCurrentValue = (newVal) => {
         var _a;
         const oldVal = data.currentValue;
+        if (props.stepStrictly) {
+          const stepPrecision = getPrecision(props.step);
+          const precisionFactor = 10 ** stepPrecision;
+          newVal = Math.round(newVal / props.step) * precisionFactor * props.step / precisionFactor;
+        }
         if (typeof newVal === "number" && props.precision !== void 0) {
           newVal = toPrecision(newVal, props.precision);
         }
@@ -25159,19 +25157,19 @@
       default: 6
     }
   });
-  const COMPONENT_NAME$a = "ElSubMenu";
+  const COMPONENT_NAME$b = "ElSubMenu";
   var SubMenu = vue.defineComponent({
-    name: COMPONENT_NAME$a,
+    name: COMPONENT_NAME$b,
     props: subMenuProps,
     setup(props, { slots, expose }) {
       const instance = vue.getCurrentInstance();
       const { paddingStyle, indexPath, parentMenu } = useMenu(instance, vue.computed(() => props.index));
       const rootMenu = vue.inject("rootMenu");
       if (!rootMenu)
-        throwError(COMPONENT_NAME$a, "can not inject root menu");
+        throwError(COMPONENT_NAME$b, "can not inject root menu");
       const subMenu = vue.inject(`subMenu:${parentMenu.value.uid}`);
       if (!subMenu)
-        throwError(COMPONENT_NAME$a, "can not inject sub menu");
+        throwError(COMPONENT_NAME$b, "can not inject sub menu");
       const items = vue.ref({});
       const subMenus = vue.ref({});
       let timeout;
@@ -25663,7 +25661,7 @@
             "el-menu--horizontal": props.mode === "horizontal",
             "el-menu--collapse": props.collapse
           }
-        }, [...slot.map((vnode) => resizeMenu(vnode)), ...vShowMore]));
+        }, [...slot, ...vShowMore]));
         if (props.collapseTransition && props.mode === "vertical") {
           return vue.h(ElMenuCollapseTransition, () => vMenu);
         }
@@ -25686,9 +25684,9 @@
     click: (item) => isString(item.index) && Array.isArray(item.indexPath)
   };
 
-  const COMPONENT_NAME$9 = "ElMenuItem";
+  const COMPONENT_NAME$a = "ElMenuItem";
   const _sfc_main$O = vue.defineComponent({
-    name: COMPONENT_NAME$9,
+    name: COMPONENT_NAME$a,
     components: {
       ElTooltip
     },
@@ -25698,11 +25696,11 @@
       const instance = vue.getCurrentInstance();
       const rootMenu = vue.inject("rootMenu");
       if (!rootMenu)
-        throwError(COMPONENT_NAME$9, "can not inject root menu");
+        throwError(COMPONENT_NAME$a, "can not inject root menu");
       const { parentMenu, paddingStyle, indexPath } = useMenu(instance, vue.toRef(props, "index"));
       const subMenu = vue.inject(`subMenu:${parentMenu.value.uid}`);
       if (!subMenu)
-        throwError(COMPONENT_NAME$9, "can not inject sub menu");
+        throwError(COMPONENT_NAME$a, "can not inject sub menu");
       const active = vue.computed(() => props.index === rootMenu.activeIndex);
       const item = vue.reactive({
         index: props.index,
@@ -25754,6 +25752,7 @@
         key: 0,
         effect: _ctx.Effect.DARK,
         placement: "right",
+        "fallback-placements": ["left"],
         persistent: ""
       }, {
         content: vue.withCtx(() => [
@@ -25777,15 +25776,15 @@
     title: String
   };
 
-  const COMPONENT_NAME$8 = "ElMenuItemGroup";
+  const COMPONENT_NAME$9 = "ElMenuItemGroup";
   const _sfc_main$N = vue.defineComponent({
-    name: COMPONENT_NAME$8,
+    name: COMPONENT_NAME$9,
     props: menuItemGroupProps,
     setup() {
       const instance = vue.getCurrentInstance();
       const menu = vue.inject("rootMenu");
       if (!menu)
-        throwError(COMPONENT_NAME$8, "can not inject root menu");
+        throwError(COMPONENT_NAME$9, "can not inject root menu");
       const levelPadding = vue.computed(() => {
         if (menu.props.collapse)
           return 20;
@@ -26879,10 +26878,10 @@
     };
   };
 
-  const COMPONENT_NAME$7 = "ElSelect";
+  const COMPONENT_NAME$8 = "ElSelect";
   const _sfc_main$H = vue.defineComponent({
-    name: COMPONENT_NAME$7,
-    componentName: COMPONENT_NAME$7,
+    name: COMPONENT_NAME$8,
+    componentName: COMPONENT_NAME$8,
     components: {
       ElInput,
       ElSelectMenu: ElSelectMenu$1,
@@ -27137,7 +27136,7 @@
         var _a, _b;
         return (_b = (_a = tooltipRef.value) == null ? void 0 : _a.popperRef) == null ? void 0 : _b.contentRef;
       });
-      const { compatTeleported } = useDeprecateAppendToBody(COMPONENT_NAME$7, "popperAppendToBody");
+      const { compatTeleported } = useDeprecateAppendToBody(COMPONENT_NAME$8, "popperAppendToBody");
       return {
         tagInMultiLine,
         prefixWidth,
@@ -28268,9 +28267,9 @@
     persistent: useTooltipContentProps.persistent
   });
 
-  const COMPONENT_NAME$6 = "ElPopconfirm";
+  const COMPONENT_NAME$7 = "ElPopconfirm";
   const _sfc_main$B = vue.defineComponent({
-    name: COMPONENT_NAME$6,
+    name: COMPONENT_NAME$7,
     components: {
       ElButton,
       ElTooltip,
@@ -28278,7 +28277,7 @@
     },
     props: popconfirmProps,
     setup(props) {
-      const { compatTeleported } = useDeprecateAppendToBody(COMPONENT_NAME$6, "appendToBody");
+      const { compatTeleported } = useDeprecateAppendToBody(COMPONENT_NAME$7, "appendToBody");
       const { t } = useLocale();
       const ns = useNamespace("popconfirm");
       const tooltipRef = vue.ref();
@@ -28439,9 +28438,9 @@
     "after-enter",
     "after-leave"
   ];
-  const COMPONENT_NAME$5 = "ElPopover";
+  const COMPONENT_NAME$6 = "ElPopover";
   const _sfc_main$A = vue.defineComponent({
-    name: COMPONENT_NAME$5,
+    name: COMPONENT_NAME$6,
     components: {
       ElTooltip
     },
@@ -28474,7 +28473,7 @@
       const gpuAcceleration = vue.computed(() => {
         return props.transition === "el-fade-in-linear";
       });
-      const { compatTeleported } = useDeprecateAppendToBody(COMPONENT_NAME$5, "appendToBody");
+      const { compatTeleported } = useDeprecateAppendToBody(COMPONENT_NAME$6, "appendToBody");
       const hide = () => {
         var _a;
         (_a = tooltipRef.value) == null ? void 0 : _a.hide();
@@ -29213,11 +29212,20 @@
     }
   });
 
+  const COMPONENT_NAME$5 = "ElResult";
   const _sfc_main$x = vue.defineComponent({
-    name: "ElResult",
+    name: COMPONENT_NAME$5,
     props: resultProps,
-    setup(props) {
+    setup(props, { slots }) {
       const ns = useNamespace("result");
+      useDeprecated({
+        scope: COMPONENT_NAME$5,
+        type: "Slot",
+        from: "subTitle",
+        replacement: "sub-title",
+        version: "2.1.3",
+        ref: "https://github.com/element-plus/element-plus/pull/6636/"
+      }, vue.computed(() => !!slots.subTitle));
       const resultIcon = vue.computed(() => {
         const icon = props.icon;
         const iconClass = icon && IconMap[icon] ? IconMap[icon] : "icon-info";
@@ -29255,11 +29263,11 @@
           vue.createElementVNode("p", null, vue.toDisplayString(_ctx.title), 1)
         ])
       ], 2)) : vue.createCommentVNode("v-if", true),
-      _ctx.subTitle || _ctx.$slots.subTitle ? (vue.openBlock(), vue.createElementBlock("div", {
+      _ctx.subTitle || _ctx.$slots["sub-title"] ? (vue.openBlock(), vue.createElementBlock("div", {
         key: 1,
         class: vue.normalizeClass(_ctx.ns.e("subtitle"))
       }, [
-        vue.renderSlot(_ctx.$slots, "subTitle", {}, () => [
+        vue.renderSlot(_ctx.$slots, "sub-title", {}, () => [
           vue.createElementVNode("p", null, vue.toDisplayString(_ctx.subTitle), 1)
         ])
       ], 2)) : vue.createCommentVNode("v-if", true),
@@ -31271,10 +31279,11 @@
         }
       };
       const isItemSelected = (modelValue, target) => {
+        const { valueKey } = select.props;
         if (select.props.multiple) {
-          return contains(modelValue, target.value);
+          return contains(modelValue, get(target, valueKey));
         }
-        return isEqual(modelValue, target.value);
+        return isEqual(modelValue, get(target, valueKey));
       };
       const isItemDisabled = (modelValue, selected) => {
         const { disabled, multiple, multipleLimit } = select.props;
@@ -31827,7 +31836,8 @@
       }
     };
     const deleteTag = (event, tag) => {
-      const index = props.modelValue.indexOf(tag.value);
+      const { valueKey } = props;
+      const index = props.modelValue.indexOf(get(tag, valueKey));
       if (index > -1 && !selectDisabled.value) {
         const value = [
           ...props.modelValue.slice(0, index),
@@ -31835,7 +31845,7 @@
         ];
         states.cachedOptions.splice(index, 1);
         update(value);
-        emit("remove-tag", tag.value);
+        emit("remove-tag", get(tag, valueKey));
         states.softFocus = true;
         removeNewOption(tag);
         return vue.nextTick(focusAndUpdatePopup);
@@ -37411,8 +37421,8 @@
     });
     const isGroup = vue.ref(false);
     const scrollbarViewStyle = {
-      display: "inline-flex",
-      flexDirection: "column"
+      display: "inline-block",
+      verticalAlign: "middle"
     };
     vue.watchEffect(() => {
       layout.setHeight(props.height);
@@ -37634,7 +37644,7 @@
         height2 = `calc(100% - ${layout.appendHeight.value}px)`;
       }
       return {
-        width: bodyWidth.value,
+        width: `${resizeState.value.width}px`,
         height: height2
       };
     });
@@ -39237,10 +39247,10 @@
         throwError(COMPONENT_NAME, `must use with ElTabs`);
       const index = vue.ref();
       const isClosable = vue.computed(() => props.closable || tabsRoot.props.closable);
-      const active = eagerComputed(() => tabsRoot.currentName.value === (props.name || index.value));
+      const active = computedEager(() => tabsRoot.currentName.value === (props.name || index.value));
       const loaded = vue.ref(active.value);
       const paneName = vue.computed(() => props.name || index.value);
-      const shouldBeRender = eagerComputed(() => !props.lazy || loaded.value || active.value);
+      const shouldBeRender = computedEager(() => !props.lazy || loaded.value || active.value);
       vue.watch(active, (val) => {
         if (val)
           loaded.value = true;
@@ -45460,6 +45470,10 @@
   exports.calendarEmits = calendarEmits;
   exports.calendarProps = calendarProps;
   exports.cardProps = cardProps;
+  exports.carouselContextKey = carouselContextKey;
+  exports.carouselEmits = carouselEmits;
+  exports.carouselItemProps = carouselItemProps;
+  exports.carouselProps = carouselProps;
   exports.checkTagEmits = checkTagEmits;
   exports.checkTagProps = checkTagProps;
   exports.colProps = colProps;