element-plus 2.1.1 → 2.1.2

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v2.1.1 */
+/*! Element Plus v2.1.2 */
 
 import { getCurrentScope, onScopeDispose, readonly, shallowRef, watchEffect, ref, unref, getCurrentInstance, onMounted, nextTick, watch, defineComponent, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, camelize as camelize$1, computed, inject, provide, onBeforeUnmount, isRef, onUnmounted, h as h$1, Teleport, onBeforeMount, normalizeClass, normalizeStyle, renderSlot, mergeProps, useSlots, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, useAttrs as useAttrs$1, onUpdated, toRef, withModifiers, resolveComponent, reactive, cloneVNode, Text, renderList, withKeys, createSlots, resolveDirective, normalizeProps, guardReactiveProps, toRefs, vModelCheckbox, vModelRadio, onBeforeUpdate, vModelText, toHandlers, markRaw, effectScope, toRaw, triggerRef, TransitionGroup, createApp, render } from 'vue';
 
@@ -2397,15 +2397,12 @@ const _sfc_main$2N = defineComponent({
   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__ */ 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
@@ -2419,15 +2416,12 @@ const _sfc_main$2M = defineComponent({
   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__ */ 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
@@ -2441,15 +2435,12 @@ const _sfc_main$2L = defineComponent({
   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__ */ 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
@@ -2463,15 +2454,12 @@ const _sfc_main$2K = defineComponent({
   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__ */ 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
@@ -2485,19 +2473,16 @@ const _sfc_main$2J = defineComponent({
   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__ */ 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__ */ 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,
@@ -2512,15 +2497,12 @@ const _sfc_main$2I = defineComponent({
   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__ */ 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
@@ -2534,9 +2516,6 @@ const _sfc_main$2H = defineComponent({
   name: "CaretRight"
 });
 const _hoisted_1$1w = {
-  class: "icon",
-  width: "200",
-  height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -2556,15 +2535,12 @@ const _sfc_main$2G = defineComponent({
   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__ */ createElementVNode("path", {
   fill: "currentColor",
-  d: "M512 320L192 704h639.936z"
+  d: "M512 320 192 704h639.936z"
 }, null, -1);
 const _hoisted_3$U = [
   _hoisted_2$1b
@@ -2578,15 +2554,12 @@ const _sfc_main$2F = defineComponent({
   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__ */ 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
@@ -2600,15 +2573,12 @@ const _sfc_main$2E = defineComponent({
   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__ */ 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
@@ -2622,19 +2592,16 @@ const _sfc_main$2D = defineComponent({
   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__ */ 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__ */ 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,
@@ -2649,15 +2616,12 @@ const _sfc_main$2C = defineComponent({
   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__ */ 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
@@ -2671,19 +2635,16 @@ const _sfc_main$2B = defineComponent({
   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__ */ 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__ */ 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,
@@ -2698,19 +2659,16 @@ const _sfc_main$2A = defineComponent({
   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__ */ 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__ */ 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__ */ createElementVNode("path", {
   fill: "currentColor",
@@ -2730,15 +2688,12 @@ const _sfc_main$2z = defineComponent({
   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__ */ 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
@@ -2752,15 +2707,12 @@ const _sfc_main$2y = defineComponent({
   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__ */ 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
@@ -2774,15 +2726,12 @@ const _sfc_main$2x = defineComponent({
   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__ */ 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
@@ -2796,15 +2745,12 @@ const _sfc_main$2w = defineComponent({
   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__ */ 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
@@ -2818,15 +2764,12 @@ const _sfc_main$2v = defineComponent({
   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__ */ 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
@@ -2840,15 +2783,12 @@ const _sfc_main$2u = defineComponent({
   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__ */ 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$$
@@ -2862,15 +2802,12 @@ const _sfc_main$2t = defineComponent({
   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__ */ 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$_
@@ -2884,15 +2821,12 @@ const _sfc_main$2s = defineComponent({
   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__ */ 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
@@ -2906,15 +2840,12 @@ const _sfc_main$2r = defineComponent({
   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__ */ 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
@@ -2928,15 +2859,12 @@ const _sfc_main$2q = defineComponent({
   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__ */ 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
@@ -2950,15 +2878,12 @@ const _sfc_main$2p = defineComponent({
   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__ */ 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
@@ -2972,15 +2897,12 @@ const _sfc_main$2o = defineComponent({
   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__ */ 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
@@ -2994,15 +2916,12 @@ const _sfc_main$2n = defineComponent({
   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__ */ 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
@@ -3016,15 +2935,12 @@ const _sfc_main$2m = defineComponent({
   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__ */ 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
@@ -3038,15 +2954,12 @@ const _sfc_main$2l = defineComponent({
   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__ */ 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
@@ -3060,15 +2973,12 @@ const _sfc_main$2k = defineComponent({
   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__ */ 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
@@ -3082,15 +2992,12 @@ const _sfc_main$2j = defineComponent({
   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__ */ 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
@@ -3104,15 +3011,12 @@ const _sfc_main$2i = defineComponent({
   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__ */ 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
@@ -3126,15 +3030,12 @@ const _sfc_main$2h = defineComponent({
   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__ */ 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
@@ -3148,15 +3049,12 @@ const _sfc_main$2g = defineComponent({
   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__ */ 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
@@ -3170,15 +3068,12 @@ const _sfc_main$2f = defineComponent({
   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__ */ 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
@@ -3192,15 +3087,12 @@ const _sfc_main$2e = defineComponent({
   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__ */ 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
@@ -3214,15 +3106,12 @@ const _sfc_main$2d = defineComponent({
   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__ */ 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
@@ -3236,15 +3125,12 @@ const _sfc_main$2c = defineComponent({
   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__ */ 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
@@ -3258,15 +3144,12 @@ const _sfc_main$2b = defineComponent({
   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__ */ 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
@@ -4393,7 +4276,7 @@ const useZIndex = () => {
   };
 };
 
-const version$1 = "2.1.1";
+const version$1 = "2.1.2";
 
 const INSTALLED_KEY = Symbol("INSTALLED_KEY");
 const makeInstaller = (components = []) => {
@@ -5204,7 +5087,11 @@ const _sfc_main$27 = /* @__PURE__ */ defineComponent({
             ], 2),
             unref(validateState) && unref(validateIcon) && unref(needStatusIcon) ? (openBlock(), createBlock(unref(ElIcon), {
               key: 0,
-              class: normalizeClass([unref(nsInput).e("icon"), unref(nsInput).e("validateIcon")])
+              class: normalizeClass([
+                unref(nsInput).e("icon"),
+                unref(nsInput).e("validateIcon"),
+                unref(nsInput).is("loading", unref(validateState) === "validating")
+              ])
             }, {
               default: withCtx(() => [
                 (openBlock(), createBlock(resolveDynamicComponent(unref(validateIcon))))
@@ -5957,6 +5844,9 @@ function getContainingBlock(element) {
     }
   }
   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") {
@@ -6123,13 +6013,13 @@ function mapToStyles(_ref2) {
     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;
     }
@@ -22391,38 +22281,54 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
     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 = 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);
       }
     };
@@ -23697,46 +23603,50 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
     const isRequired = computed(() => _rules.value.some((rule) => rule.required === true));
     const shouldShowError = computed(() => validateState.value === "error" && props.showMessage && formContext.showMessage);
     const currentLabel = computed(() => `${props.label || ""}${formContext.labelSuffix || ""}`);
+    const 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 = () => {
@@ -23748,9 +23658,9 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
     };
     watch(() => props.error, (val) => {
       validateMessage.value = val || "";
-      validateState.value = val ? "error" : "";
+      setValidationState(val ? "error" : "");
     }, { immediate: true });
-    watch(() => props.validateStatus, (val) => validateState.value = val || "");
+    watch(() => props.validateStatus, (val) => setValidationState(val || ""));
     const context = reactive({
       ...toRefs(props),
       $el: formItemRef,
@@ -28975,19 +28885,15 @@ const rateProps = buildProps({
   },
   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]),
@@ -29019,7 +28925,7 @@ const rateProps = buildProps({
   },
   textColor: {
     type: String,
-    default: "var(--el-rate-text-color)"
+    default: ""
   },
   texts: {
     type: definePropType(Array),
@@ -29074,6 +28980,13 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     const pointerAtLeftHalf = ref(true);
     const rateClasses = computed(() => [ns.b(), ns.m(rateSize.value)]);
     const rateDisabled = computed(() => props.disabled || (formContext == null ? void 0 : formContext.disabled));
+    const rateStyles = computed(() => {
+      return {
+        "--el-rate-void-color": props.voidColor,
+        "--el-rate-disabled-void-color": props.disabledVoidColor,
+        "--el-rate-fill-color": activeColor.value
+      };
+    });
     const text = computed(() => {
       let result = "";
       if (props.showScore) {
@@ -29089,7 +29002,10 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
       [props.highThreshold]: { value: props.colors[1], excluded: true },
       [props.max]: props.colors[2]
     } : props.colors);
-    const activeColor = computed(() => getValueFromMap(currentValue.value, colorMap.value));
+    const activeColor = computed(() => {
+      const color = getValueFromMap(currentValue.value, colorMap.value);
+      return isObject$1(color) ? "" : color;
+    });
     const decimalStyle = computed(() => {
       let width = "";
       if (rateDisabled.value) {
@@ -29125,12 +29041,6 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
       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;
@@ -29218,27 +29128,30 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(rateClasses)),
+        class: normalizeClass([unref(rateClasses), unref(ns).is("disabled", unref(rateDisabled))]),
         role: "slider",
         "aria-valuenow": currentValue.value,
         "aria-valuetext": unref(text),
         "aria-valuemin": "0",
         "aria-valuemax": _ctx.max,
         tabindex: "0",
+        style: normalizeStyle(unref(rateStyles)),
         onKeydown: handleKey
       }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.max, (item, key) => {
           return openBlock(), createElementBlock("span", {
             key,
             class: normalizeClass(unref(ns).e("item")),
-            style: normalizeStyle({ cursor: unref(rateDisabled) ? "auto" : "pointer" }),
             onMousemove: ($event) => setCurrentValue(item, $event),
             onMouseleave: resetCurrentValue,
             onClick: ($event) => selectValue(item)
           }, [
             createVNode(unref(ElIcon), {
-              class: normalizeClass([unref(ns).e("icon"), { hover: hoverIndex.value === item }]),
-              style: normalizeStyle(getIconStyle(item))
+              class: normalizeClass([
+                unref(ns).e("icon"),
+                { hover: hoverIndex.value === item },
+                unref(ns).is("active", item <= currentValue.value)
+              ])
             }, {
               default: withCtx(() => [
                 !showDecimalIcon(item) ? (openBlock(), createBlock(resolveDynamicComponent(unref(iconComponents)[item - 1]), { key: 0 })) : createCommentVNode("v-if", true),
@@ -29254,15 +29167,14 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
                 }, 8, ["style", "class"])) : createCommentVNode("v-if", true)
               ]),
               _: 2
-            }, 1032, ["class", "style"])
-          ], 46, _hoisted_2$c);
+            }, 1032, ["class"])
+          ], 42, _hoisted_2$c);
         }), 128)),
         _ctx.showText || _ctx.showScore ? (openBlock(), createElementBlock("span", {
           key: 0,
-          class: normalizeClass(unref(ns).e("text")),
-          style: normalizeStyle({ color: _ctx.textColor })
-        }, toDisplayString(unref(text)), 7)) : createCommentVNode("v-if", true)
-      ], 42, _hoisted_1$g);
+          class: normalizeClass(unref(ns).e("text"))
+        }, toDisplayString(unref(text)), 3)) : createCommentVNode("v-if", true)
+      ], 46, _hoisted_1$g);
     };
   }
 });