@element-plus/nightly 0.0.20220310 → 0.0.20220311

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220310 */
+/*! Element Plus v0.0.20220311 */
 
 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, onUpdated, resolveComponent, withModifiers, toRef, reactive, cloneVNode, Text, useAttrs as useAttrs$1, renderList, withKeys, createSlots, resolveDirective, normalizeProps, guardReactiveProps, toRefs, vModelCheckbox, vModelRadio, onBeforeUpdate, vModelText, toHandlers, markRaw, effectScope, toRaw, triggerRef, TransitionGroup, createApp, render } from 'vue';
 
@@ -2407,11 +2407,11 @@ 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"
 }, null, -1);
-const _hoisted_3$_ = [
+const _hoisted_3$$ = [
   _hoisted_2$1i
 ];
 function _sfc_render$2k(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1C, _hoisted_3$_);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1C, _hoisted_3$$);
 }
 var arrowDown = /* @__PURE__ */ _export_sfc$1(_sfc_main$2N, [["render", _sfc_render$2k]]);
 
@@ -2429,11 +2429,11 @@ 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"
 }, null, -1);
-const _hoisted_3$Z = [
+const _hoisted_3$_ = [
   _hoisted_2$1h
 ];
 function _sfc_render$2j(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1B, _hoisted_3$Z);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1B, _hoisted_3$_);
 }
 var arrowLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2M, [["render", _sfc_render$2j]]);
 
@@ -2451,11 +2451,11 @@ 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"
 }, null, -1);
-const _hoisted_3$Y = [
+const _hoisted_3$Z = [
   _hoisted_2$1g
 ];
 function _sfc_render$2i(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1A, _hoisted_3$Y);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1A, _hoisted_3$Z);
 }
 var arrowRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2L, [["render", _sfc_render$2i]]);
 
@@ -2473,11 +2473,11 @@ 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"
 }, null, -1);
-const _hoisted_3$X = [
+const _hoisted_3$Y = [
   _hoisted_2$1f
 ];
 function _sfc_render$2h(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1z, _hoisted_3$X);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1z, _hoisted_3$Y);
 }
 var arrowUp = /* @__PURE__ */ _export_sfc$1(_sfc_main$2K, [["render", _sfc_render$2h]]);
 
@@ -2495,16 +2495,16 @@ const _hoisted_2$1e = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M224 480h640a32 32 0 110 64H224a32 32 0 010-64z"
 }, null, -1);
-const _hoisted_3$W = /* @__PURE__ */ createElementVNode("path", {
+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"
 }, 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 openBlock(), createElementBlock("svg", _hoisted_1$1y, _hoisted_4$i);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1y, _hoisted_4$j);
 }
 var back = /* @__PURE__ */ _export_sfc$1(_sfc_main$2J, [["render", _sfc_render$2g]]);
 
@@ -2522,11 +2522,11 @@ 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"
 }, null, -1);
-const _hoisted_3$V = [
+const _hoisted_3$W = [
   _hoisted_2$1d
 ];
 function _sfc_render$2f(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1x, _hoisted_3$V);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1x, _hoisted_3$W);
 }
 var calendar = /* @__PURE__ */ _export_sfc$1(_sfc_main$2I, [["render", _sfc_render$2f]]);
 
@@ -2544,11 +2544,11 @@ const _hoisted_2$1c = /* @__PURE__ */ createElementVNode("path", {
   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 openBlock(), createElementBlock("svg", _hoisted_1$1w, _hoisted_3$U);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1w, _hoisted_3$V);
 }
 var caretRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2H, [["render", _sfc_render$2e]]);
 
@@ -2566,11 +2566,11 @@ const _hoisted_2$1b = /* @__PURE__ */ createElementVNode("path", {
   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 openBlock(), createElementBlock("svg", _hoisted_1$1v, _hoisted_3$T);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1v, _hoisted_3$U);
 }
 var caretTop = /* @__PURE__ */ _export_sfc$1(_sfc_main$2G, [["render", _sfc_render$2d]]);
 
@@ -2588,11 +2588,11 @@ 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"
 }, null, -1);
-const _hoisted_3$S = [
+const _hoisted_3$T = [
   _hoisted_2$1a
 ];
 function _sfc_render$2c(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1u, _hoisted_3$S);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1u, _hoisted_3$T);
 }
 var check = /* @__PURE__ */ _export_sfc$1(_sfc_main$2F, [["render", _sfc_render$2c]]);
 
@@ -2610,11 +2610,11 @@ 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"
 }, null, -1);
-const _hoisted_3$R = [
+const _hoisted_3$S = [
   _hoisted_2$19
 ];
 function _sfc_render$2b(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1t, _hoisted_3$R);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1t, _hoisted_3$S);
 }
 var circleCheckFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2E, [["render", _sfc_render$2b]]);
 
@@ -2632,16 +2632,16 @@ 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"
 }, null, -1);
-const _hoisted_3$Q = /* @__PURE__ */ createElementVNode("path", {
+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"
 }, 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 openBlock(), createElementBlock("svg", _hoisted_1$1s, _hoisted_4$h);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1s, _hoisted_4$i);
 }
 var circleCheck = /* @__PURE__ */ _export_sfc$1(_sfc_main$2D, [["render", _sfc_render$2a]]);
 
@@ -2659,11 +2659,11 @@ 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"
 }, null, -1);
-const _hoisted_3$P = [
+const _hoisted_3$Q = [
   _hoisted_2$17
 ];
 function _sfc_render$29(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1r, _hoisted_3$P);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1r, _hoisted_3$Q);
 }
 var circleCloseFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2C, [["render", _sfc_render$29]]);
 
@@ -2681,16 +2681,16 @@ 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"
 }, null, -1);
-const _hoisted_3$O = /* @__PURE__ */ createElementVNode("path", {
+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"
 }, 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 openBlock(), createElementBlock("svg", _hoisted_1$1q, _hoisted_4$g);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1q, _hoisted_4$h);
 }
 var circleClose = /* @__PURE__ */ _export_sfc$1(_sfc_main$2B, [["render", _sfc_render$28]]);
 
@@ -2708,18 +2708,18 @@ 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"
 }, null, -1);
-const _hoisted_3$N = /* @__PURE__ */ createElementVNode("path", {
+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"
 }, null, -1);
-const _hoisted_4$f = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_4$g = /* @__PURE__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1$1p, _hoisted_5$b);
@@ -2740,11 +2740,11 @@ 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"
 }, null, -1);
-const _hoisted_3$M = [
+const _hoisted_3$N = [
   _hoisted_2$14
 ];
 function _sfc_render$26(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1o, _hoisted_3$M);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1o, _hoisted_3$N);
 }
 var close$2 = /* @__PURE__ */ _export_sfc$1(_sfc_main$2z, [["render", _sfc_render$26]]);
 
@@ -2762,11 +2762,11 @@ 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"
 }, null, -1);
-const _hoisted_3$L = [
+const _hoisted_3$M = [
   _hoisted_2$13
 ];
 function _sfc_render$25(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1n, _hoisted_3$L);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1n, _hoisted_3$M);
 }
 var dArrowLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2y, [["render", _sfc_render$25]]);
 
@@ -2784,11 +2784,11 @@ 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"
 }, null, -1);
-const _hoisted_3$K = [
+const _hoisted_3$L = [
   _hoisted_2$12
 ];
 function _sfc_render$24(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1m, _hoisted_3$K);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1m, _hoisted_3$L);
 }
 var dArrowRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2x, [["render", _sfc_render$24]]);
 
@@ -2806,11 +2806,11 @@ 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"
 }, null, -1);
-const _hoisted_3$J = [
+const _hoisted_3$K = [
   _hoisted_2$11
 ];
 function _sfc_render$23(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1l, _hoisted_3$J);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1l, _hoisted_3$K);
 }
 var _delete = /* @__PURE__ */ _export_sfc$1(_sfc_main$2w, [["render", _sfc_render$23]]);
 
@@ -2828,11 +2828,11 @@ 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"
 }, null, -1);
-const _hoisted_3$I = [
+const _hoisted_3$J = [
   _hoisted_2$10
 ];
 function _sfc_render$22(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1k, _hoisted_3$I);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1k, _hoisted_3$J);
 }
 var document$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$2v, [["render", _sfc_render$22]]);
 
@@ -2850,11 +2850,11 @@ 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"
 }, null, -1);
-const _hoisted_3$H = [
+const _hoisted_3$I = [
   _hoisted_2$$
 ];
 function _sfc_render$21(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1j, _hoisted_3$H);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1j, _hoisted_3$I);
 }
 var fullScreen = /* @__PURE__ */ _export_sfc$1(_sfc_main$2u, [["render", _sfc_render$21]]);
 
@@ -2872,11 +2872,11 @@ 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"
 }, null, -1);
-const _hoisted_3$G = [
+const _hoisted_3$H = [
   _hoisted_2$_
 ];
 function _sfc_render$20(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1i, _hoisted_3$G);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1i, _hoisted_3$H);
 }
 var infoFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2t, [["render", _sfc_render$20]]);
 
@@ -2894,11 +2894,11 @@ 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"
 }, null, -1);
-const _hoisted_3$F = [
+const _hoisted_3$G = [
   _hoisted_2$Z
 ];
 function _sfc_render$1$(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1h, _hoisted_3$F);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1h, _hoisted_3$G);
 }
 var loading = /* @__PURE__ */ _export_sfc$1(_sfc_main$2s, [["render", _sfc_render$1$]]);
 
@@ -2916,11 +2916,11 @@ const _hoisted_2$Y = /* @__PURE__ */ createElementVNode("path", {
   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 openBlock(), createElementBlock("svg", _hoisted_1$1g, _hoisted_3$E);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1g, _hoisted_3$F);
 }
 var minus = /* @__PURE__ */ _export_sfc$1(_sfc_main$2r, [["render", _sfc_render$1_]]);
 
@@ -2938,11 +2938,11 @@ 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"
 }, null, -1);
-const _hoisted_3$D = [
+const _hoisted_3$E = [
   _hoisted_2$X
 ];
 function _sfc_render$1Z(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1f, _hoisted_3$D);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1f, _hoisted_3$E);
 }
 var moreFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2q, [["render", _sfc_render$1Z]]);
 
@@ -2960,11 +2960,11 @@ 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"
 }, null, -1);
-const _hoisted_3$C = [
+const _hoisted_3$D = [
   _hoisted_2$W
 ];
 function _sfc_render$1Y(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1e, _hoisted_3$C);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1e, _hoisted_3$D);
 }
 var more = /* @__PURE__ */ _export_sfc$1(_sfc_main$2p, [["render", _sfc_render$1Y]]);
 
@@ -2982,11 +2982,11 @@ const _hoisted_2$V = /* @__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"
 }, null, -1);
-const _hoisted_3$B = [
+const _hoisted_3$C = [
   _hoisted_2$V
 ];
 function _sfc_render$1X(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1d, _hoisted_3$B);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1d, _hoisted_3$C);
 }
 var plus = /* @__PURE__ */ _export_sfc$1(_sfc_main$2o, [["render", _sfc_render$1X]]);
 
@@ -3004,11 +3004,11 @@ const _hoisted_2$U = /* @__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"
 }, null, -1);
-const _hoisted_3$A = [
+const _hoisted_3$B = [
   _hoisted_2$U
 ];
 function _sfc_render$1W(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1c, _hoisted_3$A);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1c, _hoisted_3$B);
 }
 var questionFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2n, [["render", _sfc_render$1W]]);
 
@@ -3026,11 +3026,11 @@ const _hoisted_2$T = /* @__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"
 }, null, -1);
-const _hoisted_3$z = [
+const _hoisted_3$A = [
   _hoisted_2$T
 ];
 function _sfc_render$1V(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1b, _hoisted_3$z);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1b, _hoisted_3$A);
 }
 var refreshLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2m, [["render", _sfc_render$1V]]);
 
@@ -3048,11 +3048,11 @@ const _hoisted_2$S = /* @__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"
 }, null, -1);
-const _hoisted_3$y = [
+const _hoisted_3$z = [
   _hoisted_2$S
 ];
 function _sfc_render$1U(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1a, _hoisted_3$y);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1a, _hoisted_3$z);
 }
 var refreshRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2l, [["render", _sfc_render$1U]]);
 
@@ -3070,11 +3070,11 @@ const _hoisted_2$R = /* @__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"
 }, null, -1);
-const _hoisted_3$x = [
+const _hoisted_3$y = [
   _hoisted_2$R
 ];
 function _sfc_render$1T(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$19, _hoisted_3$x);
+  return openBlock(), createElementBlock("svg", _hoisted_1$19, _hoisted_3$y);
 }
 var scaleToOriginal = /* @__PURE__ */ _export_sfc$1(_sfc_main$2k, [["render", _sfc_render$1T]]);
 
@@ -3092,11 +3092,11 @@ const _hoisted_2$Q = /* @__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"
 }, null, -1);
-const _hoisted_3$w = [
+const _hoisted_3$x = [
   _hoisted_2$Q
 ];
 function _sfc_render$1S(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$18, _hoisted_3$w);
+  return openBlock(), createElementBlock("svg", _hoisted_1$18, _hoisted_3$x);
 }
 var search = /* @__PURE__ */ _export_sfc$1(_sfc_main$2j, [["render", _sfc_render$1S]]);
 
@@ -3114,11 +3114,11 @@ const _hoisted_2$P = /* @__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"
 }, null, -1);
-const _hoisted_3$v = [
+const _hoisted_3$w = [
   _hoisted_2$P
 ];
 function _sfc_render$1R(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$17, _hoisted_3$v);
+  return openBlock(), createElementBlock("svg", _hoisted_1$17, _hoisted_3$w);
 }
 var starFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2i, [["render", _sfc_render$1R]]);
 
@@ -3136,11 +3136,11 @@ const _hoisted_2$O = /* @__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"
 }, null, -1);
-const _hoisted_3$u = [
+const _hoisted_3$v = [
   _hoisted_2$O
 ];
 function _sfc_render$1Q(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$16, _hoisted_3$u);
+  return openBlock(), createElementBlock("svg", _hoisted_1$16, _hoisted_3$v);
 }
 var star = /* @__PURE__ */ _export_sfc$1(_sfc_main$2h, [["render", _sfc_render$1Q]]);
 
@@ -3158,11 +3158,11 @@ const _hoisted_2$N = /* @__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"
 }, null, -1);
-const _hoisted_3$t = [
+const _hoisted_3$u = [
   _hoisted_2$N
 ];
 function _sfc_render$1P(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$15, _hoisted_3$t);
+  return openBlock(), createElementBlock("svg", _hoisted_1$15, _hoisted_3$u);
 }
 var successFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2g, [["render", _sfc_render$1P]]);
 
@@ -3180,11 +3180,11 @@ const _hoisted_2$M = /* @__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"
 }, null, -1);
-const _hoisted_3$s = [
+const _hoisted_3$t = [
   _hoisted_2$M
 ];
 function _sfc_render$1O(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$14, _hoisted_3$s);
+  return openBlock(), createElementBlock("svg", _hoisted_1$14, _hoisted_3$t);
 }
 var view = /* @__PURE__ */ _export_sfc$1(_sfc_main$2f, [["render", _sfc_render$1O]]);
 
@@ -3202,11 +3202,11 @@ const _hoisted_2$L = /* @__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"
 }, null, -1);
-const _hoisted_3$r = [
+const _hoisted_3$s = [
   _hoisted_2$L
 ];
 function _sfc_render$1N(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$13, _hoisted_3$r);
+  return openBlock(), createElementBlock("svg", _hoisted_1$13, _hoisted_3$s);
 }
 var warningFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2e, [["render", _sfc_render$1N]]);
 
@@ -3224,11 +3224,11 @@ const _hoisted_2$K = /* @__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"
 }, null, -1);
-const _hoisted_3$q = [
+const _hoisted_3$r = [
   _hoisted_2$K
 ];
 function _sfc_render$1M(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$12, _hoisted_3$q);
+  return openBlock(), createElementBlock("svg", _hoisted_1$12, _hoisted_3$r);
 }
 var zoomIn = /* @__PURE__ */ _export_sfc$1(_sfc_main$2d, [["render", _sfc_render$1M]]);
 
@@ -3246,11 +3246,11 @@ 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 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 openBlock(), createElementBlock("svg", _hoisted_1$11, _hoisted_3$p);
+  return openBlock(), createElementBlock("svg", _hoisted_1$11, _hoisted_3$q);
 }
 var zoomOut = /* @__PURE__ */ _export_sfc$1(_sfc_main$2c, [["render", _sfc_render$1L]]);
 
@@ -4371,7 +4371,7 @@ const useZIndex = () => {
   };
 };
 
-const version$1 = "0.0.20220310";
+const version$1 = "0.0.20220311";
 
 const INSTALLED_KEY = Symbol("INSTALLED_KEY");
 const makeInstaller = (components = []) => {
@@ -4883,7 +4883,10 @@ const _sfc_main$28 = defineComponent({
     });
     const validateState = computed(() => (formItem == null ? void 0 : formItem.validateState) || "");
     const validateIcon = computed(() => ValidateComponentsMap[validateState.value]);
-    const containerStyle = computed(() => rawAttrs.style);
+    const containerStyle = computed(() => [
+      rawAttrs.style,
+      props.inputStyle
+    ]);
     const computedTextareaStyle = computed(() => [
       props.inputStyle,
       _textareaCalcStyle.value,
@@ -8104,7 +8107,7 @@ const autocompleteEmits = {
 
 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
@@ -8285,7 +8288,7 @@ const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
         trigger: "click",
         transition: `${unref(ns).namespace.value}-zoom-in-top`,
         persistent: "",
-        onShow: onSuggestionShow
+        onBeforeShow: onSuggestionShow
       }, {
         content: withCtx(() => [
           createElementVNode("div", {
@@ -8324,7 +8327,7 @@ const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
                     renderSlot(_ctx.$slots, "default", { item }, () => [
                       createTextVNode(toDisplayString(item[_ctx.valueKey]), 1)
                     ])
-                  ], 10, _hoisted_3$o);
+                  ], 10, _hoisted_3$p);
                 }), 128))
               ]),
               _: 3
@@ -10843,7 +10846,7 @@ const _sfc_main$1Q = defineComponent({
 });
 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 = resolveComponent("el-icon");
   const _component_el_input = resolveComponent("el-input");
@@ -10970,7 +10973,7 @@ function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
           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 ? (openBlock(), createBlock(_component_el_icon, {
           key: 1,
           class: normalizeClass(["el-input__icon el-range__close-icon", {
@@ -11514,7 +11517,7 @@ const _sfc_main$1P = defineComponent({
 });
 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 = resolveComponent("el-scrollbar");
   const _component_arrow_up = resolveComponent("arrow-up");
@@ -11577,7 +11580,7 @@ function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
         })), [
           [_directive_repeat_click, _ctx.onIncreaseClick]
         ]),
-        createElementVNode("ul", _hoisted_3$m, [
+        createElementVNode("ul", _hoisted_3$n, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.arrowListMap[item].value, (time, key) => {
             return openBlock(), createElementBlock("li", {
               key,
@@ -12047,8 +12050,8 @@ const _hoisted_1$S = {
   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" };
@@ -12057,8 +12060,8 @@ function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_time_spinner = resolveComponent("time-spinner");
   return _ctx.actualVisible ? (openBlock(), createElementBlock("div", _hoisted_1$S, [
     createElementVNode("div", _hoisted_2$C, [
-      createElementVNode("div", _hoisted_3$l, [
-        createElementVNode("div", _hoisted_4$e, toDisplayString(_ctx.t("el.datepicker.startTime")), 1),
+      createElementVNode("div", _hoisted_3$m, [
+        createElementVNode("div", _hoisted_4$f, toDisplayString(_ctx.t("el.datepicker.startTime")), 1),
         createElementVNode("div", {
           class: normalizeClass([{ "has-seconds": _ctx.showSeconds, "is-arrow": _ctx.arrowControl }, "el-time-range-picker__body el-time-panel__content"])
         }, [
@@ -13373,8 +13376,8 @@ const _sfc_main$1H = defineComponent({
 });
 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 openBlock(), createElementBlock("label", {
     id: _ctx.id,
@@ -13416,7 +13419,7 @@ function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
         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)), [
         [vModelCheckbox, _ctx.model]
       ]) : withDirectives((openBlock(), createElementBlock("input", {
         key: 1,
@@ -13431,7 +13434,7 @@ function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
         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)), [
         [vModelCheckbox, _ctx.model]
       ])
     ], 10, _hoisted_2$z),
@@ -13480,7 +13483,7 @@ const _sfc_main$1G = defineComponent({
 });
 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 openBlock(), createElementBlock("label", {
     class: normalizeClass([
@@ -13521,7 +13524,7 @@ function _sfc_render$1p(_ctx, _cache, $props, $setup, $data, $options) {
       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)), [
       [vModelCheckbox, _ctx.model]
     ]),
     _ctx.$slots.default || _ctx.label ? (openBlock(), createElementBlock("span", {
@@ -14984,6 +14987,10 @@ const _sfc_main$1x = defineComponent({
       default: true
     },
     collapseTags: Boolean,
+    collapseTagsTooltip: {
+      type: Boolean,
+      default: false
+    },
     debounce: {
       type: Number,
       default: 300
@@ -15031,6 +15038,7 @@ const _sfc_main$1x = defineComponent({
     const inputValue = ref("");
     const searchInputValue = ref("");
     const presentTags = ref([]);
+    const allPresentTags = ref([]);
     const suggestions = ref([]);
     const isOnComposition = ref(false);
     const isDisabled = computed(() => props.disabled || elForm.disabled);
@@ -15104,7 +15112,8 @@ const _sfc_main$1x = defineComponent({
         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) => {
@@ -15119,6 +15128,9 @@ const _sfc_main$1x = defineComponent({
         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;
@@ -15128,7 +15140,8 @@ const _sfc_main$1x = defineComponent({
             tags.push({
               key: -1,
               text: `+ ${restCount}`,
-              closable: false
+              closable: false,
+              isCollapseTag: true
             });
           } else {
             rest.forEach((node) => tags.push(genTag(node)));
@@ -15150,6 +15163,9 @@ const _sfc_main$1x = defineComponent({
         presentTags.value.forEach((tag) => {
           tag.hitState = false;
         });
+        allPresentTags.value.forEach((tag) => {
+          tag.hitState = false;
+        });
       }
       filtering.value = true;
       suggestions.value = res;
@@ -15322,6 +15338,7 @@ const _sfc_main$1x = defineComponent({
       inputValue,
       searchInputValue,
       presentTags,
+      allPresentTags,
       suggestions,
       isDisabled,
       isOnComposition,
@@ -15350,18 +15367,20 @@ const _sfc_main$1x = defineComponent({
     };
   }
 });
-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 = resolveComponent("circle-close");
   const _component_el_icon = resolveComponent("el-icon");
   const _component_arrow_down = resolveComponent("arrow-down");
   const _component_el_input = resolveComponent("el-input");
   const _component_el_tag = resolveComponent("el-tag");
+  const _component_el_tooltip = resolveComponent("el-tooltip");
   const _component_el_cascader_panel = resolveComponent("el-cascader-panel");
   const _component_check = resolveComponent("check");
   const _component_el_scrollbar = resolveComponent("el-scrollbar");
-  const _component_el_tooltip = resolveComponent("el-tooltip");
   const _directive_clickoutside = resolveDirective("clickoutside");
   return openBlock(), createBlock(_component_el_tooltip, {
     ref: "tooltipRef",
@@ -15461,7 +15480,45 @@ function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
               onClose: ($event) => _ctx.deleteTag(tag)
             }, {
               default: withCtx(() => [
-                createElementVNode("span", null, toDisplayString(tag.text), 1)
+                tag.isCollapseTag === false ? (openBlock(), createElementBlock("span", _hoisted_1$K, toDisplayString(tag.text), 1)) : (openBlock(), createBlock(_component_el_tooltip, {
+                  key: 1,
+                  teleported: false,
+                  disabled: _ctx.popperVisible || !_ctx.collapseTagsTooltip,
+                  "fallback-placements": ["bottom", "top", "right", "left"],
+                  placement: "bottom",
+                  effect: "light"
+                }, {
+                  default: withCtx(() => [
+                    createElementVNode("span", null, toDisplayString(tag.text), 1)
+                  ]),
+                  content: withCtx(() => [
+                    createElementVNode("div", _hoisted_2$u, [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.allPresentTags, (tag2, idx) => {
+                        return openBlock(), createElementBlock("div", {
+                          key: idx,
+                          class: "el-cascader__collapse-tag"
+                        }, [
+                          (openBlock(), 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: withCtx(() => [
+                              createElementVNode("span", null, toDisplayString(tag2.text), 1)
+                            ]),
+                            _: 2
+                          }, 1032, ["size", "hit", "closable", "onClose"]))
+                        ]);
+                      }), 128))
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["disabled"]))
               ]),
               _: 2
             }, 1032, ["size", "hit", "closable", "onClose"]);
@@ -15478,7 +15535,7 @@ function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
             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)), [
             [vModelText, _ctx.searchInputValue]
           ]) : createCommentVNode("v-if", true)
         ], 2)) : createCommentVNode("v-if", true)
@@ -15526,7 +15583,7 @@ function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
                 ]),
                 _: 1
               })) : createCommentVNode("v-if", true)
-            ], 10, _hoisted_2$u);
+            ], 10, _hoisted_4$d);
           }), 128)) : renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
             createElementVNode("li", {
               class: normalizeClass(_ctx.nsCascader.e("empty-text"))
@@ -26148,7 +26205,9 @@ const _sfc_main$K = defineComponent({
         return item.value === vm.value;
       });
       if (select.cachedOptions.get(key) === vm && !doesSelected) {
-        select.cachedOptions.delete(key);
+        nextTick(() => {
+          select.cachedOptions.delete(key);
+        });
       }
       select.onOptionDestroy(key, vm);
     });
@@ -26961,6 +27020,10 @@ const _sfc_main$I = defineComponent({
       default: "value"
     },
     collapseTags: Boolean,
+    collapseTagsTooltip: {
+      type: Boolean,
+      default: false
+    },
     popperAppendToBody: {
       type: Boolean,
       default: void 0
@@ -27220,12 +27283,12 @@ const _hoisted_2$g = ["disabled", "autocomplete"];
 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 = resolveComponent("el-tag");
+  const _component_el_tooltip = resolveComponent("el-tooltip");
   const _component_el_icon = resolveComponent("el-icon");
   const _component_el_input = resolveComponent("el-input");
   const _component_el_option = resolveComponent("el-option");
   const _component_el_scrollbar = resolveComponent("el-scrollbar");
   const _component_el_select_menu = resolveComponent("el-select-menu");
-  const _component_el_tooltip = resolveComponent("el-tooltip");
   const _directive_click_outside = resolveDirective("click-outside");
   return withDirectives((openBlock(), createElementBlock("div", {
     ref: "selectWrapper",
@@ -27288,9 +27351,58 @@ function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
                 "disable-transitions": ""
               }, {
                 default: withCtx(() => [
-                  createElementVNode("span", {
+                  _ctx.collapseTagsTooltip ? (openBlock(), createBlock(_component_el_tooltip, {
+                    key: 0,
+                    disabled: _ctx.dropMenuVisible,
+                    "fallback-placements": ["bottom", "top", "right", "left"],
+                    effect: _ctx.effect,
+                    placement: "bottom",
+                    teleported: false
+                  }, {
+                    default: withCtx(() => [
+                      createElementVNode("span", {
+                        class: normalizeClass(_ctx.nsSelect.e("tags-text"))
+                      }, "+ " + toDisplayString(_ctx.selected.length - 1), 3)
+                    ]),
+                    content: withCtx(() => [
+                      createElementVNode("div", {
+                        class: normalizeClass(_ctx.nsSelect.e("collapse-tags"))
+                      }, [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.selected, (item, idx) => {
+                          return openBlock(), createElementBlock("div", {
+                            key: idx,
+                            class: normalizeClass(_ctx.nsSelect.e("collapse-tag"))
+                          }, [
+                            (openBlock(), 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: withCtx(() => [
+                                createElementVNode("span", {
+                                  class: normalizeClass(_ctx.nsSelect.e("tags-text")),
+                                  style: normalizeStyle({
+                                    maxWidth: _ctx.inputWidth - 75 + "px"
+                                  })
+                                }, toDisplayString(item.currentLabel), 7)
+                              ]),
+                              _: 2
+                            }, 1032, ["closable", "size", "hit", "type", "onClose"]))
+                          ], 2);
+                        }), 128))
+                      ], 2)
+                    ]),
+                    _: 1
+                  }, 8, ["disabled", "effect"])) : (openBlock(), createElementBlock("span", {
+                    key: 1,
                     class: normalizeClass(_ctx.nsSelect.e("tags-text"))
-                  }, "+ " + toDisplayString(_ctx.selected.length - 1), 3)
+                  }, "+ " + toDisplayString(_ctx.selected.length - 1), 3))
                 ]),
                 _: 1
               }, 8, ["size", "type"])) : createCommentVNode("v-if", true)
@@ -28873,7 +28985,7 @@ const rateProps = buildProps({
     type: iconPropType,
     default: () => star
   },
-  disabledvoidIcon: {
+  disabledVoidIcon: {
     type: iconPropType,
     default: () => starFilled
   },
@@ -28986,7 +29098,7 @@ const _sfc_main$z = defineComponent({
       [props.max]: props.icons[2]
     } : props.icons);
     const decimalIconComponent = computed(() => getValueFromMap(props.modelValue, componentMap.value));
-    const voidComponent = computed(() => rateDisabled.value ? props.disabledvoidIcon : props.voidIcon);
+    const voidComponent = computed(() => rateDisabled.value ? props.disabledVoidIcon : props.voidIcon);
     const activeComponent = computed(() => getValueFromMap(currentValue.value, componentMap.value));
     const iconComponents = computed(() => {
       const result = Array.from({ length: props.max });
@@ -31074,6 +31186,10 @@ const SelectProps = {
     default: "light"
   },
   collapseTags: Boolean,
+  collapseTagsTooltip: {
+    type: Boolean,
+    default: false
+  },
   defaultFirstOption: Boolean,
   disabled: Boolean,
   estimatedOptionHeight: {
@@ -32142,9 +32258,9 @@ const _hoisted_4$4 = ["id", "aria-labelledby", "aria-expanded", "autocomplete",
 const _hoisted_5$3 = ["textContent"];
 function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tag = resolveComponent("el-tag");
+  const _component_el_tooltip = resolveComponent("el-tooltip");
   const _component_el_icon = resolveComponent("el-icon");
   const _component_el_select_menu = resolveComponent("el-select-menu");
-  const _component_el_tooltip = resolveComponent("el-tooltip");
   const _directive_model_text = resolveDirective("model-text");
   const _directive_click_outside = resolveDirective("click-outside");
   return withDirectives((openBlock(), createElementBlock("div", {
@@ -32225,12 +32341,62 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
                   "disable-transitions": ""
                 }, {
                   default: withCtx(() => [
-                    createElementVNode("span", {
+                    _ctx.collapseTagsTooltip ? (openBlock(), createBlock(_component_el_tooltip, {
+                      key: 0,
+                      disabled: _ctx.dropdownMenuVisible,
+                      "fallback-placements": ["bottom", "top", "right", "left"],
+                      effect: _ctx.effect,
+                      placement: "bottom",
+                      teleported: false
+                    }, {
+                      default: withCtx(() => [
+                        createElementVNode("span", {
+                          class: normalizeClass(_ctx.nsSelectV2.e("tags-text")),
+                          style: normalizeStyle({
+                            maxWidth: `${_ctx.tagMaxWidth}px`
+                          })
+                        }, "+ " + toDisplayString(_ctx.modelValue.length - 1), 7)
+                      ]),
+                      content: withCtx(() => [
+                        createElementVNode("div", {
+                          class: normalizeClass(_ctx.nsSelectV2.e("selection"))
+                        }, [
+                          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.states.cachedOptions, (selected, idx) => {
+                            return openBlock(), createElementBlock("div", {
+                              key: idx,
+                              class: normalizeClass(_ctx.nsSelectV2.e("selected-item"))
+                            }, [
+                              (openBlock(), 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: withCtx(() => [
+                                  createElementVNode("span", {
+                                    class: normalizeClass(_ctx.nsSelectV2.e("tags-text")),
+                                    style: normalizeStyle({
+                                      maxWidth: `${_ctx.tagMaxWidth}px`
+                                    })
+                                  }, toDisplayString(_ctx.getLabel(selected)), 7)
+                                ]),
+                                _: 2
+                              }, 1032, ["closable", "size", "onClose"]))
+                            ], 2);
+                          }), 128))
+                        ], 2)
+                      ]),
+                      _: 1
+                    }, 8, ["disabled", "effect"])) : (openBlock(), createElementBlock("span", {
+                      key: 1,
                       class: normalizeClass(_ctx.nsSelectV2.e("tags-text")),
                       style: normalizeStyle({
                         maxWidth: `${_ctx.tagMaxWidth}px`
                       })
-                    }, "+ " + toDisplayString(_ctx.modelValue.length - 1), 7)
+                    }, "+ " + toDisplayString(_ctx.modelValue.length - 1), 7))
                   ]),
                   _: 1
                 }, 8, ["size"])) : createCommentVNode("v-if", true)
@@ -34219,6 +34385,54 @@ var Switch = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$f]
 
 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") {
@@ -34459,6 +34673,7 @@ function createTablePopper(trigger, popperContent, popperOptions, tooltipEffect)
     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);
@@ -42817,7 +43032,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                   src: file.url,
                   alt: ""
                 }, null, 10, _hoisted_2$4)) : createCommentVNode("v-if", true),
-                file.status === "uploading" || _ctx.listType !== "picture-card" ? (openBlock(), createElementBlock("div", {
+                _ctx.listType !== "picture" && (file.status === "uploading" || _ctx.listType !== "picture-card") ? (openBlock(), createElementBlock("div", {
                   key: 1,
                   class: normalizeClass(unref(nsUpload).be("list", "item-info"))
                 }, [
@@ -43966,7 +44181,11 @@ const messageProps = buildProps({
     default: ""
   },
   message: {
-    type: definePropType([String, Object]),
+    type: definePropType([
+      String,
+      Object,
+      Function
+    ]),
     default: ""
   },
   onClose: {
@@ -44199,7 +44418,7 @@ const message = function(options = {}, context) {
   const container = document.createElement("div");
   container.className = `container_${id}`;
   const messageContent = props.message;
-  const vm = createVNode(MessageConstructor, props, isVNode(messageContent) ? { default: () => messageContent } : null);
+  const vm = createVNode(MessageConstructor, props, isFunction(messageContent) ? { default: messageContent } : isVNode(messageContent) ? { default: () => messageContent } : null);
   vm.appContext = context || message._context;
   vm.props.onDestroy = () => {
     render(null, container);