element-plus 2.1.1 → 2.1.2

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v2.1.1 */
+/*! Element Plus v2.1.2 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -2401,15 +2401,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 +2420,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 +2439,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 +2458,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 +2477,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 +2501,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 +2520,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 +2539,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 +2558,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 +2577,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 +2596,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 +2620,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 +2639,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 +2663,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 +2692,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 +2711,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 +2730,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 +2749,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 +2768,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 +2787,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 +2806,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 +2825,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 +2844,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 +2863,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 +2882,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 +2901,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 +2920,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 +2939,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 +2958,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 +2977,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 +2996,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 +3015,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 +3034,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 +3053,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 +3072,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 +3091,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 +3110,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 +3129,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 +3148,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
@@ -4397,7 +4280,7 @@
     };
   };
 
-  const version$1 = "2.1.1";
+  const version$1 = "2.1.2";
 
   const INSTALLED_KEY = Symbol("INSTALLED_KEY");
   const makeInstaller = (components = []) => {
@@ -5208,7 +5091,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))))
@@ -5961,6 +5848,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 +6017,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;
       }
@@ -22395,38 +22285,54 @@
       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;
-          }
-          invalidFields = { ...invalidFields, ...fieldsError };
-        }
-        if (!valid) {
-          if (scrollToError)
-            scrollToField(Object.keys(firstInvalidFields)[0]);
+        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
+            };
+          }
+        }
+        if (Object.keys(validationErrors).length === 0)
+          return true;
+        return Promise.reject(validationErrors);
+      };
+      const validateField = async (modelProps = [], 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 Promise.reject(invalidFields);
         }
       };
@@ -23701,46 +23607,50 @@
       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, !errors, validateMessage.value);
+      };
+      const doValidate = async (rules) => {
+        const modelName = propString.value;
+        const validator = new Schema({
+          [modelName]: rules
+        });
+        return validator.validate({ [modelName]: fieldValue.value }, { firstFields: true }).then(() => {
+          setValidationState("success");
+          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;
-        }
-        if (!validateEnabled.value) {
-          return;
-        }
+        if (!validateEnabled.value)
+          return false;
         const rules = getFilteredRule(trigger);
-        if (rules.length === 0) {
-          return;
-        }
-        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";
+        if (rules.length === 0)
+          return true;
+        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);
+          const { fields } = err;
+          callback == null ? void 0 : callback(false, fields);
           return Promise.reject(fields);
         });
       };
       const clearValidate = () => {
-        validateState.value = "";
+        setValidationState("");
         validateMessage.value = "";
       };
       const resetField = () => {
@@ -23752,9 +23662,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,
@@ -28979,19 +28889,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 +28929,7 @@
     },
     textColor: {
       type: String,
-      default: "var(--el-rate-text-color)"
+      default: ""
     },
     texts: {
       type: definePropType(Array),
@@ -29078,6 +28984,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 +29006,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 +29045,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 +29132,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 +29171,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);
       };
     }
   });