@element-plus/nightly 0.0.20220310 → 0.0.20220311

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220310 */
+/*! Element Plus v0.0.20220311 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -2411,11 +2411,11 @@
     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"
   }, null, -1);
-  const _hoisted_3$_ = [
+  const _hoisted_3$$ = [
     _hoisted_2$1i
   ];
   function _sfc_render$2k(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1C, _hoisted_3$_);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1C, _hoisted_3$$);
   }
   var arrowDown = /* @__PURE__ */ _export_sfc$1(_sfc_main$2N, [["render", _sfc_render$2k]]);
 
@@ -2433,11 +2433,11 @@
     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"
   }, null, -1);
-  const _hoisted_3$Z = [
+  const _hoisted_3$_ = [
     _hoisted_2$1h
   ];
   function _sfc_render$2j(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1B, _hoisted_3$Z);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1B, _hoisted_3$_);
   }
   var arrowLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2M, [["render", _sfc_render$2j]]);
 
@@ -2455,11 +2455,11 @@
     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"
   }, null, -1);
-  const _hoisted_3$Y = [
+  const _hoisted_3$Z = [
     _hoisted_2$1g
   ];
   function _sfc_render$2i(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1A, _hoisted_3$Y);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1A, _hoisted_3$Z);
   }
   var arrowRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2L, [["render", _sfc_render$2i]]);
 
@@ -2477,11 +2477,11 @@
     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"
   }, null, -1);
-  const _hoisted_3$X = [
+  const _hoisted_3$Y = [
     _hoisted_2$1f
   ];
   function _sfc_render$2h(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1z, _hoisted_3$X);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1z, _hoisted_3$Y);
   }
   var arrowUp = /* @__PURE__ */ _export_sfc$1(_sfc_main$2K, [["render", _sfc_render$2h]]);
 
@@ -2499,16 +2499,16 @@
     fill: "currentColor",
     d: "M224 480h640a32 32 0 110 64H224a32 32 0 010-64z"
   }, null, -1);
-  const _hoisted_3$W = /* @__PURE__ */ vue.createElementVNode("path", {
+  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"
   }, null, -1);
-  const _hoisted_4$i = [
+  const _hoisted_4$j = [
     _hoisted_2$1e,
-    _hoisted_3$W
+    _hoisted_3$X
   ];
   function _sfc_render$2g(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1y, _hoisted_4$i);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1y, _hoisted_4$j);
   }
   var back = /* @__PURE__ */ _export_sfc$1(_sfc_main$2J, [["render", _sfc_render$2g]]);
 
@@ -2526,11 +2526,11 @@
     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"
   }, null, -1);
-  const _hoisted_3$V = [
+  const _hoisted_3$W = [
     _hoisted_2$1d
   ];
   function _sfc_render$2f(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1x, _hoisted_3$V);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1x, _hoisted_3$W);
   }
   var calendar = /* @__PURE__ */ _export_sfc$1(_sfc_main$2I, [["render", _sfc_render$2f]]);
 
@@ -2548,11 +2548,11 @@
     fill: "currentColor",
     d: "M384 192v640l384-320.064z"
   }, null, -1);
-  const _hoisted_3$U = [
+  const _hoisted_3$V = [
     _hoisted_2$1c
   ];
   function _sfc_render$2e(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1w, _hoisted_3$U);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1w, _hoisted_3$V);
   }
   var caretRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2H, [["render", _sfc_render$2e]]);
 
@@ -2570,11 +2570,11 @@
     fill: "currentColor",
     d: "M512 320L192 704h639.936z"
   }, null, -1);
-  const _hoisted_3$T = [
+  const _hoisted_3$U = [
     _hoisted_2$1b
   ];
   function _sfc_render$2d(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1v, _hoisted_3$T);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1v, _hoisted_3$U);
   }
   var caretTop = /* @__PURE__ */ _export_sfc$1(_sfc_main$2G, [["render", _sfc_render$2d]]);
 
@@ -2592,11 +2592,11 @@
     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"
   }, null, -1);
-  const _hoisted_3$S = [
+  const _hoisted_3$T = [
     _hoisted_2$1a
   ];
   function _sfc_render$2c(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1u, _hoisted_3$S);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1u, _hoisted_3$T);
   }
   var check = /* @__PURE__ */ _export_sfc$1(_sfc_main$2F, [["render", _sfc_render$2c]]);
 
@@ -2614,11 +2614,11 @@
     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"
   }, null, -1);
-  const _hoisted_3$R = [
+  const _hoisted_3$S = [
     _hoisted_2$19
   ];
   function _sfc_render$2b(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1t, _hoisted_3$R);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1t, _hoisted_3$S);
   }
   var circleCheckFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2E, [["render", _sfc_render$2b]]);
 
@@ -2636,16 +2636,16 @@
     fill: "currentColor",
     d: "M512 896a384 384 0 100-768 384 384 0 000 768zm0 64a448 448 0 110-896 448 448 0 010 896z"
   }, null, -1);
-  const _hoisted_3$Q = /* @__PURE__ */ vue.createElementVNode("path", {
+  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"
   }, null, -1);
-  const _hoisted_4$h = [
+  const _hoisted_4$i = [
     _hoisted_2$18,
-    _hoisted_3$Q
+    _hoisted_3$R
   ];
   function _sfc_render$2a(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1s, _hoisted_4$h);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1s, _hoisted_4$i);
   }
   var circleCheck = /* @__PURE__ */ _export_sfc$1(_sfc_main$2D, [["render", _sfc_render$2a]]);
 
@@ -2663,11 +2663,11 @@
     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"
   }, null, -1);
-  const _hoisted_3$P = [
+  const _hoisted_3$Q = [
     _hoisted_2$17
   ];
   function _sfc_render$29(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1r, _hoisted_3$P);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1r, _hoisted_3$Q);
   }
   var circleCloseFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2C, [["render", _sfc_render$29]]);
 
@@ -2685,16 +2685,16 @@
     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"
   }, null, -1);
-  const _hoisted_3$O = /* @__PURE__ */ vue.createElementVNode("path", {
+  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"
   }, null, -1);
-  const _hoisted_4$g = [
+  const _hoisted_4$h = [
     _hoisted_2$16,
-    _hoisted_3$O
+    _hoisted_3$P
   ];
   function _sfc_render$28(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1q, _hoisted_4$g);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1q, _hoisted_4$h);
   }
   var circleClose = /* @__PURE__ */ _export_sfc$1(_sfc_main$2B, [["render", _sfc_render$28]]);
 
@@ -2712,18 +2712,18 @@
     fill: "currentColor",
     d: "M512 896a384 384 0 100-768 384 384 0 000 768zm0 64a448 448 0 110-896 448 448 0 010 896z"
   }, null, -1);
-  const _hoisted_3$N = /* @__PURE__ */ vue.createElementVNode("path", {
+  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"
   }, null, -1);
-  const _hoisted_4$f = /* @__PURE__ */ vue.createElementVNode("path", {
+  const _hoisted_4$g = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
     d: "M480 512h256q32 0 32 32t-32 32H480q-32 0-32-32t32-32z"
   }, null, -1);
   const _hoisted_5$b = [
     _hoisted_2$15,
-    _hoisted_3$N,
-    _hoisted_4$f
+    _hoisted_3$O,
+    _hoisted_4$g
   ];
   function _sfc_render$27(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1p, _hoisted_5$b);
@@ -2744,11 +2744,11 @@
     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"
   }, null, -1);
-  const _hoisted_3$M = [
+  const _hoisted_3$N = [
     _hoisted_2$14
   ];
   function _sfc_render$26(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1o, _hoisted_3$M);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1o, _hoisted_3$N);
   }
   var close$2 = /* @__PURE__ */ _export_sfc$1(_sfc_main$2z, [["render", _sfc_render$26]]);
 
@@ -2766,11 +2766,11 @@
     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"
   }, null, -1);
-  const _hoisted_3$L = [
+  const _hoisted_3$M = [
     _hoisted_2$13
   ];
   function _sfc_render$25(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1n, _hoisted_3$L);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1n, _hoisted_3$M);
   }
   var dArrowLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2y, [["render", _sfc_render$25]]);
 
@@ -2788,11 +2788,11 @@
     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"
   }, null, -1);
-  const _hoisted_3$K = [
+  const _hoisted_3$L = [
     _hoisted_2$12
   ];
   function _sfc_render$24(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1m, _hoisted_3$K);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1m, _hoisted_3$L);
   }
   var dArrowRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2x, [["render", _sfc_render$24]]);
 
@@ -2810,11 +2810,11 @@
     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"
   }, null, -1);
-  const _hoisted_3$J = [
+  const _hoisted_3$K = [
     _hoisted_2$11
   ];
   function _sfc_render$23(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1l, _hoisted_3$J);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1l, _hoisted_3$K);
   }
   var _delete = /* @__PURE__ */ _export_sfc$1(_sfc_main$2w, [["render", _sfc_render$23]]);
 
@@ -2832,11 +2832,11 @@
     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"
   }, null, -1);
-  const _hoisted_3$I = [
+  const _hoisted_3$J = [
     _hoisted_2$10
   ];
   function _sfc_render$22(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1k, _hoisted_3$I);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1k, _hoisted_3$J);
   }
   var document$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$2v, [["render", _sfc_render$22]]);
 
@@ -2854,11 +2854,11 @@
     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"
   }, null, -1);
-  const _hoisted_3$H = [
+  const _hoisted_3$I = [
     _hoisted_2$$
   ];
   function _sfc_render$21(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1j, _hoisted_3$H);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1j, _hoisted_3$I);
   }
   var fullScreen = /* @__PURE__ */ _export_sfc$1(_sfc_main$2u, [["render", _sfc_render$21]]);
 
@@ -2876,11 +2876,11 @@
     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"
   }, null, -1);
-  const _hoisted_3$G = [
+  const _hoisted_3$H = [
     _hoisted_2$_
   ];
   function _sfc_render$20(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1i, _hoisted_3$G);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1i, _hoisted_3$H);
   }
   var infoFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2t, [["render", _sfc_render$20]]);
 
@@ -2898,11 +2898,11 @@
     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"
   }, null, -1);
-  const _hoisted_3$F = [
+  const _hoisted_3$G = [
     _hoisted_2$Z
   ];
   function _sfc_render$1$(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1h, _hoisted_3$F);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1h, _hoisted_3$G);
   }
   var loading = /* @__PURE__ */ _export_sfc$1(_sfc_main$2s, [["render", _sfc_render$1$]]);
 
@@ -2920,11 +2920,11 @@
     fill: "currentColor",
     d: "M128 544h768a32 32 0 100-64H128a32 32 0 000 64z"
   }, null, -1);
-  const _hoisted_3$E = [
+  const _hoisted_3$F = [
     _hoisted_2$Y
   ];
   function _sfc_render$1_(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1g, _hoisted_3$E);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1g, _hoisted_3$F);
   }
   var minus = /* @__PURE__ */ _export_sfc$1(_sfc_main$2r, [["render", _sfc_render$1_]]);
 
@@ -2942,11 +2942,11 @@
     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"
   }, null, -1);
-  const _hoisted_3$D = [
+  const _hoisted_3$E = [
     _hoisted_2$X
   ];
   function _sfc_render$1Z(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1f, _hoisted_3$D);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1f, _hoisted_3$E);
   }
   var moreFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2q, [["render", _sfc_render$1Z]]);
 
@@ -2964,11 +2964,11 @@
     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"
   }, null, -1);
-  const _hoisted_3$C = [
+  const _hoisted_3$D = [
     _hoisted_2$W
   ];
   function _sfc_render$1Y(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1e, _hoisted_3$C);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1e, _hoisted_3$D);
   }
   var more = /* @__PURE__ */ _export_sfc$1(_sfc_main$2p, [["render", _sfc_render$1Y]]);
 
@@ -2986,11 +2986,11 @@
     fill: "currentColor",
     d: "M480 480V128a32 32 0 0164 0v352h352a32 32 0 110 64H544v352a32 32 0 11-64 0V544H128a32 32 0 010-64h352z"
   }, null, -1);
-  const _hoisted_3$B = [
+  const _hoisted_3$C = [
     _hoisted_2$V
   ];
   function _sfc_render$1X(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1d, _hoisted_3$B);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1d, _hoisted_3$C);
   }
   var plus = /* @__PURE__ */ _export_sfc$1(_sfc_main$2o, [["render", _sfc_render$1X]]);
 
@@ -3008,11 +3008,11 @@
     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"
   }, null, -1);
-  const _hoisted_3$A = [
+  const _hoisted_3$B = [
     _hoisted_2$U
   ];
   function _sfc_render$1W(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1c, _hoisted_3$A);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1c, _hoisted_3$B);
   }
   var questionFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2n, [["render", _sfc_render$1W]]);
 
@@ -3030,11 +3030,11 @@
     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"
   }, null, -1);
-  const _hoisted_3$z = [
+  const _hoisted_3$A = [
     _hoisted_2$T
   ];
   function _sfc_render$1V(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1b, _hoisted_3$z);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1b, _hoisted_3$A);
   }
   var refreshLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2m, [["render", _sfc_render$1V]]);
 
@@ -3052,11 +3052,11 @@
     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"
   }, null, -1);
-  const _hoisted_3$y = [
+  const _hoisted_3$z = [
     _hoisted_2$S
   ];
   function _sfc_render$1U(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1a, _hoisted_3$y);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1a, _hoisted_3$z);
   }
   var refreshRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2l, [["render", _sfc_render$1U]]);
 
@@ -3074,11 +3074,11 @@
     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"
   }, null, -1);
-  const _hoisted_3$x = [
+  const _hoisted_3$y = [
     _hoisted_2$R
   ];
   function _sfc_render$1T(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$19, _hoisted_3$x);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$19, _hoisted_3$y);
   }
   var scaleToOriginal = /* @__PURE__ */ _export_sfc$1(_sfc_main$2k, [["render", _sfc_render$1T]]);
 
@@ -3096,11 +3096,11 @@
     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"
   }, null, -1);
-  const _hoisted_3$w = [
+  const _hoisted_3$x = [
     _hoisted_2$Q
   ];
   function _sfc_render$1S(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$18, _hoisted_3$w);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$18, _hoisted_3$x);
   }
   var search = /* @__PURE__ */ _export_sfc$1(_sfc_main$2j, [["render", _sfc_render$1S]]);
 
@@ -3118,11 +3118,11 @@
     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"
   }, null, -1);
-  const _hoisted_3$v = [
+  const _hoisted_3$w = [
     _hoisted_2$P
   ];
   function _sfc_render$1R(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$17, _hoisted_3$v);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$17, _hoisted_3$w);
   }
   var starFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2i, [["render", _sfc_render$1R]]);
 
@@ -3140,11 +3140,11 @@
     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"
   }, null, -1);
-  const _hoisted_3$u = [
+  const _hoisted_3$v = [
     _hoisted_2$O
   ];
   function _sfc_render$1Q(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$16, _hoisted_3$u);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$16, _hoisted_3$v);
   }
   var star = /* @__PURE__ */ _export_sfc$1(_sfc_main$2h, [["render", _sfc_render$1Q]]);
 
@@ -3162,11 +3162,11 @@
     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"
   }, null, -1);
-  const _hoisted_3$t = [
+  const _hoisted_3$u = [
     _hoisted_2$N
   ];
   function _sfc_render$1P(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$15, _hoisted_3$t);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$15, _hoisted_3$u);
   }
   var successFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2g, [["render", _sfc_render$1P]]);
 
@@ -3184,11 +3184,11 @@
     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"
   }, null, -1);
-  const _hoisted_3$s = [
+  const _hoisted_3$t = [
     _hoisted_2$M
   ];
   function _sfc_render$1O(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$14, _hoisted_3$s);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$14, _hoisted_3$t);
   }
   var view = /* @__PURE__ */ _export_sfc$1(_sfc_main$2f, [["render", _sfc_render$1O]]);
 
@@ -3206,11 +3206,11 @@
     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"
   }, null, -1);
-  const _hoisted_3$r = [
+  const _hoisted_3$s = [
     _hoisted_2$L
   ];
   function _sfc_render$1N(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$13, _hoisted_3$r);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$13, _hoisted_3$s);
   }
   var warningFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2e, [["render", _sfc_render$1N]]);
 
@@ -3228,11 +3228,11 @@
     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"
   }, null, -1);
-  const _hoisted_3$q = [
+  const _hoisted_3$r = [
     _hoisted_2$K
   ];
   function _sfc_render$1M(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$12, _hoisted_3$q);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$12, _hoisted_3$r);
   }
   var zoomIn = /* @__PURE__ */ _export_sfc$1(_sfc_main$2d, [["render", _sfc_render$1M]]);
 
@@ -3250,11 +3250,11 @@
     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"
   }, null, -1);
-  const _hoisted_3$p = [
+  const _hoisted_3$q = [
     _hoisted_2$J
   ];
   function _sfc_render$1L(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$11, _hoisted_3$p);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$11, _hoisted_3$q);
   }
   var zoomOut = /* @__PURE__ */ _export_sfc$1(_sfc_main$2c, [["render", _sfc_render$1L]]);
 
@@ -4375,7 +4375,7 @@
     };
   };
 
-  const version$1 = "0.0.20220310";
+  const version$1 = "0.0.20220311";
 
   const INSTALLED_KEY = Symbol("INSTALLED_KEY");
   const makeInstaller = (components = []) => {
@@ -4887,7 +4887,10 @@
       });
       const validateState = vue.computed(() => (formItem == null ? void 0 : formItem.validateState) || "");
       const validateIcon = vue.computed(() => ValidateComponentsMap[validateState.value]);
-      const containerStyle = vue.computed(() => rawAttrs.style);
+      const containerStyle = vue.computed(() => [
+        rawAttrs.style,
+        props.inputStyle
+      ]);
       const computedTextareaStyle = vue.computed(() => [
         props.inputStyle,
         _textareaCalcStyle.value,
@@ -8108,7 +8111,7 @@
 
   const _hoisted_1$_ = ["aria-expanded", "aria-owns"];
   const _hoisted_2$G = { key: 0 };
-  const _hoisted_3$o = ["id", "aria-selected", "onClick"];
+  const _hoisted_3$p = ["id", "aria-selected", "onClick"];
   const __default__$l = {
     name: "ElAutocomplete",
     inheritAttrs: false
@@ -8289,7 +8292,7 @@
           trigger: "click",
           transition: `${vue.unref(ns).namespace.value}-zoom-in-top`,
           persistent: "",
-          onShow: onSuggestionShow
+          onBeforeShow: onSuggestionShow
         }, {
           content: vue.withCtx(() => [
             vue.createElementVNode("div", {
@@ -8328,7 +8331,7 @@
                       vue.renderSlot(_ctx.$slots, "default", { item }, () => [
                         vue.createTextVNode(vue.toDisplayString(item[_ctx.valueKey]), 1)
                       ])
-                    ], 10, _hoisted_3$o);
+                    ], 10, _hoisted_3$p);
                   }), 128))
                 ]),
                 _: 3
@@ -10847,7 +10850,7 @@
   });
   const _hoisted_1$V = ["id", "name", "placeholder", "value", "disabled", "readonly"];
   const _hoisted_2$F = { class: "el-range-separator" };
-  const _hoisted_3$n = ["id", "name", "placeholder", "value", "disabled", "readonly"];
+  const _hoisted_3$o = ["id", "name", "placeholder", "value", "disabled", "readonly"];
   function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_icon = vue.resolveComponent("el-icon");
     const _component_el_input = vue.resolveComponent("el-input");
@@ -10974,7 +10977,7 @@
             onFocus: _cache[4] || (_cache[4] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
             onInput: _cache[5] || (_cache[5] = (...args) => _ctx.handleEndInput && _ctx.handleEndInput(...args)),
             onChange: _cache[6] || (_cache[6] = (...args) => _ctx.handleEndChange && _ctx.handleEndChange(...args))
-          }, null, 40, _hoisted_3$n),
+          }, null, 40, _hoisted_3$o),
           _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
             key: 1,
             class: vue.normalizeClass(["el-input__icon el-range__close-icon", {
@@ -11518,7 +11521,7 @@
   });
   const _hoisted_1$U = ["onClick"];
   const _hoisted_2$E = ["onMouseenter"];
-  const _hoisted_3$m = { class: "el-time-spinner__list" };
+  const _hoisted_3$n = { class: "el-time-spinner__list" };
   function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_scrollbar = vue.resolveComponent("el-scrollbar");
     const _component_arrow_up = vue.resolveComponent("arrow-up");
@@ -11581,7 +11584,7 @@
           })), [
             [_directive_repeat_click, _ctx.onIncreaseClick]
           ]),
-          vue.createElementVNode("ul", _hoisted_3$m, [
+          vue.createElementVNode("ul", _hoisted_3$n, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.arrowListMap[item].value, (time, key) => {
               return vue.openBlock(), vue.createElementBlock("li", {
                 key,
@@ -12051,8 +12054,8 @@
     class: "el-time-range-picker el-picker-panel"
   };
   const _hoisted_2$C = { class: "el-time-range-picker__content" };
-  const _hoisted_3$l = { class: "el-time-range-picker__cell" };
-  const _hoisted_4$e = { class: "el-time-range-picker__header" };
+  const _hoisted_3$m = { class: "el-time-range-picker__cell" };
+  const _hoisted_4$f = { class: "el-time-range-picker__header" };
   const _hoisted_5$a = { class: "el-time-range-picker__cell" };
   const _hoisted_6$7 = { class: "el-time-range-picker__header" };
   const _hoisted_7$6 = { class: "el-time-panel__footer" };
@@ -12061,8 +12064,8 @@
     const _component_time_spinner = vue.resolveComponent("time-spinner");
     return _ctx.actualVisible ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$S, [
       vue.createElementVNode("div", _hoisted_2$C, [
-        vue.createElementVNode("div", _hoisted_3$l, [
-          vue.createElementVNode("div", _hoisted_4$e, vue.toDisplayString(_ctx.t("el.datepicker.startTime")), 1),
+        vue.createElementVNode("div", _hoisted_3$m, [
+          vue.createElementVNode("div", _hoisted_4$f, vue.toDisplayString(_ctx.t("el.datepicker.startTime")), 1),
           vue.createElementVNode("div", {
             class: vue.normalizeClass([{ "has-seconds": _ctx.showSeconds, "is-arrow": _ctx.arrowControl }, "el-time-range-picker__body el-time-panel__content"])
           }, [
@@ -13377,8 +13380,8 @@
   });
   const _hoisted_1$P = ["id", "aria-controls"];
   const _hoisted_2$z = ["tabindex", "role", "aria-checked"];
-  const _hoisted_3$k = ["aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"];
-  const _hoisted_4$d = ["aria-hidden", "disabled", "value", "name", "tabindex"];
+  const _hoisted_3$l = ["aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"];
+  const _hoisted_4$e = ["aria-hidden", "disabled", "value", "name", "tabindex"];
   function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("label", {
       id: _ctx.id,
@@ -13420,7 +13423,7 @@
           onChange: _cache[1] || (_cache[1] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
           onFocus: _cache[2] || (_cache[2] = ($event) => _ctx.focus = true),
           onBlur: _cache[3] || (_cache[3] = ($event) => _ctx.focus = false)
-        }, null, 42, _hoisted_3$k)), [
+        }, null, 42, _hoisted_3$l)), [
           [vue.vModelCheckbox, _ctx.model]
         ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
           key: 1,
@@ -13435,7 +13438,7 @@
           onChange: _cache[5] || (_cache[5] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
           onFocus: _cache[6] || (_cache[6] = ($event) => _ctx.focus = true),
           onBlur: _cache[7] || (_cache[7] = ($event) => _ctx.focus = false)
-        }, null, 42, _hoisted_4$d)), [
+        }, null, 42, _hoisted_4$e)), [
           [vue.vModelCheckbox, _ctx.model]
         ])
       ], 10, _hoisted_2$z),
@@ -13484,7 +13487,7 @@
   });
   const _hoisted_1$O = ["aria-checked", "aria-disabled"];
   const _hoisted_2$y = ["name", "tabindex", "disabled", "true-value", "false-value"];
-  const _hoisted_3$j = ["name", "tabindex", "disabled", "value"];
+  const _hoisted_3$k = ["name", "tabindex", "disabled", "value"];
   function _sfc_render$1p(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("label", {
       class: vue.normalizeClass([
@@ -13525,7 +13528,7 @@
         onChange: _cache[5] || (_cache[5] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
         onFocus: _cache[6] || (_cache[6] = ($event) => _ctx.focus = true),
         onBlur: _cache[7] || (_cache[7] = ($event) => _ctx.focus = false)
-      }, null, 42, _hoisted_3$j)), [
+      }, null, 42, _hoisted_3$k)), [
         [vue.vModelCheckbox, _ctx.model]
       ]),
       _ctx.$slots.default || _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", {
@@ -14988,6 +14991,10 @@
         default: true
       },
       collapseTags: Boolean,
+      collapseTagsTooltip: {
+        type: Boolean,
+        default: false
+      },
       debounce: {
         type: Number,
         default: 300
@@ -15035,6 +15042,7 @@
       const inputValue = vue.ref("");
       const searchInputValue = vue.ref("");
       const presentTags = vue.ref([]);
+      const allPresentTags = vue.ref([]);
       const suggestions = vue.ref([]);
       const isOnComposition = vue.ref(false);
       const isDisabled = vue.computed(() => props.disabled || elForm.disabled);
@@ -15108,7 +15116,8 @@
           key: node.uid,
           text: node.calcText(showAllLevels, separator),
           hitState: false,
-          closable: !isDisabled.value && !node.isDisabled
+          closable: !isDisabled.value && !node.isDisabled,
+          isCollapseTag: false
         };
       };
       const deleteTag = (tag) => {
@@ -15123,6 +15132,9 @@
           return;
         const nodes = checkedNodes.value;
         const tags = [];
+        const allTags = [];
+        nodes.forEach((node) => allTags.push(genTag(node)));
+        allPresentTags.value = allTags;
         if (nodes.length) {
           const [first, ...rest] = nodes;
           const restCount = rest.length;
@@ -15132,7 +15144,8 @@
               tags.push({
                 key: -1,
                 text: `+ ${restCount}`,
-                closable: false
+                closable: false,
+                isCollapseTag: true
               });
             } else {
               rest.forEach((node) => tags.push(genTag(node)));
@@ -15154,6 +15167,9 @@
           presentTags.value.forEach((tag) => {
             tag.hitState = false;
           });
+          allPresentTags.value.forEach((tag) => {
+            tag.hitState = false;
+          });
         }
         filtering.value = true;
         suggestions.value = res;
@@ -15326,6 +15342,7 @@
         inputValue,
         searchInputValue,
         presentTags,
+        allPresentTags,
         suggestions,
         isDisabled,
         isOnComposition,
@@ -15354,18 +15371,20 @@
       };
     }
   });
-  const _hoisted_1$K = ["placeholder"];
-  const _hoisted_2$u = ["onClick"];
+  const _hoisted_1$K = { key: 0 };
+  const _hoisted_2$u = { class: "el-cascader__collapse-tags" };
+  const _hoisted_3$j = ["placeholder"];
+  const _hoisted_4$d = ["onClick"];
   function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_circle_close = vue.resolveComponent("circle-close");
     const _component_el_icon = vue.resolveComponent("el-icon");
     const _component_arrow_down = vue.resolveComponent("arrow-down");
     const _component_el_input = vue.resolveComponent("el-input");
     const _component_el_tag = vue.resolveComponent("el-tag");
+    const _component_el_tooltip = vue.resolveComponent("el-tooltip");
     const _component_el_cascader_panel = vue.resolveComponent("el-cascader-panel");
     const _component_check = vue.resolveComponent("check");
     const _component_el_scrollbar = vue.resolveComponent("el-scrollbar");
-    const _component_el_tooltip = vue.resolveComponent("el-tooltip");
     const _directive_clickoutside = vue.resolveDirective("clickoutside");
     return vue.openBlock(), vue.createBlock(_component_el_tooltip, {
       ref: "tooltipRef",
@@ -15465,7 +15484,45 @@
                 onClose: ($event) => _ctx.deleteTag(tag)
               }, {
                 default: vue.withCtx(() => [
-                  vue.createElementVNode("span", null, vue.toDisplayString(tag.text), 1)
+                  tag.isCollapseTag === false ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$K, vue.toDisplayString(tag.text), 1)) : (vue.openBlock(), vue.createBlock(_component_el_tooltip, {
+                    key: 1,
+                    teleported: false,
+                    disabled: _ctx.popperVisible || !_ctx.collapseTagsTooltip,
+                    "fallback-placements": ["bottom", "top", "right", "left"],
+                    placement: "bottom",
+                    effect: "light"
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createElementVNode("span", null, vue.toDisplayString(tag.text), 1)
+                    ]),
+                    content: vue.withCtx(() => [
+                      vue.createElementVNode("div", _hoisted_2$u, [
+                        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.allPresentTags, (tag2, idx) => {
+                          return vue.openBlock(), vue.createElementBlock("div", {
+                            key: idx,
+                            class: "el-cascader__collapse-tag"
+                          }, [
+                            (vue.openBlock(), vue.createBlock(_component_el_tag, {
+                              key: tag2.key,
+                              class: "in-tooltip",
+                              type: "info",
+                              size: _ctx.tagSize,
+                              hit: tag2.hitState,
+                              closable: tag2.closable,
+                              "disable-transitions": "",
+                              onClose: ($event) => _ctx.deleteTag(tag2)
+                            }, {
+                              default: vue.withCtx(() => [
+                                vue.createElementVNode("span", null, vue.toDisplayString(tag2.text), 1)
+                              ]),
+                              _: 2
+                            }, 1032, ["size", "hit", "closable", "onClose"]))
+                          ]);
+                        }), 128))
+                      ])
+                    ]),
+                    _: 2
+                  }, 1032, ["disabled"]))
                 ]),
                 _: 2
               }, 1032, ["size", "hit", "closable", "onClose"]);
@@ -15482,7 +15539,7 @@
               onCompositionstart: _cache[8] || (_cache[8] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args)),
               onCompositionupdate: _cache[9] || (_cache[9] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args)),
               onCompositionend: _cache[10] || (_cache[10] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args))
-            }, null, 42, _hoisted_1$K)), [
+            }, null, 42, _hoisted_3$j)), [
               [vue.vModelText, _ctx.searchInputValue]
             ]) : vue.createCommentVNode("v-if", true)
           ], 2)) : vue.createCommentVNode("v-if", true)
@@ -15530,7 +15587,7 @@
                   ]),
                   _: 1
                 })) : vue.createCommentVNode("v-if", true)
-              ], 10, _hoisted_2$u);
+              ], 10, _hoisted_4$d);
             }), 128)) : vue.renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
               vue.createElementVNode("li", {
                 class: vue.normalizeClass(_ctx.nsCascader.e("empty-text"))
@@ -26152,7 +26209,9 @@
           return item.value === vm.value;
         });
         if (select.cachedOptions.get(key) === vm && !doesSelected) {
-          select.cachedOptions.delete(key);
+          vue.nextTick(() => {
+            select.cachedOptions.delete(key);
+          });
         }
         select.onOptionDestroy(key, vm);
       });
@@ -26965,6 +27024,10 @@
         default: "value"
       },
       collapseTags: Boolean,
+      collapseTagsTooltip: {
+        type: Boolean,
+        default: false
+      },
       popperAppendToBody: {
         type: Boolean,
         default: void 0
@@ -27224,12 +27287,12 @@
   const _hoisted_3$9 = { style: { "height": "100%", "display": "flex", "justify-content": "center", "align-items": "center" } };
   function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_tag = vue.resolveComponent("el-tag");
+    const _component_el_tooltip = vue.resolveComponent("el-tooltip");
     const _component_el_icon = vue.resolveComponent("el-icon");
     const _component_el_input = vue.resolveComponent("el-input");
     const _component_el_option = vue.resolveComponent("el-option");
     const _component_el_scrollbar = vue.resolveComponent("el-scrollbar");
     const _component_el_select_menu = vue.resolveComponent("el-select-menu");
-    const _component_el_tooltip = vue.resolveComponent("el-tooltip");
     const _directive_click_outside = vue.resolveDirective("click-outside");
     return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
       ref: "selectWrapper",
@@ -27292,9 +27355,58 @@
                   "disable-transitions": ""
                 }, {
                   default: vue.withCtx(() => [
-                    vue.createElementVNode("span", {
+                    _ctx.collapseTagsTooltip ? (vue.openBlock(), vue.createBlock(_component_el_tooltip, {
+                      key: 0,
+                      disabled: _ctx.dropMenuVisible,
+                      "fallback-placements": ["bottom", "top", "right", "left"],
+                      effect: _ctx.effect,
+                      placement: "bottom",
+                      teleported: false
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createElementVNode("span", {
+                          class: vue.normalizeClass(_ctx.nsSelect.e("tags-text"))
+                        }, "+ " + vue.toDisplayString(_ctx.selected.length - 1), 3)
+                      ]),
+                      content: vue.withCtx(() => [
+                        vue.createElementVNode("div", {
+                          class: vue.normalizeClass(_ctx.nsSelect.e("collapse-tags"))
+                        }, [
+                          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.selected, (item, idx) => {
+                            return vue.openBlock(), vue.createElementBlock("div", {
+                              key: idx,
+                              class: vue.normalizeClass(_ctx.nsSelect.e("collapse-tag"))
+                            }, [
+                              (vue.openBlock(), vue.createBlock(_component_el_tag, {
+                                key: _ctx.getValueKey(item),
+                                class: "in-tooltip",
+                                closable: !_ctx.selectDisabled && !item.isDisabled,
+                                size: _ctx.collapseTagSize,
+                                hit: item.hitState,
+                                type: _ctx.tagType,
+                                "disable-transitions": "",
+                                style: { margin: "2px" },
+                                onClose: ($event) => _ctx.deleteTag($event, item)
+                              }, {
+                                default: vue.withCtx(() => [
+                                  vue.createElementVNode("span", {
+                                    class: vue.normalizeClass(_ctx.nsSelect.e("tags-text")),
+                                    style: vue.normalizeStyle({
+                                      maxWidth: _ctx.inputWidth - 75 + "px"
+                                    })
+                                  }, vue.toDisplayString(item.currentLabel), 7)
+                                ]),
+                                _: 2
+                              }, 1032, ["closable", "size", "hit", "type", "onClose"]))
+                            ], 2);
+                          }), 128))
+                        ], 2)
+                      ]),
+                      _: 1
+                    }, 8, ["disabled", "effect"])) : (vue.openBlock(), vue.createElementBlock("span", {
+                      key: 1,
                       class: vue.normalizeClass(_ctx.nsSelect.e("tags-text"))
-                    }, "+ " + vue.toDisplayString(_ctx.selected.length - 1), 3)
+                    }, "+ " + vue.toDisplayString(_ctx.selected.length - 1), 3))
                   ]),
                   _: 1
                 }, 8, ["size", "type"])) : vue.createCommentVNode("v-if", true)
@@ -28877,7 +28989,7 @@
       type: iconPropType,
       default: () => star
     },
-    disabledvoidIcon: {
+    disabledVoidIcon: {
       type: iconPropType,
       default: () => starFilled
     },
@@ -28990,7 +29102,7 @@
         [props.max]: props.icons[2]
       } : props.icons);
       const decimalIconComponent = vue.computed(() => getValueFromMap(props.modelValue, componentMap.value));
-      const voidComponent = vue.computed(() => rateDisabled.value ? props.disabledvoidIcon : props.voidIcon);
+      const voidComponent = vue.computed(() => rateDisabled.value ? props.disabledVoidIcon : props.voidIcon);
       const activeComponent = vue.computed(() => getValueFromMap(currentValue.value, componentMap.value));
       const iconComponents = vue.computed(() => {
         const result = Array.from({ length: props.max });
@@ -31078,6 +31190,10 @@
       default: "light"
     },
     collapseTags: Boolean,
+    collapseTagsTooltip: {
+      type: Boolean,
+      default: false
+    },
     defaultFirstOption: Boolean,
     disabled: Boolean,
     estimatedOptionHeight: {
@@ -32146,9 +32262,9 @@
   const _hoisted_5$3 = ["textContent"];
   function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_tag = vue.resolveComponent("el-tag");
+    const _component_el_tooltip = vue.resolveComponent("el-tooltip");
     const _component_el_icon = vue.resolveComponent("el-icon");
     const _component_el_select_menu = vue.resolveComponent("el-select-menu");
-    const _component_el_tooltip = vue.resolveComponent("el-tooltip");
     const _directive_model_text = vue.resolveDirective("model-text");
     const _directive_click_outside = vue.resolveDirective("click-outside");
     return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
@@ -32229,12 +32345,62 @@
                     "disable-transitions": ""
                   }, {
                     default: vue.withCtx(() => [
-                      vue.createElementVNode("span", {
+                      _ctx.collapseTagsTooltip ? (vue.openBlock(), vue.createBlock(_component_el_tooltip, {
+                        key: 0,
+                        disabled: _ctx.dropdownMenuVisible,
+                        "fallback-placements": ["bottom", "top", "right", "left"],
+                        effect: _ctx.effect,
+                        placement: "bottom",
+                        teleported: false
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createElementVNode("span", {
+                            class: vue.normalizeClass(_ctx.nsSelectV2.e("tags-text")),
+                            style: vue.normalizeStyle({
+                              maxWidth: `${_ctx.tagMaxWidth}px`
+                            })
+                          }, "+ " + vue.toDisplayString(_ctx.modelValue.length - 1), 7)
+                        ]),
+                        content: vue.withCtx(() => [
+                          vue.createElementVNode("div", {
+                            class: vue.normalizeClass(_ctx.nsSelectV2.e("selection"))
+                          }, [
+                            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.states.cachedOptions, (selected, idx) => {
+                              return vue.openBlock(), vue.createElementBlock("div", {
+                                key: idx,
+                                class: vue.normalizeClass(_ctx.nsSelectV2.e("selected-item"))
+                              }, [
+                                (vue.openBlock(), vue.createBlock(_component_el_tag, {
+                                  key: _ctx.getValueKey(selected),
+                                  closable: !_ctx.selectDisabled && !selected.disabled,
+                                  size: _ctx.collapseTagSize,
+                                  class: "in-tooltip",
+                                  type: "info",
+                                  "disable-transitions": "",
+                                  onClose: ($event) => _ctx.deleteTag($event, selected)
+                                }, {
+                                  default: vue.withCtx(() => [
+                                    vue.createElementVNode("span", {
+                                      class: vue.normalizeClass(_ctx.nsSelectV2.e("tags-text")),
+                                      style: vue.normalizeStyle({
+                                        maxWidth: `${_ctx.tagMaxWidth}px`
+                                      })
+                                    }, vue.toDisplayString(_ctx.getLabel(selected)), 7)
+                                  ]),
+                                  _: 2
+                                }, 1032, ["closable", "size", "onClose"]))
+                              ], 2);
+                            }), 128))
+                          ], 2)
+                        ]),
+                        _: 1
+                      }, 8, ["disabled", "effect"])) : (vue.openBlock(), vue.createElementBlock("span", {
+                        key: 1,
                         class: vue.normalizeClass(_ctx.nsSelectV2.e("tags-text")),
                         style: vue.normalizeStyle({
                           maxWidth: `${_ctx.tagMaxWidth}px`
                         })
-                      }, "+ " + vue.toDisplayString(_ctx.modelValue.length - 1), 7)
+                      }, "+ " + vue.toDisplayString(_ctx.modelValue.length - 1), 7))
                     ]),
                     _: 1
                   }, 8, ["size"])) : vue.createCommentVNode("v-if", true)
@@ -34223,6 +34389,54 @@
 
   const ElSwitch = withInstall(Switch);
 
+  /*!
+   * escape-html
+   * Copyright(c) 2012-2013 TJ Holowaychuk
+   * Copyright(c) 2015 Andreas Lubbe
+   * Copyright(c) 2015 Tiancheng "Timothy" Gu
+   * MIT Licensed
+   */
+  var matchHtmlRegExp = /["'&<>]/;
+  var escapeHtml_1 = escapeHtml;
+  function escapeHtml(string) {
+    var str = "" + string;
+    var match = matchHtmlRegExp.exec(str);
+    if (!match) {
+      return str;
+    }
+    var escape;
+    var html = "";
+    var index = 0;
+    var lastIndex = 0;
+    for (index = match.index; index < str.length; index++) {
+      switch (str.charCodeAt(index)) {
+        case 34:
+          escape = "&quot;";
+          break;
+        case 38:
+          escape = "&amp;";
+          break;
+        case 39:
+          escape = "&#39;";
+          break;
+        case 60:
+          escape = "&lt;";
+          break;
+        case 62:
+          escape = "&gt;";
+          break;
+        default:
+          continue;
+      }
+      if (lastIndex !== index) {
+        html += str.substring(lastIndex, index);
+      }
+      lastIndex = index + 1;
+      html += escape;
+    }
+    return lastIndex !== index ? html + str.substring(lastIndex, index) : html;
+  }
+
   const getCell = function(event) {
     let cell = event.target;
     while (cell && cell.tagName.toUpperCase() !== "HTML") {
@@ -34463,6 +34677,7 @@
       const isLight = tooltipEffect === "light";
       const content2 = document.createElement("div");
       content2.className = `el-popper ${isLight ? "is-light" : "is-dark"}`;
+      popperContent = escapeHtml_1(popperContent);
       content2.innerHTML = popperContent;
       content2.style.zIndex = String(nextZIndex());
       document.body.appendChild(content2);
@@ -42821,7 +43036,7 @@
                     src: file.url,
                     alt: ""
                   }, null, 10, _hoisted_2$4)) : vue.createCommentVNode("v-if", true),
-                  file.status === "uploading" || _ctx.listType !== "picture-card" ? (vue.openBlock(), vue.createElementBlock("div", {
+                  _ctx.listType !== "picture" && (file.status === "uploading" || _ctx.listType !== "picture-card") ? (vue.openBlock(), vue.createElementBlock("div", {
                     key: 1,
                     class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-info"))
                   }, [
@@ -43970,7 +44185,11 @@
       default: ""
     },
     message: {
-      type: definePropType([String, Object]),
+      type: definePropType([
+        String,
+        Object,
+        Function
+      ]),
       default: ""
     },
     onClose: {
@@ -44203,7 +44422,7 @@
     const container = document.createElement("div");
     container.className = `container_${id}`;
     const messageContent = props.message;
-    const vm = vue.createVNode(MessageConstructor, props, vue.isVNode(messageContent) ? { default: () => messageContent } : null);
+    const vm = vue.createVNode(MessageConstructor, props, isFunction(messageContent) ? { default: messageContent } : vue.isVNode(messageContent) ? { default: () => messageContent } : null);
     vm.appContext = context || message._context;
     vm.props.onDestroy = () => {
       vue.render(null, container);