element-pe 2.0.7 → 2.0.8

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v2.0.0 */
+/*! Element Plus v2.0.7 */
 
 import { getCurrentScope, onScopeDispose, readonly, shallowRef, watchEffect, ref, watch, unref, getCurrentInstance, onMounted, nextTick, defineComponent, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, camelize as camelize$1, computed, inject, provide, onBeforeUnmount, isRef, onUnmounted, h as h$1, Teleport, onBeforeMount, normalizeClass, normalizeStyle, renderSlot, mergeProps, useSlots, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, useAttrs as useAttrs$1, onUpdated, toRef, withModifiers, resolveComponent, reactive, cloneVNode, Text, renderList, withKeys, createSlots, resolveDirective, normalizeProps, guardReactiveProps, vModelCheckbox, toRefs, vModelRadio, onBeforeUpdate, vModelText, toHandlers, markRaw, effectScope, toRaw, triggerRef, TransitionGroup, createApp, render } from 'vue';
 
@@ -2488,7 +2488,7 @@ var _export_sfc$1 = (sfc, props) => {
 const _sfc_main$2U = defineComponent({
   name: "ArrowDown"
 });
-const _hoisted_1$1D = {
+const _hoisted_1$1B = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -2500,14 +2500,14 @@ const _hoisted_3$_ = [
   _hoisted_2$1h
 ];
 function _sfc_render$22(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1D, _hoisted_3$_);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1B, _hoisted_3$_);
 }
 var arrowDown = /* @__PURE__ */ _export_sfc$1(_sfc_main$2U, [["render", _sfc_render$22]]);
 
 const _sfc_main$2T = defineComponent({
   name: "ArrowLeft"
 });
-const _hoisted_1$1C = {
+const _hoisted_1$1A = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -2519,14 +2519,14 @@ const _hoisted_3$Z = [
   _hoisted_2$1g
 ];
 function _sfc_render$21(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1C, _hoisted_3$Z);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1A, _hoisted_3$Z);
 }
 var arrowLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2T, [["render", _sfc_render$21]]);
 
 const _sfc_main$2S = defineComponent({
   name: "ArrowRight"
 });
-const _hoisted_1$1B = {
+const _hoisted_1$1z = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -2538,14 +2538,14 @@ const _hoisted_3$Y = [
   _hoisted_2$1f
 ];
 function _sfc_render$20(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1B, _hoisted_3$Y);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1z, _hoisted_3$Y);
 }
 var arrowRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2S, [["render", _sfc_render$20]]);
 
 const _sfc_main$2R = defineComponent({
   name: "ArrowUp"
 });
-const _hoisted_1$1A = {
+const _hoisted_1$1y = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -2557,14 +2557,14 @@ const _hoisted_3$X = [
   _hoisted_2$1e
 ];
 function _sfc_render$1$(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1A, _hoisted_3$X);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1y, _hoisted_3$X);
 }
 var arrowUp = /* @__PURE__ */ _export_sfc$1(_sfc_main$2R, [["render", _sfc_render$1$]]);
 
 const _sfc_main$2Q = defineComponent({
   name: "Back"
 });
-const _hoisted_1$1z = {
+const _hoisted_1$1x = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -2576,19 +2576,19 @@ const _hoisted_3$W = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "m237.248 512 265.408 265.344a32 32 0 0 1-45.312 45.312l-288-288a32 32 0 0 1 0-45.312l288-288a32 32 0 1 1 45.312 45.312L237.248 512z"
 }, null, -1);
-const _hoisted_4$j = [
+const _hoisted_4$i = [
   _hoisted_2$1d,
   _hoisted_3$W
 ];
 function _sfc_render$1_(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1z, _hoisted_4$j);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1x, _hoisted_4$i);
 }
 var back = /* @__PURE__ */ _export_sfc$1(_sfc_main$2Q, [["render", _sfc_render$1_]]);
 
 const _sfc_main$2P = defineComponent({
   name: "Calendar"
 });
-const _hoisted_1$1y = {
+const _hoisted_1$1w = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -2600,14 +2600,14 @@ const _hoisted_3$V = [
   _hoisted_2$1c
 ];
 function _sfc_render$1Z(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1y, _hoisted_3$V);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1w, _hoisted_3$V);
 }
 var calendar = /* @__PURE__ */ _export_sfc$1(_sfc_main$2P, [["render", _sfc_render$1Z]]);
 
 const _sfc_main$2O = defineComponent({
   name: "CaretRight"
 });
-const _hoisted_1$1x = {
+const _hoisted_1$1v = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -2619,14 +2619,14 @@ const _hoisted_3$U = [
   _hoisted_2$1b
 ];
 function _sfc_render$1Y(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1x, _hoisted_3$U);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1v, _hoisted_3$U);
 }
 var caretRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2O, [["render", _sfc_render$1Y]]);
 
 const _sfc_main$2N = defineComponent({
   name: "CaretTop"
 });
-const _hoisted_1$1w = {
+const _hoisted_1$1u = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -2638,14 +2638,14 @@ const _hoisted_3$T = [
   _hoisted_2$1a
 ];
 function _sfc_render$1X(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1w, _hoisted_3$T);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1u, _hoisted_3$T);
 }
 var caretTop = /* @__PURE__ */ _export_sfc$1(_sfc_main$2N, [["render", _sfc_render$1X]]);
 
 const _sfc_main$2M = defineComponent({
   name: "Check"
 });
-const _hoisted_1$1v = {
+const _hoisted_1$1t = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -2657,14 +2657,14 @@ const _hoisted_3$S = [
   _hoisted_2$19
 ];
 function _sfc_render$1W(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1v, _hoisted_3$S);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1t, _hoisted_3$S);
 }
 var check = /* @__PURE__ */ _export_sfc$1(_sfc_main$2M, [["render", _sfc_render$1W]]);
 
 const _sfc_main$2L = defineComponent({
   name: "CircleCheckFilled"
 });
-const _hoisted_1$1u = {
+const _hoisted_1$1s = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -2676,14 +2676,14 @@ const _hoisted_3$R = [
   _hoisted_2$18
 ];
 function _sfc_render$1V(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1u, _hoisted_3$R);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1s, _hoisted_3$R);
 }
 var circleCheckFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2L, [["render", _sfc_render$1V]]);
 
 const _sfc_main$2K = defineComponent({
   name: "CircleCheck"
 });
-const _hoisted_1$1t = {
+const _hoisted_1$1r = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -2695,19 +2695,19 @@ const _hoisted_3$Q = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M745.344 361.344a32 32 0 0 1 45.312 45.312l-288 288a32 32 0 0 1-45.312 0l-160-160a32 32 0 1 1 45.312-45.312L480 626.752l265.344-265.408z"
 }, null, -1);
-const _hoisted_4$i = [
+const _hoisted_4$h = [
   _hoisted_2$17,
   _hoisted_3$Q
 ];
 function _sfc_render$1U(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1t, _hoisted_4$i);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1r, _hoisted_4$h);
 }
 var circleCheck = /* @__PURE__ */ _export_sfc$1(_sfc_main$2K, [["render", _sfc_render$1U]]);
 
 const _sfc_main$2J = defineComponent({
   name: "CircleCloseFilled"
 });
-const _hoisted_1$1s = {
+const _hoisted_1$1q = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -2719,14 +2719,14 @@ const _hoisted_3$P = [
   _hoisted_2$16
 ];
 function _sfc_render$1T(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1s, _hoisted_3$P);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1q, _hoisted_3$P);
 }
 var circleCloseFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2J, [["render", _sfc_render$1T]]);
 
 const _sfc_main$2I = defineComponent({
   name: "CircleClose"
 });
-const _hoisted_1$1r = {
+const _hoisted_1$1p = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -2738,19 +2738,19 @@ const _hoisted_3$O = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z"
 }, null, -1);
-const _hoisted_4$h = [
+const _hoisted_4$g = [
   _hoisted_2$15,
   _hoisted_3$O
 ];
 function _sfc_render$1S(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1r, _hoisted_4$h);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1p, _hoisted_4$g);
 }
 var circleClose = /* @__PURE__ */ _export_sfc$1(_sfc_main$2I, [["render", _sfc_render$1S]]);
 
 const _sfc_main$2H = defineComponent({
   name: "Clock"
 });
-const _hoisted_1$1q = {
+const _hoisted_1$1o = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -2762,24 +2762,24 @@ const _hoisted_3$N = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M480 256a32 32 0 0 1 32 32v256a32 32 0 0 1-64 0V288a32 32 0 0 1 32-32z"
 }, null, -1);
-const _hoisted_4$g = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_4$f = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M480 512h256q32 0 32 32t-32 32H480q-32 0-32-32t32-32z"
 }, null, -1);
-const _hoisted_5$a = [
+const _hoisted_5$9 = [
   _hoisted_2$14,
   _hoisted_3$N,
-  _hoisted_4$g
+  _hoisted_4$f
 ];
 function _sfc_render$1R(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1q, _hoisted_5$a);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1o, _hoisted_5$9);
 }
 var clock = /* @__PURE__ */ _export_sfc$1(_sfc_main$2H, [["render", _sfc_render$1R]]);
 
 const _sfc_main$2G = defineComponent({
   name: "Close"
 });
-const _hoisted_1$1p = {
+const _hoisted_1$1n = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -2791,14 +2791,14 @@ const _hoisted_3$M = [
   _hoisted_2$13
 ];
 function _sfc_render$1Q(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1p, _hoisted_3$M);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1n, _hoisted_3$M);
 }
 var close$2 = /* @__PURE__ */ _export_sfc$1(_sfc_main$2G, [["render", _sfc_render$1Q]]);
 
 const _sfc_main$2F = defineComponent({
   name: "DArrowLeft"
 });
-const _hoisted_1$1o = {
+const _hoisted_1$1m = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -2810,14 +2810,14 @@ const _hoisted_3$L = [
   _hoisted_2$12
 ];
 function _sfc_render$1P(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1o, _hoisted_3$L);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1m, _hoisted_3$L);
 }
 var dArrowLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2F, [["render", _sfc_render$1P]]);
 
 const _sfc_main$2E = defineComponent({
   name: "DArrowRight"
 });
-const _hoisted_1$1n = {
+const _hoisted_1$1l = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -2829,14 +2829,14 @@ const _hoisted_3$K = [
   _hoisted_2$11
 ];
 function _sfc_render$1O(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1n, _hoisted_3$K);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1l, _hoisted_3$K);
 }
 var dArrowRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2E, [["render", _sfc_render$1O]]);
 
 const _sfc_main$2D = defineComponent({
   name: "Delete"
 });
-const _hoisted_1$1m = {
+const _hoisted_1$1k = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -2848,14 +2848,14 @@ const _hoisted_3$J = [
   _hoisted_2$10
 ];
 function _sfc_render$1N(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1m, _hoisted_3$J);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1k, _hoisted_3$J);
 }
 var _delete = /* @__PURE__ */ _export_sfc$1(_sfc_main$2D, [["render", _sfc_render$1N]]);
 
 const _sfc_main$2C = defineComponent({
   name: "Document"
 });
-const _hoisted_1$1l = {
+const _hoisted_1$1j = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -2867,14 +2867,14 @@ const _hoisted_3$I = [
   _hoisted_2$$
 ];
 function _sfc_render$1M(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1l, _hoisted_3$I);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1j, _hoisted_3$I);
 }
 var document$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$2C, [["render", _sfc_render$1M]]);
 
 const _sfc_main$2B = defineComponent({
   name: "FullScreen"
 });
-const _hoisted_1$1k = {
+const _hoisted_1$1i = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -2886,14 +2886,14 @@ const _hoisted_3$H = [
   _hoisted_2$_
 ];
 function _sfc_render$1L(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1k, _hoisted_3$H);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1i, _hoisted_3$H);
 }
 var fullScreen = /* @__PURE__ */ _export_sfc$1(_sfc_main$2B, [["render", _sfc_render$1L]]);
 
 const _sfc_main$2A = defineComponent({
   name: "Hide"
 });
-const _hoisted_1$1j = {
+const _hoisted_1$1h = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -2905,19 +2905,19 @@ const _hoisted_3$G = /* @__PURE__ */ createElementVNode("path", {
   d: "M511.998 672c-12.8 0-25.6-3.2-38.4-6.4l-51.2 51.2c28.8 12.8 57.6 19.2 89.6 19.2 64 0 115.2-22.4 160-64 41.6-41.6 64-96 64-160 0-32-6.4-64-19.2-89.6l-51.2 51.2c3.2 12.8 6.4 25.6 6.4 38.4 0 44.8-16 83.2-48 112-32 28.8-67.2 48-112 48Z",
   fill: "currentColor"
 }, null, -1);
-const _hoisted_4$f = [
+const _hoisted_4$e = [
   _hoisted_2$Z,
   _hoisted_3$G
 ];
 function _sfc_render$1K(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1j, _hoisted_4$f);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1h, _hoisted_4$e);
 }
 var hide$2 = /* @__PURE__ */ _export_sfc$1(_sfc_main$2A, [["render", _sfc_render$1K]]);
 
 const _sfc_main$2z = defineComponent({
   name: "InfoFilled"
 });
-const _hoisted_1$1i = {
+const _hoisted_1$1g = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -2929,14 +2929,14 @@ const _hoisted_3$F = [
   _hoisted_2$Y
 ];
 function _sfc_render$1J(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1i, _hoisted_3$F);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1g, _hoisted_3$F);
 }
 var infoFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2z, [["render", _sfc_render$1J]]);
 
 const _sfc_main$2y = defineComponent({
   name: "Loading"
 });
-const _hoisted_1$1h = {
+const _hoisted_1$1f = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -2948,14 +2948,14 @@ const _hoisted_3$E = [
   _hoisted_2$X
 ];
 function _sfc_render$1I(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1h, _hoisted_3$E);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1f, _hoisted_3$E);
 }
 var loading = /* @__PURE__ */ _export_sfc$1(_sfc_main$2y, [["render", _sfc_render$1I]]);
 
 const _sfc_main$2x = defineComponent({
   name: "Minus"
 });
-const _hoisted_1$1g = {
+const _hoisted_1$1e = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -2967,14 +2967,14 @@ const _hoisted_3$D = [
   _hoisted_2$W
 ];
 function _sfc_render$1H(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1g, _hoisted_3$D);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1e, _hoisted_3$D);
 }
 var minus = /* @__PURE__ */ _export_sfc$1(_sfc_main$2x, [["render", _sfc_render$1H]]);
 
 const _sfc_main$2w = defineComponent({
   name: "MoreFilled"
 });
-const _hoisted_1$1f = {
+const _hoisted_1$1d = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -2986,14 +2986,14 @@ const _hoisted_3$C = [
   _hoisted_2$V
 ];
 function _sfc_render$1G(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1f, _hoisted_3$C);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1d, _hoisted_3$C);
 }
 var moreFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2w, [["render", _sfc_render$1G]]);
 
 const _sfc_main$2v = defineComponent({
   name: "More"
 });
-const _hoisted_1$1e = {
+const _hoisted_1$1c = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -3005,14 +3005,14 @@ const _hoisted_3$B = [
   _hoisted_2$U
 ];
 function _sfc_render$1F(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1e, _hoisted_3$B);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1c, _hoisted_3$B);
 }
 var more = /* @__PURE__ */ _export_sfc$1(_sfc_main$2v, [["render", _sfc_render$1F]]);
 
 const _sfc_main$2u = defineComponent({
   name: "PictureFilled"
 });
-const _hoisted_1$1d = {
+const _hoisted_1$1b = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -3024,14 +3024,14 @@ const _hoisted_3$A = [
   _hoisted_2$T
 ];
 function _sfc_render$1E(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1d, _hoisted_3$A);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1b, _hoisted_3$A);
 }
 var pictureFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2u, [["render", _sfc_render$1E]]);
 
 const _sfc_main$2t = defineComponent({
   name: "Plus"
 });
-const _hoisted_1$1c = {
+const _hoisted_1$1a = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -3043,14 +3043,14 @@ const _hoisted_3$z = [
   _hoisted_2$S
 ];
 function _sfc_render$1D(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1c, _hoisted_3$z);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1a, _hoisted_3$z);
 }
 var plus = /* @__PURE__ */ _export_sfc$1(_sfc_main$2t, [["render", _sfc_render$1D]]);
 
 const _sfc_main$2s = defineComponent({
   name: "QuestionFilled"
 });
-const _hoisted_1$1b = {
+const _hoisted_1$19 = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -3062,14 +3062,14 @@ const _hoisted_3$y = [
   _hoisted_2$R
 ];
 function _sfc_render$1C(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1b, _hoisted_3$y);
+  return openBlock(), createElementBlock("svg", _hoisted_1$19, _hoisted_3$y);
 }
 var questionFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2s, [["render", _sfc_render$1C]]);
 
 const _sfc_main$2r = defineComponent({
   name: "RefreshLeft"
 });
-const _hoisted_1$1a = {
+const _hoisted_1$18 = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -3081,14 +3081,14 @@ const _hoisted_3$x = [
   _hoisted_2$Q
 ];
 function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1a, _hoisted_3$x);
+  return openBlock(), createElementBlock("svg", _hoisted_1$18, _hoisted_3$x);
 }
 var refreshLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2r, [["render", _sfc_render$1B]]);
 
 const _sfc_main$2q = defineComponent({
   name: "RefreshRight"
 });
-const _hoisted_1$19 = {
+const _hoisted_1$17 = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -3100,14 +3100,14 @@ const _hoisted_3$w = [
   _hoisted_2$P
 ];
 function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$19, _hoisted_3$w);
+  return openBlock(), createElementBlock("svg", _hoisted_1$17, _hoisted_3$w);
 }
 var refreshRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2q, [["render", _sfc_render$1A]]);
 
 const _sfc_main$2p = defineComponent({
   name: "ScaleToOriginal"
 });
-const _hoisted_1$18 = {
+const _hoisted_1$16 = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -3119,14 +3119,14 @@ const _hoisted_3$v = [
   _hoisted_2$O
 ];
 function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$18, _hoisted_3$v);
+  return openBlock(), createElementBlock("svg", _hoisted_1$16, _hoisted_3$v);
 }
 var scaleToOriginal = /* @__PURE__ */ _export_sfc$1(_sfc_main$2p, [["render", _sfc_render$1z]]);
 
 const _sfc_main$2o = defineComponent({
   name: "Search"
 });
-const _hoisted_1$17 = {
+const _hoisted_1$15 = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -3138,14 +3138,14 @@ const _hoisted_3$u = [
   _hoisted_2$N
 ];
 function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$17, _hoisted_3$u);
+  return openBlock(), createElementBlock("svg", _hoisted_1$15, _hoisted_3$u);
 }
 var search = /* @__PURE__ */ _export_sfc$1(_sfc_main$2o, [["render", _sfc_render$1y]]);
 
 const _sfc_main$2n = defineComponent({
   name: "StarFilled"
 });
-const _hoisted_1$16 = {
+const _hoisted_1$14 = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -3157,14 +3157,14 @@ const _hoisted_3$t = [
   _hoisted_2$M
 ];
 function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$16, _hoisted_3$t);
+  return openBlock(), createElementBlock("svg", _hoisted_1$14, _hoisted_3$t);
 }
 var starFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2n, [["render", _sfc_render$1x]]);
 
 const _sfc_main$2m = defineComponent({
   name: "Star"
 });
-const _hoisted_1$15 = {
+const _hoisted_1$13 = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -3176,14 +3176,14 @@ const _hoisted_3$s = [
   _hoisted_2$L
 ];
 function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$15, _hoisted_3$s);
+  return openBlock(), createElementBlock("svg", _hoisted_1$13, _hoisted_3$s);
 }
 var star = /* @__PURE__ */ _export_sfc$1(_sfc_main$2m, [["render", _sfc_render$1w]]);
 
 const _sfc_main$2l = defineComponent({
   name: "SuccessFilled"
 });
-const _hoisted_1$14 = {
+const _hoisted_1$12 = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -3195,14 +3195,14 @@ const _hoisted_3$r = [
   _hoisted_2$K
 ];
 function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$14, _hoisted_3$r);
+  return openBlock(), createElementBlock("svg", _hoisted_1$12, _hoisted_3$r);
 }
 var successFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2l, [["render", _sfc_render$1v]]);
 
 const _sfc_main$2k = defineComponent({
   name: "View"
 });
-const _hoisted_1$13 = {
+const _hoisted_1$11 = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -3214,14 +3214,14 @@ const _hoisted_3$q = [
   _hoisted_2$J
 ];
 function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$13, _hoisted_3$q);
+  return openBlock(), createElementBlock("svg", _hoisted_1$11, _hoisted_3$q);
 }
 var view = /* @__PURE__ */ _export_sfc$1(_sfc_main$2k, [["render", _sfc_render$1u]]);
 
 const _sfc_main$2j = defineComponent({
   name: "WarningFilled"
 });
-const _hoisted_1$12 = {
+const _hoisted_1$10 = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -3233,14 +3233,14 @@ const _hoisted_3$p = [
   _hoisted_2$I
 ];
 function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$12, _hoisted_3$p);
+  return openBlock(), createElementBlock("svg", _hoisted_1$10, _hoisted_3$p);
 }
 var warningFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2j, [["render", _sfc_render$1t]]);
 
 const _sfc_main$2i = defineComponent({
   name: "ZoomIn"
 });
-const _hoisted_1$11 = {
+const _hoisted_1$$ = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -3252,14 +3252,14 @@ const _hoisted_3$o = [
   _hoisted_2$H
 ];
 function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$11, _hoisted_3$o);
+  return openBlock(), createElementBlock("svg", _hoisted_1$$, _hoisted_3$o);
 }
 var zoomIn = /* @__PURE__ */ _export_sfc$1(_sfc_main$2i, [["render", _sfc_render$1s]]);
 
 const _sfc_main$2h = defineComponent({
   name: "ZoomOut"
 });
-const _hoisted_1$10 = {
+const _hoisted_1$_ = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -3271,7 +3271,7 @@ const _hoisted_3$n = [
   _hoisted_2$G
 ];
 function _sfc_render$1r(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$10, _hoisted_3$n);
+  return openBlock(), createElementBlock("svg", _hoisted_1$_, _hoisted_3$n);
 }
 var zoomOut = /* @__PURE__ */ _export_sfc$1(_sfc_main$2h, [["render", _sfc_render$1r]]);
 
@@ -3506,7 +3506,9 @@ const ensureOnlyChild = (children) => {
   return children[0];
 };
 
-const cubic = (value) => value ** 3;
+const cubic = (value) => {
+  return value ** 3;
+};
 const easeInOutCubic = (value) => value < 0.5 ? cubic(value * 2) / 2 : 1 - cubic((1 - value) * 2) / 2;
 
 const unique = (arr) => [...new Set(arr)];
@@ -4774,6 +4776,7 @@ const min$2 = Math.min;
 const max$2 = Math.max;
 const round$1 = Math.round;
 function getBoundingClientRect$1(element, includeScale, isFixedStrategy) {
+  var _win$visualViewport$o, _win$visualViewport, _win$visualViewport$o2, _win$visualViewport2;
   if (includeScale === void 0) {
     includeScale = false;
   }
@@ -4789,8 +4792,8 @@ function getBoundingClientRect$1(element, includeScale, isFixedStrategy) {
   }
   const win = isElement$1(element) ? getWindow$1(element) : window;
   const addVisualOffsets = !isLayoutViewport() && isFixedStrategy;
-  const x = (clientRect.left + (addVisualOffsets ? win.visualViewport.offsetLeft : 0)) / scaleX;
-  const y = (clientRect.top + (addVisualOffsets ? win.visualViewport.offsetTop : 0)) / scaleY;
+  const x = (clientRect.left + (addVisualOffsets ? (_win$visualViewport$o = (_win$visualViewport = win.visualViewport) == null ? void 0 : _win$visualViewport.offsetLeft) != null ? _win$visualViewport$o : 0 : 0)) / scaleX;
+  const y = (clientRect.top + (addVisualOffsets ? (_win$visualViewport$o2 = (_win$visualViewport2 = win.visualViewport) == null ? void 0 : _win$visualViewport2.offsetTop) != null ? _win$visualViewport$o2 : 0 : 0)) / scaleY;
   const width = clientRect.width / scaleX;
   const height = clientRect.height / scaleY;
   return {
@@ -5005,11 +5008,11 @@ function getOverflowAncestors(node, list) {
   const win = getWindow$1(scrollableAncestor);
   const target = isBody ? [win].concat(win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : []) : scrollableAncestor;
   const updatedList = list.concat(target);
-  return isBody ? updatedList : updatedList.concat(getOverflowAncestors(getParentNode$1(target)));
+  return isBody ? updatedList : updatedList.concat(getOverflowAncestors(target));
 }
 function contains$1(parent, child) {
-  const rootNode = child.getRootNode == null ? void 0 : child.getRootNode();
-  if (parent.contains(child)) {
+  const rootNode = child == null ? void 0 : child.getRootNode == null ? void 0 : child.getRootNode();
+  if (parent != null && parent.contains(child)) {
     return true;
   } else if (rootNode && isShadowRoot$1(rootNode)) {
     let next = child;
@@ -5192,7 +5195,7 @@ const arrowMiddleware = ({
   };
 };
 
-const version$1 = "2.0.0";
+const version$1 = "2.0.7";
 
 const INSTALLED_KEY = Symbol("INSTALLED_KEY");
 const makeInstaller = (components = []) => {
@@ -5677,7 +5680,7 @@ const inputEmits = {
   compositionend: (evt) => evt instanceof CompositionEvent
 };
 
-const _hoisted_1$$ = ["type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder"];
+const _hoisted_1$Z = ["type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder"];
 const _hoisted_2$F = ["tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder"];
 const __default__$J = {
   name: "ElInput",
@@ -5866,30 +5869,7 @@ const _sfc_main$2d = /* @__PURE__ */ defineComponent({
       resizeTextarea();
       updateIconOffset();
     });
-    const innerSuffixRef = ref();
-    const innerPrefixRef = ref();
-    const inputStyleInner = ref({});
-    const getSuffixOrPrefixWidth = (slotElm, defaultVal) => {
-      if (slotElm.value) {
-        const slotElmWidth = slotElm.value.offsetWidth;
-        return slotElmWidth > 0 ? slotElmWidth + 16 : defaultVal;
-      }
-      return defaultVal;
-    };
-    const setInputPadding = () => {
-      inputStyleInner.value = {
-        paddingRight: `${getSuffixOrPrefixWidth(innerSuffixRef, 0)}px`,
-        paddingLeft: `${getSuffixOrPrefixWidth(innerPrefixRef, 11)}px`,
-        ...props.inputStyle
-      };
-    };
-    watch(showClear, () => {
-      nextTick(() => {
-        setInputPadding();
-      });
-    });
     onMounted(async () => {
-      setInputPadding();
       setNativeInputValue();
       updateIconOffset();
       await nextTick();
@@ -5924,7 +5904,7 @@ const _sfc_main$2d = /* @__PURE__ */ defineComponent({
             [unref(nsInput).bm("group", "prepend")]: _ctx.$slots.prepend,
             [unref(nsInput).m("prefix")]: _ctx.$slots.prefix || _ctx.prefixIcon,
             [unref(nsInput).m("suffix")]: _ctx.$slots.suffix || _ctx.suffixIcon || _ctx.clearable || _ctx.showPassword,
-            [unref(nsInput).m("suffix--password-clear")]: unref(showClear) && unref(showPwdVisible)
+            [unref(nsInput).bm("suffix", "password-clear")]: unref(showClear) && unref(showPwdVisible)
           },
           _ctx.$attrs.class
         ]),
@@ -5941,120 +5921,120 @@ const _sfc_main$2d = /* @__PURE__ */ defineComponent({
           }, [
             renderSlot(_ctx.$slots, "prepend")
           ], 2)) : createCommentVNode("v-if", true),
-          createElementVNode("input", mergeProps({
-            ref_key: "input",
-            ref: input,
-            class: unref(nsInput).e("inner")
-          }, unref(attrs), {
-            type: _ctx.showPassword ? passwordVisible.value ? "text" : "password" : _ctx.type,
-            disabled: unref(inputDisabled),
-            readonly: _ctx.readonly,
-            autocomplete: _ctx.autocomplete,
-            tabindex: _ctx.tabindex,
-            "aria-label": _ctx.label,
-            placeholder: _ctx.placeholder,
-            style: inputStyleInner.value,
-            onCompositionstart: handleCompositionStart,
-            onCompositionupdate: handleCompositionUpdate,
-            onCompositionend: handleCompositionEnd,
-            onInput: handleInput,
-            onFocus: handleFocus,
-            onBlur: handleBlur,
-            onChange: handleChange,
-            onKeydown: handleKeydown
-          }), null, 16, _hoisted_1$$),
-          createCommentVNode(" prefix slot "),
-          _ctx.$slots.prefix || _ctx.prefixIcon ? (openBlock(), createElementBlock("span", {
-            key: 1,
-            class: normalizeClass(unref(nsInput).e("prefix"))
-          }, [
-            createElementVNode("span", {
-              ref_key: "innerPrefixRef",
-              ref: innerPrefixRef,
-              class: normalizeClass(unref(nsInput).e("prefix-inner"))
-            }, [
-              renderSlot(_ctx.$slots, "prefix"),
-              _ctx.prefixIcon ? (openBlock(), createBlock(unref(ElIcon), {
-                key: 0,
-                class: normalizeClass(unref(nsInput).e("icon"))
-              }, {
-                default: withCtx(() => [
-                  (openBlock(), createBlock(resolveDynamicComponent(_ctx.prefixIcon)))
-                ]),
-                _: 1
-              }, 8, ["class"])) : createCommentVNode("v-if", true)
-            ], 2)
-          ], 2)) : createCommentVNode("v-if", true),
-          createCommentVNode(" suffix slot "),
-          unref(suffixVisible) ? (openBlock(), createElementBlock("span", {
-            key: 2,
-            class: normalizeClass(unref(nsInput).e("suffix"))
+          createElementVNode("div", {
+            class: normalizeClass([unref(nsInput).e("wrapper"), unref(nsInput).is("focus", focused.value)])
           }, [
-            createElementVNode("span", {
-              ref_key: "innerSuffixRef",
-              ref: innerSuffixRef,
-              class: normalizeClass(unref(nsInput).e("suffix-inner"))
+            createCommentVNode(" prefix slot "),
+            _ctx.$slots.prefix || _ctx.prefixIcon ? (openBlock(), createElementBlock("span", {
+              key: 0,
+              class: normalizeClass(unref(nsInput).e("prefix"))
             }, [
-              !unref(showClear) || !unref(showPwdVisible) || !unref(isWordLimitVisible) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                renderSlot(_ctx.$slots, "suffix"),
-                _ctx.suffixIcon ? (openBlock(), createBlock(unref(ElIcon), {
+              createElementVNode("span", {
+                class: normalizeClass(unref(nsInput).e("prefix-inner"))
+              }, [
+                renderSlot(_ctx.$slots, "prefix"),
+                _ctx.prefixIcon ? (openBlock(), createBlock(unref(ElIcon), {
                   key: 0,
                   class: normalizeClass(unref(nsInput).e("icon"))
                 }, {
                   default: withCtx(() => [
-                    (openBlock(), createBlock(resolveDynamicComponent(_ctx.suffixIcon)))
+                    (openBlock(), createBlock(resolveDynamicComponent(_ctx.prefixIcon)))
                   ]),
                   _: 1
                 }, 8, ["class"])) : createCommentVNode("v-if", true)
-              ], 64)) : createCommentVNode("v-if", true),
-              unref(showClear) ? (openBlock(), createBlock(unref(ElIcon), {
-                key: 1,
-                class: normalizeClass([unref(nsInput).e("icon"), unref(nsInput).e("clear")]),
-                onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
-                }, ["prevent"])),
-                onClick: clear
-              }, {
-                default: withCtx(() => [
-                  createVNode(unref(circleClose))
-                ]),
-                _: 1
-              }, 8, ["class"])) : createCommentVNode("v-if", true),
-              unref(showPwdVisible) ? (openBlock(), createBlock(unref(ElIcon), {
-                key: 2,
-                class: normalizeClass([unref(nsInput).e("icon"), unref(nsInput).e("clear")]),
-                onClick: handlePasswordVisible
+              ], 2)
+            ], 2)) : createCommentVNode("v-if", true),
+            createElementVNode("input", mergeProps({
+              ref_key: "input",
+              ref: input,
+              class: unref(nsInput).e("inner")
+            }, unref(attrs), {
+              type: _ctx.showPassword ? passwordVisible.value ? "text" : "password" : _ctx.type,
+              disabled: unref(inputDisabled),
+              readonly: _ctx.readonly,
+              autocomplete: _ctx.autocomplete,
+              tabindex: _ctx.tabindex,
+              "aria-label": _ctx.label,
+              placeholder: _ctx.placeholder,
+              style: _ctx.inputStyle,
+              onCompositionstart: handleCompositionStart,
+              onCompositionupdate: handleCompositionUpdate,
+              onCompositionend: handleCompositionEnd,
+              onInput: handleInput,
+              onFocus: handleFocus,
+              onBlur: handleBlur,
+              onChange: handleChange,
+              onKeydown: handleKeydown
+            }), null, 16, _hoisted_1$Z),
+            createCommentVNode(" suffix slot "),
+            unref(suffixVisible) ? (openBlock(), createElementBlock("span", {
+              key: 1,
+              class: normalizeClass(unref(nsInput).e("suffix"))
+            }, [
+              createElementVNode("span", {
+                class: normalizeClass(unref(nsInput).e("suffix-inner"))
+              }, [
+                !unref(showClear) || !unref(showPwdVisible) || !unref(isWordLimitVisible) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                  renderSlot(_ctx.$slots, "suffix"),
+                  _ctx.suffixIcon ? (openBlock(), createBlock(unref(ElIcon), {
+                    key: 0,
+                    class: normalizeClass(unref(nsInput).e("icon"))
+                  }, {
+                    default: withCtx(() => [
+                      (openBlock(), createBlock(resolveDynamicComponent(_ctx.suffixIcon)))
+                    ]),
+                    _: 1
+                  }, 8, ["class"])) : createCommentVNode("v-if", true)
+                ], 64)) : createCommentVNode("v-if", true),
+                unref(showClear) ? (openBlock(), createBlock(unref(ElIcon), {
+                  key: 1,
+                  class: normalizeClass([unref(nsInput).e("icon"), unref(nsInput).e("clear")]),
+                  onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
+                  }, ["prevent"])),
+                  onClick: clear
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(circleClose))
+                  ]),
+                  _: 1
+                }, 8, ["class"])) : createCommentVNode("v-if", true),
+                unref(showPwdVisible) ? (openBlock(), createBlock(unref(ElIcon), {
+                  key: 2,
+                  class: normalizeClass([unref(nsInput).e("icon"), unref(nsInput).e("password")]),
+                  onClick: handlePasswordVisible
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(), createBlock(resolveDynamicComponent(unref(passwordIcon))))
+                  ]),
+                  _: 1
+                }, 8, ["class"])) : createCommentVNode("v-if", true),
+                unref(isWordLimitVisible) ? (openBlock(), createElementBlock("span", {
+                  key: 3,
+                  class: normalizeClass(unref(nsInput).e("count"))
+                }, [
+                  createElementVNode("span", {
+                    class: normalizeClass(unref(nsInput).e("count-inner"))
+                  }, toDisplayString(unref(textLength)) + " / " + toDisplayString(unref(attrs).maxlength), 3)
+                ], 2)) : createCommentVNode("v-if", true)
+              ], 2),
+              unref(validateState) && unref(validateIcon) && unref(needStatusIcon) ? (openBlock(), createBlock(unref(ElIcon), {
+                key: 0,
+                class: normalizeClass([
+                  unref(nsInput).e("icon"),
+                  unref(nsInput).e("validateIcon"),
+                  unref(nsInput).is("loading", unref(validateState) === "validating")
+                ])
               }, {
                 default: withCtx(() => [
-                  (openBlock(), createBlock(resolveDynamicComponent(unref(passwordIcon))))
+                  (openBlock(), createBlock(resolveDynamicComponent(unref(validateIcon))))
                 ]),
                 _: 1
-              }, 8, ["class"])) : createCommentVNode("v-if", true),
-              unref(isWordLimitVisible) ? (openBlock(), createElementBlock("span", {
-                key: 3,
-                class: normalizeClass(unref(nsInput).e("count"))
-              }, [
-                createElementVNode("span", {
-                  class: normalizeClass(unref(nsInput).e("count-inner"))
-                }, toDisplayString(unref(textLength)) + " / " + toDisplayString(unref(attrs).maxlength), 3)
-              ], 2)) : createCommentVNode("v-if", true)
-            ], 2),
-            unref(validateState) && unref(validateIcon) && unref(needStatusIcon) ? (openBlock(), createBlock(unref(ElIcon), {
-              key: 0,
-              class: normalizeClass([
-                unref(nsInput).e("icon"),
-                unref(nsInput).e("validateIcon"),
-                unref(nsInput).is("loading", unref(validateState) === "validating")
-              ])
-            }, {
-              default: withCtx(() => [
-                (openBlock(), createBlock(resolveDynamicComponent(unref(validateIcon))))
-              ]),
-              _: 1
-            }, 8, ["class"])) : createCommentVNode("v-if", true)
-          ], 2)) : createCommentVNode("v-if", true),
+              }, 8, ["class"])) : createCommentVNode("v-if", true)
+            ], 2)) : createCommentVNode("v-if", true)
+          ], 2),
           createCommentVNode(" append slot "),
           _ctx.$slots.append ? (openBlock(), createElementBlock("div", {
-            key: 3,
+            key: 1,
             class: normalizeClass(unref(nsInput).be("group", "append"))
           }, [
             renderSlot(_ctx.$slots, "append")
@@ -8261,10 +8241,10 @@ const _sfc_main$26 = /* @__PURE__ */ defineComponent({
       });
       return createPopper(referenceEl, popperContentEl, options);
     };
-    const updatePopper = () => {
+    const updatePopper = (shouldUpdateZIndex = true) => {
       var _a;
       (_a = unref(popperInstanceRef)) == null ? void 0 : _a.update();
-      contentZIndex.value = props.zIndex || contentZIndex.value || nextZIndex();
+      shouldUpdateZIndex && (contentZIndex.value = props.zIndex || nextZIndex());
     };
     const togglePopperAlive = () => {
       var _a, _b;
@@ -8273,7 +8253,7 @@ const _sfc_main$26 = /* @__PURE__ */ defineComponent({
         ...options,
         modifiers: [...options.modifiers || [], monitorable]
       }));
-      updatePopper();
+      updatePopper(false);
     };
     onMounted(() => {
       let updateHandle;
@@ -8821,7 +8801,7 @@ const _sfc_main$22 = defineComponent({
     };
   }
 });
-const _hoisted_1$_ = ["innerHTML"];
+const _hoisted_1$Y = ["innerHTML"];
 const _hoisted_2$E = { key: 1 };
 function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tooltip_trigger = resolveComponent("el-tooltip-trigger");
@@ -8872,7 +8852,7 @@ function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
             _ctx.rawContent ? (openBlock(), createElementBlock("span", {
               key: 0,
               innerHTML: _ctx.content
-            }, null, 8, _hoisted_1$_)) : (openBlock(), createElementBlock("span", _hoisted_2$E, toDisplayString(_ctx.content), 1))
+            }, null, 8, _hoisted_1$Y)) : (openBlock(), createElementBlock("span", _hoisted_2$E, toDisplayString(_ctx.content), 1))
           ]),
           _ctx.compatShowArrow ? (openBlock(), createBlock(_component_el_popper_arrow, {
             key: 0,
@@ -8954,7 +8934,7 @@ const autocompleteEmits = {
   select: (item) => isObject$1(item)
 };
 
-const _hoisted_1$Z = ["aria-expanded", "aria-owns"];
+const _hoisted_1$X = ["aria-expanded", "aria-owns"];
 const _hoisted_2$D = { key: 0 };
 const _hoisted_3$m = ["id", "aria-selected", "onClick"];
 const __default__$E = {
@@ -9253,7 +9233,7 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
                 ])
               } : void 0
             ]), 1040, ["model-value", "onKeydown"])
-          ], 14, _hoisted_1$Z)
+          ], 14, _hoisted_1$X)
         ]),
         _: 3
       }, 8, ["visible", "placement", "popper-class", "teleported", "transition"]);
@@ -9294,7 +9274,7 @@ const avatarEmits = {
   error: (evt) => evt instanceof Event
 };
 
-const _hoisted_1$Y = ["src", "alt", "srcset"];
+const _hoisted_1$W = ["src", "alt", "srcset"];
 const __default__$D = {
   name: "ElAvatar"
 };
@@ -9343,7 +9323,7 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
           srcset: _ctx.srcSet,
           style: normalizeStyle(unref(fitStyle)),
           onError: handleError
-        }, null, 44, _hoisted_1$Y)) : _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
+        }, null, 44, _hoisted_1$W)) : _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
           default: withCtx(() => [
             (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
           ]),
@@ -9379,7 +9359,7 @@ const backtopEmits = {
   click: (evt) => evt instanceof MouseEvent
 };
 
-const _hoisted_1$X = ["onClick"];
+const _hoisted_1$V = ["onClick"];
 const __default__$C = {
   name: "ElBacktop"
 };
@@ -9459,7 +9439,7 @@ const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
                 _: 1
               }, 8, ["class"])
             ])
-          ], 14, _hoisted_1$X)) : createCommentVNode("v-if", true)
+          ], 14, _hoisted_1$V)) : createCommentVNode("v-if", true)
         ]),
         _: 3
       }, 8, ["name"]);
@@ -9488,7 +9468,7 @@ const badgeProps = buildProps({
   }
 });
 
-const _hoisted_1$W = ["textContent"];
+const _hoisted_1$U = ["textContent"];
 const __default__$B = {
   name: "ElBadge"
 };
@@ -9526,7 +9506,7 @@ const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
                 unref(ns).is("dot", _ctx.isDot)
               ]),
               textContent: toDisplayString(unref(content))
-            }, null, 10, _hoisted_1$W), [
+            }, null, 10, _hoisted_1$U), [
               [vShow, !_ctx.hidden && (unref(content) || unref(content) === "0" || _ctx.isDot)]
             ])
           ]),
@@ -9735,7 +9715,7 @@ function boundAlpha(a) {
 }
 function convertToPercentage(n) {
   if (n <= 1) {
-    return Number(n) * 100 + "%";
+    return "".concat(Number(n) * 100, "%");
   }
   return n;
 }
@@ -10097,9 +10077,9 @@ function inputToRGB(color) {
 }
 var CSS_INTEGER = "[-\\+]?\\d+%?";
 var CSS_NUMBER = "[-\\+]?\\d*\\.\\d+%?";
-var CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + CSS_INTEGER + ")";
-var PERMISSIVE_MATCH3 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
-var PERMISSIVE_MATCH4 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
+var CSS_UNIT = "(?:".concat(CSS_NUMBER, ")|(?:").concat(CSS_INTEGER, ")");
+var PERMISSIVE_MATCH3 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
+var PERMISSIVE_MATCH4 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
 var matchers = {
   CSS_UNIT: new RegExp(CSS_UNIT),
   rgb: new RegExp("rgb" + PERMISSIVE_MATCH3),
@@ -10281,7 +10261,7 @@ var TinyColor = function() {
     var h = Math.round(hsv.h * 360);
     var s = Math.round(hsv.s * 100);
     var v = Math.round(hsv.v * 100);
-    return this.a === 1 ? "hsv(" + h + ", " + s + "%, " + v + "%)" : "hsva(" + h + ", " + s + "%, " + v + "%, " + this.roundA + ")";
+    return this.a === 1 ? "hsv(".concat(h, ", ").concat(s, "%, ").concat(v, "%)") : "hsva(".concat(h, ", ").concat(s, "%, ").concat(v, "%, ").concat(this.roundA, ")");
   };
   TinyColor2.prototype.toHsl = function() {
     var hsl = rgbToHsl(this.r, this.g, this.b);
@@ -10292,7 +10272,7 @@ var TinyColor = function() {
     var h = Math.round(hsl.h * 360);
     var s = Math.round(hsl.s * 100);
     var l = Math.round(hsl.l * 100);
-    return this.a === 1 ? "hsl(" + h + ", " + s + "%, " + l + "%)" : "hsla(" + h + ", " + s + "%, " + l + "%, " + this.roundA + ")";
+    return this.a === 1 ? "hsl(".concat(h, ", ").concat(s, "%, ").concat(l, "%)") : "hsla(".concat(h, ", ").concat(s, "%, ").concat(l, "%, ").concat(this.roundA, ")");
   };
   TinyColor2.prototype.toHex = function(allow3Char) {
     if (allow3Char === void 0) {
@@ -10330,11 +10310,11 @@ var TinyColor = function() {
     var r = Math.round(this.r);
     var g = Math.round(this.g);
     var b = Math.round(this.b);
-    return this.a === 1 ? "rgb(" + r + ", " + g + ", " + b + ")" : "rgba(" + r + ", " + g + ", " + b + ", " + this.roundA + ")";
+    return this.a === 1 ? "rgb(".concat(r, ", ").concat(g, ", ").concat(b, ")") : "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(this.roundA, ")");
   };
   TinyColor2.prototype.toPercentageRgb = function() {
     var fmt = function(x) {
-      return Math.round(bound01$1(x, 255) * 100) + "%";
+      return "".concat(Math.round(bound01$1(x, 255) * 100), "%");
     };
     return {
       r: fmt(this.r),
@@ -10347,7 +10327,7 @@ var TinyColor = function() {
     var rnd = function(x) {
       return Math.round(bound01$1(x, 255) * 100);
     };
-    return this.a === 1 ? "rgb(" + rnd(this.r) + "%, " + rnd(this.g) + "%, " + rnd(this.b) + "%)" : "rgba(" + rnd(this.r) + "%, " + rnd(this.g) + "%, " + rnd(this.b) + "%, " + this.roundA + ")";
+    return this.a === 1 ? "rgb(".concat(rnd(this.r), "%, ").concat(rnd(this.g), "%, ").concat(rnd(this.b), "%)") : "rgba(".concat(rnd(this.r), "%, ").concat(rnd(this.g), "%, ").concat(rnd(this.b), "%, ").concat(this.roundA, ")");
   };
   TinyColor2.prototype.toName = function() {
     if (this.a === 0) {
@@ -10624,7 +10604,7 @@ function useButtonCustomStyle(props) {
   });
 }
 
-const _hoisted_1$V = ["disabled", "autofocus", "type"];
+const _hoisted_1$T = ["disabled", "autofocus", "type"];
 const __default__$y = {
   name: "ElButton"
 };
@@ -10715,7 +10695,7 @@ const _sfc_main$1X = /* @__PURE__ */ defineComponent({
         }, [
           renderSlot(_ctx.$slots, "default")
         ], 2)) : createCommentVNode("v-if", true)
-      ], 14, _hoisted_1$V);
+      ], 14, _hoisted_1$T);
     };
   }
 });
@@ -11738,7 +11718,7 @@ const _sfc_main$1V = defineComponent({
     };
   }
 });
-const _hoisted_1$U = ["id", "name", "placeholder", "value", "disabled", "readonly"];
+const _hoisted_1$S = ["id", "name", "placeholder", "value", "disabled", "readonly"];
 const _hoisted_2$C = ["id", "name", "placeholder", "value", "disabled", "readonly"];
 function _sfc_render$1j(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
@@ -11853,7 +11833,7 @@ function _sfc_render$1j(_ctx, _cache, $props, $setup, $data, $options) {
           onInput: _cache[1] || (_cache[1] = (...args) => _ctx.handleStartInput && _ctx.handleStartInput(...args)),
           onChange: _cache[2] || (_cache[2] = (...args) => _ctx.handleStartChange && _ctx.handleStartChange(...args)),
           onFocus: _cache[3] || (_cache[3] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args))
-        }, null, 42, _hoisted_1$U),
+        }, null, 42, _hoisted_1$S),
         renderSlot(_ctx.$slots, "range-separator", {}, () => [
           createElementVNode("span", {
             class: normalizeClass(_ctx.nsRange.b("separator"))
@@ -12420,7 +12400,7 @@ const _sfc_main$1U = defineComponent({
     };
   }
 });
-const _hoisted_1$T = ["onClick"];
+const _hoisted_1$R = ["onClick"];
 const _hoisted_2$B = ["onMouseenter"];
 function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_scrollbar = resolveComponent("el-scrollbar");
@@ -12460,7 +12440,7 @@ function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
               ], 2112)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                 createTextVNode(toDisplayString(("0" + key).slice(-2)), 1)
               ], 2112))
-            ], 10, _hoisted_1$T);
+            ], 10, _hoisted_1$R);
           }), 128))
         ]),
         _: 2
@@ -12966,7 +12946,7 @@ const _sfc_main$1S = defineComponent({
     };
   }
 });
-const _hoisted_1$S = ["disabled"];
+const _hoisted_1$Q = ["disabled"];
 function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_time_spinner = resolveComponent("time-spinner");
   return _ctx.actualVisible ? (openBlock(), createElementBlock("div", {
@@ -13050,7 +13030,7 @@ function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
         class: normalizeClass([_ctx.nsTime.be("panel", "btn"), "confirm"]),
         disabled: _ctx.btnConfirmDisabled,
         onClick: _cache[1] || (_cache[1] = ($event) => _ctx.handleConfirm())
-      }, toDisplayString(_ctx.t("el.datepicker.confirm")), 11, _hoisted_1$S)
+      }, toDisplayString(_ctx.t("el.datepicker.confirm")), 11, _hoisted_1$Q)
     ], 2)
   ], 2)) : createCommentVNode("v-if", true);
 }
@@ -13146,7 +13126,7 @@ const dateTableEmits = {
   pick: (value) => isObject$1(value)
 };
 
-const _hoisted_1$R = { key: 0 };
+const _hoisted_1$P = { key: 0 };
 const _hoisted_2$A = ["onClick"];
 const __default__$w = {
   name: "DateTable"
@@ -13251,7 +13231,7 @@ const _sfc_main$1R = /* @__PURE__ */ defineComponent({
         cellspacing: "0",
         cellpadding: "0"
       }, [
-        !_ctx.hideHeader ? (openBlock(), createElementBlock("thead", _hoisted_1$R, [
+        !_ctx.hideHeader ? (openBlock(), createElementBlock("thead", _hoisted_1$P, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(weekDays), (day) => {
             return openBlock(), createElementBlock("th", { key: day }, toDisplayString(day), 1);
           }), 128))
@@ -13629,7 +13609,7 @@ const carouselEmits = {
   change: (current, prev) => [current, prev].every(isNumber)
 };
 
-const _hoisted_1$Q = ["onMouseenter", "onMouseleave"];
+const _hoisted_1$O = ["onMouseenter", "onMouseleave"];
 const _hoisted_2$z = ["onMouseenter", "onClick"];
 const _hoisted_3$l = { key: 0 };
 const __default__$t = {
@@ -13929,7 +13909,7 @@ const _sfc_main$1O = /* @__PURE__ */ defineComponent({
             ], 42, _hoisted_2$z);
           }), 128))
         ], 2)) : createCommentVNode("v-if", true)
-      ], 42, _hoisted_1$Q);
+      ], 42, _hoisted_1$O);
     };
   }
 });
@@ -14299,10 +14279,10 @@ const _sfc_main$1M = defineComponent({
     };
   }
 });
-const _hoisted_1$P = ["id", "aria-controls"];
+const _hoisted_1$N = ["id", "aria-controls"];
 const _hoisted_2$y = ["tabindex", "role", "aria-checked"];
 const _hoisted_3$k = ["aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"];
-const _hoisted_4$e = ["aria-hidden", "disabled", "value", "name", "tabindex"];
+const _hoisted_4$d = ["aria-hidden", "disabled", "value", "name", "tabindex"];
 function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("label", {
     id: _ctx.id,
@@ -14359,7 +14339,7 @@ function _sfc_render$1f(_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$e)), [
+      }, null, 42, _hoisted_4$d)), [
         [vModelCheckbox, _ctx.model]
       ])
     ], 10, _hoisted_2$y),
@@ -14372,7 +14352,7 @@ function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
         createTextVNode(toDisplayString(_ctx.label), 1)
       ], 2112)) : createCommentVNode("v-if", true)
     ], 2)) : createCommentVNode("v-if", true)
-  ], 10, _hoisted_1$P);
+  ], 10, _hoisted_1$N);
 }
 var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$1M, [["render", _sfc_render$1f], ["__file", "checkbox.vue"]]);
 
@@ -14406,7 +14386,7 @@ const _sfc_main$1L = defineComponent({
     };
   }
 });
-const _hoisted_1$O = ["aria-checked", "aria-disabled"];
+const _hoisted_1$M = ["aria-checked", "aria-disabled"];
 const _hoisted_2$x = ["name", "tabindex", "disabled", "true-value", "false-value"];
 const _hoisted_3$j = ["name", "tabindex", "disabled", "value"];
 function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
@@ -14461,7 +14441,7 @@ function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
         createTextVNode(toDisplayString(_ctx.label), 1)
       ])
     ], 6)) : createCommentVNode("v-if", true)
-  ], 10, _hoisted_1$O);
+  ], 10, _hoisted_1$M);
 }
 var CheckboxButton = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["render", _sfc_render$1e], ["__file", "checkbox-button.vue"]]);
 
@@ -14628,7 +14608,7 @@ const _sfc_main$1J = defineComponent({
     };
   }
 });
-const _hoisted_1$N = ["aria-checked", "aria-disabled", "tabindex"];
+const _hoisted_1$L = ["aria-checked", "aria-disabled", "tabindex"];
 const _hoisted_2$w = ["value", "name", "disabled"];
 function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("label", {
@@ -14682,7 +14662,7 @@ function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
         createTextVNode(toDisplayString(_ctx.label), 1)
       ])
     ], 34)
-  ], 42, _hoisted_1$N);
+  ], 42, _hoisted_1$L);
 }
 var Radio = /* @__PURE__ */ _export_sfc(_sfc_main$1J, [["render", _sfc_render$1d], ["__file", "radio.vue"]]);
 
@@ -14730,7 +14710,7 @@ const _sfc_main$1I = defineComponent({
     };
   }
 });
-const _hoisted_1$M = ["aria-checked", "aria-disabled", "tabindex"];
+const _hoisted_1$K = ["aria-checked", "aria-disabled", "tabindex"];
 const _hoisted_2$v = ["value", "name", "disabled"];
 function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("label", {
@@ -14771,7 +14751,7 @@ function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
         createTextVNode(toDisplayString(_ctx.label), 1)
       ])
     ], 38)
-  ], 42, _hoisted_1$M);
+  ], 42, _hoisted_1$K);
 }
 var RadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$1I, [["render", _sfc_render$1c], ["__file", "radio-button.vue"]]);
 
@@ -15011,7 +14991,7 @@ const _sfc_main$1G = defineComponent({
     };
   }
 });
-const _hoisted_1$L = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
+const _hoisted_1$J = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
 const _hoisted_2$u = /* @__PURE__ */ createElementVNode("span", null, null, -1);
 function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_checkbox = resolveComponent("el-checkbox");
@@ -15094,7 +15074,7 @@ function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
       }, 8, ["class"]))
     ], 2112)) : createCommentVNode("v-if", true)
-  ], 42, _hoisted_1$L);
+  ], 42, _hoisted_1$J);
 }
 var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _sfc_render$1a], ["__file", "node.vue"]]);
 
@@ -16296,10 +16276,10 @@ const _sfc_main$1C = defineComponent({
     };
   }
 });
-const _hoisted_1$K = { key: 0 };
+const _hoisted_1$I = { key: 0 };
 const _hoisted_2$t = { class: "el-cascader__collapse-tags" };
 const _hoisted_3$i = ["placeholder"];
-const _hoisted_4$d = ["onClick"];
+const _hoisted_4$c = ["onClick"];
 function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_circle_close = resolveComponent("circle-close");
   const _component_el_icon = resolveComponent("el-icon");
@@ -16409,7 +16389,7 @@ function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
               onClose: ($event) => _ctx.deleteTag(tag)
             }, {
               default: withCtx(() => [
-                tag.isCollapseTag === false ? (openBlock(), createElementBlock("span", _hoisted_1$K, toDisplayString(tag.text), 1)) : (openBlock(), createBlock(_component_el_tooltip, {
+                tag.isCollapseTag === false ? (openBlock(), createElementBlock("span", _hoisted_1$I, toDisplayString(tag.text), 1)) : (openBlock(), createBlock(_component_el_tooltip, {
                   key: 1,
                   teleported: false,
                   disabled: _ctx.popperVisible || !_ctx.collapseTagsTooltip,
@@ -16512,7 +16492,7 @@ function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
                 ]),
                 _: 1
               })) : createCommentVNode("v-if", true)
-            ], 10, _hoisted_4$d);
+            ], 10, _hoisted_4$c);
           }), 128)) : renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
             createElementVNode("li", {
               class: normalizeClass(_ctx.nsCascader.e("empty-text"))
@@ -16832,7 +16812,7 @@ const collapseItemProps = buildProps({
   disabled: Boolean
 });
 
-const _hoisted_1$J = ["aria-expanded", "aria-controls", "aria-describedby"];
+const _hoisted_1$H = ["aria-expanded", "aria-controls", "aria-describedby"];
 const _hoisted_2$s = ["id", "tabindex", "onKeypress"];
 const _hoisted_3$h = ["id", "aria-hidden", "aria-labelledby"];
 const __default__$o = {
@@ -16911,7 +16891,7 @@ const _sfc_main$1y = /* @__PURE__ */ defineComponent({
               _: 1
             }, 8, ["class"])
           ], 42, _hoisted_2$s)
-        ], 8, _hoisted_1$J),
+        ], 8, _hoisted_1$H),
         createVNode(unref(_CollapseTransition), null, {
           default: withCtx(() => [
             withDirectives(createElementVNode("div", {
@@ -17533,11 +17513,11 @@ const _sfc_main$1v = defineComponent({
     };
   }
 });
-const _hoisted_1$I = { class: "el-color-predefine" };
+const _hoisted_1$G = { class: "el-color-predefine" };
 const _hoisted_2$r = { class: "el-color-predefine__colors" };
 const _hoisted_3$g = ["onClick"];
 function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$I, [
+  return openBlock(), createElementBlock("div", _hoisted_1$G, [
     createElementVNode("div", _hoisted_2$r, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.rgbaColors, (item, index) => {
         return openBlock(), createElementBlock("div", {
@@ -17623,10 +17603,10 @@ const _sfc_main$1u = defineComponent({
     };
   }
 });
-const _hoisted_1$H = /* @__PURE__ */ createElementVNode("div", { class: "el-color-svpanel__white" }, null, -1);
+const _hoisted_1$F = /* @__PURE__ */ createElementVNode("div", { class: "el-color-svpanel__white" }, null, -1);
 const _hoisted_2$q = /* @__PURE__ */ createElementVNode("div", { class: "el-color-svpanel__black" }, null, -1);
 const _hoisted_3$f = /* @__PURE__ */ createElementVNode("div", null, null, -1);
-const _hoisted_4$c = [
+const _hoisted_4$b = [
   _hoisted_3$f
 ];
 function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
@@ -17636,7 +17616,7 @@ function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
       backgroundColor: _ctx.background
     })
   }, [
-    _hoisted_1$H,
+    _hoisted_1$F,
     _hoisted_2$q,
     createElementVNode("div", {
       class: "el-color-svpanel__cursor",
@@ -17644,7 +17624,7 @@ function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
         top: _ctx.cursorTop + "px",
         left: _ctx.cursorLeft + "px"
       })
-    }, _hoisted_4$c, 4)
+    }, _hoisted_4$b, 4)
   ], 4);
 }
 var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$12], ["__file", "sv-panel.vue"]]);
@@ -18647,7 +18627,7 @@ const _sfc_main$1n = defineComponent({
     };
   }
 });
-const _hoisted_1$G = { key: 0 };
+const _hoisted_1$E = { key: 0 };
 function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_date_picker_cell = resolveComponent("el-date-picker-cell");
   return openBlock(), createElementBlock("table", {
@@ -18659,7 +18639,7 @@ function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
   }, [
     createElementVNode("tbody", null, [
       createElementVNode("tr", null, [
-        _ctx.showWeekNumber ? (openBlock(), createElementBlock("th", _hoisted_1$G, toDisplayString(_ctx.t("el.datepicker.week")), 1)) : createCommentVNode("v-if", true),
+        _ctx.showWeekNumber ? (openBlock(), createElementBlock("th", _hoisted_1$E, toDisplayString(_ctx.t("el.datepicker.week")), 1)) : createCommentVNode("v-if", true),
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.WEEKS, (week, key) => {
           return openBlock(), createElementBlock("th", { key }, toDisplayString(_ctx.t("el.datepicker.weeks." + week)), 1);
         }), 128))
@@ -18853,7 +18833,7 @@ const _sfc_main$1m = defineComponent({
     };
   }
 });
-const _hoisted_1$F = { class: "cell" };
+const _hoisted_1$D = { class: "cell" };
 function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("table", {
     class: "el-month-table",
@@ -18869,7 +18849,7 @@ function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
               class: normalizeClass(_ctx.getCellStyle(cell))
             }, [
               createElementVNode("div", null, [
-                createElementVNode("a", _hoisted_1$F, toDisplayString(_ctx.t("el.datepicker.months." + _ctx.months[cell.text])), 1)
+                createElementVNode("a", _hoisted_1$D, toDisplayString(_ctx.t("el.datepicker.months." + _ctx.months[cell.text])), 1)
               ])
             ], 2);
           }), 128))
@@ -18928,16 +18908,16 @@ const _sfc_main$1l = defineComponent({
     };
   }
 });
-const _hoisted_1$E = { class: "cell" };
+const _hoisted_1$C = { class: "cell" };
 const _hoisted_2$p = { class: "cell" };
 const _hoisted_3$e = { class: "cell" };
-const _hoisted_4$b = { class: "cell" };
-const _hoisted_5$9 = { class: "cell" };
-const _hoisted_6$6 = { class: "cell" };
-const _hoisted_7$5 = { class: "cell" };
-const _hoisted_8$5 = { class: "cell" };
-const _hoisted_9$5 = { class: "cell" };
-const _hoisted_10$5 = { class: "cell" };
+const _hoisted_4$a = { class: "cell" };
+const _hoisted_5$8 = { class: "cell" };
+const _hoisted_6$5 = { class: "cell" };
+const _hoisted_7$4 = { class: "cell" };
+const _hoisted_8$4 = { class: "cell" };
+const _hoisted_9$4 = { class: "cell" };
+const _hoisted_10$4 = { class: "cell" };
 const _hoisted_11$3 = /* @__PURE__ */ createElementVNode("td", null, null, -1);
 const _hoisted_12$3 = /* @__PURE__ */ createElementVNode("td", null, null, -1);
 function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
@@ -18950,7 +18930,7 @@ function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
         createElementVNode("td", {
           class: normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 0)])
         }, [
-          createElementVNode("a", _hoisted_1$E, toDisplayString(_ctx.startYear), 1)
+          createElementVNode("a", _hoisted_1$C, toDisplayString(_ctx.startYear), 1)
         ], 2),
         createElementVNode("td", {
           class: normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 1)])
@@ -18965,41 +18945,41 @@ function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
         createElementVNode("td", {
           class: normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 3)])
         }, [
-          createElementVNode("a", _hoisted_4$b, toDisplayString(_ctx.startYear + 3), 1)
+          createElementVNode("a", _hoisted_4$a, toDisplayString(_ctx.startYear + 3), 1)
         ], 2)
       ]),
       createElementVNode("tr", null, [
         createElementVNode("td", {
           class: normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 4)])
         }, [
-          createElementVNode("a", _hoisted_5$9, toDisplayString(_ctx.startYear + 4), 1)
+          createElementVNode("a", _hoisted_5$8, toDisplayString(_ctx.startYear + 4), 1)
         ], 2),
         createElementVNode("td", {
           class: normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 5)])
         }, [
-          createElementVNode("a", _hoisted_6$6, toDisplayString(_ctx.startYear + 5), 1)
+          createElementVNode("a", _hoisted_6$5, toDisplayString(_ctx.startYear + 5), 1)
         ], 2),
         createElementVNode("td", {
           class: normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 6)])
         }, [
-          createElementVNode("a", _hoisted_7$5, toDisplayString(_ctx.startYear + 6), 1)
+          createElementVNode("a", _hoisted_7$4, toDisplayString(_ctx.startYear + 6), 1)
         ], 2),
         createElementVNode("td", {
           class: normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 7)])
         }, [
-          createElementVNode("a", _hoisted_8$5, toDisplayString(_ctx.startYear + 7), 1)
+          createElementVNode("a", _hoisted_8$4, toDisplayString(_ctx.startYear + 7), 1)
         ], 2)
       ]),
       createElementVNode("tr", null, [
         createElementVNode("td", {
           class: normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 8)])
         }, [
-          createElementVNode("a", _hoisted_9$5, toDisplayString(_ctx.startYear + 8), 1)
+          createElementVNode("a", _hoisted_9$4, toDisplayString(_ctx.startYear + 8), 1)
         ], 2),
         createElementVNode("td", {
           class: normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 9)])
         }, [
-          createElementVNode("a", _hoisted_10$5, toDisplayString(_ctx.startYear + 9), 1)
+          createElementVNode("a", _hoisted_10$4, toDisplayString(_ctx.startYear + 9), 1)
         ], 2),
         _hoisted_11$3,
         _hoisted_12$3
@@ -19421,22 +19401,22 @@ const _sfc_main$1k = defineComponent({
     };
   }
 });
-const _hoisted_1$D = { class: "el-picker-panel__body-wrapper" };
+const _hoisted_1$B = { class: "el-picker-panel__body-wrapper" };
 const _hoisted_2$o = {
   key: 0,
   class: "el-picker-panel__sidebar"
 };
 const _hoisted_3$d = ["onClick"];
-const _hoisted_4$a = { class: "el-picker-panel__body" };
-const _hoisted_5$8 = {
+const _hoisted_4$9 = { class: "el-picker-panel__body" };
+const _hoisted_5$7 = {
   key: 0,
   class: "el-date-picker__time-header"
 };
-const _hoisted_6$5 = { class: "el-date-picker__editor-wrap" };
-const _hoisted_7$4 = { class: "el-date-picker__editor-wrap" };
-const _hoisted_8$4 = ["aria-label"];
-const _hoisted_9$4 = ["aria-label"];
-const _hoisted_10$4 = ["aria-label"];
+const _hoisted_6$4 = { class: "el-date-picker__editor-wrap" };
+const _hoisted_7$3 = { class: "el-date-picker__editor-wrap" };
+const _hoisted_8$3 = ["aria-label"];
+const _hoisted_9$3 = ["aria-label"];
+const _hoisted_10$3 = ["aria-label"];
 const _hoisted_11$2 = ["aria-label"];
 const _hoisted_12$2 = { class: "el-picker-panel__content" };
 const _hoisted_13$2 = { class: "el-picker-panel__footer" };
@@ -19461,7 +19441,7 @@ function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
       }
     ]])
   }, [
-    createElementVNode("div", _hoisted_1$D, [
+    createElementVNode("div", _hoisted_1$B, [
       renderSlot(_ctx.$slots, "sidebar", { class: "el-picker-panel__sidebar" }),
       _ctx.hasShortcuts ? (openBlock(), createElementBlock("div", _hoisted_2$o, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.shortcuts, (shortcut, key) => {
@@ -19473,9 +19453,9 @@ function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
           }, toDisplayString(shortcut.text), 9, _hoisted_3$d);
         }), 128))
       ])) : createCommentVNode("v-if", true),
-      createElementVNode("div", _hoisted_4$a, [
-        _ctx.showTime ? (openBlock(), createElementBlock("div", _hoisted_5$8, [
-          createElementVNode("span", _hoisted_6$5, [
+      createElementVNode("div", _hoisted_4$9, [
+        _ctx.showTime ? (openBlock(), createElementBlock("div", _hoisted_5$7, [
+          createElementVNode("span", _hoisted_6$4, [
             createVNode(_component_el_input, {
               placeholder: _ctx.t("el.datepicker.selectDate"),
               "model-value": _ctx.visibleDate,
@@ -19484,7 +19464,7 @@ function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
               onChange: _ctx.handleVisibleDateChange
             }, null, 8, ["placeholder", "model-value", "onChange"])
           ]),
-          withDirectives((openBlock(), createElementBlock("span", _hoisted_7$4, [
+          withDirectives((openBlock(), createElementBlock("span", _hoisted_7$3, [
             createVNode(_component_el_input, {
               placeholder: _ctx.t("el.datepicker.selectTime"),
               "model-value": _ctx.visibleTime,
@@ -19521,7 +19501,7 @@ function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
               ]),
               _: 1
             })
-          ], 8, _hoisted_8$4),
+          ], 8, _hoisted_8$3),
           withDirectives(createElementVNode("button", {
             type: "button",
             "aria-label": _ctx.t(`el.datepicker.prevMonth`),
@@ -19534,7 +19514,7 @@ function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
               ]),
               _: 1
             })
-          ], 8, _hoisted_9$4), [
+          ], 8, _hoisted_9$3), [
             [vShow, _ctx.currentView === "date"]
           ]),
           createElementVNode("span", {
@@ -19561,7 +19541,7 @@ function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
               ]),
               _: 1
             })
-          ], 8, _hoisted_10$4),
+          ], 8, _hoisted_10$3),
           withDirectives(createElementVNode("button", {
             type: "button",
             "aria-label": _ctx.t(`el.datepicker.nextMonth`),
@@ -19587,8 +19567,9 @@ function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
             date: _ctx.innerDate,
             "parsed-value": _ctx.parsedValue,
             "disabled-date": _ctx.disabledDate,
+            "cell-class-name": _ctx.cellClassName,
             onPick: _ctx.handleDatePick
-          }, null, 8, ["selection-mode", "date", "parsed-value", "disabled-date", "onPick"])) : createCommentVNode("v-if", true),
+          }, null, 8, ["selection-mode", "date", "parsed-value", "disabled-date", "cell-class-name", "onPick"])) : createCommentVNode("v-if", true),
           _ctx.currentView === "year" ? (openBlock(), createBlock(_component_year_table, {
             key: 1,
             date: _ctx.innerDate,
@@ -20073,22 +20054,22 @@ const _sfc_main$1j = defineComponent({
     };
   }
 });
-const _hoisted_1$C = { class: "el-picker-panel__body-wrapper" };
+const _hoisted_1$A = { class: "el-picker-panel__body-wrapper" };
 const _hoisted_2$n = {
   key: 0,
   class: "el-picker-panel__sidebar"
 };
 const _hoisted_3$c = ["onClick"];
-const _hoisted_4$9 = { class: "el-picker-panel__body" };
-const _hoisted_5$7 = {
+const _hoisted_4$8 = { class: "el-picker-panel__body" };
+const _hoisted_5$6 = {
   key: 0,
   class: "el-date-range-picker__time-header"
 };
-const _hoisted_6$4 = { class: "el-date-range-picker__editors-wrap" };
-const _hoisted_7$3 = { class: "el-date-range-picker__time-picker-wrap" };
-const _hoisted_8$3 = { class: "el-date-range-picker__time-picker-wrap" };
-const _hoisted_9$3 = { class: "el-date-range-picker__editors-wrap is-right" };
-const _hoisted_10$3 = { class: "el-date-range-picker__time-picker-wrap" };
+const _hoisted_6$3 = { class: "el-date-range-picker__editors-wrap" };
+const _hoisted_7$2 = { class: "el-date-range-picker__time-picker-wrap" };
+const _hoisted_8$2 = { class: "el-date-range-picker__time-picker-wrap" };
+const _hoisted_9$2 = { class: "el-date-range-picker__editors-wrap is-right" };
+const _hoisted_10$2 = { class: "el-date-range-picker__time-picker-wrap" };
 const _hoisted_11$1 = { class: "el-date-range-picker__time-picker-wrap" };
 const _hoisted_12$1 = { class: "el-picker-panel__content el-date-range-picker__content is-left" };
 const _hoisted_13$1 = { class: "el-date-range-picker__header" };
@@ -20121,7 +20102,7 @@ function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
       }
     ]])
   }, [
-    createElementVNode("div", _hoisted_1$C, [
+    createElementVNode("div", _hoisted_1$A, [
       renderSlot(_ctx.$slots, "sidebar", { class: "el-picker-panel__sidebar" }),
       _ctx.hasShortcuts ? (openBlock(), createElementBlock("div", _hoisted_2$n, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.shortcuts, (shortcut, key) => {
@@ -20133,10 +20114,10 @@ function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
           }, toDisplayString(shortcut.text), 9, _hoisted_3$c);
         }), 128))
       ])) : createCommentVNode("v-if", true),
-      createElementVNode("div", _hoisted_4$9, [
-        _ctx.showTime ? (openBlock(), createElementBlock("div", _hoisted_5$7, [
-          createElementVNode("span", _hoisted_6$4, [
-            createElementVNode("span", _hoisted_7$3, [
+      createElementVNode("div", _hoisted_4$8, [
+        _ctx.showTime ? (openBlock(), createElementBlock("div", _hoisted_5$6, [
+          createElementVNode("span", _hoisted_6$3, [
+            createElementVNode("span", _hoisted_7$2, [
               createVNode(_component_el_input, {
                 size: "small",
                 disabled: _ctx.rangeState.selecting,
@@ -20147,7 +20128,7 @@ function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
                 onChange: _cache[1] || (_cache[1] = (val) => _ctx.handleDateChange(val, "min"))
               }, null, 8, ["disabled", "placeholder", "model-value"])
             ]),
-            withDirectives((openBlock(), createElementBlock("span", _hoisted_8$3, [
+            withDirectives((openBlock(), createElementBlock("span", _hoisted_8$2, [
               createVNode(_component_el_input, {
                 size: "small",
                 class: "el-date-range-picker__editor",
@@ -20178,8 +20159,8 @@ function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
               _: 1
             })
           ]),
-          createElementVNode("span", _hoisted_9$3, [
-            createElementVNode("span", _hoisted_10$3, [
+          createElementVNode("span", _hoisted_9$2, [
+            createElementVNode("span", _hoisted_10$2, [
               createVNode(_component_el_input, {
                 size: "small",
                 class: "el-date-range-picker__editor",
@@ -20556,19 +20537,19 @@ const _sfc_main$1i = defineComponent({
     };
   }
 });
-const _hoisted_1$B = { class: "el-picker-panel__body-wrapper" };
+const _hoisted_1$z = { class: "el-picker-panel__body-wrapper" };
 const _hoisted_2$m = {
   key: 0,
   class: "el-picker-panel__sidebar"
 };
 const _hoisted_3$b = ["onClick"];
-const _hoisted_4$8 = { class: "el-picker-panel__body" };
-const _hoisted_5$6 = { class: "el-picker-panel__content el-date-range-picker__content is-left" };
-const _hoisted_6$3 = { class: "el-date-range-picker__header" };
-const _hoisted_7$2 = ["disabled"];
-const _hoisted_8$2 = { class: "el-picker-panel__content el-date-range-picker__content is-right" };
-const _hoisted_9$2 = { class: "el-date-range-picker__header" };
-const _hoisted_10$2 = ["disabled"];
+const _hoisted_4$7 = { class: "el-picker-panel__body" };
+const _hoisted_5$5 = { class: "el-picker-panel__content el-date-range-picker__content is-left" };
+const _hoisted_6$2 = { class: "el-date-range-picker__header" };
+const _hoisted_7$1 = ["disabled"];
+const _hoisted_8$1 = { class: "el-picker-panel__content el-date-range-picker__content is-right" };
+const _hoisted_9$1 = { class: "el-date-range-picker__header" };
+const _hoisted_10$1 = ["disabled"];
 function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_d_arrow_left = resolveComponent("d-arrow-left");
   const _component_el_icon = resolveComponent("el-icon");
@@ -20581,7 +20562,7 @@ function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
       }
     ]])
   }, [
-    createElementVNode("div", _hoisted_1$B, [
+    createElementVNode("div", _hoisted_1$z, [
       renderSlot(_ctx.$slots, "sidebar", { class: "el-picker-panel__sidebar" }),
       _ctx.hasShortcuts ? (openBlock(), createElementBlock("div", _hoisted_2$m, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.shortcuts, (shortcut, key) => {
@@ -20593,9 +20574,9 @@ function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
           }, toDisplayString(shortcut.text), 9, _hoisted_3$b);
         }), 128))
       ])) : createCommentVNode("v-if", true),
-      createElementVNode("div", _hoisted_4$8, [
-        createElementVNode("div", _hoisted_5$6, [
-          createElementVNode("div", _hoisted_6$3, [
+      createElementVNode("div", _hoisted_4$7, [
+        createElementVNode("div", _hoisted_5$5, [
+          createElementVNode("div", _hoisted_6$2, [
             createElementVNode("button", {
               type: "button",
               class: "el-picker-panel__icon-btn d-arrow-left",
@@ -20621,7 +20602,7 @@ function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
                 ]),
                 _: 1
               })
-            ], 10, _hoisted_7$2)) : createCommentVNode("v-if", true),
+            ], 10, _hoisted_7$1)) : createCommentVNode("v-if", true),
             createElementVNode("div", null, toDisplayString(_ctx.leftLabel), 1)
           ]),
           createVNode(_component_month_table, {
@@ -20636,8 +20617,8 @@ function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
             onSelect: _ctx.onSelect
           }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date", "onChangerange", "onPick", "onSelect"])
         ]),
-        createElementVNode("div", _hoisted_8$2, [
-          createElementVNode("div", _hoisted_9$2, [
+        createElementVNode("div", _hoisted_8$1, [
+          createElementVNode("div", _hoisted_9$1, [
             _ctx.unlinkPanels ? (openBlock(), createElementBlock("button", {
               key: 0,
               type: "button",
@@ -20651,7 +20632,7 @@ function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
                 ]),
                 _: 1
               })
-            ], 10, _hoisted_10$2)) : createCommentVNode("v-if", true),
+            ], 10, _hoisted_10$1)) : createCommentVNode("v-if", true),
             createElementVNode("button", {
               type: "button",
               class: "el-picker-panel__icon-btn d-arrow-right",
@@ -20847,7 +20828,7 @@ const _sfc_main$1h = defineComponent({
     };
   }
 });
-const _hoisted_1$A = { key: 1 };
+const _hoisted_1$y = { key: 1 };
 function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_descriptions_cell = resolveComponent("el-descriptions-cell");
   return _ctx.descriptions.direction === "vertical" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
@@ -20871,7 +20852,7 @@ function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
         }, null, 8, ["cell"]);
       }), 128))
     ])
-  ], 64)) : (openBlock(), createElementBlock("tr", _hoisted_1$A, [
+  ], 64)) : (openBlock(), createElementBlock("tr", _hoisted_1$y, [
     (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.row, (cell, index) => {
       return openBlock(), createElementBlock(Fragment, {
         key: `tr3-${index}`
@@ -21183,7 +21164,7 @@ const dialogContentEmits = {
   close: () => true
 };
 
-const _hoisted_1$z = ["aria-label"];
+const _hoisted_1$x = ["aria-label"];
 const __default__$n = { name: "ElDialogContent" };
 const _sfc_main$1f = /* @__PURE__ */ defineComponent({
   ...__default__$n,
@@ -21248,7 +21229,7 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
             _: 1
           }, 8, ["class"])
         ], 2)) : createCommentVNode("v-if", true)
-      ], 14, _hoisted_1$z);
+      ], 14, _hoisted_1$x);
     };
   }
 });
@@ -21665,10 +21646,10 @@ const _sfc_main$1c = defineComponent({
     };
   }
 });
-const _hoisted_1$y = ["aria-labelledby", "aria-label"];
+const _hoisted_1$w = ["aria-labelledby", "aria-label"];
 const _hoisted_2$l = ["id"];
 const _hoisted_3$a = ["title"];
-const _hoisted_4$7 = ["aria-label"];
+const _hoisted_4$6 = ["aria-label"];
 function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_close = resolveComponent("close");
   const _component_el_icon = resolveComponent("el-icon");
@@ -21729,7 +21710,7 @@ function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
                     ]),
                     _: 1
                   }, 8, ["class"])
-                ], 10, _hoisted_4$7)) : createCommentVNode("v-if", true)
+                ], 10, _hoisted_4$6)) : createCommentVNode("v-if", true)
               ], 10, _hoisted_2$l)) : createCommentVNode("v-if", true),
               _ctx.rendered ? (openBlock(), createElementBlock("section", {
                 key: 1,
@@ -21743,7 +21724,7 @@ function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
               }, [
                 renderSlot(_ctx.$slots, "footer")
               ], 2)) : createCommentVNode("v-if", true)
-            ], 14, _hoisted_1$y)), [
+            ], 14, _hoisted_1$w)), [
               [_directive_trap_focus]
             ])
           ]),
@@ -22738,7 +22719,7 @@ const _sfc_main$14 = defineComponent({
     };
   }
 });
-const _hoisted_1$x = ["aria-disabled", "tabindex"];
+const _hoisted_1$v = ["aria-disabled", "tabindex"];
 function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
   return openBlock(), createElementBlock(Fragment, null, [
@@ -22765,7 +22746,7 @@ function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
       })) : createCommentVNode("v-if", true),
       renderSlot(_ctx.$slots, "default")
-    ], 16, _hoisted_1$x)
+    ], 16, _hoisted_1$v)
   ], 64);
 }
 var ElDropdownItemImpl = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$H], ["__file", "dropdown-item-impl.vue"]]);
@@ -22971,7 +22952,7 @@ const _sfc_main$11 = defineComponent({
     };
   }
 });
-const _hoisted_1$w = {
+const _hoisted_1$u = {
   viewBox: "0 0 79 86",
   version: "1.1",
   xmlns: "http://www.w3.org/2000/svg",
@@ -22982,28 +22963,28 @@ const _hoisted_3$9 = /* @__PURE__ */ createElementVNode("stop", {
   "stop-color": "var(--el-empty-fill-color-1)",
   offset: "0%"
 }, null, -1);
-const _hoisted_4$6 = /* @__PURE__ */ createElementVNode("stop", {
+const _hoisted_4$5 = /* @__PURE__ */ createElementVNode("stop", {
   "stop-color": "var(--el-empty-fill-color-4)",
   offset: "100%"
 }, null, -1);
-const _hoisted_5$5 = [
+const _hoisted_5$4 = [
   _hoisted_3$9,
-  _hoisted_4$6
+  _hoisted_4$5
 ];
-const _hoisted_6$2 = ["id"];
-const _hoisted_7$1 = /* @__PURE__ */ createElementVNode("stop", {
+const _hoisted_6$1 = ["id"];
+const _hoisted_7 = /* @__PURE__ */ createElementVNode("stop", {
   "stop-color": "var(--el-empty-fill-color-1)",
   offset: "0%"
 }, null, -1);
-const _hoisted_8$1 = /* @__PURE__ */ createElementVNode("stop", {
+const _hoisted_8 = /* @__PURE__ */ createElementVNode("stop", {
   "stop-color": "var(--el-empty-fill-color-6)",
   offset: "100%"
 }, null, -1);
-const _hoisted_9$1 = [
-  _hoisted_7$1,
-  _hoisted_8$1
+const _hoisted_9 = [
+  _hoisted_7,
+  _hoisted_8
 ];
-const _hoisted_10$1 = ["id"];
+const _hoisted_10 = ["id"];
 const _hoisted_11 = {
   id: "Illustrations",
   stroke: "none",
@@ -23057,18 +23038,16 @@ const _hoisted_22 = {
   id: "Rectangle-Copy-17",
   transform: "translate(53.000000, 45.000000)"
 };
-const _hoisted_23 = ["id"];
-const _hoisted_24 = ["xlink:href"];
-const _hoisted_25 = ["xlink:href"];
-const _hoisted_26 = ["mask"];
-const _hoisted_27 = /* @__PURE__ */ createElementVNode("polygon", {
+const _hoisted_23 = ["xlink:href"];
+const _hoisted_24 = ["mask"];
+const _hoisted_25 = /* @__PURE__ */ createElementVNode("polygon", {
   id: "Rectangle-Copy-18",
   fill: "var(--el-empty-fill-color-2)",
   transform: "translate(66.000000, 51.500000) scale(-1, 1) translate(-66.000000, -51.500000) ",
   points: "62 45 79 45 70 58 53 58"
 }, null, -1);
 function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$w, [
+  return openBlock(), createElementBlock("svg", _hoisted_1$u, [
     createElementVNode("defs", null, [
       createElementVNode("linearGradient", {
         id: `linearGradient-1-${_ctx.id}`,
@@ -23076,21 +23055,21 @@ function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
         y1: "0%",
         x2: "61.1496914%",
         y2: "100%"
-      }, _hoisted_5$5, 8, _hoisted_2$k),
+      }, _hoisted_5$4, 8, _hoisted_2$k),
       createElementVNode("linearGradient", {
         id: `linearGradient-2-${_ctx.id}`,
         x1: "0%",
         y1: "9.5%",
         x2: "100%",
         y2: "90.5%"
-      }, _hoisted_9$1, 8, _hoisted_6$2),
+      }, _hoisted_9, 8, _hoisted_6$1),
       createElementVNode("rect", {
         id: `path-3-${_ctx.id}`,
         x: "0",
         y: "0",
         width: "17",
         height: "36"
-      }, null, 8, _hoisted_10$1)
+      }, null, 8, _hoisted_10)
     ]),
     createElementVNode("g", _hoisted_11, [
       createElementVNode("g", _hoisted_12, [
@@ -23120,29 +23099,21 @@ function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
             height: "36"
           }, null, 8, _hoisted_21),
           createElementVNode("g", _hoisted_22, [
-            createElementVNode("mask", {
-              id: `mask-4-${_ctx.id}`,
-              fill: "var(--el-empty-fill-color-0)"
-            }, [
-              createElementVNode("use", {
-                "xlink:href": `#path-3-${_ctx.id}`
-              }, null, 8, _hoisted_24)
-            ], 8, _hoisted_23),
             createElementVNode("use", {
               id: "Mask",
               fill: "var(--el-empty-fill-color-8)",
               transform: "translate(8.500000, 18.000000) scale(-1, 1) translate(-8.500000, -18.000000) ",
               "xlink:href": `#path-3-${_ctx.id}`
-            }, null, 8, _hoisted_25),
+            }, null, 8, _hoisted_23),
             createElementVNode("polygon", {
               id: "Rectangle-Copy",
               fill: "var(--el-empty-fill-color-9)",
               mask: `url(#mask-4-${_ctx.id})`,
               transform: "translate(12.000000, 9.000000) scale(-1, 1) translate(-12.000000, -9.000000) ",
-              points: "7 0 24 0 20 18 -1.70530257e-13 16"
-            }, null, 8, _hoisted_26)
+              points: "7 0 24 0 20 18 7 16.5"
+            }, null, 8, _hoisted_24)
           ]),
-          _hoisted_27
+          _hoisted_25
         ])
       ])
     ])
@@ -23162,7 +23133,7 @@ const emptyProps = {
   }
 };
 
-const _hoisted_1$v = ["src"];
+const _hoisted_1$t = ["src"];
 const _hoisted_2$j = { key: 1 };
 const __default__$k = {
   name: "ElEmpty"
@@ -23190,7 +23161,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
             key: 0,
             src: _ctx.image,
             ondragstart: "return false"
-          }, null, 8, _hoisted_1$v)) : renderSlot(_ctx.$slots, "image", { key: 1 }, () => [
+          }, null, 8, _hoisted_1$t)) : renderSlot(_ctx.$slots, "image", { key: 1 }, () => [
             createVNode(ImgEmpty)
           ])
         ], 6),
@@ -24476,10 +24447,10 @@ var FormLabelWrap = defineComponent({
   setup(props, {
     slots
   }) {
-    const formContext = inject(formContextKey);
+    const formContext = inject(formContextKey, void 0);
     const formItemContext = inject(formItemContextKey);
-    if (!formContext || !formItemContext)
-      throwError(COMPONENT_NAME$a, "usage: <el-form><el-form-item><label-wrap /></el-form-item></el-form>");
+    if (!formItemContext)
+      throwError(COMPONENT_NAME$a, "usage: <el-form-item><label-wrap /></el-form-item>");
     const ns = useNamespace("form");
     const el = ref();
     const computedWidth = ref(0);
@@ -24498,7 +24469,7 @@ var FormLabelWrap = defineComponent({
           if (action === "update") {
             computedWidth.value = getLabelWidth();
           } else if (action === "remove") {
-            formContext.deregisterLabelWidth(computedWidth.value);
+            formContext == null ? void 0 : formContext.deregisterLabelWidth(computedWidth.value);
           }
         }
       });
@@ -24513,7 +24484,7 @@ var FormLabelWrap = defineComponent({
     onUpdated(() => updateLabelWidthFn());
     watch(computedWidth, (val, oldVal) => {
       if (props.updateAll) {
-        formContext.registerLabelWidth(val, oldVal);
+        formContext == null ? void 0 : formContext.registerLabelWidth(val, oldVal);
       }
     });
     useResizeObserver(computed(() => {
@@ -24528,7 +24499,7 @@ var FormLabelWrap = defineComponent({
         isAutoWidth
       } = props;
       if (isAutoWidth) {
-        const autoLabelWidth = formContext.autoLabelWidth;
+        const autoLabelWidth = formContext == null ? void 0 : formContext.autoLabelWidth;
         const style = {};
         if (autoLabelWidth && autoLabelWidth !== "auto") {
           const marginWidth = Math.max(0, Number.parseInt(autoLabelWidth, 10) - computedWidth.value);
@@ -24551,7 +24522,7 @@ var FormLabelWrap = defineComponent({
   }
 });
 
-const _hoisted_1$u = ["for"];
+const _hoisted_1$s = ["for"];
 const __default__$i = {
   name: "ElFormItem"
 };
@@ -24560,11 +24531,8 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
   props: formItemProps,
   setup(__props, { expose }) {
     const props = __props;
-    const COMPONENT_NAME = "ElFormItem";
     const slots = useSlots();
-    const formContext = inject(formContextKey);
-    if (!formContext)
-      throwError(COMPONENT_NAME, "usage: <el-form><el-form-item /></el-form>");
+    const formContext = inject(formContextKey, void 0);
     const parentFormItemContext = inject(formItemContextKey, void 0);
     const _size = useSize(void 0, { formItem: false });
     const ns = useNamespace("form-item");
@@ -24575,22 +24543,22 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
     let initialValue = void 0;
     let isResettingField = false;
     const labelStyle = computed(() => {
-      if (formContext.labelPosition === "top") {
+      if ((formContext == null ? void 0 : formContext.labelPosition) === "top") {
         return {};
       }
-      const labelWidth = addUnit(props.labelWidth || formContext.labelWidth || "");
+      const labelWidth = addUnit(props.labelWidth || (formContext == null ? void 0 : formContext.labelWidth) || "");
       if (labelWidth)
         return { width: labelWidth };
       return {};
     });
     const contentStyle = computed(() => {
-      if (formContext.labelPosition === "top" || formContext.inline) {
+      if ((formContext == null ? void 0 : formContext.labelPosition) === "top" || (formContext == null ? void 0 : formContext.inline)) {
         return {};
       }
       if (!props.label && !props.labelWidth && isNested) {
         return {};
       }
-      const labelWidth = addUnit(props.labelWidth || formContext.labelWidth || "");
+      const labelWidth = addUnit(props.labelWidth || (formContext == null ? void 0 : formContext.labelWidth) || "");
       if (!props.label && !slots.label) {
         return { marginLeft: labelWidth };
       }
@@ -24603,10 +24571,10 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
       ns.is("validating", validateState.value === "validating"),
       ns.is("success", validateState.value === "success"),
       ns.is("required", isRequired.value || props.required),
-      ns.is("no-asterisk", formContext.hideRequiredAsterisk),
-      { [ns.m("feedback")]: formContext.statusIcon }
+      ns.is("no-asterisk", formContext == null ? void 0 : formContext.hideRequiredAsterisk),
+      { [ns.m("feedback")]: formContext == null ? void 0 : formContext.statusIcon }
     ]);
-    const _inlineMessage = computed(() => isBoolean(props.inlineMessage) ? props.inlineMessage : formContext.inlineMessage || false);
+    const _inlineMessage = computed(() => isBoolean(props.inlineMessage) ? props.inlineMessage : (formContext == null ? void 0 : formContext.inlineMessage) || false);
     const validateClasses = computed(() => [
       ns.e("error"),
       { [ns.em("error", "inline")]: _inlineMessage.value }
@@ -24619,7 +24587,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
     const labelFor = computed(() => props.for || propString.value);
     const isNested = !!parentFormItemContext;
     const fieldValue = computed(() => {
-      const model = formContext.model;
+      const model = formContext == null ? void 0 : formContext.model;
       if (!model || !props.prop) {
         return;
       }
@@ -24627,7 +24595,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
     });
     const _rules = computed(() => {
       const rules = props.rules ? castArray$1(props.rules) : [];
-      const formRules = formContext.rules;
+      const formRules = formContext == null ? void 0 : formContext.rules;
       if (formRules && props.prop) {
         const _rules2 = getProp(formRules, props.prop).value;
         if (_rules2) {
@@ -24653,8 +24621,11 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
       }).map(({ trigger: trigger2, ...rule }) => rule);
     };
     const isRequired = computed(() => _rules.value.some((rule) => rule.required === true));
-    const shouldShowError = computed(() => validateStateDebounced.value === "error" && props.showMessage && formContext.showMessage);
-    const currentLabel = computed(() => `${props.label || ""}${formContext.labelSuffix || ""}`);
+    const shouldShowError = computed(() => {
+      var _a;
+      return validateStateDebounced.value === "error" && props.showMessage && ((_a = formContext == null ? void 0 : formContext.showMessage) != null ? _a : true);
+    });
+    const currentLabel = computed(() => `${props.label || ""}${(formContext == null ? void 0 : formContext.labelSuffix) || ""}`);
     const setValidationState = (state) => {
       validateState.value = state;
     };
@@ -24666,11 +24637,11 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
       }
       setValidationState("error");
       validateMessage.value = errors ? (_b = (_a = errors == null ? void 0 : errors[0]) == null ? void 0 : _a.message) != null ? _b : `${props.prop} is required` : "";
-      formContext.emit("validate", props.prop, false, validateMessage.value);
+      formContext == null ? void 0 : formContext.emit("validate", props.prop, false, validateMessage.value);
     };
     const onValidationSucceeded = () => {
       setValidationState("success");
-      formContext.emit("validate", props.prop, true, "");
+      formContext == null ? void 0 : formContext.emit("validate", props.prop, true, "");
     };
     const doValidate = async (rules) => {
       const modelName = propString.value;
@@ -24715,7 +24686,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
       validateMessage.value = "";
     };
     const resetField = async () => {
-      const model = formContext.model;
+      const model = formContext == null ? void 0 : formContext.model;
       if (!model || !props.prop)
         return;
       const computedValue = getProp(model, props.prop);
@@ -24743,12 +24714,12 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
     provide(formItemContextKey, context);
     onMounted(() => {
       if (props.prop) {
-        formContext.addField(context);
+        formContext == null ? void 0 : formContext.addField(context);
         initialValue = clone(fieldValue.value);
       }
     });
     onBeforeUnmount(() => {
-      formContext.removeField(context);
+      formContext == null ? void 0 : formContext.removeField(context);
     });
     expose({
       size: _size,
@@ -24759,6 +24730,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
       resetField
     });
     return (_ctx, _cache) => {
+      var _a;
       return openBlock(), createElementBlock("div", {
         ref_key: "formItemRef",
         ref: formItemRef,
@@ -24766,7 +24738,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
       }, [
         createVNode(unref(FormLabelWrap), {
           "is-auto-width": unref(labelStyle).width === "auto",
-          "update-all": unref(formContext).labelWidth === "auto"
+          "update-all": ((_a = unref(formContext)) == null ? void 0 : _a.labelWidth) === "auto"
         }, {
           default: withCtx(() => [
             _ctx.label || _ctx.$slots.label ? (openBlock(), createElementBlock("label", {
@@ -24778,7 +24750,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
               renderSlot(_ctx.$slots, "label", { label: unref(currentLabel) }, () => [
                 createTextVNode(toDisplayString(unref(currentLabel)), 1)
               ])
-            ], 14, _hoisted_1$u)) : createCommentVNode("v-if", true)
+            ], 14, _hoisted_1$s)) : createCommentVNode("v-if", true)
           ]),
           _: 3
         }, 8, ["is-auto-width", "update-all"]),
@@ -24844,7 +24816,7 @@ const imageViewerEmits = {
   switch: (index) => typeof index === "number"
 };
 
-const _hoisted_1$t = ["src"];
+const _hoisted_1$r = ["src"];
 const __default__$h = {
   name: "ElImageViewer"
 };
@@ -25212,7 +25184,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
                     onLoad: handleImgLoad,
                     onError: handleImgError,
                     onMousedown: handleMouseDown
-                  }, null, 46, _hoisted_1$t)), [
+                  }, null, 46, _hoisted_1$r)), [
                     [vShow, i === index.value]
                   ]);
                 }), 128))
@@ -25281,7 +25253,7 @@ const imageEmits = {
   close: () => true
 };
 
-const _hoisted_1$s = ["src"];
+const _hoisted_1$q = ["src"];
 const _hoisted_2$i = { key: 0 };
 const __default__$g = {
   name: "ElImage"
@@ -25470,7 +25442,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
           style: unref(imageStyle),
           class: [unref(ns).e("inner"), unref(preview) ? unref(ns).e("preview") : ""],
           onClick: clickHandler
-        }), null, 16, _hoisted_1$s)),
+        }), null, 16, _hoisted_1$q)),
         unref(preview) ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
           showViewer.value ? (openBlock(), createBlock(unref(ElImageViewer), {
             key: 0,
@@ -25517,8 +25489,7 @@ const inputNumberProps = buildProps({
     default: Number.NEGATIVE_INFINITY
   },
   modelValue: {
-    type: Number,
-    required: true
+    type: Number
   },
   disabled: {
     type: Boolean,
@@ -25673,12 +25644,12 @@ const _sfc_main$X = defineComponent({
       }
       data.userInput = null;
       emit("update:modelValue", newVal);
+      emit("input", newVal);
       emit("change", newVal, oldVal);
       (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change").catch((err) => debugWarn());
       data.currentValue = newVal;
     };
     const handleInput = (value) => {
-      emit("input", value);
       return data.userInput = value;
     };
     const handleInputChange = (value) => {
@@ -25848,7 +25819,7 @@ const linkEmits = {
   click: (evt) => evt instanceof MouseEvent
 };
 
-const _hoisted_1$r = ["href"];
+const _hoisted_1$p = ["href"];
 const __default__$f = {
   name: "ElLink"
 };
@@ -25887,7 +25858,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "default")
         ], 2)) : createCommentVNode("v-if", true),
         _ctx.$slots.icon ? renderSlot(_ctx.$slots, "icon", { key: 2 }) : createCommentVNode("v-if", true)
-      ], 10, _hoisted_1$r);
+      ], 10, _hoisted_1$p);
     };
   }
 });
@@ -25955,15 +25926,15 @@ class SubMenu$1 {
 var SubMenu$2 = SubMenu$1;
 
 class MenuItem$1 {
-  constructor(domNode) {
+  constructor(domNode, namespace) {
     this.domNode = domNode;
     this.submenu = null;
     this.submenu = null;
-    this.init();
+    this.init(namespace);
   }
-  init() {
+  init(namespace) {
     this.domNode.setAttribute("tabindex", "0");
-    const menuChild = this.domNode.querySelector(".el-menu");
+    const menuChild = this.domNode.querySelector(`.${namespace}-menu`);
     if (menuChild) {
       this.submenu = new SubMenu$2(this, menuChild);
     }
@@ -26005,15 +25976,15 @@ class MenuItem$1 {
 var MenuItem$2 = MenuItem$1;
 
 class Menu$1 {
-  constructor(domNode) {
+  constructor(domNode, namespace) {
     this.domNode = domNode;
-    this.init();
+    this.init(namespace);
   }
-  init() {
+  init(namespace) {
     const menuChildren = this.domNode.childNodes;
     Array.from(menuChildren).forEach((child) => {
       if (child.nodeType === 1) {
-        new MenuItem$2(child);
+        new MenuItem$2(child, namespace);
       }
     });
   }
@@ -26023,31 +25994,32 @@ var Menubar = Menu$1;
 const _sfc_main$V = defineComponent({
   name: "ElMenuCollapseTransition",
   setup() {
+    const ns = useNamespace("menu");
     const listeners = {
       onBeforeEnter: (el) => el.style.opacity = "0.2",
       onEnter(el, done) {
-        addClass(el, "el-opacity-transition");
+        addClass(el, `${ns.namespace.value}-opacity-transition`);
         el.style.opacity = "1";
         done();
       },
       onAfterEnter(el) {
-        removeClass(el, "el-opacity-transition");
+        removeClass(el, `${ns.namespace.value}-opacity-transition`);
         el.style.opacity = "";
       },
       onBeforeLeave(el) {
         if (!el.dataset) {
           el.dataset = {};
         }
-        if (hasClass(el, "el-menu--collapse")) {
-          removeClass(el, "el-menu--collapse");
+        if (hasClass(el, ns.m("collapse"))) {
+          removeClass(el, ns.m("collapse"));
           el.dataset.oldOverflow = el.style.overflow;
           el.dataset.scrollWidth = el.clientWidth.toString();
-          addClass(el, "el-menu--collapse");
+          addClass(el, ns.m("collapse"));
         } else {
-          addClass(el, "el-menu--collapse");
+          addClass(el, ns.m("collapse"));
           el.dataset.oldOverflow = el.style.overflow;
           el.dataset.scrollWidth = el.clientWidth.toString();
-          removeClass(el, "el-menu--collapse");
+          removeClass(el, ns.m("collapse"));
         }
         el.style.width = `${el.scrollWidth}px`;
         el.style.overflow = "hidden";
@@ -26173,6 +26145,8 @@ var SubMenu = defineComponent({
   setup(props, { slots, expose }) {
     const instance = getCurrentInstance();
     const { paddingStyle, indexPath, parentMenu } = useMenu(instance, computed(() => props.index));
+    const nsMenu = useNamespace("menu");
+    const nsSubMenu = useNamespace("sub-menu");
     const rootMenu = inject("rootMenu");
     if (!rootMenu)
       throwError(COMPONENT_NAME$9, "can not inject root menu");
@@ -26205,7 +26179,7 @@ var SubMenu = defineComponent({
     const appendToBody = computed(() => {
       return props.popperAppendToBody === void 0 ? isFirstLevel.value : Boolean(props.popperAppendToBody);
     });
-    const menuTransitionName = computed(() => rootMenu.props.collapse ? "el-zoom-in-left" : "el-zoom-in-top");
+    const menuTransitionName = computed(() => rootMenu.props.collapse ? `${nsMenu.namespace.value}-zoom-in-left` : `${nsMenu.namespace.value}-zoom-in-top`);
     const fallbackPlacements = computed(() => mode.value === "horizontal" && isFirstLevel.value ? [
       "bottom-start",
       "bottom-end",
@@ -26336,7 +26310,7 @@ var SubMenu = defineComponent({
       const titleTag = [
         (_a = slots.title) == null ? void 0 : _a.call(slots),
         h$1(ElIcon, {
-          class: ["el-sub-menu__icon-arrow"]
+          class: nsSubMenu.e("icon-arrow")
         }, { default: () => h$1(subMenuTitleIcon.value) })
       ];
       const ulStyle = useMenuCssVar(rootMenu.props);
@@ -26358,22 +26332,23 @@ var SubMenu = defineComponent({
         content: () => {
           var _a2;
           return h$1("div", {
-            class: [`el-menu--${mode.value}`, props.popperClass],
+            class: [nsMenu.m(mode.value), props.popperClass],
             onMouseenter: (evt) => handleMouseenter(evt, 100),
             onMouseleave: () => handleMouseleave(true),
             onFocus: (evt) => handleMouseenter(evt, 100)
           }, [
             h$1("ul", {
               class: [
-                "el-menu el-menu--popup",
-                `el-menu--popup-${currentPlacement.value}`
+                nsMenu.b(),
+                nsMenu.m("popup"),
+                nsMenu.m(`popup-${currentPlacement.value}`)
               ],
               style: ulStyle.value
             }, [(_a2 = slots.default) == null ? void 0 : _a2.call(slots)])
           ]);
         },
         default: () => h$1("div", {
-          class: "el-sub-menu__title",
+          class: nsSubMenu.e("title"),
           style: [
             paddingStyle.value,
             titleStyle.value,
@@ -26383,7 +26358,7 @@ var SubMenu = defineComponent({
         }, titleTag)
       }) : h$1(Fragment, {}, [
         h$1("div", {
-          class: "el-sub-menu__title",
+          class: nsSubMenu.e("title"),
           style: [
             paddingStyle.value,
             titleStyle.value,
@@ -26397,7 +26372,7 @@ var SubMenu = defineComponent({
             var _a2;
             return withDirectives(h$1("ul", {
               role: "menu",
-              class: "el-menu el-menu--inline",
+              class: [nsMenu.b(), nsMenu.m("inline")],
               style: ulStyle.value
             }, [(_a2 = slots.default) == null ? void 0 : _a2.call(slots)]), [[vShow, opened.value]]);
           }
@@ -26405,12 +26380,10 @@ var SubMenu = defineComponent({
       ]);
       return h$1("li", {
         class: [
-          "el-sub-menu",
-          {
-            "is-active": active.value,
-            "is-opened": opened.value,
-            "is-disabled": props.disabled
-          }
+          nsSubMenu.b(),
+          nsSubMenu.is("active", active.value),
+          nsSubMenu.is("opened", opened.value),
+          nsSubMenu.is("disabled", props.disabled)
         ],
         role: "menuitem",
         ariaHaspopup: true,
@@ -26471,6 +26444,8 @@ var Menu = defineComponent({
     const instance = getCurrentInstance();
     const router = instance.appContext.config.globalProperties.$router;
     const menu = ref();
+    const nsMenu = useNamespace("menu");
+    const nsSubMenu = useNamespace("sub-menu");
     const openedMenus = ref(props.defaultOpeneds && !props.collapse ? props.defaultOpeneds.slice(0) : []);
     const activeIndex = ref(props.defaultActive);
     const items = ref({});
@@ -26597,7 +26572,7 @@ var Menu = defineComponent({
     onMounted(() => {
       initMenu();
       if (props.mode === "horizontal") {
-        new Menubar(instance.vnode.el);
+        new Menubar(instance.vnode.el, nsMenu.namespace.value);
       }
     });
     {
@@ -26649,10 +26624,10 @@ var Menu = defineComponent({
           slot = slotDefault;
           vShowMore.push(h$1(SubMenu, {
             index: "sub-menu-more",
-            class: "el-sub-menu__hide-arrow"
+            class: nsSubMenu.e("hide-arrow")
           }, {
             title: () => h$1(ElIcon, {
-              class: ["el-sub-menu__icon-more"]
+              class: nsSubMenu.e("icon-more")
             }, { default: () => h$1(more) }),
             default: () => slotMore
           }));
@@ -26666,9 +26641,9 @@ var Menu = defineComponent({
         ref: menu,
         style: ulStyle.value,
         class: {
-          "el-menu": true,
-          "el-menu--horizontal": props.mode === "horizontal",
-          "el-menu--collapse": props.collapse
+          [nsMenu.b()]: true,
+          [nsMenu.m("horizontal")]: props.mode === "horizontal",
+          [nsMenu.m("collapse")]: props.collapse
         }
       }, [...slot, ...vShowMore]));
       if (props.collapseTransition && props.mode === "vertical") {
@@ -26704,6 +26679,8 @@ const _sfc_main$U = defineComponent({
   setup(props, { emit }) {
     const instance = getCurrentInstance();
     const rootMenu = inject("rootMenu");
+    const nsMenu = useNamespace("menu");
+    const nsMenuItem = useNamespace("menu-item");
     if (!rootMenu)
       throwError(COMPONENT_NAME$8, "can not inject root menu");
     const { parentMenu, paddingStyle, indexPath } = useMenu(instance, toRef(props, "index"));
@@ -26740,18 +26717,20 @@ const _sfc_main$U = defineComponent({
       rootMenu,
       paddingStyle,
       active,
+      nsMenu,
+      nsMenuItem,
       handleClick
     };
   }
 });
-const _hoisted_1$q = { class: "el-menu-tooltip__trigger" };
 function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tooltip = resolveComponent("el-tooltip");
   return openBlock(), createElementBlock("li", {
-    class: normalizeClass(["el-menu-item", {
-      "is-active": _ctx.active,
-      "is-disabled": _ctx.disabled
-    }]),
+    class: normalizeClass([
+      _ctx.nsMenuItem.b(),
+      _ctx.nsMenuItem.is("active", _ctx.active),
+      _ctx.nsMenuItem.is("disabled", _ctx.disabled)
+    ]),
     role: "menuitem",
     tabindex: "-1",
     style: normalizeStyle(_ctx.paddingStyle),
@@ -26768,9 +26747,11 @@ function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
         renderSlot(_ctx.$slots, "title")
       ]),
       default: withCtx(() => [
-        createElementVNode("div", _hoisted_1$q, [
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.nsMenu.be("tooltip", "trigger"))
+        }, [
           renderSlot(_ctx.$slots, "default")
-        ])
+        ], 2)
       ]),
       _: 3
     }, 8, ["effect"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
@@ -26794,6 +26775,7 @@ const _sfc_main$T = defineComponent({
     const menu = inject("rootMenu");
     if (!menu)
       throwError(COMPONENT_NAME$7, "can not inject root menu");
+    const ns = useNamespace("menu-item-group");
     const levelPadding = computed(() => {
       if (menu.props.collapse)
         return 20;
@@ -26808,25 +26790,27 @@ const _sfc_main$T = defineComponent({
       return padding;
     });
     return {
-      levelPadding
+      levelPadding,
+      ns
     };
   }
 });
-const _hoisted_1$p = { class: "el-menu-item-group" };
 function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("li", _hoisted_1$p, [
+  return openBlock(), createElementBlock("li", {
+    class: normalizeClass(_ctx.ns.b())
+  }, [
     createElementVNode("div", {
-      class: "el-menu-item-group__title",
+      class: normalizeClass(_ctx.ns.e("title")),
       style: normalizeStyle({ paddingLeft: `${_ctx.levelPadding}px` })
     }, [
       !_ctx.$slots.title ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
         createTextVNode(toDisplayString(_ctx.title), 1)
       ], 2112)) : renderSlot(_ctx.$slots, "title", { key: 1 })
-    ], 4),
+    ], 6),
     createElementVNode("ul", null, [
       renderSlot(_ctx.$slots, "default")
     ])
-  ]);
+  ], 2);
 }
 var MenuItemGroup = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$A], ["__file", "menu-item-group.vue"]]);
 
@@ -27432,8 +27416,7 @@ const useSelect$3 = (props, states, ctx) => {
       var _a, _b;
       if (!reference.value)
         return;
-      const inputChildNodes = reference.value.$el.childNodes;
-      const input2 = Array.from(inputChildNodes).find((item) => item.tagName === "INPUT");
+      const input2 = reference.value.$el.querySelector("input");
       const _tags = tags.value;
       const sizeInMap = states.initialInputHeight || getComponentSize(selectSize.value || elForm.size);
       input2.style.height = states.selected.length === 0 ? `${sizeInMap}px` : `${Math.max(_tags ? _tags.clientHeight + (_tags.clientHeight > sizeInMap ? 6 : 0) : 0, sizeInMap)}px`;
@@ -28455,7 +28438,7 @@ function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
             onMouseleave: _cache[22] || (_cache[22] = ($event) => _ctx.inputHovering = false)
           }, createSlots({
             suffix: withCtx(() => [
-              _ctx.iconComponent ? withDirectives((openBlock(), createBlock(_component_el_icon, {
+              _ctx.iconComponent && !_ctx.showClose ? (openBlock(), createBlock(_component_el_icon, {
                 key: 0,
                 class: normalizeClass([_ctx.nsSelect.e("caret"), _ctx.nsSelect.e("icon"), _ctx.iconReverse])
               }, {
@@ -28463,9 +28446,7 @@ function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
                   (openBlock(), createBlock(resolveDynamicComponent(_ctx.iconComponent)))
                 ]),
                 _: 1
-              }, 8, ["class"])), [
-                [vShow, !_ctx.showClose]
-              ]) : createCommentVNode("v-if", true),
+              }, 8, ["class"])) : createCommentVNode("v-if", true),
               _ctx.showClose && _ctx.clearIcon ? (openBlock(), createBlock(_component_el_icon, {
                 key: 1,
                 class: normalizeClass([_ctx.nsSelect.e("caret"), _ctx.nsSelect.e("icon")]),
@@ -29801,8 +29782,8 @@ const _sfc_main$F = defineComponent({
 const _hoisted_1$i = ["aria-valuenow"];
 const _hoisted_2$d = { viewBox: "0 0 100 100" };
 const _hoisted_3$6 = ["d", "stroke-width"];
-const _hoisted_4$5 = ["d", "stroke", "stroke-linecap", "stroke-width"];
-const _hoisted_5$4 = { key: 0 };
+const _hoisted_4$4 = ["d", "stroke", "stroke-linecap", "stroke-width"];
+const _hoisted_5$3 = { key: 0 };
 function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
   return openBlock(), createElementBlock("div", {
@@ -29867,7 +29848,7 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
           "stroke-linecap": _ctx.strokeLinecap,
           "stroke-width": _ctx.percentage ? _ctx.relativeStrokeWidth : 0,
           style: normalizeStyle(_ctx.circlePathStyle)
-        }, null, 14, _hoisted_4$5)
+        }, null, 14, _hoisted_4$4)
       ]))
     ], 6)),
     (_ctx.showText || _ctx.$slots.default) && !_ctx.textInside ? (openBlock(), createElementBlock("div", {
@@ -29876,7 +29857,7 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
       style: normalizeStyle({ fontSize: `${_ctx.progressTextSize}px` })
     }, [
       renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(_ctx.slotData)), () => [
-        !_ctx.status ? (openBlock(), createElementBlock("span", _hoisted_5$4, toDisplayString(_ctx.content), 1)) : (openBlock(), createBlock(_component_el_icon, { key: 1 }, {
+        !_ctx.status ? (openBlock(), createElementBlock("span", _hoisted_5$3, toDisplayString(_ctx.content), 1)) : (openBlock(), createBlock(_component_el_icon, { key: 1 }, {
           default: withCtx(() => [
             (openBlock(), createBlock(resolveDynamicComponent(_ctx.statusIcon)))
           ]),
@@ -30420,7 +30401,7 @@ const useCache = () => {
 };
 
 const DEFAULT_DYNAMIC_LIST_ITEM_SIZE = 50;
-const ITEM_RENDER_EVT = "item-rendered";
+const ITEM_RENDER_EVT = "itemRendered";
 const SCROLL_EVT = "scroll";
 const FORWARD = "forward";
 const BACKWARD = "backward";
@@ -30554,6 +30535,12 @@ const virtualizedListProps = buildProps({
   itemSize,
   ...virtualizedProps
 });
+const scrollbarSize = {
+  type: Number,
+  default: 6
+};
+const startGap = { type: Number, default: 2 };
+const endGap = { type: Number, default: 2 };
 const virtualizedGridProps = buildProps({
   columnCache: cache,
   columnWidth: itemSize,
@@ -30565,9 +30552,15 @@ const virtualizedGridProps = buildProps({
   rowHeight: itemSize,
   totalColumn: total,
   totalRow: total,
+  hScrollbarSize: scrollbarSize,
+  vScrollbarSize: scrollbarSize,
+  scrollbarStartGap: startGap,
+  scrollbarEndGap: endGap,
   ...virtualizedProps
 });
 const virtualizedScrollbarProps = buildProps({
+  alwaysOn: Boolean,
+  class: String,
   layout,
   total,
   ratio: {
@@ -30582,6 +30575,9 @@ const virtualizedScrollbarProps = buildProps({
     type: Number,
     required: true
   },
+  scrollbarSize,
+  startGap,
+  endGap,
   visible: Boolean
 });
 
@@ -30638,7 +30634,9 @@ const ScrollBar = defineComponent({
   props: virtualizedScrollbarProps,
   emits: ["scroll", "start-move", "stop-move"],
   setup(props, { emit }) {
-    const GAP = 4;
+    const GAP = computed(() => props.startGap + props.endGap);
+    const nsVirtualScrollbar = useNamespace("virtual-scrollbar");
+    const nsScrollbar = useNamespace("scrollbar");
     const trackRef = ref();
     const thumbRef = ref();
     let frameHandle = null;
@@ -30648,11 +30646,11 @@ const ScrollBar = defineComponent({
       traveled: 0
     });
     const bar = computed(() => BAR_MAP[props.layout]);
-    const trackSize = computed(() => props.clientSize - GAP);
+    const trackSize = computed(() => props.clientSize - unref(GAP));
     const trackStyle = computed(() => ({
       position: "absolute",
-      width: HORIZONTAL === props.layout ? `${trackSize.value}px` : "6px",
-      height: HORIZONTAL === props.layout ? "6px" : `${trackSize.value}px`,
+      width: `${HORIZONTAL === props.layout ? trackSize.value : props.scrollbarSize}px`,
+      height: `${HORIZONTAL === props.layout ? props.scrollbarSize : trackSize.value}px`,
       [ScrollbarDirKey[props.layout]]: "2px",
       right: "2px",
       bottom: "2px",
@@ -30684,28 +30682,28 @@ const ScrollBar = defineComponent({
       }, props.layout);
       return style;
     });
-    const totalSteps = computed(() => Math.floor(props.clientSize - thumbSize.value - GAP));
+    const totalSteps = computed(() => Math.floor(props.clientSize - thumbSize.value - unref(GAP)));
     const attachEvents = () => {
-      on(window, "mousemove", onMouseMove);
-      on(window, "mouseup", onMouseUp);
+      window.addEventListener("mousemove", onMouseMove);
+      window.addEventListener("mouseup", onMouseUp);
       const thumbEl = unref(thumbRef);
       if (!thumbEl)
         return;
       onselectstartStore = document.onselectstart;
       document.onselectstart = () => false;
-      on(thumbEl, "touchmove", onMouseMove);
-      on(thumbEl, "touchend", onMouseUp);
+      thumbEl.addEventListener("touchmove", onMouseMove);
+      thumbEl.addEventListener("touchend", onMouseUp);
     };
     const detachEvents = () => {
-      off(window, "mousemove", onMouseMove);
-      off(window, "mouseup", onMouseUp);
+      window.removeEventListener("mousemove", onMouseMove);
+      window.removeEventListener("mouseup", onMouseUp);
       document.onselectstart = onselectstartStore;
       onselectstartStore = null;
       const thumbEl = unref(thumbRef);
       if (!thumbEl)
         return;
-      off(thumbEl, "touchmove", onMouseMove);
-      off(thumbEl, "touchend", onMouseUp);
+      thumbEl.removeEventListener("touchmove", onMouseMove);
+      thumbEl.removeEventListener("touchend", onMouseUp);
     };
     const onThumbMouseDown = (e) => {
       e.stopImmediatePropagation();
@@ -30737,7 +30735,7 @@ const ScrollBar = defineComponent({
       const thumbClickPosition = thumbRef.value[bar.value.offset] - prevPage;
       const distance = offset - thumbClickPosition;
       frameHandle = rAF(() => {
-        state.traveled = Math.max(0, Math.min(distance, totalSteps.value));
+        state.traveled = Math.max(props.startGap, Math.min(distance, totalSteps.value));
         emit("scroll", distance, totalSteps.value);
       });
     };
@@ -30748,32 +30746,29 @@ const ScrollBar = defineComponent({
       state.traveled = Math.max(0, Math.min(distance, totalSteps.value));
       emit("scroll", distance, totalSteps.value);
     };
-    const onScrollbarTouchStart = (e) => e.preventDefault();
     watch(() => props.scrollFrom, (v) => {
       if (state.isDragging)
         return;
       state.traveled = Math.ceil(v * totalSteps.value);
     });
-    onMounted(() => {
-      if (!isClient)
-        return;
-      on(trackRef.value, "touchstart", onScrollbarTouchStart);
-      on(thumbRef.value, "touchstart", onThumbMouseDown);
-    });
     onBeforeUnmount(() => {
-      off(trackRef.value, "touchstart", onScrollbarTouchStart);
       detachEvents();
     });
     return () => {
       return h$1("div", {
         role: "presentation",
         ref: trackRef,
-        class: "el-virtual-scrollbar",
+        class: [
+          nsVirtualScrollbar.b(),
+          props.class,
+          (props.alwaysOn || state.isDragging) && "always-on"
+        ],
         style: trackStyle.value,
-        onMousedown: withModifiers(clickTrackHandler, ["stop", "prevent"])
+        onMousedown: withModifiers(clickTrackHandler, ["stop", "prevent"]),
+        onTouchstartPrevent: onThumbMouseDown
       }, h$1("div", {
         ref: thumbRef,
-        class: "el-scrollbar__thumb",
+        class: nsScrollbar.e("thumb"),
         style: thumbStyle.value,
         onMousedown: onThumbMouseDown
       }, []));
@@ -30801,6 +30796,7 @@ const createList = ({
     setup(props, { emit, expose }) {
       validateProps(props);
       const instance = getCurrentInstance();
+      const ns = useNamespace("vl");
       const dynamicSizeCache = ref(initCache(props, instance));
       const getItemStyleCache = useCache();
       const windowRef = ref();
@@ -31027,6 +31023,7 @@ const createList = ({
         }
       });
       const api = {
+        ns,
         clientSize,
         estimatedTotalSize,
         windowStyle,
@@ -31074,7 +31071,8 @@ const createList = ({
         onWheel,
         states,
         useIsScrolling,
-        windowStyle
+        windowStyle,
+        ns
       } = ctx;
       const [start, end] = itemsToRender;
       const Container = resolveDynamicComponent(containerElement);
@@ -31118,10 +31116,7 @@ const createList = ({
       }, !isString(Container) ? { default: () => [InnerNode] } : [InnerNode]);
       return h$1("div", {
         key: 0,
-        class: [
-          "el-vl__wrapper",
-          states.scrollbarAlwaysOn ? "always-on" : ""
-        ]
+        class: [ns.e("wrapper"), states.scrollbarAlwaysOn ? "always-on" : ""]
       }, [listContainer, scrollbar]);
     }
   });
@@ -31343,8 +31338,13 @@ const useGridWheel = ({ atXEndEdge, atXStartEdge, atYEndEdge, atYStartEdge }, on
   };
   const onWheel = (e) => {
     cAF(frameHandle);
-    const x = e.deltaX;
-    const y = e.deltaY;
+    let x = e.deltaX;
+    let y = e.deltaY;
+    if (Math.abs(x) > Math.abs(y)) {
+      y = 0;
+    } else {
+      x = 0;
+    }
     if (hasReachedEdge(xOffset, yOffset) && hasReachedEdge(xOffset + x, yOffset + y))
       return;
     xOffset += x;
@@ -31378,6 +31378,7 @@ const createGrid = ({
   getRowStartIndexForOffset,
   getRowStopIndexForStartIndex,
   initCache,
+  injectToInstance,
   validateProps
 }) => {
   return defineComponent({
@@ -31385,9 +31386,11 @@ const createGrid = ({
     props: virtualizedGridProps,
     emits: [ITEM_RENDER_EVT, SCROLL_EVT],
     setup(props, { emit, expose, slots }) {
+      const ns = useNamespace("vl");
       validateProps(props);
       const instance = getCurrentInstance();
       const cache = ref(initCache(props, instance));
+      injectToInstance == null ? void 0 : injectToInstance(instance, cache);
       const windowRef = ref();
       const hScrollbar = ref();
       const vScrollbar = ref();
@@ -31493,7 +31496,13 @@ const createGrid = ({
           xAxisScrollDir,
           yAxisScrollDir
         } = unref(states);
-        emit(SCROLL_EVT, xAxisScrollDir, scrollLeft, yAxisScrollDir, scrollTop, updateRequested);
+        emit(SCROLL_EVT, {
+          xAxisScrollDir,
+          scrollLeft,
+          yAxisScrollDir,
+          scrollTop,
+          updateRequested
+        });
       };
       const onScroll = (e) => {
         const {
@@ -31524,11 +31533,12 @@ const createGrid = ({
           isScrolling: true,
           scrollLeft: _scrollLeft,
           scrollTop: Math.max(0, Math.min(scrollTop, scrollHeight - clientHeight)),
-          updateRequested: false,
+          updateRequested: true,
           xAxisScrollDir: getScrollDir(_states.scrollLeft, _scrollLeft),
           yAxisScrollDir: getScrollDir(_states.scrollTop, scrollTop)
         };
-        nextTick(resetIsScrolling);
+        nextTick(() => resetIsScrolling());
+        onUpdated();
         emitEvents();
       };
       const onVerticalScroll = (distance, totalSteps) => {
@@ -31579,7 +31589,9 @@ const createGrid = ({
           scrollTop,
           updateRequested: true
         };
-        nextTick(resetIsScrolling);
+        nextTick(() => resetIsScrolling());
+        onUpdated();
+        emitEvents();
       };
       const scrollToItem = (rowIndex = 0, columnIdx = 0, alignment = AUTO_ALIGNMENT) => {
         const _states = unref(states);
@@ -31638,7 +31650,7 @@ const createGrid = ({
         }
         emitEvents();
       });
-      onUpdated(() => {
+      const onUpdated = () => {
         const { direction } = props;
         const { scrollLeft, scrollTop, updateRequested } = unref(states);
         const windowElement = unref(windowRef);
@@ -31664,7 +31676,7 @@ const createGrid = ({
           }
           windowElement.scrollTop = Math.max(0, scrollTop);
         }
-      });
+      };
       expose({
         windowRef,
         innerRef,
@@ -31674,7 +31686,13 @@ const createGrid = ({
         states
       });
       const renderScrollbars = () => {
-        const { totalColumn, totalRow } = props;
+        const {
+          scrollbarAlwaysOn,
+          scrollbarStartGap,
+          scrollbarEndGap,
+          totalColumn,
+          totalRow
+        } = props;
         const width = unref(parsedWidth);
         const height = unref(parsedHeight);
         const estimatedWidth = unref(estimatedTotalWidth);
@@ -31682,6 +31700,10 @@ const createGrid = ({
         const { scrollLeft, scrollTop } = unref(states);
         const horizontalScrollbar = h$1(Scrollbar, {
           ref: hScrollbar,
+          alwaysOn: scrollbarAlwaysOn,
+          startGap: scrollbarStartGap,
+          endGap: scrollbarEndGap,
+          class: ns.e("horizontal"),
           clientSize: width,
           layout: "horizontal",
           onScroll: onHorizontalScroll,
@@ -31692,6 +31714,10 @@ const createGrid = ({
         });
         const verticalScrollbar = h$1(Scrollbar, {
           ref: vScrollbar,
+          alwaysOn: scrollbarAlwaysOn,
+          startGap: scrollbarStartGap,
+          endGap: scrollbarEndGap,
+          class: ns.e("vertical"),
           clientSize: height,
           layout: "vertical",
           onScroll: onVerticalScroll,
@@ -31745,7 +31771,7 @@ const createGrid = ({
         const Inner = renderInner();
         return h$1("div", {
           key: 0,
-          class: "el-vg__wrapper"
+          class: ns.e("wrapper")
         }, [
           h$1(Container, {
             class: props.className,
@@ -31764,7 +31790,7 @@ const createGrid = ({
 };
 var createGrid$1 = createGrid;
 
-const FixedSizeGrid$2 = createGrid$1({
+const FixedSizeGrid = createGrid$1({
   name: "ElFixedSizeGrid",
   getColumnPosition: ({ columnWidth }, index) => [
     columnWidth,
@@ -31873,7 +31899,7 @@ const FixedSizeGrid$2 = createGrid$1({
   validateProps: ({ columnWidth, rowHeight }) => {
   }
 });
-var FixedSizeGrid$3 = FixedSizeGrid$2;
+var FixedSizeGrid$1 = FixedSizeGrid;
 
 const { max, min, floor } = Math;
 const ACCESS_SIZER_KEY_MAP = {
@@ -32012,7 +32038,7 @@ const getOffset$1 = (props, index, alignment, scrollOffset, cache, type, scrollB
     }
   }
 };
-const FixedSizeGrid = createGrid$1({
+const DynamicSizeGrid = createGrid$1({
   name: "ElDynamicSizeGrid",
   getColumnPosition: (props, idx, cache) => {
     const item = getItemFromCache(props, idx, cache, "column");
@@ -32051,6 +32077,34 @@ const FixedSizeGrid = createGrid$1({
     }
     return stopIndex;
   },
+  injectToInstance: (instance, cache) => {
+    const resetAfter = ({ columnIndex, rowIndex }, forceUpdate) => {
+      forceUpdate = isUndefined(forceUpdate) ? true : forceUpdate;
+      if (isNumber(columnIndex)) {
+        cache.value.lastVisitedColumnIndex = Math.min(cache.value.lastVisitedColumnIndex, columnIndex - 1);
+      }
+      if (isNumber(rowIndex)) {
+        cache.value.lastVisitedRowIndex = Math.min(cache.value.lastVisitedRowIndex, rowIndex - 1);
+      }
+      if (forceUpdate)
+        instance.update();
+    };
+    const resetAfterColumnIndex = (columnIndex, forceUpdate) => {
+      resetAfter({
+        columnIndex
+      }, forceUpdate);
+    };
+    const resetAfterRowIndex = (rowIndex, forceUpdate) => {
+      resetAfter({
+        rowIndex
+      }, forceUpdate);
+    };
+    Object.assign(instance.proxy, {
+      resetAfterColumnIndex,
+      resetAfterRowIndex,
+      resetAfter
+    });
+  },
   initCache: ({
     estimatedColumnWidth = DEFAULT_DYNAMIC_LIST_ITEM_SIZE,
     estimatedRowHeight = DEFAULT_DYNAMIC_LIST_ITEM_SIZE
@@ -32069,7 +32123,7 @@ const FixedSizeGrid = createGrid$1({
   validateProps: ({ columnWidth, rowHeight }) => {
   }
 });
-var FixedSizeGrid$1 = FixedSizeGrid;
+var DynamicSizeGrid$1 = DynamicSizeGrid;
 
 const _sfc_main$C = defineComponent({
   props: {
@@ -33219,8 +33273,8 @@ const _sfc_main$z = defineComponent({
 const _hoisted_1$f = { key: 0 };
 const _hoisted_2$b = ["id", "autocomplete", "aria-expanded", "aria-labelledby", "disabled", "readonly", "name", "unselectable"];
 const _hoisted_3$5 = ["textContent"];
-const _hoisted_4$4 = ["id", "aria-labelledby", "aria-expanded", "autocomplete", "disabled", "name", "readonly", "unselectable"];
-const _hoisted_5$3 = ["textContent"];
+const _hoisted_4$3 = ["id", "aria-labelledby", "aria-expanded", "autocomplete", "disabled", "name", "readonly", "unselectable"];
+const _hoisted_5$2 = ["textContent"];
 function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tag = resolveComponent("el-tag");
   const _component_el_tooltip = resolveComponent("el-tooltip");
@@ -33479,7 +33533,7 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
                     _cache[20] || (_cache[20] = withKeys(withModifiers((...args) => _ctx.handleEsc && _ctx.handleEsc(...args), ["stop", "prevent"]), ["esc"]))
                   ],
                   "onUpdate:modelValue": _cache[21] || (_cache[21] = (...args) => _ctx.onUpdateInputValue && _ctx.onUpdateInputValue(...args))
-                }, null, 42, _hoisted_4$4), [
+                }, null, 42, _hoisted_4$3), [
                   [_directive_model_text, _ctx.states.displayInputValue]
                 ])
               ], 2),
@@ -33492,7 +33546,7 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
                   _ctx.nsSelectV2.e("input-calculator")
                 ]),
                 textContent: toDisplayString(_ctx.states.displayInputValue)
-              }, null, 10, _hoisted_5$3)) : createCommentVNode("v-if", true)
+              }, null, 10, _hoisted_5$2)) : createCommentVNode("v-if", true)
             ], 64)),
             _ctx.shouldShowPlaceholder ? (openBlock(), createElementBlock("span", {
               key: 3,
@@ -35204,9 +35258,9 @@ const _sfc_main$q = defineComponent({
 const _hoisted_1$d = ["aria-checked", "aria-disabled"];
 const _hoisted_2$9 = ["id", "name", "true-value", "false-value", "disabled"];
 const _hoisted_3$4 = ["aria-hidden"];
-const _hoisted_4$3 = ["aria-hidden"];
-const _hoisted_5$2 = ["aria-hidden"];
-const _hoisted_6$1 = ["aria-hidden"];
+const _hoisted_4$2 = ["aria-hidden"];
+const _hoisted_5$1 = ["aria-hidden"];
+const _hoisted_6 = ["aria-hidden"];
 function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
   const _component_loading = resolveComponent("loading");
@@ -35281,12 +35335,12 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
             key: 0,
             class: normalizeClass([_ctx.ns.is("text"), _ctx.checked ? _ctx.ns.is("show") : _ctx.ns.is("hide")]),
             "aria-hidden": !_ctx.checked
-          }, toDisplayString(_ctx.activeText.substring(0, 3)), 11, _hoisted_4$3)) : createCommentVNode("v-if", true),
+          }, toDisplayString(_ctx.activeText.substring(0, 3)), 11, _hoisted_4$2)) : createCommentVNode("v-if", true),
           _ctx.inactiveText ? (openBlock(), createElementBlock("span", {
             key: 1,
             class: normalizeClass([_ctx.ns.is("text"), !_ctx.checked ? _ctx.ns.is("show") : _ctx.ns.is("hide")]),
             "aria-hidden": _ctx.checked
-          }, toDisplayString(_ctx.inactiveText.substring(0, 3)), 11, _hoisted_5$2)) : createCommentVNode("v-if", true)
+          }, toDisplayString(_ctx.inactiveText.substring(0, 3)), 11, _hoisted_5$1)) : createCommentVNode("v-if", true)
         ], 64)) : createCommentVNode("v-if", true)
       ], 2)) : createCommentVNode("v-if", true),
       createElementVNode("div", {
@@ -35320,7 +35374,7 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
       !_ctx.activeIcon && _ctx.activeText ? (openBlock(), createElementBlock("span", {
         key: 1,
         "aria-hidden": !_ctx.checked
-      }, toDisplayString(_ctx.activeText), 9, _hoisted_6$1)) : createCommentVNode("v-if", true)
+      }, toDisplayString(_ctx.activeText), 9, _hoisted_6)) : createCommentVNode("v-if", true)
     ], 2)) : createCommentVNode("v-if", true)
   ], 10, _hoisted_1$d);
 }
@@ -40494,6 +40548,7 @@ const _sfc_main$l = defineComponent({
   },
   emits: ["change", "blur", "focus", "update:modelValue"],
   setup(props) {
+    const nsInput = useNamespace("input");
     const select = ref(null);
     const value = computed(() => props.modelValue);
     const start = computed(() => {
@@ -40541,6 +40596,7 @@ const _sfc_main$l = defineComponent({
       (_b = (_a = select.value) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a);
     };
     return {
+      nsInput,
       select,
       value,
       items,
@@ -40572,13 +40628,13 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     prefix: withCtx(() => [
       _ctx.prefixIcon ? (openBlock(), createBlock(_component_el_icon, {
         key: 0,
-        class: "el-input__prefix-icon"
+        class: normalizeClass(_ctx.nsInput.e("prefix-icon"))
       }, {
         default: withCtx(() => [
           (openBlock(), createBlock(resolveDynamicComponent(_ctx.prefixIcon)))
         ]),
         _: 1
-      })) : createCommentVNode("v-if", true)
+      }, 8, ["class"])) : createCommentVNode("v-if", true)
     ]),
     default: withCtx(() => [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item) => {
@@ -43503,7 +43559,17 @@ const useTree$1 = (props, { attrs, slots, emit }, {
     ...pick$1(toRefs(props), Object.keys(_Tree.props)),
     ...attrs,
     nodeKey: key,
-    defaultExpandedKeys: computed(() => props.defaultExpandedKeys ? props.defaultExpandedKeys.concat(props.modelValue) : toValidArray(props.modelValue)),
+    expandOnClickNode: computed(() => {
+      return !props.checkStrictly;
+    }),
+    defaultExpandedKeys: computed(() => {
+      const values = toValidArray(props.modelValue);
+      const parentKeys = tree.value ? values.map((item) => {
+        var _a, _b, _c;
+        return (_c = (_b = (_a = tree.value) == null ? void 0 : _a.getNode(item)) == null ? void 0 : _b.parent) == null ? void 0 : _c.key;
+      }).filter((item) => isValidValue(item)) : values;
+      return props.defaultExpandedKeys ? props.defaultExpandedKeys.concat(parentKeys) : parentKeys;
+    }),
     renderContent: (h, { node, data, store }) => {
       return h(TreeSelectOption, {
         value: getNodeValByProp("value", data),
@@ -43528,7 +43594,7 @@ const useTree$1 = (props, { attrs, slots, emit }, {
           (_c = select.value) == null ? void 0 : _c.handleOptionSelect(option, true);
         }
       } else {
-        e.ctx.handleExpandIconClick();
+        e.proxy.handleExpandIconClick();
       }
     },
     onCheck: (data, params) => {
@@ -43540,12 +43606,16 @@ const useTree$1 = (props, { attrs, slots, emit }, {
     }
   };
 };
+function isValidValue(val) {
+  return val || val === 0;
+}
 function toValidArray(val) {
-  return Array.isArray(val) ? val : val || val === 0 ? [val] : [];
+  return Array.isArray(val) ? val : isValidValue(val) ? [val] : [];
 }
 
 const _sfc_main$9 = defineComponent({
   name: "ElTreeSelect",
+  inheritAttrs: false,
   props: {
     ...ElSelect.props,
     ..._Tree.props
@@ -44690,8 +44760,8 @@ const uploadListEmits = {
 const _hoisted_1$5 = ["onKeydown"];
 const _hoisted_2$4 = ["src"];
 const _hoisted_3$2 = ["onClick"];
-const _hoisted_4$2 = ["onClick"];
-const _hoisted_5$1 = ["onClick"];
+const _hoisted_4$1 = ["onClick"];
+const _hoisted_5 = ["onClick"];
 const __default__$3 = {
   name: "ElUploadList"
 };
@@ -44827,7 +44897,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                       ]),
                       _: 1
                     }, 8, ["class"])
-                  ], 10, _hoisted_4$2),
+                  ], 10, _hoisted_4$1),
                   !_ctx.disabled ? (openBlock(), createElementBlock("span", {
                     key: 0,
                     class: normalizeClass(unref(nsUpload).be("list", "item-delete")),
@@ -44841,7 +44911,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                       ]),
                       _: 1
                     }, 8, ["class"])
-                  ], 10, _hoisted_5$1)) : createCommentVNode("v-if", true)
+                  ], 10, _hoisted_5)) : createCommentVNode("v-if", true)
                 ], 2)) : createCommentVNode("v-if", true)
               ])
             ], 42, _hoisted_1$5);
@@ -45623,6 +45693,7 @@ function createLoadingComponent(options) {
       removeClass(target, "el-loading-parent--hidden");
     }
     remvoeElLoadingChild();
+    loadingInstance.unmount();
   }
   function remvoeElLoadingChild() {
     var _a, _b;
@@ -45694,7 +45765,8 @@ function createLoadingComponent(options) {
       };
     }
   };
-  const vm = createApp(elLoadingComponent).mount(document.createElement("div"));
+  const loadingInstance = createApp(elLoadingComponent);
+  const vm = loadingInstance.mount(document.createElement("div"));
   return {
     ...toRefs(data),
     setText,
@@ -45714,8 +45786,7 @@ const Loading = function(options = {}) {
     return void 0;
   const resolved = resolveOptions(options);
   if (resolved.fullscreen && fullscreenInstance) {
-    fullscreenInstance.remvoeElLoadingChild();
-    fullscreenInstance.close();
+    return fullscreenInstance;
   }
   const instance = createLoadingComponent({
     ...resolved,
@@ -46253,6 +46324,7 @@ const _sfc_main$1 = defineComponent({
   emits: ["vanish", "action"],
   setup(props, { emit }) {
     const { t } = useLocale();
+    const ns = useNamespace("message-box");
     const visible = ref(false);
     const { nextZIndex } = useZIndex();
     const state = reactive({
@@ -46291,7 +46363,7 @@ const _sfc_main$1 = defineComponent({
     });
     const typeClass = computed(() => {
       const type = state.type;
-      return type && TypeComponentsMap[type] ? `el-message-box-icon--${type}` : "";
+      return { [ns.bm("icon", type)]: type && TypeComponentsMap[type] };
     });
     const btnSize = useSize(computed(() => props.buttonSize), { prop: true, form: true, formItem: true });
     const iconComponent = computed(() => state.icon || TypeComponentsMap[state.type] || "");
@@ -46423,6 +46495,7 @@ const _sfc_main$1 = defineComponent({
     useRestoreActive(visible);
     return {
       ...toRefs(state),
+      ns,
       overlayEvent,
       visible,
       hasMessage,
@@ -46444,22 +46517,8 @@ const _sfc_main$1 = defineComponent({
   }
 });
 const _hoisted_1$1 = ["aria-label"];
-const _hoisted_2$1 = {
-  key: 0,
-  ref: "headerRef",
-  class: "el-message-box__header"
-};
-const _hoisted_3$1 = { class: "el-message-box__title" };
-const _hoisted_4$1 = { class: "el-message-box__content" };
-const _hoisted_5 = { class: "el-message-box__container" };
-const _hoisted_6 = {
-  key: 1,
-  class: "el-message-box__message"
-};
-const _hoisted_7 = { key: 0 };
-const _hoisted_8 = ["innerHTML"];
-const _hoisted_9 = { class: "el-message-box__input" };
-const _hoisted_10 = { class: "el-message-box__btns" };
+const _hoisted_2$1 = { key: 0 };
+const _hoisted_3$1 = ["innerHTML"];
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
   const _component_close = resolveComponent("close");
@@ -46474,12 +46533,12 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(() => [
       withDirectives(createVNode(_component_el_overlay, {
         "z-index": _ctx.zIndex,
-        "overlay-class": ["is-message-box", _ctx.modalClass],
+        "overlay-class": [_ctx.ns.is("message-box"), _ctx.modalClass],
         mask: _ctx.modal
       }, {
         default: withCtx(() => [
           createElementVNode("div", {
-            class: "el-overlay-message-box",
+            class: normalizeClass(`${_ctx.ns.namespace.value}-overlay-message-box`),
             onClick: _cache[8] || (_cache[8] = (...args) => _ctx.overlayEvent.onClick && _ctx.overlayEvent.onClick(...args)),
             onMousedown: _cache[9] || (_cache[9] = (...args) => _ctx.overlayEvent.onMousedown && _ctx.overlayEvent.onMousedown(...args)),
             onMouseup: _cache[10] || (_cache[10] = (...args) => _ctx.overlayEvent.onMouseup && _ctx.overlayEvent.onMouseup(...args))
@@ -46490,19 +46549,26 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
               "aria-label": _ctx.title || "dialog",
               "aria-modal": "true",
               class: normalizeClass([
-                "el-message-box",
+                _ctx.ns.b(),
                 _ctx.customClass,
-                { "el-message-box--center": _ctx.center, "is-draggable": _ctx.draggable }
+                _ctx.ns.is("draggable", _ctx.draggable),
+                { [_ctx.ns.m("center")]: _ctx.center }
               ]),
               style: normalizeStyle(_ctx.customStyle),
               onClick: _cache[7] || (_cache[7] = withModifiers(() => {
               }, ["stop"]))
             }, [
-              _ctx.title !== null && _ctx.title !== void 0 ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
-                createElementVNode("div", _hoisted_3$1, [
+              _ctx.title !== null && _ctx.title !== void 0 ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                ref: "headerRef",
+                class: normalizeClass(_ctx.ns.e("header"))
+              }, [
+                createElementVNode("div", {
+                  class: normalizeClass(_ctx.ns.e("title"))
+                }, [
                   _ctx.iconComponent && _ctx.center ? (openBlock(), createBlock(_component_el_icon, {
                     key: 0,
-                    class: normalizeClass(["el-message-box__status", _ctx.typeClass])
+                    class: normalizeClass([_ctx.ns.e("status"), _ctx.typeClass])
                   }, {
                     default: withCtx(() => [
                       (openBlock(), createBlock(resolveDynamicComponent(_ctx.iconComponent)))
@@ -46510,44 +46576,55 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
                     _: 1
                   }, 8, ["class"])) : createCommentVNode("v-if", true),
                   createElementVNode("span", null, toDisplayString(_ctx.title), 1)
-                ]),
+                ], 2),
                 _ctx.showClose ? (openBlock(), createElementBlock("button", {
                   key: 0,
                   type: "button",
-                  class: "el-message-box__headerbtn",
+                  class: normalizeClass(_ctx.ns.e("headerbtn")),
                   "aria-label": "Close",
                   onClick: _cache[0] || (_cache[0] = ($event) => _ctx.handleAction(_ctx.distinguishCancelAndClose ? "close" : "cancel")),
                   onKeydown: _cache[1] || (_cache[1] = withKeys(withModifiers(($event) => _ctx.handleAction(_ctx.distinguishCancelAndClose ? "close" : "cancel"), ["prevent"]), ["enter"]))
                 }, [
-                  createVNode(_component_el_icon, { class: "el-message-box__close" }, {
+                  createVNode(_component_el_icon, {
+                    class: normalizeClass(_ctx.ns.e("close"))
+                  }, {
                     default: withCtx(() => [
                       createVNode(_component_close)
                     ]),
                     _: 1
-                  })
-                ], 32)) : createCommentVNode("v-if", true)
-              ], 512)) : createCommentVNode("v-if", true),
-              createElementVNode("div", _hoisted_4$1, [
-                createElementVNode("div", _hoisted_5, [
+                  }, 8, ["class"])
+                ], 34)) : createCommentVNode("v-if", true)
+              ], 2)) : createCommentVNode("v-if", true),
+              createElementVNode("div", {
+                class: normalizeClass(_ctx.ns.e("content"))
+              }, [
+                createElementVNode("div", {
+                  class: normalizeClass(_ctx.ns.e("container"))
+                }, [
                   _ctx.iconComponent && !_ctx.center && _ctx.hasMessage ? (openBlock(), createBlock(_component_el_icon, {
                     key: 0,
-                    class: normalizeClass(["el-message-box__status", _ctx.typeClass])
+                    class: normalizeClass([_ctx.ns.e("status"), _ctx.typeClass])
                   }, {
                     default: withCtx(() => [
                       (openBlock(), createBlock(resolveDynamicComponent(_ctx.iconComponent)))
                     ]),
                     _: 1
                   }, 8, ["class"])) : createCommentVNode("v-if", true),
-                  _ctx.hasMessage ? (openBlock(), createElementBlock("div", _hoisted_6, [
+                  _ctx.hasMessage ? (openBlock(), createElementBlock("div", {
+                    key: 1,
+                    class: normalizeClass(_ctx.ns.e("message"))
+                  }, [
                     renderSlot(_ctx.$slots, "default", {}, () => [
-                      !_ctx.dangerouslyUseHTMLString ? (openBlock(), createElementBlock("p", _hoisted_7, toDisplayString(_ctx.message), 1)) : (openBlock(), createElementBlock("p", {
+                      !_ctx.dangerouslyUseHTMLString ? (openBlock(), createElementBlock("p", _hoisted_2$1, toDisplayString(_ctx.message), 1)) : (openBlock(), createElementBlock("p", {
                         key: 1,
                         innerHTML: _ctx.message
-                      }, null, 8, _hoisted_8))
+                      }, null, 8, _hoisted_3$1))
                     ])
-                  ])) : createCommentVNode("v-if", true)
-                ]),
-                withDirectives(createElementVNode("div", _hoisted_9, [
+                  ], 2)) : createCommentVNode("v-if", true)
+                ], 2),
+                withDirectives(createElementVNode("div", {
+                  class: normalizeClass(_ctx.ns.e("input"))
+                }, [
                   createVNode(_component_el_input, {
                     ref: "inputRef",
                     modelValue: _ctx.inputValue,
@@ -46558,16 +46635,18 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
                     onKeydown: withKeys(_ctx.handleInputEnter, ["enter"])
                   }, null, 8, ["modelValue", "type", "placeholder", "class", "onKeydown"]),
                   createElementVNode("div", {
-                    class: "el-message-box__errormsg",
+                    class: normalizeClass(_ctx.ns.e("errormsg")),
                     style: normalizeStyle({
                       visibility: !!_ctx.editorErrorMessage ? "visible" : "hidden"
                     })
-                  }, toDisplayString(_ctx.editorErrorMessage), 5)
-                ], 512), [
+                  }, toDisplayString(_ctx.editorErrorMessage), 7)
+                ], 2), [
                   [vShow, _ctx.showInput]
                 ])
-              ]),
-              createElementVNode("div", _hoisted_10, [
+              ], 2),
+              createElementVNode("div", {
+                class: normalizeClass(_ctx.ns.e("btns"))
+              }, [
                 _ctx.showCancelButton ? (openBlock(), createBlock(_component_el_button, {
                   key: 0,
                   loading: _ctx.cancelButtonLoading,
@@ -46600,11 +46679,11 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
                 }, 8, ["loading", "class", "round", "disabled", "size"]), [
                   [vShow, _ctx.showConfirmButton]
                 ])
-              ])
+              ], 2)
             ], 14, _hoisted_1$1)), [
               [_directive_trap_focus]
             ])
-          ], 32)
+          ], 34)
         ]),
         _: 3
       }, 8, ["z-index", "overlay-class", "mask"]), [
@@ -47079,4 +47158,4 @@ var installer = makeInstaller([...Components, ...Plugins]);
 const install = installer.install;
 const version = installer.version;
 
-export { BAR_MAP, CASCADER_PANEL_INJECTION_KEY, CHANGE_EVENT, ClickOutside, CommonPicker, CommonProps, DEFAULT_FORMATS_DATE, DEFAULT_FORMATS_DATEPICKER, DEFAULT_FORMATS_TIME, COLLECTION_INJECTION_KEY as DROPDOWN_COLLECTION_INJECTION_KEY, COLLECTION_ITEM_INJECTION_KEY as DROPDOWN_COLLECTION_ITEM_INJECTION_KEY, DROPDOWN_INJECTION_KEY, DefaultProps, FixedSizeGrid$1 as DynamicSizeGrid, DynamicSizeList$1 as DynamicSizeList, EVENT_CODE, Effect, ElAffix, ElAlert, ElAside, ElAutocomplete, ElAvatar, ElBacktop, ElBadge, ElBreadcrumb, ElBreadcrumbItem, ElButton, ElButtonGroup$1 as ElButtonGroup, ElCalendar, ElCard, ElCarousel, ElCarouselItem, ElCascader, ElCascaderPanel, ElCheckTag, ElCheckbox, ElCheckboxButton, ElCheckboxGroup$1 as ElCheckboxGroup, ElCol, ElCollapse, ElCollapseItem, ElCollapseTransition, ElCollection, ElCollectionItem, ElColorPicker, ElConfigProvider, ElContainer, ElDatePicker, ElDescriptions, ElDescriptionsItem, ElDialog, ElDivider, ElDrawer, ElDropdown, ElDropdownItem, ElDropdownMenu, ElEmpty, ElFooter, ElForm, ElFormItem, ElHeader, ElIcon, ElImage, ElImageViewer, ElInfiniteScroll, ElInput, ElInputNumber, ElLink, ElLoading, vLoading as ElLoadingDirective, Loading as ElLoadingService, ElMain, ElMenu, ElMenuItem, ElMenuItemGroup, ElMessage, ElMessageBox, ElNotification, ElOption$1 as ElOption, ElOptionGroup, ElOverlay, ElPageHeader, ElPagination, ElPopconfirm, ElPopover, ElPopoverDirective, ElPopper, ElPopperArrow, ElPopperContent, ElPopperTrigger, ElProgress, ElRadio, ElRadioButton, ElRadioGroup, ElRate, ElResult, ElRow, ElScrollbar, ElSelect, ElSelectV2, ElSkeleton, ElSkeletonItem, ElSlider, ElSpace, ElStep, ElSteps, ElSubMenu, ElSwitch, ElTabPane, ElTable, ElTableColumn, ElTabs, ElTag, ElTimePicker, ElTimeSelect, ElTimeline, ElTimelineItem, ElTooltip, ElTransfer, ElTree, ElTreeSelect, ElTreeV2, ElUpload, ExpandTrigger$1 as ExpandTrigger, FIRST_KEYS, FIRST_LAST_KEYS, FORWARD_REF_INJECTION_KEY, FixedSizeGrid$3 as FixedSizeGrid, FixedSizeList$1 as FixedSizeList, ID_INJECTION_KEY, INPUT_EVENT, IconComponentMap, IconMap, LAST_KEYS, Mousewheel, POPPER_CONTAINER_ID, POPPER_CONTAINER_SELECTOR, POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY, RepeatClick, Resize, TOOLTIP_INJECTION_KEY, TOOLTIP_V2_OPEN, TimePickPanel, TrapFocus, UPDATE_MODEL_EVENT, WEEK_DAYS, affixEmits, affixProps, alertEffects, alertEmits, alertProps, arrowMiddleware, autocompleteEmits, autocompleteProps, avatarEmits, avatarProps, backtopEmits, backtopProps, badgeProps, breadcrumbItemProps, breadcrumbKey, breadcrumbProps, buildLocaleContext, buildTranslator, buttonEmits, buttonGroupContextKey, buttonNativeTypes, buttonProps, buttonTypes, calendarEmits, calendarProps, cardProps, carouselContextKey, carouselEmits, carouselItemProps, carouselProps, checkTagEmits, checkTagProps, colProps, collapseContextKey, collapseEmits, collapseItemProps, collapseProps, componentSizeMap, componentSizes, configProviderContextKey, configProviderProps, createModelToggleComposable, datePickTypes, dayjs, installer as default, dialogEmits, dialogInjectionKey, dialogProps, dividerProps, drawerEmits, drawerProps, dropdownItemProps, dropdownMenuProps, dropdownProps, elPaginationKey, emitChangeFn, emptyProps, extractDateFormat, extractTimeFormat, formContextKey, formEmits, formItemContextKey, formItemProps, formItemValidateStates, formProps, genFileId, getComponentSize, getPositionDataWithUnit, iconProps, imageEmits, imageProps, imageViewerEmits, imageViewerProps, inputEmits, inputNumberEmits, inputNumberProps, inputProps, install, linkEmits, linkProps, makeInstaller, menuEmits, menuItemEmits, menuItemGroupProps, menuItemProps, menuProps, messageConfig, messageEmits, messageProps, messageTypes, notificationEmits, notificationProps, notificationTypes, overlayEmits, overlayProps, pageHeaderEmits, pageHeaderProps, paginationEmits, paginationProps, popconfirmProps, progressProps, provideGlobalConfig, radioButtonProps, radioEmits, radioGroupEmits, radioGroupKey, radioGroupProps, radioProps, radioPropsBase, rangeArr, rateEmits, rateProps, renderThumbStyle$1 as renderThumbStyle, resultProps, rowContextKey, rowProps, scrollbarContextKey, scrollbarEmits, scrollbarProps, selectGroupKey, selectKey, selectV2InjectionKey, skeletonItemProps, skeletonProps, spaceProps, subMenuProps, switchEmits, switchProps, tabBarProps, tabNavProps, tabPaneProps, tabsEmits, tabsProps, tabsRootContextKey, tagEmits, tagProps, thumbProps, timePickerDefaultProps, timelineItemProps, tooltipV2ContentKey, tooltipV2RootKey, translate, uploadBaseProps, uploadContentProps, uploadContextKey, uploadDraggerEmits, uploadDraggerProps, uploadListEmits, uploadListProps, uploadListTypes, uploadProps, useAttrs, useCascaderConfig, useDelayedRender, useDelayedToggle, useDelayedToggleProps, useDeprecateAppendToBody, useDeprecated, useDialog, useDisabled$1 as useDisabled, useDraggable, useEscapeKeydown, useFloating, useFloatingProps, useFocus, useFormItem, useForwardRef, useForwardRefDirective, useGlobalConfig, useId, useLocale, useLockscreen, useModal, useModelToggle$1 as useModelToggle, useModelToggleEmits$1 as useModelToggleEmits, useModelToggleProps$1 as useModelToggleProps, useNamespace, usePopperArrowProps, usePopperContainer, usePopperContentProps, usePopperCoreConfigProps, usePopperProps, usePopperTriggerProps, usePreventGlobal, useProp, useRadio, useRestoreActive, useSameTarget, useSize, useSizeProp, useSpace, useTeleport, useThrottleRender, useTimeout, useTooltipContentProps, useTooltipProps, useTooltipTriggerProps, useTransitionFallthrough, useTransitionFallthroughEmits, useZIndex, vLoading, version, virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps };
+export { BAR_MAP, CASCADER_PANEL_INJECTION_KEY, CHANGE_EVENT, ClickOutside, CommonPicker, CommonProps, DEFAULT_FORMATS_DATE, DEFAULT_FORMATS_DATEPICKER, DEFAULT_FORMATS_TIME, COLLECTION_INJECTION_KEY as DROPDOWN_COLLECTION_INJECTION_KEY, COLLECTION_ITEM_INJECTION_KEY as DROPDOWN_COLLECTION_ITEM_INJECTION_KEY, DROPDOWN_INJECTION_KEY, DefaultProps, DynamicSizeGrid$1 as DynamicSizeGrid, DynamicSizeList$1 as DynamicSizeList, EVENT_CODE, Effect, ElAffix, ElAlert, ElAside, ElAutocomplete, ElAvatar, ElBacktop, ElBadge, ElBreadcrumb, ElBreadcrumbItem, ElButton, ElButtonGroup$1 as ElButtonGroup, ElCalendar, ElCard, ElCarousel, ElCarouselItem, ElCascader, ElCascaderPanel, ElCheckTag, ElCheckbox, ElCheckboxButton, ElCheckboxGroup$1 as ElCheckboxGroup, ElCol, ElCollapse, ElCollapseItem, ElCollapseTransition, ElCollection, ElCollectionItem, ElColorPicker, ElConfigProvider, ElContainer, ElDatePicker, ElDescriptions, ElDescriptionsItem, ElDialog, ElDivider, ElDrawer, ElDropdown, ElDropdownItem, ElDropdownMenu, ElEmpty, ElFooter, ElForm, ElFormItem, ElHeader, ElIcon, ElImage, ElImageViewer, ElInfiniteScroll, ElInput, ElInputNumber, ElLink, ElLoading, vLoading as ElLoadingDirective, Loading as ElLoadingService, ElMain, ElMenu, ElMenuItem, ElMenuItemGroup, ElMessage, ElMessageBox, ElNotification, ElOption$1 as ElOption, ElOptionGroup, ElOverlay, ElPageHeader, ElPagination, ElPopconfirm, ElPopover, ElPopoverDirective, ElPopper, ElPopperArrow, ElPopperContent, ElPopperTrigger, ElProgress, ElRadio, ElRadioButton, ElRadioGroup, ElRate, ElResult, ElRow, ElScrollbar, ElSelect, ElSelectV2, ElSkeleton, ElSkeletonItem, ElSlider, ElSpace, ElStep, ElSteps, ElSubMenu, ElSwitch, ElTabPane, ElTable, ElTableColumn, ElTabs, ElTag, ElTimePicker, ElTimeSelect, ElTimeline, ElTimelineItem, ElTooltip, ElTransfer, ElTree, ElTreeSelect, ElTreeV2, ElUpload, ExpandTrigger$1 as ExpandTrigger, FIRST_KEYS, FIRST_LAST_KEYS, FORWARD_REF_INJECTION_KEY, FixedSizeGrid$1 as FixedSizeGrid, FixedSizeList$1 as FixedSizeList, ID_INJECTION_KEY, INPUT_EVENT, IconComponentMap, IconMap, LAST_KEYS, Mousewheel, POPPER_CONTAINER_ID, POPPER_CONTAINER_SELECTOR, POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY, RepeatClick, Resize, TOOLTIP_INJECTION_KEY, TOOLTIP_V2_OPEN, TimePickPanel, TrapFocus, UPDATE_MODEL_EVENT, WEEK_DAYS, affixEmits, affixProps, alertEffects, alertEmits, alertProps, arrowMiddleware, autocompleteEmits, autocompleteProps, avatarEmits, avatarProps, backtopEmits, backtopProps, badgeProps, breadcrumbItemProps, breadcrumbKey, breadcrumbProps, buildLocaleContext, buildTranslator, buttonEmits, buttonGroupContextKey, buttonNativeTypes, buttonProps, buttonTypes, calendarEmits, calendarProps, cardProps, carouselContextKey, carouselEmits, carouselItemProps, carouselProps, checkTagEmits, checkTagProps, colProps, collapseContextKey, collapseEmits, collapseItemProps, collapseProps, componentSizeMap, componentSizes, configProviderContextKey, configProviderProps, createModelToggleComposable, datePickTypes, dayjs, installer as default, dialogEmits, dialogInjectionKey, dialogProps, dividerProps, drawerEmits, drawerProps, dropdownItemProps, dropdownMenuProps, dropdownProps, elPaginationKey, emitChangeFn, emptyProps, extractDateFormat, extractTimeFormat, formContextKey, formEmits, formItemContextKey, formItemProps, formItemValidateStates, formProps, genFileId, getComponentSize, getPositionDataWithUnit, iconProps, imageEmits, imageProps, imageViewerEmits, imageViewerProps, inputEmits, inputNumberEmits, inputNumberProps, inputProps, install, linkEmits, linkProps, makeInstaller, menuEmits, menuItemEmits, menuItemGroupProps, menuItemProps, menuProps, messageConfig, messageEmits, messageProps, messageTypes, notificationEmits, notificationProps, notificationTypes, overlayEmits, overlayProps, pageHeaderEmits, pageHeaderProps, paginationEmits, paginationProps, popconfirmProps, progressProps, provideGlobalConfig, radioButtonProps, radioEmits, radioGroupEmits, radioGroupKey, radioGroupProps, radioProps, radioPropsBase, rangeArr, rateEmits, rateProps, renderThumbStyle$1 as renderThumbStyle, resultProps, rowContextKey, rowProps, scrollbarContextKey, scrollbarEmits, scrollbarProps, selectGroupKey, selectKey, selectV2InjectionKey, skeletonItemProps, skeletonProps, spaceProps, subMenuProps, switchEmits, switchProps, tabBarProps, tabNavProps, tabPaneProps, tabsEmits, tabsProps, tabsRootContextKey, tagEmits, tagProps, thumbProps, timePickerDefaultProps, timelineItemProps, tooltipV2ContentKey, tooltipV2RootKey, translate, uploadBaseProps, uploadContentProps, uploadContextKey, uploadDraggerEmits, uploadDraggerProps, uploadListEmits, uploadListProps, uploadListTypes, uploadProps, useAttrs, useCascaderConfig, useDelayedRender, useDelayedToggle, useDelayedToggleProps, useDeprecateAppendToBody, useDeprecated, useDialog, useDisabled$1 as useDisabled, useDraggable, useEscapeKeydown, useFloating, useFloatingProps, useFocus, useFormItem, useForwardRef, useForwardRefDirective, useGlobalConfig, useId, useLocale, useLockscreen, useModal, useModelToggle$1 as useModelToggle, useModelToggleEmits$1 as useModelToggleEmits, useModelToggleProps$1 as useModelToggleProps, useNamespace, usePopperArrowProps, usePopperContainer, usePopperContentProps, usePopperCoreConfigProps, usePopperProps, usePopperTriggerProps, usePreventGlobal, useProp, useRadio, useRestoreActive, useSameTarget, useSize, useSizeProp, useSpace, useTeleport, useThrottleRender, useTimeout, useTooltipContentProps, useTooltipProps, useTooltipTriggerProps, useTransitionFallthrough, useTransitionFallthroughEmits, useZIndex, vLoading, version, virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps };