element-plus 2.1.1 → 2.1.4

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v2.1.1 */
+/*! Element Plus v2.1.4 */
 
 (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");
 
@@ -2401,15 +2377,12 @@
     name: "ArrowDown"
   });
   const _hoisted_1$1C = {
-    class: "icon",
-    width: "200",
-    height: "200",
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
   const _hoisted_2$1i = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M831.872 340.864L512 652.672 192.128 340.864a30.592 30.592 0 00-42.752 0 29.12 29.12 0 000 41.6L489.664 714.24a32 32 0 0044.672 0l340.288-331.712a29.12 29.12 0 000-41.728 30.592 30.592 0 00-42.752 0z"
+    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$$ = [
     _hoisted_2$1i
@@ -2423,15 +2396,12 @@
     name: "ArrowLeft"
   });
   const _hoisted_1$1B = {
-    class: "icon",
-    width: "200",
-    height: "200",
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
   const _hoisted_2$1h = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M609.408 149.376L277.76 489.6a32 32 0 000 44.672l331.648 340.352a29.12 29.12 0 0041.728 0 30.592 30.592 0 000-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 000-42.688 29.12 29.12 0 00-41.728 0z"
+    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$_ = [
     _hoisted_2$1h
@@ -2445,15 +2415,12 @@
     name: "ArrowRight"
   });
   const _hoisted_1$1A = {
-    class: "icon",
-    width: "200",
-    height: "200",
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
   const _hoisted_2$1g = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M340.864 149.312a30.592 30.592 0 000 42.752L652.736 512 340.864 831.872a30.592 30.592 0 000 42.752 29.12 29.12 0 0041.728 0L714.24 534.336a32 32 0 000-44.672L382.592 149.376a29.12 29.12 0 00-41.728 0z"
+    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 = [
     _hoisted_2$1g
@@ -2467,15 +2434,12 @@
     name: "ArrowUp"
   });
   const _hoisted_1$1z = {
-    class: "icon",
-    width: "200",
-    height: "200",
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
   const _hoisted_2$1f = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M488.832 344.32l-339.84 356.672a32 32 0 000 44.16l.384.384a29.44 29.44 0 0042.688 0l320-335.872 319.872 335.872a29.44 29.44 0 0042.688 0l.384-.384a32 32 0 000-44.16L535.168 344.32a32 32 0 00-46.336 0z"
+    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 = [
     _hoisted_2$1f
@@ -2489,19 +2453,16 @@
     name: "Back"
   });
   const _hoisted_1$1y = {
-    class: "icon",
-    width: "200",
-    height: "200",
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
   const _hoisted_2$1e = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M224 480h640a32 32 0 110 64H224a32 32 0 010-64z"
+    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", {
     fill: "currentColor",
-    d: "M237.248 512l265.408 265.344a32 32 0 01-45.312 45.312l-288-288a32 32 0 010-45.312l288-288a32 32 0 1145.312 45.312L237.248 512z"
+    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,
@@ -2516,15 +2477,12 @@
     name: "Calendar"
   });
   const _hoisted_1$1x = {
-    class: "icon",
-    width: "200",
-    height: "200",
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
   const _hoisted_2$1d = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M128 384v512h768V192H768v32a32 32 0 11-64 0v-32H320v32a32 32 0 01-64 0v-32H128v128h768v64H128zm192-256h384V96a32 32 0 1164 0v32h160a32 32 0 0132 32v768a32 32 0 01-32 32H96a32 32 0 01-32-32V160a32 32 0 0132-32h160V96a32 32 0 0164 0v32zm-32 384h64a32 32 0 010 64h-64a32 32 0 010-64zm0 192h64a32 32 0 110 64h-64a32 32 0 110-64zm192-192h64a32 32 0 010 64h-64a32 32 0 010-64zm0 192h64a32 32 0 110 64h-64a32 32 0 110-64zm192-192h64a32 32 0 110 64h-64a32 32 0 110-64zm0 192h64a32 32 0 110 64h-64a32 32 0 110-64z"
+    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 = [
     _hoisted_2$1d
@@ -2538,9 +2496,6 @@
     name: "CaretRight"
   });
   const _hoisted_1$1w = {
-    class: "icon",
-    width: "200",
-    height: "200",
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
@@ -2560,15 +2515,12 @@
     name: "CaretTop"
   });
   const _hoisted_1$1v = {
-    class: "icon",
-    width: "200",
-    height: "200",
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
   const _hoisted_2$1b = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M512 320L192 704h639.936z"
+    d: "M512 320 192 704h639.936z"
   }, null, -1);
   const _hoisted_3$U = [
     _hoisted_2$1b
@@ -2582,15 +2534,12 @@
     name: "Check"
   });
   const _hoisted_1$1u = {
-    class: "icon",
-    width: "200",
-    height: "200",
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
   const _hoisted_2$1a = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z"
+    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 = [
     _hoisted_2$1a
@@ -2604,15 +2553,12 @@
     name: "CircleCheckFilled"
   });
   const _hoisted_1$1t = {
-    class: "icon",
-    width: "200",
-    height: "200",
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
   const _hoisted_2$19 = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M512 64a448 448 0 110 896 448 448 0 010-896zm-55.808 536.384l-99.52-99.584a38.4 38.4 0 10-54.336 54.336l126.72 126.72a38.272 38.272 0 0054.336 0l262.4-262.464a38.4 38.4 0 10-54.272-54.336L456.192 600.384z"
+    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 = [
     _hoisted_2$19
@@ -2626,19 +2572,16 @@
     name: "CircleCheck"
   });
   const _hoisted_1$1s = {
-    class: "icon",
-    width: "200",
-    height: "200",
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
   const _hoisted_2$18 = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M512 896a384 384 0 100-768 384 384 0 000 768zm0 64a448 448 0 110-896 448 448 0 010 896z"
+    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", {
     fill: "currentColor",
-    d: "M745.344 361.344a32 32 0 0145.312 45.312l-288 288a32 32 0 01-45.312 0l-160-160a32 32 0 1145.312-45.312L480 626.752l265.344-265.408z"
+    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,
@@ -2653,15 +2596,12 @@
     name: "CircleCloseFilled"
   });
   const _hoisted_1$1r = {
-    class: "icon",
-    width: "200",
-    height: "200",
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
   const _hoisted_2$17 = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M512 64a448 448 0 110 896 448 448 0 010-896zm0 393.664L407.936 353.6a38.4 38.4 0 10-54.336 54.336L457.664 512 353.6 616.064a38.4 38.4 0 1054.336 54.336L512 566.336 616.064 670.4a38.4 38.4 0 1054.336-54.336L566.336 512 670.4 407.936a38.4 38.4 0 10-54.336-54.336L512 457.664z"
+    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 = [
     _hoisted_2$17
@@ -2675,19 +2615,16 @@
     name: "CircleClose"
   });
   const _hoisted_1$1q = {
-    class: "icon",
-    width: "200",
-    height: "200",
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
   const _hoisted_2$16 = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M466.752 512l-90.496-90.496a32 32 0 0145.248-45.248L512 466.752l90.496-90.496a32 32 0 1145.248 45.248L557.248 512l90.496 90.496a32 32 0 11-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 01-45.248-45.248L466.752 512z"
+    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", {
     fill: "currentColor",
-    d: "M512 896a384 384 0 100-768 384 384 0 000 768zm0 64a448 448 0 110-896 448 448 0 010 896z"
+    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,
@@ -2702,19 +2639,16 @@
     name: "Clock"
   });
   const _hoisted_1$1p = {
-    class: "icon",
-    width: "200",
-    height: "200",
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
   const _hoisted_2$15 = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M512 896a384 384 0 100-768 384 384 0 000 768zm0 64a448 448 0 110-896 448 448 0 010 896z"
+    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", {
     fill: "currentColor",
-    d: "M480 256a32 32 0 0132 32v256a32 32 0 01-64 0V288a32 32 0 0132-32z"
+    d: "M480 256a32 32 0 0 1 32 32v256a32 32 0 0 1-64 0V288a32 32 0 0 1 32-32z"
   }, null, -1);
   const _hoisted_4$g = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
@@ -2734,15 +2668,12 @@
     name: "Close"
   });
   const _hoisted_1$1o = {
-    class: "icon",
-    width: "200",
-    height: "200",
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
   const _hoisted_2$14 = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M764.288 214.592L512 466.88 259.712 214.592a31.936 31.936 0 00-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1045.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0045.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 10-45.12-45.184z"
+    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 = [
     _hoisted_2$14
@@ -2756,15 +2687,12 @@
     name: "DArrowLeft"
   });
   const _hoisted_1$1n = {
-    class: "icon",
-    width: "200",
-    height: "200",
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
   const _hoisted_2$13 = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M529.408 149.376a29.12 29.12 0 0141.728 0 30.592 30.592 0 010 42.688L259.264 511.936l311.872 319.936a30.592 30.592 0 01-.512 43.264 29.12 29.12 0 01-41.216-.512L197.76 534.272a32 32 0 010-44.672l331.648-340.224zm256 0a29.12 29.12 0 0141.728 0 30.592 30.592 0 010 42.688L515.264 511.936l311.872 319.936a30.592 30.592 0 01-.512 43.264 29.12 29.12 0 01-41.216-.512L453.76 534.272a32 32 0 010-44.672l331.648-340.224z"
+    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 = [
     _hoisted_2$13
@@ -2778,15 +2706,12 @@
     name: "DArrowRight"
   });
   const _hoisted_1$1m = {
-    class: "icon",
-    width: "200",
-    height: "200",
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
   const _hoisted_2$12 = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M452.864 149.312a29.12 29.12 0 0141.728.064L826.24 489.664a32 32 0 010 44.672L494.592 874.624a29.12 29.12 0 01-41.728 0 30.592 30.592 0 010-42.752L764.736 512 452.864 192a30.592 30.592 0 010-42.688zm-256 0a29.12 29.12 0 0141.728.064L570.24 489.664a32 32 0 010 44.672L238.592 874.624a29.12 29.12 0 01-41.728 0 30.592 30.592 0 010-42.752L508.736 512 196.864 192a30.592 30.592 0 010-42.688z"
+    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 = [
     _hoisted_2$12
@@ -2800,15 +2725,12 @@
     name: "Delete"
   });
   const _hoisted_1$1l = {
-    class: "icon",
-    width: "200",
-    height: "200",
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
   const _hoisted_2$11 = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M160 256H96a32 32 0 010-64h256V95.936a32 32 0 0132-32h256a32 32 0 0132 32V192h256a32 32 0 110 64h-64v672a32 32 0 01-32 32H192a32 32 0 01-32-32V256zm448-64v-64H416v64h192zM224 896h576V256H224v640zm192-128a32 32 0 01-32-32V416a32 32 0 0164 0v320a32 32 0 01-32 32zm192 0a32 32 0 01-32-32V416a32 32 0 0164 0v320a32 32 0 01-32 32z"
+    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 = [
     _hoisted_2$11
@@ -2822,15 +2744,12 @@
     name: "Document"
   });
   const _hoisted_1$1k = {
-    class: "icon",
-    width: "200",
-    height: "200",
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
   const _hoisted_2$10 = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M832 384H576V128H192v768h640V384zm-26.496-64L640 154.496V320h165.504zM160 64h480l256 256v608a32 32 0 01-32 32H160a32 32 0 01-32-32V96a32 32 0 0132-32zm160 448h384v64H320v-64zm0-192h160v64H320v-64zm0 384h384v64H320v-64z"
+    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 = [
     _hoisted_2$10
@@ -2844,15 +2763,12 @@
     name: "FullScreen"
   });
   const _hoisted_1$1j = {
-    class: "icon",
-    width: "200",
-    height: "200",
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
   const _hoisted_2$$ = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M160 96.064l192 .192a32 32 0 010 64l-192-.192V352a32 32 0 01-64 0V96h64v.064zm0 831.872V928H96V672a32 32 0 1164 0v191.936l192-.192a32 32 0 110 64l-192 .192zM864 96.064V96h64v256a32 32 0 11-64 0V160.064l-192 .192a32 32 0 110-64l192-.192zm0 831.872l-192-.192a32 32 0 010-64l192 .192V672a32 32 0 1164 0v256h-64v-.064z"
+    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 = [
     _hoisted_2$$
@@ -2866,15 +2782,12 @@
     name: "InfoFilled"
   });
   const _hoisted_1$1i = {
-    class: "icon",
-    width: "200",
-    height: "200",
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
   const _hoisted_2$_ = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M512 64a448 448 0 110 896.064A448 448 0 01512 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 01-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 017.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"
+    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 = [
     _hoisted_2$_
@@ -2888,15 +2801,12 @@
     name: "Loading"
   });
   const _hoisted_1$1h = {
-    class: "icon",
-    width: "200",
-    height: "200",
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
   const _hoisted_2$Z = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M512 64a32 32 0 0132 32v192a32 32 0 01-64 0V96a32 32 0 0132-32zm0 640a32 32 0 0132 32v192a32 32 0 11-64 0V736a32 32 0 0132-32zm448-192a32 32 0 01-32 32H736a32 32 0 110-64h192a32 32 0 0132 32zm-640 0a32 32 0 01-32 32H96a32 32 0 010-64h192a32 32 0 0132 32zM195.2 195.2a32 32 0 0145.248 0L376.32 331.008a32 32 0 01-45.248 45.248L195.2 240.448a32 32 0 010-45.248zm452.544 452.544a32 32 0 0145.248 0L828.8 783.552a32 32 0 01-45.248 45.248L647.744 692.992a32 32 0 010-45.248zM828.8 195.264a32 32 0 010 45.184L692.992 376.32a32 32 0 01-45.248-45.248l135.808-135.808a32 32 0 0145.248 0zm-452.544 452.48a32 32 0 010 45.248L240.448 828.8a32 32 0 01-45.248-45.248l135.808-135.808a32 32 0 0145.248 0z"
+    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 = [
     _hoisted_2$Z
@@ -2910,15 +2820,12 @@
     name: "Minus"
   });
   const _hoisted_1$1g = {
-    class: "icon",
-    width: "200",
-    height: "200",
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
   const _hoisted_2$Y = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M128 544h768a32 32 0 100-64H128a32 32 0 000 64z"
+    d: "M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z"
   }, null, -1);
   const _hoisted_3$F = [
     _hoisted_2$Y
@@ -2932,15 +2839,12 @@
     name: "MoreFilled"
   });
   const _hoisted_1$1f = {
-    class: "icon",
-    width: "200",
-    height: "200",
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
   const _hoisted_2$X = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M176 416a112 112 0 110 224 112 112 0 010-224zm336 0a112 112 0 110 224 112 112 0 010-224zm336 0a112 112 0 110 224 112 112 0 010-224z"
+    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 = [
     _hoisted_2$X
@@ -2954,15 +2858,12 @@
     name: "More"
   });
   const _hoisted_1$1e = {
-    class: "icon",
-    width: "200",
-    height: "200",
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
   const _hoisted_2$W = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M176 416a112 112 0 100 224 112 112 0 000-224m0 64a48 48 0 110 96 48 48 0 010-96zm336-64a112 112 0 110 224 112 112 0 010-224zm0 64a48 48 0 100 96 48 48 0 000-96zm336-64a112 112 0 110 224 112 112 0 010-224zm0 64a48 48 0 100 96 48 48 0 000-96z"
+    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 = [
     _hoisted_2$W
@@ -2976,15 +2877,12 @@
     name: "PictureFilled"
   });
   const _hoisted_1$1d = {
-    class: "icon",
-    width: "200",
-    height: "200",
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
   const _hoisted_2$V = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M96 896a32 32 0 01-32-32V160a32 32 0 0132-32h832a32 32 0 0132 32v704a32 32 0 01-32 32H96zm315.52-228.48l-68.928-68.928a32 32 0 00-45.248 0L128 768.064h778.688l-242.112-290.56a32 32 0 00-49.216 0L458.752 665.408a32 32 0 01-47.232 2.112zM256 384a96 96 0 10192.064-.064A96 96 0 00256 384z"
+    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 = [
     _hoisted_2$V
@@ -2998,15 +2896,12 @@
     name: "Plus"
   });
   const _hoisted_1$1c = {
-    class: "icon",
-    width: "200",
-    height: "200",
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
   const _hoisted_2$U = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M480 480V128a32 32 0 0164 0v352h352a32 32 0 110 64H544v352a32 32 0 11-64 0V544H128a32 32 0 010-64h352z"
+    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 = [
     _hoisted_2$U
@@ -3020,15 +2915,12 @@
     name: "QuestionFilled"
   });
   const _hoisted_1$1b = {
-    class: "icon",
-    width: "200",
-    height: "200",
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
   const _hoisted_2$T = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M512 64a448 448 0 110 896 448 448 0 010-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 00-38.72 14.784 49.408 49.408 0 00-15.488 38.016c0 15.488 4.928 28.16 15.488 38.016A54.848 54.848 0 00523.072 768c15.488 0 28.16-4.928 38.72-14.784a51.52 51.52 0 0016.192-38.72 51.968 51.968 0 00-15.488-38.016 55.936 55.936 0 00-39.424-14.784z"
+    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 = [
     _hoisted_2$T
@@ -3042,15 +2934,12 @@
     name: "RefreshLeft"
   });
   const _hoisted_1$1a = {
-    class: "icon",
-    width: "200",
-    height: "200",
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
   const _hoisted_2$S = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M289.088 296.704h92.992a32 32 0 010 64H232.96a32 32 0 01-32-32V179.712a32 32 0 0164 0v50.56a384 384 0 01643.84 282.88 384 384 0 01-383.936 384 384 384 0 01-384-384h64a320 320 0 10640 0 320 320 0 00-555.712-216.448z"
+    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 = [
     _hoisted_2$S
@@ -3064,15 +2953,12 @@
     name: "RefreshRight"
   });
   const _hoisted_1$19 = {
-    class: "icon",
-    width: "200",
-    height: "200",
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
   const _hoisted_2$R = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M784.512 230.272v-50.56a32 32 0 1164 0v149.056a32 32 0 01-32 32H667.52a32 32 0 110-64h92.992A320 320 0 10524.8 833.152a320 320 0 00320-320h64a384 384 0 01-384 384 384 384 0 01-384-384 384 384 0 01643.712-282.88z"
+    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 = [
     _hoisted_2$R
@@ -3086,15 +2972,12 @@
     name: "ScaleToOriginal"
   });
   const _hoisted_1$18 = {
-    class: "icon",
-    width: "200",
-    height: "200",
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
   const _hoisted_2$Q = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M813.176 180.706a60.235 60.235 0 0160.236 60.235v481.883a60.235 60.235 0 01-60.236 60.235H210.824a60.235 60.235 0 01-60.236-60.235V240.94a60.235 60.235 0 0160.236-60.235h602.352zm0-60.235H210.824A120.47 120.47 0 0090.353 240.94v481.883a120.47 120.47 0 00120.47 120.47h602.353a120.47 120.47 0 00120.471-120.47V240.94a120.47 120.47 0 00-120.47-120.47zm-120.47 180.705a30.118 30.118 0 00-30.118 30.118v301.177a30.118 30.118 0 0060.236 0V331.294a30.118 30.118 0 00-30.118-30.118zm-361.412 0a30.118 30.118 0 00-30.118 30.118v301.177a30.118 30.118 0 1060.236 0V331.294a30.118 30.118 0 00-30.118-30.118zM512 361.412a30.118 30.118 0 00-30.118 30.117v30.118a30.118 30.118 0 0060.236 0V391.53A30.118 30.118 0 00512 361.412zM512 512a30.118 30.118 0 00-30.118 30.118v30.117a30.118 30.118 0 0060.236 0v-30.117A30.118 30.118 0 00512 512z"
+    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 = [
     _hoisted_2$Q
@@ -3108,15 +2991,12 @@
     name: "Search"
   });
   const _hoisted_1$17 = {
-    class: "icon",
-    width: "200",
-    height: "200",
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
   const _hoisted_2$P = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M795.904 750.72l124.992 124.928a32 32 0 01-45.248 45.248L750.656 795.904a416 416 0 1145.248-45.248zM480 832a352 352 0 100-704 352 352 0 000 704z"
+    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 = [
     _hoisted_2$P
@@ -3130,15 +3010,12 @@
     name: "StarFilled"
   });
   const _hoisted_1$16 = {
-    class: "icon",
-    width: "200",
-    height: "200",
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
   const _hoisted_2$O = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M283.84 867.84L512 747.776l228.16 119.936a6.4 6.4 0 009.28-6.72l-43.52-254.08 184.512-179.904a6.4 6.4 0 00-3.52-10.88l-255.104-37.12L517.76 147.904a6.4 6.4 0 00-11.52 0L392.192 379.072l-255.104 37.12a6.4 6.4 0 00-3.52 10.88L318.08 606.976l-43.584 254.08a6.4 6.4 0 009.28 6.72z"
+    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 = [
     _hoisted_2$O
@@ -3152,15 +3029,12 @@
     name: "Star"
   });
   const _hoisted_1$15 = {
-    class: "icon",
-    width: "200",
-    height: "200",
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
   const _hoisted_2$N = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M512 747.84l228.16 119.936a6.4 6.4 0 009.28-6.72l-43.52-254.08 184.512-179.904a6.4 6.4 0 00-3.52-10.88l-255.104-37.12L517.76 147.904a6.4 6.4 0 00-11.52 0L392.192 379.072l-255.104 37.12a6.4 6.4 0 00-3.52 10.88L318.08 606.976l-43.584 254.08a6.4 6.4 0 009.28 6.72L512 747.84zM313.6 924.48a70.4 70.4 0 01-102.144-74.24l37.888-220.928L88.96 472.96A70.4 70.4 0 01128 352.896l221.76-32.256 99.2-200.96a70.4 70.4 0 01126.208 0l99.2 200.96 221.824 32.256a70.4 70.4 0 0139.04 120.064L774.72 629.376l37.888 220.928a70.4 70.4 0 01-102.144 74.24L512 820.096l-198.4 104.32z"
+    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 = [
     _hoisted_2$N
@@ -3174,15 +3048,12 @@
     name: "SuccessFilled"
   });
   const _hoisted_1$14 = {
-    class: "icon",
-    width: "200",
-    height: "200",
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
   const _hoisted_2$M = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M512 64a448 448 0 110 896 448 448 0 010-896zm-55.808 536.384l-99.52-99.584a38.4 38.4 0 10-54.336 54.336l126.72 126.72a38.272 38.272 0 0054.336 0l262.4-262.464a38.4 38.4 0 10-54.272-54.336L456.192 600.384z"
+    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 = [
     _hoisted_2$M
@@ -3196,15 +3067,12 @@
     name: "View"
   });
   const _hoisted_1$13 = {
-    class: "icon",
-    width: "200",
-    height: "200",
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
   const _hoisted_2$L = /* @__PURE__ */ vue.createElementVNode("path", {
     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 110 448 224 224 0 010-448zm0 64a160.192 160.192 0 00-160 160c0 88.192 71.744 160 160 160s160-71.808 160-160-71.744-160-160-160z"
+    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 = [
     _hoisted_2$L
@@ -3218,15 +3086,12 @@
     name: "WarningFilled"
   });
   const _hoisted_1$12 = {
-    class: "icon",
-    width: "200",
-    height: "200",
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
   const _hoisted_2$K = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M512 64a448 448 0 110 896 448 448 0 010-896zm0 192a58.432 58.432 0 00-58.24 63.744l23.36 256.384a35.072 35.072 0 0069.76 0l23.296-256.384A58.432 58.432 0 00512 256zm0 512a51.2 51.2 0 100-102.4 51.2 51.2 0 000 102.4z"
+    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 = [
     _hoisted_2$K
@@ -3240,15 +3105,12 @@
     name: "ZoomIn"
   });
   const _hoisted_1$11 = {
-    class: "icon",
-    width: "200",
-    height: "200",
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
   const _hoisted_2$J = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M795.904 750.72l124.992 124.928a32 32 0 01-45.248 45.248L750.656 795.904a416 416 0 1145.248-45.248zM480 832a352 352 0 100-704 352 352 0 000 704zm-32-384v-96a32 32 0 0164 0v96h96a32 32 0 010 64h-96v96a32 32 0 01-64 0v-96h-96a32 32 0 010-64h96z"
+    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 = [
     _hoisted_2$J
@@ -3262,15 +3124,12 @@
     name: "ZoomOut"
   });
   const _hoisted_1$10 = {
-    class: "icon",
-    width: "200",
-    height: "200",
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
   const _hoisted_2$I = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M795.904 750.72l124.992 124.928a32 32 0 01-45.248 45.248L750.656 795.904a416 416 0 1145.248-45.248zM480 832a352 352 0 100-704 352 352 0 000 704zM352 448h256a32 32 0 010 64H352a32 32 0 010-64z"
+    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 = [
     _hoisted_2$I
@@ -3614,7 +3473,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
@@ -4397,7 +4256,7 @@
     };
   };
 
-  const version$1 = "2.1.1";
+  const version$1 = "2.1.4";
 
   const INSTALLED_KEY = Symbol("INSTALLED_KEY");
   const makeInstaller = (components = []) => {
@@ -5208,7 +5067,11 @@
               ], 2),
               vue.unref(validateState) && vue.unref(validateIcon) && vue.unref(needStatusIcon) ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
                 key: 0,
-                class: vue.normalizeClass([vue.unref(nsInput).e("icon"), vue.unref(nsInput).e("validateIcon")])
+                class: vue.normalizeClass([
+                  vue.unref(nsInput).e("icon"),
+                  vue.unref(nsInput).e("validateIcon"),
+                  vue.unref(nsInput).is("loading", vue.unref(validateState) === "validating")
+                ])
               }, {
                 default: vue.withCtx(() => [
                   (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(validateIcon))))
@@ -5307,15 +5170,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({});
@@ -5961,6 +5824,9 @@
       }
     }
     var currentNode = getParentNode(element);
+    if (isShadowRoot(currentNode)) {
+      currentNode = currentNode.host;
+    }
     while (isHTMLElement(currentNode) && ["html", "body"].indexOf(getNodeName(currentNode)) < 0) {
       var css = getComputedStyle$1(currentNode);
       if (css.transform !== "none" || css.perspective !== "none" || css.contain === "paint" || ["transform", "perspective"].indexOf(css.willChange) !== -1 || isFirefox && css.willChange === "filter" || isFirefox && css.filter && css.filter !== "none") {
@@ -6127,13 +5993,13 @@
       offsetParent = offsetParent;
       if (placement === top || (placement === left || placement === right) && variation === end) {
         sideY = bottom;
-        var offsetY = isFixed && win.visualViewport ? win.visualViewport.height : offsetParent[heightProp];
+        var offsetY = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.height : offsetParent[heightProp];
         y -= offsetY - popperRect.height;
         y *= gpuAcceleration ? 1 : -1;
       }
       if (placement === left || (placement === top || placement === bottom) && variation === end) {
         sideX = right;
-        var offsetX = isFixed && win.visualViewport ? win.visualViewport.width : offsetParent[widthProp];
+        var offsetX = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.width : offsetParent[widthProp];
         x -= offsetX - popperRect.width;
         x *= gpuAcceleration ? 1 : -1;
       }
@@ -14957,9 +14823,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,
@@ -15033,7 +14899,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();
@@ -22382,7 +22248,7 @@
         fields.push(field);
       };
       const removeField = (field) => {
-        if (!field.prop) {
+        if (field.prop) {
           fields.splice(fields.indexOf(field), 1);
         }
       };
@@ -22395,39 +22261,56 @@
       const clearValidate = (props2 = []) => {
         filterFields(fields, props2).forEach((field) => field.clearValidate());
       };
-      const validate = async (callback) => validateField(void 0, callback);
-      const validateField = async (properties = [], callback) => {
-        if (callback) {
-          validate().then(() => callback(true)).catch((fields2) => callback(false, fields2));
-          return;
-        }
-        const { model, scrollToError } = props;
-        if (!model) {
-          return;
-        }
-        if (fields.length === 0) {
-          return;
-        }
-        const filteredFields = filterFields(fields, properties);
+      const isValidatable = vue.computed(() => {
+        const hasModel = !!props.model;
+        return hasModel;
+      });
+      const obtainValidateFields = (props2) => {
+        if (fields.length === 0)
+          return [];
+        const filteredFields = filterFields(fields, props2);
         if (!filteredFields.length) {
-          return;
+          return [];
         }
-        let valid = true;
-        let invalidFields = {};
-        let firstInvalidFields;
-        for (const field of filteredFields) {
-          const fieldsError = await field.validate("").catch((fields2) => fields2);
-          if (fieldsError) {
-            valid = false;
-            if (!firstInvalidFields)
-              firstInvalidFields = fieldsError;
+        return filteredFields;
+      };
+      const validate = async (callback) => validateField(void 0, callback);
+      const doValidateField = async (props2 = []) => {
+        if (!isValidatable.value)
+          return false;
+        const fields2 = obtainValidateFields(props2);
+        if (fields2.length === 0)
+          return true;
+        let validationErrors = {};
+        for (const field of fields2) {
+          try {
+            await field.validate("");
+          } catch (fields3) {
+            validationErrors = {
+              ...validationErrors,
+              ...fields3
+            };
           }
-          invalidFields = { ...invalidFields, ...fieldsError };
         }
-        if (!valid) {
-          if (scrollToError)
-            scrollToField(Object.keys(firstInvalidFields)[0]);
-          return Promise.reject(invalidFields);
+        if (Object.keys(validationErrors).length === 0)
+          return true;
+        return Promise.reject(validationErrors);
+      };
+      const validateField = async (modelProps = [], callback) => {
+        const shouldThrow = !isFunction(callback);
+        try {
+          const result = await doValidateField(modelProps);
+          if (result === true) {
+            callback == null ? void 0 : callback(result);
+          }
+          return result;
+        } catch (e) {
+          const invalidFields = e;
+          if (props.scrollToError) {
+            scrollToField(Object.keys(invalidFields)[0]);
+          }
+          callback == null ? void 0 : callback(false, invalidFields);
+          return shouldThrow && Promise.reject(invalidFields);
         }
       };
       const scrollToField = (prop) => {
@@ -23514,9 +23397,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
@@ -23527,7 +23410,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);
@@ -23701,46 +23584,59 @@
       const isRequired = vue.computed(() => _rules.value.some((rule) => rule.required === true));
       const shouldShowError = vue.computed(() => validateState.value === "error" && props.showMessage && formContext.showMessage);
       const currentLabel = vue.computed(() => `${props.label || ""}${formContext.labelSuffix || ""}`);
+      const setValidationState = (state) => {
+        validateState.value = state;
+      };
+      const onValidationFailed = (error) => {
+        var _a, _b;
+        const { errors, fields } = error;
+        if (!errors || !fields) {
+          console.error(error);
+        }
+        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, false, validateMessage.value);
+      };
+      const onValidationSucceeded = () => {
+        setValidationState("success");
+        formContext.emit("validate", props.prop, true, "");
+      };
+      const doValidate = async (rules) => {
+        const modelName = propString.value;
+        const validator = new Schema({
+          [modelName]: rules
+        });
+        return validator.validate({ [modelName]: fieldValue.value }, { firstFields: true }).then(() => {
+          onValidationSucceeded();
+          return true;
+        }).catch((err) => {
+          onValidationFailed(err);
+          return Promise.reject(err);
+        });
+      };
       const validate = async (trigger, callback) => {
-        if (callback) {
-          try {
-            validate(trigger);
-            callback(true);
-          } catch (err) {
-            callback(false, err);
-          }
-          validate(trigger).then(() => callback(true)).catch((fields) => callback(false, fields));
-          return;
-        }
+        const hasCallback = isFunction(callback);
         if (!validateEnabled.value) {
-          return;
+          callback == null ? void 0 : callback(false);
+          return false;
         }
         const rules = getFilteredRule(trigger);
         if (rules.length === 0) {
-          return;
+          callback == null ? void 0 : callback(true);
+          return true;
         }
-        validateState.value = "validating";
-        const descriptor = {
-          [propString.value]: rules
-        };
-        const validator = new Schema(descriptor);
-        const model = {
-          [propString.value]: fieldValue.value
-        };
-        return validator.validate(model, { firstFields: true }).then(() => {
-          validateState.value = "success";
+        setValidationState("validating");
+        return doValidate(rules).then(() => {
+          callback == null ? void 0 : callback(true);
+          return true;
         }).catch((err) => {
-          const { errors, fields } = err;
-          if (!errors || !fields)
-            console.error(err);
-          validateState.value = "error";
-          validateMessage.value = errors ? errors[0].message || `${props.prop} is required` : "";
-          formContext.emit("validate", props.prop, !errors, validateMessage.value);
-          return Promise.reject(fields);
+          const { fields } = err;
+          callback == null ? void 0 : callback(false, fields);
+          return hasCallback ? false : Promise.reject(fields);
         });
       };
       const clearValidate = () => {
-        validateState.value = "";
+        setValidationState("");
         validateMessage.value = "";
       };
       const resetField = () => {
@@ -23752,9 +23648,9 @@
       };
       vue.watch(() => props.error, (val) => {
         validateMessage.value = val || "";
-        validateState.value = val ? "error" : "";
+        setValidationState(val ? "error" : "");
       }, { immediate: true });
-      vue.watch(() => props.validateStatus, (val) => validateState.value = val || "");
+      vue.watch(() => props.validateStatus, (val) => setValidationState(val || ""));
       const context = vue.reactive({
         ...vue.toRefs(props),
         $el: formItemRef,
@@ -24721,6 +24617,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);
         }
@@ -25249,19 +25150,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;
@@ -25753,7 +25654,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);
         }
@@ -25776,9 +25677,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
     },
@@ -25788,11 +25689,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,
@@ -25867,15 +25768,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;
@@ -26969,10 +26870,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,
@@ -27227,7 +27128,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,
@@ -28358,9 +28259,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,
@@ -28368,7 +28269,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();
@@ -28529,9 +28430,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
     },
@@ -28564,7 +28465,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();
@@ -28979,19 +28880,15 @@
     },
     colors: {
       type: definePropType([Array, Object]),
-      default: () => mutable([
-        "var(--el-rate-star-color)",
-        "var(--el-rate-star-color)",
-        "var(--el-rate-star-color)"
-      ])
+      default: () => mutable(["", "", ""])
     },
     voidColor: {
       type: String,
-      default: "var(--el-rate-void-color)"
+      default: ""
     },
     disabledVoidColor: {
       type: String,
-      default: "var(--el-rate-disable-void-color)"
+      default: ""
     },
     icons: {
       type: definePropType([Array, Object]),
@@ -29023,7 +28920,7 @@
     },
     textColor: {
       type: String,
-      default: "var(--el-rate-text-color)"
+      default: ""
     },
     texts: {
       type: definePropType(Array),
@@ -29078,6 +28975,13 @@
       const pointerAtLeftHalf = vue.ref(true);
       const rateClasses = vue.computed(() => [ns.b(), ns.m(rateSize.value)]);
       const rateDisabled = vue.computed(() => props.disabled || (formContext == null ? void 0 : formContext.disabled));
+      const rateStyles = vue.computed(() => {
+        return {
+          "--el-rate-void-color": props.voidColor,
+          "--el-rate-disabled-void-color": props.disabledVoidColor,
+          "--el-rate-fill-color": activeColor.value
+        };
+      });
       const text = vue.computed(() => {
         let result = "";
         if (props.showScore) {
@@ -29093,7 +28997,10 @@
         [props.highThreshold]: { value: props.colors[1], excluded: true },
         [props.max]: props.colors[2]
       } : props.colors);
-      const activeColor = vue.computed(() => getValueFromMap(currentValue.value, colorMap.value));
+      const activeColor = vue.computed(() => {
+        const color = getValueFromMap(currentValue.value, colorMap.value);
+        return isObject$1(color) ? "" : color;
+      });
       const decimalStyle = vue.computed(() => {
         let width = "";
         if (rateDisabled.value) {
@@ -29129,12 +29036,6 @@
         const showWhenAllowHalf = props.allowHalf && pointerAtLeftHalf.value && item - 0.5 <= currentValue.value && item > currentValue.value;
         return showWhenDisabled || showWhenAllowHalf;
       }
-      function getIconStyle(item) {
-        const voidColor = rateDisabled.value ? props.disabledVoidColor : props.voidColor;
-        return {
-          color: item <= currentValue.value ? activeColor.value : voidColor
-        };
-      }
       function selectValue(value) {
         if (rateDisabled.value) {
           return;
@@ -29222,27 +29123,30 @@
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
-          class: vue.normalizeClass(vue.unref(rateClasses)),
+          class: vue.normalizeClass([vue.unref(rateClasses), vue.unref(ns).is("disabled", vue.unref(rateDisabled))]),
           role: "slider",
           "aria-valuenow": currentValue.value,
           "aria-valuetext": vue.unref(text),
           "aria-valuemin": "0",
           "aria-valuemax": _ctx.max,
           tabindex: "0",
+          style: vue.normalizeStyle(vue.unref(rateStyles)),
           onKeydown: handleKey
         }, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.max, (item, key) => {
             return vue.openBlock(), vue.createElementBlock("span", {
               key,
               class: vue.normalizeClass(vue.unref(ns).e("item")),
-              style: vue.normalizeStyle({ cursor: vue.unref(rateDisabled) ? "auto" : "pointer" }),
               onMousemove: ($event) => setCurrentValue(item, $event),
               onMouseleave: resetCurrentValue,
               onClick: ($event) => selectValue(item)
             }, [
               vue.createVNode(vue.unref(ElIcon), {
-                class: vue.normalizeClass([vue.unref(ns).e("icon"), { hover: hoverIndex.value === item }]),
-                style: vue.normalizeStyle(getIconStyle(item))
+                class: vue.normalizeClass([
+                  vue.unref(ns).e("icon"),
+                  { hover: hoverIndex.value === item },
+                  vue.unref(ns).is("active", item <= currentValue.value)
+                ])
               }, {
                 default: vue.withCtx(() => [
                   !showDecimalIcon(item) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(iconComponents)[item - 1]), { key: 0 })) : vue.createCommentVNode("v-if", true),
@@ -29258,15 +29162,14 @@
                   }, 8, ["style", "class"])) : vue.createCommentVNode("v-if", true)
                 ]),
                 _: 2
-              }, 1032, ["class", "style"])
-            ], 46, _hoisted_2$c);
+              }, 1032, ["class"])
+            ], 42, _hoisted_2$c);
           }), 128)),
           _ctx.showText || _ctx.showScore ? (vue.openBlock(), vue.createElementBlock("span", {
             key: 0,
-            class: vue.normalizeClass(vue.unref(ns).e("text")),
-            style: vue.normalizeStyle({ color: _ctx.textColor })
-          }, vue.toDisplayString(vue.unref(text)), 7)) : vue.createCommentVNode("v-if", true)
-        ], 42, _hoisted_1$g);
+            class: vue.normalizeClass(vue.unref(ns).e("text"))
+          }, vue.toDisplayString(vue.unref(text)), 3)) : vue.createCommentVNode("v-if", true)
+        ], 46, _hoisted_1$g);
       };
     }
   });
@@ -29301,11 +29204,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";
@@ -29343,11 +29255,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),
@@ -31359,10 +31271,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;
@@ -31915,7 +31828,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),
@@ -31923,7 +31837,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);
@@ -37499,8 +37413,8 @@
     });
     const isGroup = vue.ref(false);
     const scrollbarViewStyle = {
-      display: "inline-flex",
-      flexDirection: "column"
+      display: "inline-block",
+      verticalAlign: "middle"
     };
     vue.watchEffect(() => {
       layout.setHeight(props.height);
@@ -37722,7 +37636,7 @@
         height2 = `calc(100% - ${layout.appendHeight.value}px)`;
       }
       return {
-        width: bodyWidth.value,
+        width: `${resizeState.value.width}px`,
         height: height2
       };
     });
@@ -39325,10 +39239,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;
@@ -44176,8 +44090,6 @@
     directive: vLoading,
     service: Loading
   };
-  const ElLoadingDirective = vLoading;
-  const ElLoadingService = Loading;
 
   const messageTypes = ["success", "info", "warning", "error"];
   const messageProps = buildProps({
@@ -45452,8 +45364,8 @@
   exports.ElInputNumber = ElInputNumber;
   exports.ElLink = ElLink;
   exports.ElLoading = ElLoading;
-  exports.ElLoadingDirective = ElLoadingDirective;
-  exports.ElLoadingService = ElLoadingService;
+  exports.ElLoadingDirective = vLoading;
+  exports.ElLoadingService = Loading;
   exports.ElMain = ElMain;
   exports.ElMenu = ElMenu;
   exports.ElMenuItem = ElMenuItem;
@@ -45711,6 +45623,7 @@
   exports.useTransitionFallthrough = useTransitionFallthrough;
   exports.useTransitionFallthroughEmits = useTransitionFallthroughEmits;
   exports.useZIndex = useZIndex;
+  exports.vLoading = vLoading;
   exports.version = version;
   exports.virtualizedGridProps = virtualizedGridProps;
   exports.virtualizedListProps = virtualizedListProps;