element-plus 2.1.9 → 2.1.10

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v2.1.9 */
+/*! Element Plus v2.1.10 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -2492,7 +2492,7 @@
   const _sfc_main$2U = vue.defineComponent({
     name: "ArrowDown"
   });
-  const _hoisted_1$1D = {
+  const _hoisted_1$1B = {
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
@@ -2504,14 +2504,14 @@
     _hoisted_2$1h
   ];
   function _sfc_render$22(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1D, _hoisted_3$_);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1B, _hoisted_3$_);
   }
   var arrowDown = /* @__PURE__ */ _export_sfc$1(_sfc_main$2U, [["render", _sfc_render$22]]);
 
   const _sfc_main$2T = vue.defineComponent({
     name: "ArrowLeft"
   });
-  const _hoisted_1$1C = {
+  const _hoisted_1$1A = {
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
@@ -2523,14 +2523,14 @@
     _hoisted_2$1g
   ];
   function _sfc_render$21(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1C, _hoisted_3$Z);
+    return vue.openBlock(), vue.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 = vue.defineComponent({
     name: "ArrowRight"
   });
-  const _hoisted_1$1B = {
+  const _hoisted_1$1z = {
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
@@ -2542,14 +2542,14 @@
     _hoisted_2$1f
   ];
   function _sfc_render$20(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1B, _hoisted_3$Y);
+    return vue.openBlock(), vue.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 = vue.defineComponent({
     name: "ArrowUp"
   });
-  const _hoisted_1$1A = {
+  const _hoisted_1$1y = {
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
@@ -2561,14 +2561,14 @@
     _hoisted_2$1e
   ];
   function _sfc_render$1$(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1A, _hoisted_3$X);
+    return vue.openBlock(), vue.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 = vue.defineComponent({
     name: "Back"
   });
-  const _hoisted_1$1z = {
+  const _hoisted_1$1x = {
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
@@ -2580,19 +2580,19 @@
     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 vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1z, _hoisted_4$j);
+    return vue.openBlock(), vue.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 = vue.defineComponent({
     name: "Calendar"
   });
-  const _hoisted_1$1y = {
+  const _hoisted_1$1w = {
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
@@ -2604,14 +2604,14 @@
     _hoisted_2$1c
   ];
   function _sfc_render$1Z(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1y, _hoisted_3$V);
+    return vue.openBlock(), vue.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 = vue.defineComponent({
     name: "CaretRight"
   });
-  const _hoisted_1$1x = {
+  const _hoisted_1$1v = {
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
@@ -2623,14 +2623,14 @@
     _hoisted_2$1b
   ];
   function _sfc_render$1Y(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1x, _hoisted_3$U);
+    return vue.openBlock(), vue.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 = vue.defineComponent({
     name: "CaretTop"
   });
-  const _hoisted_1$1w = {
+  const _hoisted_1$1u = {
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
@@ -2642,14 +2642,14 @@
     _hoisted_2$1a
   ];
   function _sfc_render$1X(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1w, _hoisted_3$T);
+    return vue.openBlock(), vue.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 = vue.defineComponent({
     name: "Check"
   });
-  const _hoisted_1$1v = {
+  const _hoisted_1$1t = {
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
@@ -2661,14 +2661,14 @@
     _hoisted_2$19
   ];
   function _sfc_render$1W(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1v, _hoisted_3$S);
+    return vue.openBlock(), vue.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 = vue.defineComponent({
     name: "CircleCheckFilled"
   });
-  const _hoisted_1$1u = {
+  const _hoisted_1$1s = {
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
@@ -2680,14 +2680,14 @@
     _hoisted_2$18
   ];
   function _sfc_render$1V(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1u, _hoisted_3$R);
+    return vue.openBlock(), vue.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 = vue.defineComponent({
     name: "CircleCheck"
   });
-  const _hoisted_1$1t = {
+  const _hoisted_1$1r = {
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
@@ -2699,19 +2699,19 @@
     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 vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1t, _hoisted_4$i);
+    return vue.openBlock(), vue.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 = vue.defineComponent({
     name: "CircleCloseFilled"
   });
-  const _hoisted_1$1s = {
+  const _hoisted_1$1q = {
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
@@ -2723,14 +2723,14 @@
     _hoisted_2$16
   ];
   function _sfc_render$1T(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1s, _hoisted_3$P);
+    return vue.openBlock(), vue.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 = vue.defineComponent({
     name: "CircleClose"
   });
-  const _hoisted_1$1r = {
+  const _hoisted_1$1p = {
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
@@ -2742,19 +2742,19 @@
     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 vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1r, _hoisted_4$h);
+    return vue.openBlock(), vue.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 = vue.defineComponent({
     name: "Clock"
   });
-  const _hoisted_1$1q = {
+  const _hoisted_1$1o = {
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
@@ -2766,24 +2766,24 @@
     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__ */ vue.createElementVNode("path", {
+  const _hoisted_4$f = /* @__PURE__ */ vue.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 vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1q, _hoisted_5$a);
+    return vue.openBlock(), vue.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 = vue.defineComponent({
     name: "Close"
   });
-  const _hoisted_1$1p = {
+  const _hoisted_1$1n = {
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
@@ -2795,14 +2795,14 @@
     _hoisted_2$13
   ];
   function _sfc_render$1Q(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1p, _hoisted_3$M);
+    return vue.openBlock(), vue.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 = vue.defineComponent({
     name: "DArrowLeft"
   });
-  const _hoisted_1$1o = {
+  const _hoisted_1$1m = {
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
@@ -2814,14 +2814,14 @@
     _hoisted_2$12
   ];
   function _sfc_render$1P(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1o, _hoisted_3$L);
+    return vue.openBlock(), vue.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 = vue.defineComponent({
     name: "DArrowRight"
   });
-  const _hoisted_1$1n = {
+  const _hoisted_1$1l = {
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
@@ -2833,14 +2833,14 @@
     _hoisted_2$11
   ];
   function _sfc_render$1O(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1n, _hoisted_3$K);
+    return vue.openBlock(), vue.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 = vue.defineComponent({
     name: "Delete"
   });
-  const _hoisted_1$1m = {
+  const _hoisted_1$1k = {
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
@@ -2852,14 +2852,14 @@
     _hoisted_2$10
   ];
   function _sfc_render$1N(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1m, _hoisted_3$J);
+    return vue.openBlock(), vue.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 = vue.defineComponent({
     name: "Document"
   });
-  const _hoisted_1$1l = {
+  const _hoisted_1$1j = {
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
@@ -2871,14 +2871,14 @@
     _hoisted_2$$
   ];
   function _sfc_render$1M(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1l, _hoisted_3$I);
+    return vue.openBlock(), vue.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 = vue.defineComponent({
     name: "FullScreen"
   });
-  const _hoisted_1$1k = {
+  const _hoisted_1$1i = {
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
@@ -2890,14 +2890,14 @@
     _hoisted_2$_
   ];
   function _sfc_render$1L(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1k, _hoisted_3$H);
+    return vue.openBlock(), vue.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 = vue.defineComponent({
     name: "Hide"
   });
-  const _hoisted_1$1j = {
+  const _hoisted_1$1h = {
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
@@ -2909,19 +2909,19 @@
     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 vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1j, _hoisted_4$f);
+    return vue.openBlock(), vue.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 = vue.defineComponent({
     name: "InfoFilled"
   });
-  const _hoisted_1$1i = {
+  const _hoisted_1$1g = {
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
@@ -2933,14 +2933,14 @@
     _hoisted_2$Y
   ];
   function _sfc_render$1J(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1i, _hoisted_3$F);
+    return vue.openBlock(), vue.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 = vue.defineComponent({
     name: "Loading"
   });
-  const _hoisted_1$1h = {
+  const _hoisted_1$1f = {
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
@@ -2952,14 +2952,14 @@
     _hoisted_2$X
   ];
   function _sfc_render$1I(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1h, _hoisted_3$E);
+    return vue.openBlock(), vue.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 = vue.defineComponent({
     name: "Minus"
   });
-  const _hoisted_1$1g = {
+  const _hoisted_1$1e = {
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
@@ -2971,14 +2971,14 @@
     _hoisted_2$W
   ];
   function _sfc_render$1H(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1g, _hoisted_3$D);
+    return vue.openBlock(), vue.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 = vue.defineComponent({
     name: "MoreFilled"
   });
-  const _hoisted_1$1f = {
+  const _hoisted_1$1d = {
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
@@ -2990,14 +2990,14 @@
     _hoisted_2$V
   ];
   function _sfc_render$1G(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1f, _hoisted_3$C);
+    return vue.openBlock(), vue.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 = vue.defineComponent({
     name: "More"
   });
-  const _hoisted_1$1e = {
+  const _hoisted_1$1c = {
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
@@ -3009,14 +3009,14 @@
     _hoisted_2$U
   ];
   function _sfc_render$1F(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1e, _hoisted_3$B);
+    return vue.openBlock(), vue.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 = vue.defineComponent({
     name: "PictureFilled"
   });
-  const _hoisted_1$1d = {
+  const _hoisted_1$1b = {
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
@@ -3028,14 +3028,14 @@
     _hoisted_2$T
   ];
   function _sfc_render$1E(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1d, _hoisted_3$A);
+    return vue.openBlock(), vue.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 = vue.defineComponent({
     name: "Plus"
   });
-  const _hoisted_1$1c = {
+  const _hoisted_1$1a = {
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
@@ -3047,14 +3047,14 @@
     _hoisted_2$S
   ];
   function _sfc_render$1D(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1c, _hoisted_3$z);
+    return vue.openBlock(), vue.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 = vue.defineComponent({
     name: "QuestionFilled"
   });
-  const _hoisted_1$1b = {
+  const _hoisted_1$19 = {
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
@@ -3066,14 +3066,14 @@
     _hoisted_2$R
   ];
   function _sfc_render$1C(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1b, _hoisted_3$y);
+    return vue.openBlock(), vue.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 = vue.defineComponent({
     name: "RefreshLeft"
   });
-  const _hoisted_1$1a = {
+  const _hoisted_1$18 = {
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
@@ -3085,14 +3085,14 @@
     _hoisted_2$Q
   ];
   function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1a, _hoisted_3$x);
+    return vue.openBlock(), vue.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 = vue.defineComponent({
     name: "RefreshRight"
   });
-  const _hoisted_1$19 = {
+  const _hoisted_1$17 = {
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
@@ -3104,14 +3104,14 @@
     _hoisted_2$P
   ];
   function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$19, _hoisted_3$w);
+    return vue.openBlock(), vue.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 = vue.defineComponent({
     name: "ScaleToOriginal"
   });
-  const _hoisted_1$18 = {
+  const _hoisted_1$16 = {
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
@@ -3123,14 +3123,14 @@
     _hoisted_2$O
   ];
   function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$18, _hoisted_3$v);
+    return vue.openBlock(), vue.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 = vue.defineComponent({
     name: "Search"
   });
-  const _hoisted_1$17 = {
+  const _hoisted_1$15 = {
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
@@ -3142,14 +3142,14 @@
     _hoisted_2$N
   ];
   function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$17, _hoisted_3$u);
+    return vue.openBlock(), vue.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 = vue.defineComponent({
     name: "StarFilled"
   });
-  const _hoisted_1$16 = {
+  const _hoisted_1$14 = {
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
@@ -3161,14 +3161,14 @@
     _hoisted_2$M
   ];
   function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$16, _hoisted_3$t);
+    return vue.openBlock(), vue.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 = vue.defineComponent({
     name: "Star"
   });
-  const _hoisted_1$15 = {
+  const _hoisted_1$13 = {
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
@@ -3180,14 +3180,14 @@
     _hoisted_2$L
   ];
   function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$15, _hoisted_3$s);
+    return vue.openBlock(), vue.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 = vue.defineComponent({
     name: "SuccessFilled"
   });
-  const _hoisted_1$14 = {
+  const _hoisted_1$12 = {
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
@@ -3199,14 +3199,14 @@
     _hoisted_2$K
   ];
   function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$14, _hoisted_3$r);
+    return vue.openBlock(), vue.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 = vue.defineComponent({
     name: "View"
   });
-  const _hoisted_1$13 = {
+  const _hoisted_1$11 = {
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
@@ -3218,14 +3218,14 @@
     _hoisted_2$J
   ];
   function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$13, _hoisted_3$q);
+    return vue.openBlock(), vue.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 = vue.defineComponent({
     name: "WarningFilled"
   });
-  const _hoisted_1$12 = {
+  const _hoisted_1$10 = {
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
@@ -3237,14 +3237,14 @@
     _hoisted_2$I
   ];
   function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$12, _hoisted_3$p);
+    return vue.openBlock(), vue.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 = vue.defineComponent({
     name: "ZoomIn"
   });
-  const _hoisted_1$11 = {
+  const _hoisted_1$$ = {
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
@@ -3256,14 +3256,14 @@
     _hoisted_2$H
   ];
   function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$11, _hoisted_3$o);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$$, _hoisted_3$o);
   }
   var zoomIn = /* @__PURE__ */ _export_sfc$1(_sfc_main$2i, [["render", _sfc_render$1s]]);
 
   const _sfc_main$2h = vue.defineComponent({
     name: "ZoomOut"
   });
-  const _hoisted_1$10 = {
+  const _hoisted_1$_ = {
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
   };
@@ -3275,7 +3275,7 @@
     _hoisted_2$G
   ];
   function _sfc_render$1r(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$10, _hoisted_3$n);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$_, _hoisted_3$n);
   }
   var zoomOut = /* @__PURE__ */ _export_sfc$1(_sfc_main$2h, [["render", _sfc_render$1r]]);
 
@@ -3510,7 +3510,9 @@
     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)];
@@ -4778,6 +4780,7 @@
   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;
     }
@@ -4793,8 +4796,8 @@
     }
     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 {
@@ -5009,11 +5012,11 @@
     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;
@@ -5196,7 +5199,7 @@
     };
   };
 
-  const version$1 = "2.1.9";
+  const version$1 = "2.1.10";
 
   const INSTALLED_KEY = Symbol("INSTALLED_KEY");
   const makeInstaller = (components = []) => {
@@ -5681,7 +5684,7 @@
     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",
@@ -5870,30 +5873,7 @@
         resizeTextarea();
         updateIconOffset();
       });
-      const innerSuffixRef = vue.ref();
-      const innerPrefixRef = vue.ref();
-      const inputStyleInner = vue.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
-        };
-      };
-      vue.watch(showClear, () => {
-        vue.nextTick(() => {
-          setInputPadding();
-        });
-      });
       vue.onMounted(async () => {
-        setInputPadding();
         setNativeInputValue();
         updateIconOffset();
         await vue.nextTick();
@@ -5928,7 +5908,7 @@
               [vue.unref(nsInput).bm("group", "prepend")]: _ctx.$slots.prepend,
               [vue.unref(nsInput).m("prefix")]: _ctx.$slots.prefix || _ctx.prefixIcon,
               [vue.unref(nsInput).m("suffix")]: _ctx.$slots.suffix || _ctx.suffixIcon || _ctx.clearable || _ctx.showPassword,
-              [vue.unref(nsInput).m("suffix--password-clear")]: vue.unref(showClear) && vue.unref(showPwdVisible)
+              [vue.unref(nsInput).bm("suffix", "password-clear")]: vue.unref(showClear) && vue.unref(showPwdVisible)
             },
             _ctx.$attrs.class
           ]),
@@ -5945,120 +5925,120 @@
             }, [
               vue.renderSlot(_ctx.$slots, "prepend")
             ], 2)) : vue.createCommentVNode("v-if", true),
-            vue.createElementVNode("input", vue.mergeProps({
-              ref_key: "input",
-              ref: input,
-              class: vue.unref(nsInput).e("inner")
-            }, vue.unref(attrs), {
-              type: _ctx.showPassword ? passwordVisible.value ? "text" : "password" : _ctx.type,
-              disabled: vue.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$$),
-            vue.createCommentVNode(" prefix slot "),
-            _ctx.$slots.prefix || _ctx.prefixIcon ? (vue.openBlock(), vue.createElementBlock("span", {
-              key: 1,
-              class: vue.normalizeClass(vue.unref(nsInput).e("prefix"))
-            }, [
-              vue.createElementVNode("span", {
-                ref_key: "innerPrefixRef",
-                ref: innerPrefixRef,
-                class: vue.normalizeClass(vue.unref(nsInput).e("prefix-inner"))
-              }, [
-                vue.renderSlot(_ctx.$slots, "prefix"),
-                _ctx.prefixIcon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
-                  key: 0,
-                  class: vue.normalizeClass(vue.unref(nsInput).e("icon"))
-                }, {
-                  default: vue.withCtx(() => [
-                    (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.prefixIcon)))
-                  ]),
-                  _: 1
-                }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
-              ], 2)
-            ], 2)) : vue.createCommentVNode("v-if", true),
-            vue.createCommentVNode(" suffix slot "),
-            vue.unref(suffixVisible) ? (vue.openBlock(), vue.createElementBlock("span", {
-              key: 2,
-              class: vue.normalizeClass(vue.unref(nsInput).e("suffix"))
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass([vue.unref(nsInput).e("wrapper"), vue.unref(nsInput).is("focus", focused.value)])
             }, [
-              vue.createElementVNode("span", {
-                ref_key: "innerSuffixRef",
-                ref: innerSuffixRef,
-                class: vue.normalizeClass(vue.unref(nsInput).e("suffix-inner"))
+              vue.createCommentVNode(" prefix slot "),
+              _ctx.$slots.prefix || _ctx.prefixIcon ? (vue.openBlock(), vue.createElementBlock("span", {
+                key: 0,
+                class: vue.normalizeClass(vue.unref(nsInput).e("prefix"))
               }, [
-                !vue.unref(showClear) || !vue.unref(showPwdVisible) || !vue.unref(isWordLimitVisible) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                  vue.renderSlot(_ctx.$slots, "suffix"),
-                  _ctx.suffixIcon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
+                vue.createElementVNode("span", {
+                  class: vue.normalizeClass(vue.unref(nsInput).e("prefix-inner"))
+                }, [
+                  vue.renderSlot(_ctx.$slots, "prefix"),
+                  _ctx.prefixIcon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
                     key: 0,
                     class: vue.normalizeClass(vue.unref(nsInput).e("icon"))
                   }, {
                     default: vue.withCtx(() => [
-                      (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.suffixIcon)))
+                      (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.prefixIcon)))
                     ]),
                     _: 1
                   }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
-                ], 64)) : vue.createCommentVNode("v-if", true),
-                vue.unref(showClear) ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
-                  key: 1,
-                  class: vue.normalizeClass([vue.unref(nsInput).e("icon"), vue.unref(nsInput).e("clear")]),
-                  onMousedown: _cache[0] || (_cache[0] = vue.withModifiers(() => {
-                  }, ["prevent"])),
-                  onClick: clear
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createVNode(vue.unref(circleClose))
-                  ]),
-                  _: 1
-                }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
-                vue.unref(showPwdVisible) ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
-                  key: 2,
-                  class: vue.normalizeClass([vue.unref(nsInput).e("icon"), vue.unref(nsInput).e("clear")]),
-                  onClick: handlePasswordVisible
+                ], 2)
+              ], 2)) : vue.createCommentVNode("v-if", true),
+              vue.createElementVNode("input", vue.mergeProps({
+                ref_key: "input",
+                ref: input,
+                class: vue.unref(nsInput).e("inner")
+              }, vue.unref(attrs), {
+                type: _ctx.showPassword ? passwordVisible.value ? "text" : "password" : _ctx.type,
+                disabled: vue.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),
+              vue.createCommentVNode(" suffix slot "),
+              vue.unref(suffixVisible) ? (vue.openBlock(), vue.createElementBlock("span", {
+                key: 1,
+                class: vue.normalizeClass(vue.unref(nsInput).e("suffix"))
+              }, [
+                vue.createElementVNode("span", {
+                  class: vue.normalizeClass(vue.unref(nsInput).e("suffix-inner"))
+                }, [
+                  !vue.unref(showClear) || !vue.unref(showPwdVisible) || !vue.unref(isWordLimitVisible) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                    vue.renderSlot(_ctx.$slots, "suffix"),
+                    _ctx.suffixIcon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
+                      key: 0,
+                      class: vue.normalizeClass(vue.unref(nsInput).e("icon"))
+                    }, {
+                      default: vue.withCtx(() => [
+                        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.suffixIcon)))
+                      ]),
+                      _: 1
+                    }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
+                  ], 64)) : vue.createCommentVNode("v-if", true),
+                  vue.unref(showClear) ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
+                    key: 1,
+                    class: vue.normalizeClass([vue.unref(nsInput).e("icon"), vue.unref(nsInput).e("clear")]),
+                    onMousedown: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+                    }, ["prevent"])),
+                    onClick: clear
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(vue.unref(circleClose))
+                    ]),
+                    _: 1
+                  }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
+                  vue.unref(showPwdVisible) ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
+                    key: 2,
+                    class: vue.normalizeClass([vue.unref(nsInput).e("icon"), vue.unref(nsInput).e("password")]),
+                    onClick: handlePasswordVisible
+                  }, {
+                    default: vue.withCtx(() => [
+                      (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(passwordIcon))))
+                    ]),
+                    _: 1
+                  }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
+                  vue.unref(isWordLimitVisible) ? (vue.openBlock(), vue.createElementBlock("span", {
+                    key: 3,
+                    class: vue.normalizeClass(vue.unref(nsInput).e("count"))
+                  }, [
+                    vue.createElementVNode("span", {
+                      class: vue.normalizeClass(vue.unref(nsInput).e("count-inner"))
+                    }, vue.toDisplayString(vue.unref(textLength)) + " / " + vue.toDisplayString(vue.unref(attrs).maxlength), 3)
+                  ], 2)) : vue.createCommentVNode("v-if", true)
+                ], 2),
+                vue.unref(validateState) && vue.unref(validateIcon) && vue.unref(needStatusIcon) ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
+                  key: 0,
+                  class: vue.normalizeClass([
+                    vue.unref(nsInput).e("icon"),
+                    vue.unref(nsInput).e("validateIcon"),
+                    vue.unref(nsInput).is("loading", vue.unref(validateState) === "validating")
+                  ])
                 }, {
                   default: vue.withCtx(() => [
-                    (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(passwordIcon))))
+                    (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(validateIcon))))
                   ]),
                   _: 1
-                }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
-                vue.unref(isWordLimitVisible) ? (vue.openBlock(), vue.createElementBlock("span", {
-                  key: 3,
-                  class: vue.normalizeClass(vue.unref(nsInput).e("count"))
-                }, [
-                  vue.createElementVNode("span", {
-                    class: vue.normalizeClass(vue.unref(nsInput).e("count-inner"))
-                  }, vue.toDisplayString(vue.unref(textLength)) + " / " + vue.toDisplayString(vue.unref(attrs).maxlength), 3)
-                ], 2)) : vue.createCommentVNode("v-if", true)
-              ], 2),
-              vue.unref(validateState) && vue.unref(validateIcon) && vue.unref(needStatusIcon) ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
-                key: 0,
-                class: vue.normalizeClass([
-                  vue.unref(nsInput).e("icon"),
-                  vue.unref(nsInput).e("validateIcon"),
-                  vue.unref(nsInput).is("loading", vue.unref(validateState) === "validating")
-                ])
-              }, {
-                default: vue.withCtx(() => [
-                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(validateIcon))))
-                ]),
-                _: 1
-              }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
-            ], 2)) : vue.createCommentVNode("v-if", true),
+                }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
+              ], 2)) : vue.createCommentVNode("v-if", true)
+            ], 2),
             vue.createCommentVNode(" append slot "),
             _ctx.$slots.append ? (vue.openBlock(), vue.createElementBlock("div", {
-              key: 3,
+              key: 1,
               class: vue.normalizeClass(vue.unref(nsInput).be("group", "append"))
             }, [
               vue.renderSlot(_ctx.$slots, "append")
@@ -8265,10 +8245,10 @@
         });
         return createPopper(referenceEl, popperContentEl, options);
       };
-      const updatePopper = () => {
+      const updatePopper = (shouldUpdateZIndex = true) => {
         var _a;
         (_a = vue.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;
@@ -8277,7 +8257,7 @@
           ...options,
           modifiers: [...options.modifiers || [], monitorable]
         }));
-        updatePopper();
+        updatePopper(false);
       };
       vue.onMounted(() => {
         let updateHandle;
@@ -8825,7 +8805,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-tooltip-trigger");
@@ -8876,7 +8856,7 @@
               _ctx.rawContent ? (vue.openBlock(), vue.createElementBlock("span", {
                 key: 0,
                 innerHTML: _ctx.content
-              }, null, 8, _hoisted_1$_)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$E, vue.toDisplayString(_ctx.content), 1))
+              }, null, 8, _hoisted_1$Y)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$E, vue.toDisplayString(_ctx.content), 1))
             ]),
             _ctx.compatShowArrow ? (vue.openBlock(), vue.createBlock(_component_el_popper_arrow, {
               key: 0,
@@ -8958,7 +8938,7 @@
     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 = {
@@ -9257,7 +9237,7 @@
                   ])
                 } : void 0
               ]), 1040, ["model-value", "onKeydown"])
-            ], 14, _hoisted_1$Z)
+            ], 14, _hoisted_1$X)
           ]),
           _: 3
         }, 8, ["visible", "placement", "popper-class", "teleported", "transition"]);
@@ -9298,7 +9278,7 @@
     error: (evt) => evt instanceof Event
   };
 
-  const _hoisted_1$Y = ["src", "alt", "srcset"];
+  const _hoisted_1$W = ["src", "alt", "srcset"];
   const __default__$D = {
     name: "ElAvatar"
   };
@@ -9347,7 +9327,7 @@
             srcset: _ctx.srcSet,
             style: vue.normalizeStyle(vue.unref(fitStyle)),
             onError: handleError
-          }, null, 44, _hoisted_1$Y)) : _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
+          }, null, 44, _hoisted_1$W)) : _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
             default: vue.withCtx(() => [
               (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
             ]),
@@ -9383,7 +9363,7 @@
     click: (evt) => evt instanceof MouseEvent
   };
 
-  const _hoisted_1$X = ["onClick"];
+  const _hoisted_1$V = ["onClick"];
   const __default__$C = {
     name: "ElBacktop"
   };
@@ -9463,7 +9443,7 @@
                   _: 1
                 }, 8, ["class"])
               ])
-            ], 14, _hoisted_1$X)) : vue.createCommentVNode("v-if", true)
+            ], 14, _hoisted_1$V)) : vue.createCommentVNode("v-if", true)
           ]),
           _: 3
         }, 8, ["name"]);
@@ -9492,7 +9472,7 @@
     }
   });
 
-  const _hoisted_1$W = ["textContent"];
+  const _hoisted_1$U = ["textContent"];
   const __default__$B = {
     name: "ElBadge"
   };
@@ -9530,7 +9510,7 @@
                   vue.unref(ns).is("dot", _ctx.isDot)
                 ]),
                 textContent: vue.toDisplayString(vue.unref(content))
-              }, null, 10, _hoisted_1$W), [
+              }, null, 10, _hoisted_1$U), [
                 [vue.vShow, !_ctx.hidden && (vue.unref(content) || vue.unref(content) === "0" || _ctx.isDot)]
               ])
             ]),
@@ -9739,7 +9719,7 @@
   }
   function convertToPercentage(n) {
     if (n <= 1) {
-      return Number(n) * 100 + "%";
+      return "".concat(Number(n) * 100, "%");
     }
     return n;
   }
@@ -10101,9 +10081,9 @@
   }
   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),
@@ -10285,7 +10265,7 @@
       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);
@@ -10296,7 +10276,7 @@
       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) {
@@ -10334,11 +10314,11 @@
       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),
@@ -10351,7 +10331,7 @@
       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) {
@@ -10628,7 +10608,7 @@
     });
   }
 
-  const _hoisted_1$V = ["disabled", "autofocus", "type"];
+  const _hoisted_1$T = ["disabled", "autofocus", "type"];
   const __default__$y = {
     name: "ElButton"
   };
@@ -10719,7 +10699,7 @@
           }, [
             vue.renderSlot(_ctx.$slots, "default")
           ], 2)) : vue.createCommentVNode("v-if", true)
-        ], 14, _hoisted_1$V);
+        ], 14, _hoisted_1$T);
       };
     }
   });
@@ -11742,7 +11722,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-icon");
@@ -11857,7 +11837,7 @@
             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),
           vue.renderSlot(_ctx.$slots, "range-separator", {}, () => [
             vue.createElementVNode("span", {
               class: vue.normalizeClass(_ctx.nsRange.b("separator"))
@@ -12424,7 +12404,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-scrollbar");
@@ -12464,7 +12444,7 @@
                 ], 2112)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
                   vue.createTextVNode(vue.toDisplayString(("0" + key).slice(-2)), 1)
                 ], 2112))
-              ], 10, _hoisted_1$T);
+              ], 10, _hoisted_1$R);
             }), 128))
           ]),
           _: 2
@@ -12970,7 +12950,7 @@
       };
     }
   });
-  const _hoisted_1$S = ["disabled"];
+  const _hoisted_1$Q = ["disabled"];
   function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_time_spinner = vue.resolveComponent("time-spinner");
     return _ctx.actualVisible ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -13054,7 +13034,7 @@
           class: vue.normalizeClass([_ctx.nsTime.be("panel", "btn"), "confirm"]),
           disabled: _ctx.btnConfirmDisabled,
           onClick: _cache[1] || (_cache[1] = ($event) => _ctx.handleConfirm())
-        }, vue.toDisplayString(_ctx.t("el.datepicker.confirm")), 11, _hoisted_1$S)
+        }, vue.toDisplayString(_ctx.t("el.datepicker.confirm")), 11, _hoisted_1$Q)
       ], 2)
     ], 2)) : vue.createCommentVNode("v-if", true);
   }
@@ -13150,7 +13130,7 @@
     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"
@@ -13255,7 +13235,7 @@
           cellspacing: "0",
           cellpadding: "0"
         }, [
-          !_ctx.hideHeader ? (vue.openBlock(), vue.createElementBlock("thead", _hoisted_1$R, [
+          !_ctx.hideHeader ? (vue.openBlock(), vue.createElementBlock("thead", _hoisted_1$P, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(weekDays), (day) => {
               return vue.openBlock(), vue.createElementBlock("th", { key: day }, vue.toDisplayString(day), 1);
             }), 128))
@@ -13633,7 +13613,7 @@
     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 = {
@@ -13933,7 +13913,7 @@
               ], 42, _hoisted_2$z);
             }), 128))
           ], 2)) : vue.createCommentVNode("v-if", true)
-        ], 42, _hoisted_1$Q);
+        ], 42, _hoisted_1$O);
       };
     }
   });
@@ -14303,10 +14283,10 @@
       };
     }
   });
-  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 vue.openBlock(), vue.createElementBlock("label", {
       id: _ctx.id,
@@ -14363,7 +14343,7 @@
           onChange: _cache[5] || (_cache[5] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
           onFocus: _cache[6] || (_cache[6] = ($event) => _ctx.focus = true),
           onBlur: _cache[7] || (_cache[7] = ($event) => _ctx.focus = false)
-        }, null, 42, _hoisted_4$e)), [
+        }, null, 42, _hoisted_4$d)), [
           [vue.vModelCheckbox, _ctx.model]
         ])
       ], 10, _hoisted_2$y),
@@ -14376,7 +14356,7 @@
           vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
         ], 2112)) : vue.createCommentVNode("v-if", true)
       ], 2)) : vue.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"]]);
 
@@ -14410,7 +14390,7 @@
       };
     }
   });
-  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) {
@@ -14465,7 +14445,7 @@
           vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
         ])
       ], 6)) : vue.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"]]);
 
@@ -14632,7 +14612,7 @@
       };
     }
   });
-  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 vue.openBlock(), vue.createElementBlock("label", {
@@ -14686,7 +14666,7 @@
           vue.createTextVNode(vue.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"]]);
 
@@ -14734,7 +14714,7 @@
       };
     }
   });
-  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 vue.openBlock(), vue.createElementBlock("label", {
@@ -14775,7 +14755,7 @@
           vue.createTextVNode(vue.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"]]);
 
@@ -15015,7 +14995,7 @@
       };
     }
   });
-  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__ */ vue.createElementVNode("span", null, null, -1);
   function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_checkbox = vue.resolveComponent("el-checkbox");
@@ -15098,7 +15078,7 @@
           _: 1
         }, 8, ["class"]))
       ], 2112)) : vue.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"]]);
 
@@ -16300,10 +16280,10 @@
       };
     }
   });
-  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 = vue.resolveComponent("circle-close");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -16413,7 +16393,7 @@
                 onClose: ($event) => _ctx.deleteTag(tag)
               }, {
                 default: vue.withCtx(() => [
-                  tag.isCollapseTag === false ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$K, vue.toDisplayString(tag.text), 1)) : (vue.openBlock(), vue.createBlock(_component_el_tooltip, {
+                  tag.isCollapseTag === false ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$I, vue.toDisplayString(tag.text), 1)) : (vue.openBlock(), vue.createBlock(_component_el_tooltip, {
                     key: 1,
                     teleported: false,
                     disabled: _ctx.popperVisible || !_ctx.collapseTagsTooltip,
@@ -16516,7 +16496,7 @@
                   ]),
                   _: 1
                 })) : vue.createCommentVNode("v-if", true)
-              ], 10, _hoisted_4$d);
+              ], 10, _hoisted_4$c);
             }), 128)) : vue.renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
               vue.createElementVNode("li", {
                 class: vue.normalizeClass(_ctx.nsCascader.e("empty-text"))
@@ -16836,7 +16816,7 @@
     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 = {
@@ -16915,7 +16895,7 @@
                 _: 1
               }, 8, ["class"])
             ], 42, _hoisted_2$s)
-          ], 8, _hoisted_1$J),
+          ], 8, _hoisted_1$H),
           vue.createVNode(vue.unref(_CollapseTransition), null, {
             default: vue.withCtx(() => [
               vue.withDirectives(vue.createElementVNode("div", {
@@ -17537,11 +17517,11 @@
       };
     }
   });
-  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 vue.openBlock(), vue.createElementBlock("div", _hoisted_1$I, [
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$G, [
       vue.createElementVNode("div", _hoisted_2$r, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.rgbaColors, (item, index) => {
           return vue.openBlock(), vue.createElementBlock("div", {
@@ -17627,10 +17607,10 @@
       };
     }
   });
-  const _hoisted_1$H = /* @__PURE__ */ vue.createElementVNode("div", { class: "el-color-svpanel__white" }, null, -1);
+  const _hoisted_1$F = /* @__PURE__ */ vue.createElementVNode("div", { class: "el-color-svpanel__white" }, null, -1);
   const _hoisted_2$q = /* @__PURE__ */ vue.createElementVNode("div", { class: "el-color-svpanel__black" }, null, -1);
   const _hoisted_3$f = /* @__PURE__ */ vue.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) {
@@ -17640,7 +17620,7 @@
         backgroundColor: _ctx.background
       })
     }, [
-      _hoisted_1$H,
+      _hoisted_1$F,
       _hoisted_2$q,
       vue.createElementVNode("div", {
         class: "el-color-svpanel__cursor",
@@ -17648,7 +17628,7 @@
           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"]]);
@@ -18651,7 +18631,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-date-picker-cell");
     return vue.openBlock(), vue.createElementBlock("table", {
@@ -18663,7 +18643,7 @@
     }, [
       vue.createElementVNode("tbody", null, [
         vue.createElementVNode("tr", null, [
-          _ctx.showWeekNumber ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_1$G, vue.toDisplayString(_ctx.t("el.datepicker.week")), 1)) : vue.createCommentVNode("v-if", true),
+          _ctx.showWeekNumber ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_1$E, vue.toDisplayString(_ctx.t("el.datepicker.week")), 1)) : vue.createCommentVNode("v-if", true),
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.WEEKS, (week, key) => {
             return vue.openBlock(), vue.createElementBlock("th", { key }, vue.toDisplayString(_ctx.t("el.datepicker.weeks." + week)), 1);
           }), 128))
@@ -18857,7 +18837,7 @@
       };
     }
   });
-  const _hoisted_1$F = { class: "cell" };
+  const _hoisted_1$D = { class: "cell" };
   function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("table", {
       class: "el-month-table",
@@ -18873,7 +18853,7 @@
                 class: vue.normalizeClass(_ctx.getCellStyle(cell))
               }, [
                 vue.createElementVNode("div", null, [
-                  vue.createElementVNode("a", _hoisted_1$F, vue.toDisplayString(_ctx.t("el.datepicker.months." + _ctx.months[cell.text])), 1)
+                  vue.createElementVNode("a", _hoisted_1$D, vue.toDisplayString(_ctx.t("el.datepicker.months." + _ctx.months[cell.text])), 1)
                 ])
               ], 2);
             }), 128))
@@ -18932,16 +18912,16 @@
       };
     }
   });
-  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__ */ vue.createElementVNode("td", null, null, -1);
   const _hoisted_12$3 = /* @__PURE__ */ vue.createElementVNode("td", null, null, -1);
   function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
@@ -18954,7 +18934,7 @@
           vue.createElementVNode("td", {
             class: vue.normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 0)])
           }, [
-            vue.createElementVNode("a", _hoisted_1$E, vue.toDisplayString(_ctx.startYear), 1)
+            vue.createElementVNode("a", _hoisted_1$C, vue.toDisplayString(_ctx.startYear), 1)
           ], 2),
           vue.createElementVNode("td", {
             class: vue.normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 1)])
@@ -18969,41 +18949,41 @@
           vue.createElementVNode("td", {
             class: vue.normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 3)])
           }, [
-            vue.createElementVNode("a", _hoisted_4$b, vue.toDisplayString(_ctx.startYear + 3), 1)
+            vue.createElementVNode("a", _hoisted_4$a, vue.toDisplayString(_ctx.startYear + 3), 1)
           ], 2)
         ]),
         vue.createElementVNode("tr", null, [
           vue.createElementVNode("td", {
             class: vue.normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 4)])
           }, [
-            vue.createElementVNode("a", _hoisted_5$9, vue.toDisplayString(_ctx.startYear + 4), 1)
+            vue.createElementVNode("a", _hoisted_5$8, vue.toDisplayString(_ctx.startYear + 4), 1)
           ], 2),
           vue.createElementVNode("td", {
             class: vue.normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 5)])
           }, [
-            vue.createElementVNode("a", _hoisted_6$6, vue.toDisplayString(_ctx.startYear + 5), 1)
+            vue.createElementVNode("a", _hoisted_6$5, vue.toDisplayString(_ctx.startYear + 5), 1)
           ], 2),
           vue.createElementVNode("td", {
             class: vue.normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 6)])
           }, [
-            vue.createElementVNode("a", _hoisted_7$5, vue.toDisplayString(_ctx.startYear + 6), 1)
+            vue.createElementVNode("a", _hoisted_7$4, vue.toDisplayString(_ctx.startYear + 6), 1)
           ], 2),
           vue.createElementVNode("td", {
             class: vue.normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 7)])
           }, [
-            vue.createElementVNode("a", _hoisted_8$5, vue.toDisplayString(_ctx.startYear + 7), 1)
+            vue.createElementVNode("a", _hoisted_8$4, vue.toDisplayString(_ctx.startYear + 7), 1)
           ], 2)
         ]),
         vue.createElementVNode("tr", null, [
           vue.createElementVNode("td", {
             class: vue.normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 8)])
           }, [
-            vue.createElementVNode("a", _hoisted_9$5, vue.toDisplayString(_ctx.startYear + 8), 1)
+            vue.createElementVNode("a", _hoisted_9$4, vue.toDisplayString(_ctx.startYear + 8), 1)
           ], 2),
           vue.createElementVNode("td", {
             class: vue.normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 9)])
           }, [
-            vue.createElementVNode("a", _hoisted_10$5, vue.toDisplayString(_ctx.startYear + 9), 1)
+            vue.createElementVNode("a", _hoisted_10$4, vue.toDisplayString(_ctx.startYear + 9), 1)
           ], 2),
           _hoisted_11$3,
           _hoisted_12$3
@@ -19425,22 +19405,22 @@
       };
     }
   });
-  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" };
@@ -19465,7 +19445,7 @@
         }
       ]])
     }, [
-      vue.createElementVNode("div", _hoisted_1$D, [
+      vue.createElementVNode("div", _hoisted_1$B, [
         vue.renderSlot(_ctx.$slots, "sidebar", { class: "el-picker-panel__sidebar" }),
         _ctx.hasShortcuts ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$o, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.shortcuts, (shortcut, key) => {
@@ -19477,9 +19457,9 @@
             }, vue.toDisplayString(shortcut.text), 9, _hoisted_3$d);
           }), 128))
         ])) : vue.createCommentVNode("v-if", true),
-        vue.createElementVNode("div", _hoisted_4$a, [
-          _ctx.showTime ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$8, [
-            vue.createElementVNode("span", _hoisted_6$5, [
+        vue.createElementVNode("div", _hoisted_4$9, [
+          _ctx.showTime ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$7, [
+            vue.createElementVNode("span", _hoisted_6$4, [
               vue.createVNode(_component_el_input, {
                 placeholder: _ctx.t("el.datepicker.selectDate"),
                 "model-value": _ctx.visibleDate,
@@ -19488,7 +19468,7 @@
                 onChange: _ctx.handleVisibleDateChange
               }, null, 8, ["placeholder", "model-value", "onChange"])
             ]),
-            vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_7$4, [
+            vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_7$3, [
               vue.createVNode(_component_el_input, {
                 placeholder: _ctx.t("el.datepicker.selectTime"),
                 "model-value": _ctx.visibleTime,
@@ -19525,7 +19505,7 @@
                 ]),
                 _: 1
               })
-            ], 8, _hoisted_8$4),
+            ], 8, _hoisted_8$3),
             vue.withDirectives(vue.createElementVNode("button", {
               type: "button",
               "aria-label": _ctx.t(`el.datepicker.prevMonth`),
@@ -19538,7 +19518,7 @@
                 ]),
                 _: 1
               })
-            ], 8, _hoisted_9$4), [
+            ], 8, _hoisted_9$3), [
               [vue.vShow, _ctx.currentView === "date"]
             ]),
             vue.createElementVNode("span", {
@@ -19565,7 +19545,7 @@
                 ]),
                 _: 1
               })
-            ], 8, _hoisted_10$4),
+            ], 8, _hoisted_10$3),
             vue.withDirectives(vue.createElementVNode("button", {
               type: "button",
               "aria-label": _ctx.t(`el.datepicker.nextMonth`),
@@ -19591,8 +19571,9 @@
               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"])) : vue.createCommentVNode("v-if", true),
+            }, null, 8, ["selection-mode", "date", "parsed-value", "disabled-date", "cell-class-name", "onPick"])) : vue.createCommentVNode("v-if", true),
             _ctx.currentView === "year" ? (vue.openBlock(), vue.createBlock(_component_year_table, {
               key: 1,
               date: _ctx.innerDate,
@@ -20077,22 +20058,22 @@
       };
     }
   });
-  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" };
@@ -20125,7 +20106,7 @@
         }
       ]])
     }, [
-      vue.createElementVNode("div", _hoisted_1$C, [
+      vue.createElementVNode("div", _hoisted_1$A, [
         vue.renderSlot(_ctx.$slots, "sidebar", { class: "el-picker-panel__sidebar" }),
         _ctx.hasShortcuts ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$n, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.shortcuts, (shortcut, key) => {
@@ -20137,10 +20118,10 @@
             }, vue.toDisplayString(shortcut.text), 9, _hoisted_3$c);
           }), 128))
         ])) : vue.createCommentVNode("v-if", true),
-        vue.createElementVNode("div", _hoisted_4$9, [
-          _ctx.showTime ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$7, [
-            vue.createElementVNode("span", _hoisted_6$4, [
-              vue.createElementVNode("span", _hoisted_7$3, [
+        vue.createElementVNode("div", _hoisted_4$8, [
+          _ctx.showTime ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$6, [
+            vue.createElementVNode("span", _hoisted_6$3, [
+              vue.createElementVNode("span", _hoisted_7$2, [
                 vue.createVNode(_component_el_input, {
                   size: "small",
                   disabled: _ctx.rangeState.selecting,
@@ -20151,7 +20132,7 @@
                   onChange: _cache[1] || (_cache[1] = (val) => _ctx.handleDateChange(val, "min"))
                 }, null, 8, ["disabled", "placeholder", "model-value"])
               ]),
-              vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_8$3, [
+              vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_8$2, [
                 vue.createVNode(_component_el_input, {
                   size: "small",
                   class: "el-date-range-picker__editor",
@@ -20182,8 +20163,8 @@
                 _: 1
               })
             ]),
-            vue.createElementVNode("span", _hoisted_9$3, [
-              vue.createElementVNode("span", _hoisted_10$3, [
+            vue.createElementVNode("span", _hoisted_9$2, [
+              vue.createElementVNode("span", _hoisted_10$2, [
                 vue.createVNode(_component_el_input, {
                   size: "small",
                   class: "el-date-range-picker__editor",
@@ -20560,19 +20541,19 @@
       };
     }
   });
-  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 = vue.resolveComponent("d-arrow-left");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -20585,7 +20566,7 @@
         }
       ]])
     }, [
-      vue.createElementVNode("div", _hoisted_1$B, [
+      vue.createElementVNode("div", _hoisted_1$z, [
         vue.renderSlot(_ctx.$slots, "sidebar", { class: "el-picker-panel__sidebar" }),
         _ctx.hasShortcuts ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$m, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.shortcuts, (shortcut, key) => {
@@ -20597,9 +20578,9 @@
             }, vue.toDisplayString(shortcut.text), 9, _hoisted_3$b);
           }), 128))
         ])) : vue.createCommentVNode("v-if", true),
-        vue.createElementVNode("div", _hoisted_4$8, [
-          vue.createElementVNode("div", _hoisted_5$6, [
-            vue.createElementVNode("div", _hoisted_6$3, [
+        vue.createElementVNode("div", _hoisted_4$7, [
+          vue.createElementVNode("div", _hoisted_5$5, [
+            vue.createElementVNode("div", _hoisted_6$2, [
               vue.createElementVNode("button", {
                 type: "button",
                 class: "el-picker-panel__icon-btn d-arrow-left",
@@ -20625,7 +20606,7 @@
                   ]),
                   _: 1
                 })
-              ], 10, _hoisted_7$2)) : vue.createCommentVNode("v-if", true),
+              ], 10, _hoisted_7$1)) : vue.createCommentVNode("v-if", true),
               vue.createElementVNode("div", null, vue.toDisplayString(_ctx.leftLabel), 1)
             ]),
             vue.createVNode(_component_month_table, {
@@ -20640,8 +20621,8 @@
               onSelect: _ctx.onSelect
             }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date", "onChangerange", "onPick", "onSelect"])
           ]),
-          vue.createElementVNode("div", _hoisted_8$2, [
-            vue.createElementVNode("div", _hoisted_9$2, [
+          vue.createElementVNode("div", _hoisted_8$1, [
+            vue.createElementVNode("div", _hoisted_9$1, [
               _ctx.unlinkPanels ? (vue.openBlock(), vue.createElementBlock("button", {
                 key: 0,
                 type: "button",
@@ -20655,7 +20636,7 @@
                   ]),
                   _: 1
                 })
-              ], 10, _hoisted_10$2)) : vue.createCommentVNode("v-if", true),
+              ], 10, _hoisted_10$1)) : vue.createCommentVNode("v-if", true),
               vue.createElementVNode("button", {
                 type: "button",
                 class: "el-picker-panel__icon-btn d-arrow-right",
@@ -20851,7 +20832,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-descriptions-cell");
     return _ctx.descriptions.direction === "vertical" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
@@ -20875,7 +20856,7 @@
           }, null, 8, ["cell"]);
         }), 128))
       ])
-    ], 64)) : (vue.openBlock(), vue.createElementBlock("tr", _hoisted_1$A, [
+    ], 64)) : (vue.openBlock(), vue.createElementBlock("tr", _hoisted_1$y, [
       (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.row, (cell, index) => {
         return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
           key: `tr3-${index}`
@@ -21187,7 +21168,7 @@
     close: () => true
   };
 
-  const _hoisted_1$z = ["aria-label"];
+  const _hoisted_1$x = ["aria-label"];
   const __default__$n = { name: "ElDialogContent" };
   const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
     ...__default__$n,
@@ -21252,7 +21233,7 @@
               _: 1
             }, 8, ["class"])
           ], 2)) : vue.createCommentVNode("v-if", true)
-        ], 14, _hoisted_1$z);
+        ], 14, _hoisted_1$x);
       };
     }
   });
@@ -21669,10 +21650,10 @@
       };
     }
   });
-  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 = vue.resolveComponent("close");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -21733,7 +21714,7 @@
                       ]),
                       _: 1
                     }, 8, ["class"])
-                  ], 10, _hoisted_4$7)) : vue.createCommentVNode("v-if", true)
+                  ], 10, _hoisted_4$6)) : vue.createCommentVNode("v-if", true)
                 ], 10, _hoisted_2$l)) : vue.createCommentVNode("v-if", true),
                 _ctx.rendered ? (vue.openBlock(), vue.createElementBlock("section", {
                   key: 1,
@@ -21747,7 +21728,7 @@
                 }, [
                   vue.renderSlot(_ctx.$slots, "footer")
                 ], 2)) : vue.createCommentVNode("v-if", true)
-              ], 14, _hoisted_1$y)), [
+              ], 14, _hoisted_1$w)), [
                 [_directive_trap_focus]
               ])
             ]),
@@ -22732,7 +22713,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-icon");
     return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
@@ -22759,7 +22740,7 @@
           _: 1
         })) : vue.createCommentVNode("v-if", true),
         vue.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"]]);
@@ -22965,7 +22946,7 @@
       };
     }
   });
-  const _hoisted_1$w = {
+  const _hoisted_1$u = {
     viewBox: "0 0 79 86",
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg",
@@ -22976,28 +22957,28 @@
     "stop-color": "var(--el-empty-fill-color-1)",
     offset: "0%"
   }, null, -1);
-  const _hoisted_4$6 = /* @__PURE__ */ vue.createElementVNode("stop", {
+  const _hoisted_4$5 = /* @__PURE__ */ vue.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__ */ vue.createElementVNode("stop", {
+  const _hoisted_6$1 = ["id"];
+  const _hoisted_7 = /* @__PURE__ */ vue.createElementVNode("stop", {
     "stop-color": "var(--el-empty-fill-color-1)",
     offset: "0%"
   }, null, -1);
-  const _hoisted_8$1 = /* @__PURE__ */ vue.createElementVNode("stop", {
+  const _hoisted_8 = /* @__PURE__ */ vue.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",
@@ -23051,18 +23032,16 @@
     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__ */ vue.createElementVNode("polygon", {
+  const _hoisted_23 = ["xlink:href"];
+  const _hoisted_24 = ["mask"];
+  const _hoisted_25 = /* @__PURE__ */ vue.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 vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$w, [
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$u, [
       vue.createElementVNode("defs", null, [
         vue.createElementVNode("linearGradient", {
           id: `linearGradient-1-${_ctx.id}`,
@@ -23070,21 +23049,21 @@
           y1: "0%",
           x2: "61.1496914%",
           y2: "100%"
-        }, _hoisted_5$5, 8, _hoisted_2$k),
+        }, _hoisted_5$4, 8, _hoisted_2$k),
         vue.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),
         vue.createElementVNode("rect", {
           id: `path-3-${_ctx.id}`,
           x: "0",
           y: "0",
           width: "17",
           height: "36"
-        }, null, 8, _hoisted_10$1)
+        }, null, 8, _hoisted_10)
       ]),
       vue.createElementVNode("g", _hoisted_11, [
         vue.createElementVNode("g", _hoisted_12, [
@@ -23114,29 +23093,21 @@
               height: "36"
             }, null, 8, _hoisted_21),
             vue.createElementVNode("g", _hoisted_22, [
-              vue.createElementVNode("mask", {
-                id: `mask-4-${_ctx.id}`,
-                fill: "var(--el-empty-fill-color-0)"
-              }, [
-                vue.createElementVNode("use", {
-                  "xlink:href": `#path-3-${_ctx.id}`
-                }, null, 8, _hoisted_24)
-              ], 8, _hoisted_23),
               vue.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),
               vue.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
           ])
         ])
       ])
@@ -23156,7 +23127,7 @@
     }
   };
 
-  const _hoisted_1$v = ["src"];
+  const _hoisted_1$t = ["src"];
   const _hoisted_2$j = { key: 1 };
   const __default__$k = {
     name: "ElEmpty"
@@ -23184,7 +23155,7 @@
               key: 0,
               src: _ctx.image,
               ondragstart: "return false"
-            }, null, 8, _hoisted_1$v)) : vue.renderSlot(_ctx.$slots, "image", { key: 1 }, () => [
+            }, null, 8, _hoisted_1$t)) : vue.renderSlot(_ctx.$slots, "image", { key: 1 }, () => [
               vue.createVNode(ImgEmpty)
             ])
           ], 6),
@@ -24470,10 +24441,10 @@
     setup(props, {
       slots
     }) {
-      const formContext = vue.inject(formContextKey);
+      const formContext = vue.inject(formContextKey, void 0);
       const formItemContext = vue.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 = vue.ref();
       const computedWidth = vue.ref(0);
@@ -24492,7 +24463,7 @@
             if (action === "update") {
               computedWidth.value = getLabelWidth();
             } else if (action === "remove") {
-              formContext.deregisterLabelWidth(computedWidth.value);
+              formContext == null ? void 0 : formContext.deregisterLabelWidth(computedWidth.value);
             }
           }
         });
@@ -24507,7 +24478,7 @@
       vue.onUpdated(() => updateLabelWidthFn());
       vue.watch(computedWidth, (val, oldVal) => {
         if (props.updateAll) {
-          formContext.registerLabelWidth(val, oldVal);
+          formContext == null ? void 0 : formContext.registerLabelWidth(val, oldVal);
         }
       });
       useResizeObserver(vue.computed(() => {
@@ -24522,7 +24493,7 @@
           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);
@@ -24545,7 +24516,7 @@
     }
   });
 
-  const _hoisted_1$u = ["for"];
+  const _hoisted_1$s = ["for"];
   const __default__$i = {
     name: "ElFormItem"
   };
@@ -24554,11 +24525,8 @@
     props: formItemProps,
     setup(__props, { expose }) {
       const props = __props;
-      const COMPONENT_NAME = "ElFormItem";
       const slots = vue.useSlots();
-      const formContext = vue.inject(formContextKey);
-      if (!formContext)
-        throwError(COMPONENT_NAME, "usage: <el-form><el-form-item /></el-form>");
+      const formContext = vue.inject(formContextKey, void 0);
       const parentFormItemContext = vue.inject(formItemContextKey, void 0);
       const _size = useSize(void 0, { formItem: false });
       const ns = useNamespace("form-item");
@@ -24569,22 +24537,22 @@
       let initialValue = void 0;
       let isResettingField = false;
       const labelStyle = vue.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 = vue.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 };
         }
@@ -24597,10 +24565,10 @@
         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 = vue.computed(() => isBoolean(props.inlineMessage) ? props.inlineMessage : formContext.inlineMessage || false);
+      const _inlineMessage = vue.computed(() => isBoolean(props.inlineMessage) ? props.inlineMessage : (formContext == null ? void 0 : formContext.inlineMessage) || false);
       const validateClasses = vue.computed(() => [
         ns.e("error"),
         { [ns.em("error", "inline")]: _inlineMessage.value }
@@ -24613,7 +24581,7 @@
       const labelFor = vue.computed(() => props.for || propString.value);
       const isNested = !!parentFormItemContext;
       const fieldValue = vue.computed(() => {
-        const model = formContext.model;
+        const model = formContext == null ? void 0 : formContext.model;
         if (!model || !props.prop) {
           return;
         }
@@ -24621,7 +24589,7 @@
       });
       const _rules = vue.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) {
@@ -24647,8 +24615,11 @@
         }).map(({ trigger: trigger2, ...rule }) => rule);
       };
       const isRequired = vue.computed(() => _rules.value.some((rule) => rule.required === true));
-      const shouldShowError = vue.computed(() => validateStateDebounced.value === "error" && props.showMessage && formContext.showMessage);
-      const currentLabel = vue.computed(() => `${props.label || ""}${formContext.labelSuffix || ""}`);
+      const shouldShowError = vue.computed(() => {
+        var _a;
+        return validateStateDebounced.value === "error" && props.showMessage && ((_a = formContext == null ? void 0 : formContext.showMessage) != null ? _a : true);
+      });
+      const currentLabel = vue.computed(() => `${props.label || ""}${(formContext == null ? void 0 : formContext.labelSuffix) || ""}`);
       const setValidationState = (state) => {
         validateState.value = state;
       };
@@ -24660,11 +24631,11 @@
         }
         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;
@@ -24709,7 +24680,7 @@
         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);
@@ -24737,12 +24708,12 @@
       vue.provide(formItemContextKey, context);
       vue.onMounted(() => {
         if (props.prop) {
-          formContext.addField(context);
+          formContext == null ? void 0 : formContext.addField(context);
           initialValue = clone(fieldValue.value);
         }
       });
       vue.onBeforeUnmount(() => {
-        formContext.removeField(context);
+        formContext == null ? void 0 : formContext.removeField(context);
       });
       expose({
         size: _size,
@@ -24753,6 +24724,7 @@
         resetField
       });
       return (_ctx, _cache) => {
+        var _a;
         return vue.openBlock(), vue.createElementBlock("div", {
           ref_key: "formItemRef",
           ref: formItemRef,
@@ -24760,7 +24732,7 @@
         }, [
           vue.createVNode(vue.unref(FormLabelWrap), {
             "is-auto-width": vue.unref(labelStyle).width === "auto",
-            "update-all": vue.unref(formContext).labelWidth === "auto"
+            "update-all": ((_a = vue.unref(formContext)) == null ? void 0 : _a.labelWidth) === "auto"
           }, {
             default: vue.withCtx(() => [
               _ctx.label || _ctx.$slots.label ? (vue.openBlock(), vue.createElementBlock("label", {
@@ -24772,7 +24744,7 @@
                 vue.renderSlot(_ctx.$slots, "label", { label: vue.unref(currentLabel) }, () => [
                   vue.createTextVNode(vue.toDisplayString(vue.unref(currentLabel)), 1)
                 ])
-              ], 14, _hoisted_1$u)) : vue.createCommentVNode("v-if", true)
+              ], 14, _hoisted_1$s)) : vue.createCommentVNode("v-if", true)
             ]),
             _: 3
           }, 8, ["is-auto-width", "update-all"]),
@@ -24838,7 +24810,7 @@
     switch: (index) => typeof index === "number"
   };
 
-  const _hoisted_1$t = ["src"];
+  const _hoisted_1$r = ["src"];
   const __default__$h = {
     name: "ElImageViewer"
   };
@@ -25206,7 +25178,7 @@
                       onLoad: handleImgLoad,
                       onError: handleImgError,
                       onMousedown: handleMouseDown
-                    }, null, 46, _hoisted_1$t)), [
+                    }, null, 46, _hoisted_1$r)), [
                       [vue.vShow, i === index.value]
                     ]);
                   }), 128))
@@ -25275,7 +25247,7 @@
     close: () => true
   };
 
-  const _hoisted_1$s = ["src"];
+  const _hoisted_1$q = ["src"];
   const _hoisted_2$i = { key: 0 };
   const __default__$g = {
     name: "ElImage"
@@ -25464,7 +25436,7 @@
             style: vue.unref(imageStyle),
             class: [vue.unref(ns).e("inner"), vue.unref(preview) ? vue.unref(ns).e("preview") : ""],
             onClick: clickHandler
-          }), null, 16, _hoisted_1$s)),
+          }), null, 16, _hoisted_1$q)),
           vue.unref(preview) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 3 }, [
             showViewer.value ? (vue.openBlock(), vue.createBlock(vue.unref(ElImageViewer), {
               key: 0,
@@ -25841,7 +25813,7 @@
     click: (evt) => evt instanceof MouseEvent
   };
 
-  const _hoisted_1$r = ["href"];
+  const _hoisted_1$p = ["href"];
   const __default__$f = {
     name: "ElLink"
   };
@@ -25880,7 +25852,7 @@
             vue.renderSlot(_ctx.$slots, "default")
           ], 2)) : vue.createCommentVNode("v-if", true),
           _ctx.$slots.icon ? vue.renderSlot(_ctx.$slots, "icon", { key: 2 }) : vue.createCommentVNode("v-if", true)
-        ], 10, _hoisted_1$r);
+        ], 10, _hoisted_1$p);
       };
     }
   });
@@ -25948,15 +25920,15 @@
   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);
       }
@@ -25998,15 +25970,15 @@
   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);
         }
       });
     }
@@ -26016,31 +25988,32 @@
   const _sfc_main$V = vue.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";
@@ -26166,6 +26139,8 @@
     setup(props, { slots, expose }) {
       const instance = vue.getCurrentInstance();
       const { paddingStyle, indexPath, parentMenu } = useMenu(instance, vue.computed(() => props.index));
+      const nsMenu = useNamespace("menu");
+      const nsSubMenu = useNamespace("sub-menu");
       const rootMenu = vue.inject("rootMenu");
       if (!rootMenu)
         throwError(COMPONENT_NAME$9, "can not inject root menu");
@@ -26198,7 +26173,7 @@
       const appendToBody = vue.computed(() => {
         return props.popperAppendToBody === void 0 ? isFirstLevel.value : Boolean(props.popperAppendToBody);
       });
-      const menuTransitionName = vue.computed(() => rootMenu.props.collapse ? "el-zoom-in-left" : "el-zoom-in-top");
+      const menuTransitionName = vue.computed(() => rootMenu.props.collapse ? `${nsMenu.namespace.value}-zoom-in-left` : `${nsMenu.namespace.value}-zoom-in-top`);
       const fallbackPlacements = vue.computed(() => mode.value === "horizontal" && isFirstLevel.value ? [
         "bottom-start",
         "bottom-end",
@@ -26329,7 +26304,7 @@
         const titleTag = [
           (_a = slots.title) == null ? void 0 : _a.call(slots),
           vue.h(ElIcon, {
-            class: ["el-sub-menu__icon-arrow"]
+            class: nsSubMenu.e("icon-arrow")
           }, { default: () => vue.h(subMenuTitleIcon.value) })
         ];
         const ulStyle = useMenuCssVar(rootMenu.props);
@@ -26351,22 +26326,23 @@
           content: () => {
             var _a2;
             return vue.h("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)
             }, [
               vue.h("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: () => vue.h("div", {
-            class: "el-sub-menu__title",
+            class: nsSubMenu.e("title"),
             style: [
               paddingStyle.value,
               titleStyle.value,
@@ -26376,7 +26352,7 @@
           }, titleTag)
         }) : vue.h(vue.Fragment, {}, [
           vue.h("div", {
-            class: "el-sub-menu__title",
+            class: nsSubMenu.e("title"),
             style: [
               paddingStyle.value,
               titleStyle.value,
@@ -26390,7 +26366,7 @@
               var _a2;
               return vue.withDirectives(vue.h("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)]), [[vue.vShow, opened.value]]);
             }
@@ -26398,12 +26374,10 @@
         ]);
         return vue.h("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,
@@ -26464,6 +26438,8 @@
       const instance = vue.getCurrentInstance();
       const router = instance.appContext.config.globalProperties.$router;
       const menu = vue.ref();
+      const nsMenu = useNamespace("menu");
+      const nsSubMenu = useNamespace("sub-menu");
       const openedMenus = vue.ref(props.defaultOpeneds && !props.collapse ? props.defaultOpeneds.slice(0) : []);
       const activeIndex = vue.ref(props.defaultActive);
       const items = vue.ref({});
@@ -26590,7 +26566,7 @@
       vue.onMounted(() => {
         initMenu();
         if (props.mode === "horizontal") {
-          new Menubar(instance.vnode.el);
+          new Menubar(instance.vnode.el, nsMenu.namespace.value);
         }
       });
       {
@@ -26642,10 +26618,10 @@
             slot = slotDefault;
             vShowMore.push(vue.h(SubMenu, {
               index: "sub-menu-more",
-              class: "el-sub-menu__hide-arrow"
+              class: nsSubMenu.e("hide-arrow")
             }, {
               title: () => vue.h(ElIcon, {
-                class: ["el-sub-menu__icon-more"]
+                class: nsSubMenu.e("icon-more")
               }, { default: () => vue.h(more) }),
               default: () => slotMore
             }));
@@ -26659,9 +26635,9 @@
           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") {
@@ -26697,6 +26673,8 @@
     setup(props, { emit }) {
       const instance = vue.getCurrentInstance();
       const rootMenu = vue.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, vue.toRef(props, "index"));
@@ -26733,18 +26711,20 @@
         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 = vue.resolveComponent("el-tooltip");
     return vue.openBlock(), vue.createElementBlock("li", {
-      class: vue.normalizeClass(["el-menu-item", {
-        "is-active": _ctx.active,
-        "is-disabled": _ctx.disabled
-      }]),
+      class: vue.normalizeClass([
+        _ctx.nsMenuItem.b(),
+        _ctx.nsMenuItem.is("active", _ctx.active),
+        _ctx.nsMenuItem.is("disabled", _ctx.disabled)
+      ]),
       role: "menuitem",
       tabindex: "-1",
       style: vue.normalizeStyle(_ctx.paddingStyle),
@@ -26761,9 +26741,11 @@
           vue.renderSlot(_ctx.$slots, "title")
         ]),
         default: vue.withCtx(() => [
-          vue.createElementVNode("div", _hoisted_1$q, [
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(_ctx.nsMenu.be("tooltip", "trigger"))
+          }, [
             vue.renderSlot(_ctx.$slots, "default")
-          ])
+          ], 2)
         ]),
         _: 3
       }, 8, ["effect"])) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
@@ -26787,6 +26769,7 @@
       const menu = vue.inject("rootMenu");
       if (!menu)
         throwError(COMPONENT_NAME$7, "can not inject root menu");
+      const ns = useNamespace("menu-item-group");
       const levelPadding = vue.computed(() => {
         if (menu.props.collapse)
           return 20;
@@ -26801,25 +26784,27 @@
         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 vue.openBlock(), vue.createElementBlock("li", _hoisted_1$p, [
+    return vue.openBlock(), vue.createElementBlock("li", {
+      class: vue.normalizeClass(_ctx.ns.b())
+    }, [
       vue.createElementVNode("div", {
-        class: "el-menu-item-group__title",
+        class: vue.normalizeClass(_ctx.ns.e("title")),
         style: vue.normalizeStyle({ paddingLeft: `${_ctx.levelPadding}px` })
       }, [
         !_ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
           vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
         ], 2112)) : vue.renderSlot(_ctx.$slots, "title", { key: 1 })
-      ], 4),
+      ], 6),
       vue.createElementVNode("ul", null, [
         vue.renderSlot(_ctx.$slots, "default")
       ])
-    ]);
+    ], 2);
   }
   var MenuItemGroup = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$A], ["__file", "menu-item-group.vue"]]);
 
@@ -27425,8 +27410,7 @@
         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`;
@@ -28434,7 +28418,7 @@
               onMouseleave: _cache[22] || (_cache[22] = ($event) => _ctx.inputHovering = false)
             }, vue.createSlots({
               suffix: vue.withCtx(() => [
-                _ctx.iconComponent ? vue.withDirectives((vue.openBlock(), vue.createBlock(_component_el_icon, {
+                _ctx.iconComponent && !_ctx.showClose ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
                   key: 0,
                   class: vue.normalizeClass([_ctx.nsSelect.e("caret"), _ctx.nsSelect.e("icon"), _ctx.iconReverse])
                 }, {
@@ -28442,9 +28426,7 @@
                     (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.iconComponent)))
                   ]),
                   _: 1
-                }, 8, ["class"])), [
-                  [vue.vShow, !_ctx.showClose]
-                ]) : vue.createCommentVNode("v-if", true),
+                }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
                 _ctx.showClose && _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
                   key: 1,
                   class: vue.normalizeClass([_ctx.nsSelect.e("caret"), _ctx.nsSelect.e("icon")]),
@@ -29780,8 +29762,8 @@
   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 = vue.resolveComponent("el-icon");
     return vue.openBlock(), vue.createElementBlock("div", {
@@ -29846,7 +29828,7 @@
             "stroke-linecap": _ctx.strokeLinecap,
             "stroke-width": _ctx.percentage ? _ctx.relativeStrokeWidth : 0,
             style: vue.normalizeStyle(_ctx.circlePathStyle)
-          }, null, 14, _hoisted_4$5)
+          }, null, 14, _hoisted_4$4)
         ]))
       ], 6)),
       (_ctx.showText || _ctx.$slots.default) && !_ctx.textInside ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -29855,7 +29837,7 @@
         style: vue.normalizeStyle({ fontSize: `${_ctx.progressTextSize}px` })
       }, [
         vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(_ctx.slotData)), () => [
-          !_ctx.status ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$4, vue.toDisplayString(_ctx.content), 1)) : (vue.openBlock(), vue.createBlock(_component_el_icon, { key: 1 }, {
+          !_ctx.status ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$3, vue.toDisplayString(_ctx.content), 1)) : (vue.openBlock(), vue.createBlock(_component_el_icon, { key: 1 }, {
             default: vue.withCtx(() => [
               (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.statusIcon)))
             ]),
@@ -30399,7 +30381,7 @@
   };
 
   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";
@@ -30533,6 +30515,12 @@
     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,
@@ -30544,9 +30532,15 @@
     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: {
@@ -30561,6 +30555,9 @@
       type: Number,
       required: true
     },
+    scrollbarSize,
+    startGap,
+    endGap,
     visible: Boolean
   });
 
@@ -30617,7 +30614,9 @@
     props: virtualizedScrollbarProps,
     emits: ["scroll", "start-move", "stop-move"],
     setup(props, { emit }) {
-      const GAP = 4;
+      const GAP = vue.computed(() => props.startGap + props.endGap);
+      const nsVirtualScrollbar = useNamespace("virtual-scrollbar");
+      const nsScrollbar = useNamespace("scrollbar");
       const trackRef = vue.ref();
       const thumbRef = vue.ref();
       let frameHandle = null;
@@ -30627,11 +30626,11 @@
         traveled: 0
       });
       const bar = vue.computed(() => BAR_MAP[props.layout]);
-      const trackSize = vue.computed(() => props.clientSize - GAP);
+      const trackSize = vue.computed(() => props.clientSize - vue.unref(GAP));
       const trackStyle = vue.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",
@@ -30663,28 +30662,28 @@
         }, props.layout);
         return style;
       });
-      const totalSteps = vue.computed(() => Math.floor(props.clientSize - thumbSize.value - GAP));
+      const totalSteps = vue.computed(() => Math.floor(props.clientSize - thumbSize.value - vue.unref(GAP)));
       const attachEvents = () => {
-        on(window, "mousemove", onMouseMove);
-        on(window, "mouseup", onMouseUp);
+        window.addEventListener("mousemove", onMouseMove);
+        window.addEventListener("mouseup", onMouseUp);
         const thumbEl = vue.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 = vue.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();
@@ -30716,7 +30715,7 @@
         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);
         });
       };
@@ -30727,32 +30726,29 @@
         state.traveled = Math.max(0, Math.min(distance, totalSteps.value));
         emit("scroll", distance, totalSteps.value);
       };
-      const onScrollbarTouchStart = (e) => e.preventDefault();
       vue.watch(() => props.scrollFrom, (v) => {
         if (state.isDragging)
           return;
         state.traveled = Math.ceil(v * totalSteps.value);
       });
-      vue.onMounted(() => {
-        if (!isClient)
-          return;
-        on(trackRef.value, "touchstart", onScrollbarTouchStart);
-        on(thumbRef.value, "touchstart", onThumbMouseDown);
-      });
       vue.onBeforeUnmount(() => {
-        off(trackRef.value, "touchstart", onScrollbarTouchStart);
         detachEvents();
       });
       return () => {
         return vue.h("div", {
           role: "presentation",
           ref: trackRef,
-          class: "el-virtual-scrollbar",
+          class: [
+            nsVirtualScrollbar.b(),
+            props.class,
+            (props.alwaysOn || state.isDragging) && "always-on"
+          ],
           style: trackStyle.value,
-          onMousedown: vue.withModifiers(clickTrackHandler, ["stop", "prevent"])
+          onMousedown: vue.withModifiers(clickTrackHandler, ["stop", "prevent"]),
+          onTouchstartPrevent: onThumbMouseDown
         }, vue.h("div", {
           ref: thumbRef,
-          class: "el-scrollbar__thumb",
+          class: nsScrollbar.e("thumb"),
           style: thumbStyle.value,
           onMousedown: onThumbMouseDown
         }, []));
@@ -30780,6 +30776,7 @@
       setup(props, { emit, expose }) {
         validateProps(props);
         const instance = vue.getCurrentInstance();
+        const ns = useNamespace("vl");
         const dynamicSizeCache = vue.ref(initCache(props, instance));
         const getItemStyleCache = useCache();
         const windowRef = vue.ref();
@@ -31006,6 +31003,7 @@
           }
         });
         const api = {
+          ns,
           clientSize,
           estimatedTotalSize,
           windowStyle,
@@ -31053,7 +31051,8 @@
           onWheel,
           states,
           useIsScrolling,
-          windowStyle
+          windowStyle,
+          ns
         } = ctx;
         const [start, end] = itemsToRender;
         const Container = vue.resolveDynamicComponent(containerElement);
@@ -31097,10 +31096,7 @@
         }, !isString(Container) ? { default: () => [InnerNode] } : [InnerNode]);
         return vue.h("div", {
           key: 0,
-          class: [
-            "el-vl__wrapper",
-            states.scrollbarAlwaysOn ? "always-on" : ""
-          ]
+          class: [ns.e("wrapper"), states.scrollbarAlwaysOn ? "always-on" : ""]
         }, [listContainer, scrollbar]);
       }
     });
@@ -31322,8 +31318,13 @@
     };
     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;
@@ -31357,6 +31358,7 @@
     getRowStartIndexForOffset,
     getRowStopIndexForStartIndex,
     initCache,
+    injectToInstance,
     validateProps
   }) => {
     return vue.defineComponent({
@@ -31364,9 +31366,11 @@
       props: virtualizedGridProps,
       emits: [ITEM_RENDER_EVT, SCROLL_EVT],
       setup(props, { emit, expose, slots }) {
+        const ns = useNamespace("vl");
         validateProps(props);
         const instance = vue.getCurrentInstance();
         const cache = vue.ref(initCache(props, instance));
+        injectToInstance == null ? void 0 : injectToInstance(instance, cache);
         const windowRef = vue.ref();
         const hScrollbar = vue.ref();
         const vScrollbar = vue.ref();
@@ -31472,7 +31476,13 @@
             xAxisScrollDir,
             yAxisScrollDir
           } = vue.unref(states);
-          emit(SCROLL_EVT, xAxisScrollDir, scrollLeft, yAxisScrollDir, scrollTop, updateRequested);
+          emit(SCROLL_EVT, {
+            xAxisScrollDir,
+            scrollLeft,
+            yAxisScrollDir,
+            scrollTop,
+            updateRequested
+          });
         };
         const onScroll = (e) => {
           const {
@@ -31503,11 +31513,12 @@
             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)
           };
-          vue.nextTick(resetIsScrolling);
+          vue.nextTick(() => resetIsScrolling());
+          onUpdated();
           emitEvents();
         };
         const onVerticalScroll = (distance, totalSteps) => {
@@ -31558,7 +31569,9 @@
             scrollTop,
             updateRequested: true
           };
-          vue.nextTick(resetIsScrolling);
+          vue.nextTick(() => resetIsScrolling());
+          onUpdated();
+          emitEvents();
         };
         const scrollToItem = (rowIndex = 0, columnIdx = 0, alignment = AUTO_ALIGNMENT) => {
           const _states = vue.unref(states);
@@ -31617,7 +31630,7 @@
           }
           emitEvents();
         });
-        vue.onUpdated(() => {
+        const onUpdated = () => {
           const { direction } = props;
           const { scrollLeft, scrollTop, updateRequested } = vue.unref(states);
           const windowElement = vue.unref(windowRef);
@@ -31643,7 +31656,7 @@
             }
             windowElement.scrollTop = Math.max(0, scrollTop);
           }
-        });
+        };
         expose({
           windowRef,
           innerRef,
@@ -31653,7 +31666,13 @@
           states
         });
         const renderScrollbars = () => {
-          const { totalColumn, totalRow } = props;
+          const {
+            scrollbarAlwaysOn,
+            scrollbarStartGap,
+            scrollbarEndGap,
+            totalColumn,
+            totalRow
+          } = props;
           const width = vue.unref(parsedWidth);
           const height = vue.unref(parsedHeight);
           const estimatedWidth = vue.unref(estimatedTotalWidth);
@@ -31661,6 +31680,10 @@
           const { scrollLeft, scrollTop } = vue.unref(states);
           const horizontalScrollbar = vue.h(Scrollbar, {
             ref: hScrollbar,
+            alwaysOn: scrollbarAlwaysOn,
+            startGap: scrollbarStartGap,
+            endGap: scrollbarEndGap,
+            class: ns.e("horizontal"),
             clientSize: width,
             layout: "horizontal",
             onScroll: onHorizontalScroll,
@@ -31671,6 +31694,10 @@
           });
           const verticalScrollbar = vue.h(Scrollbar, {
             ref: vScrollbar,
+            alwaysOn: scrollbarAlwaysOn,
+            startGap: scrollbarStartGap,
+            endGap: scrollbarEndGap,
+            class: ns.e("vertical"),
             clientSize: height,
             layout: "vertical",
             onScroll: onVerticalScroll,
@@ -31724,7 +31751,7 @@
           const Inner = renderInner();
           return vue.h("div", {
             key: 0,
-            class: "el-vg__wrapper"
+            class: ns.e("wrapper")
           }, [
             vue.h(Container, {
               class: props.className,
@@ -31743,7 +31770,7 @@
   };
   var createGrid$1 = createGrid;
 
-  const FixedSizeGrid$2 = createGrid$1({
+  const FixedSizeGrid = createGrid$1({
     name: "ElFixedSizeGrid",
     getColumnPosition: ({ columnWidth }, index) => [
       columnWidth,
@@ -31852,7 +31879,7 @@
     validateProps: ({ columnWidth, rowHeight }) => {
     }
   });
-  var FixedSizeGrid$3 = FixedSizeGrid$2;
+  var FixedSizeGrid$1 = FixedSizeGrid;
 
   const { max, min, floor } = Math;
   const ACCESS_SIZER_KEY_MAP = {
@@ -31991,7 +32018,7 @@
       }
     }
   };
-  const FixedSizeGrid = createGrid$1({
+  const DynamicSizeGrid = createGrid$1({
     name: "ElDynamicSizeGrid",
     getColumnPosition: (props, idx, cache) => {
       const item = getItemFromCache(props, idx, cache, "column");
@@ -32030,6 +32057,34 @@
       }
       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
@@ -32048,7 +32103,7 @@
     validateProps: ({ columnWidth, rowHeight }) => {
     }
   });
-  var FixedSizeGrid$1 = FixedSizeGrid;
+  var DynamicSizeGrid$1 = DynamicSizeGrid;
 
   const _sfc_main$C = vue.defineComponent({
     props: {
@@ -33186,8 +33241,8 @@
   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 = vue.resolveComponent("el-tag");
     const _component_el_tooltip = vue.resolveComponent("el-tooltip");
@@ -33444,7 +33499,7 @@
                       _cache[20] || (_cache[20] = vue.withKeys(vue.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),
@@ -33457,7 +33512,7 @@
                     _ctx.nsSelectV2.e("input-calculator")
                   ]),
                   textContent: vue.toDisplayString(_ctx.states.displayInputValue)
-                }, null, 10, _hoisted_5$3)) : vue.createCommentVNode("v-if", true)
+                }, null, 10, _hoisted_5$2)) : vue.createCommentVNode("v-if", true)
               ], 64)),
               _ctx.shouldShowPlaceholder ? (vue.openBlock(), vue.createElementBlock("span", {
                 key: 3,
@@ -35169,9 +35224,9 @@
   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 = vue.resolveComponent("el-icon");
     const _component_loading = vue.resolveComponent("loading");
@@ -35246,12 +35301,12 @@
               key: 0,
               class: vue.normalizeClass([_ctx.ns.is("text"), _ctx.checked ? _ctx.ns.is("show") : _ctx.ns.is("hide")]),
               "aria-hidden": !_ctx.checked
-            }, vue.toDisplayString(_ctx.activeText.substring(0, 3)), 11, _hoisted_4$3)) : vue.createCommentVNode("v-if", true),
+            }, vue.toDisplayString(_ctx.activeText.substring(0, 3)), 11, _hoisted_4$2)) : vue.createCommentVNode("v-if", true),
             _ctx.inactiveText ? (vue.openBlock(), vue.createElementBlock("span", {
               key: 1,
               class: vue.normalizeClass([_ctx.ns.is("text"), !_ctx.checked ? _ctx.ns.is("show") : _ctx.ns.is("hide")]),
               "aria-hidden": _ctx.checked
-            }, vue.toDisplayString(_ctx.inactiveText.substring(0, 3)), 11, _hoisted_5$2)) : vue.createCommentVNode("v-if", true)
+            }, vue.toDisplayString(_ctx.inactiveText.substring(0, 3)), 11, _hoisted_5$1)) : vue.createCommentVNode("v-if", true)
           ], 64)) : vue.createCommentVNode("v-if", true)
         ], 2)) : vue.createCommentVNode("v-if", true),
         vue.createElementVNode("div", {
@@ -35285,7 +35340,7 @@
         !_ctx.activeIcon && _ctx.activeText ? (vue.openBlock(), vue.createElementBlock("span", {
           key: 1,
           "aria-hidden": !_ctx.checked
-        }, vue.toDisplayString(_ctx.activeText), 9, _hoisted_6$1)) : vue.createCommentVNode("v-if", true)
+        }, vue.toDisplayString(_ctx.activeText), 9, _hoisted_6)) : vue.createCommentVNode("v-if", true)
       ], 2)) : vue.createCommentVNode("v-if", true)
     ], 10, _hoisted_1$d);
   }
@@ -40459,6 +40514,7 @@
     },
     emits: ["change", "blur", "focus", "update:modelValue"],
     setup(props) {
+      const nsInput = useNamespace("input");
       const select = vue.ref(null);
       const value = vue.computed(() => props.modelValue);
       const start = vue.computed(() => {
@@ -40506,6 +40562,7 @@
         (_b = (_a = select.value) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a);
       };
       return {
+        nsInput,
         select,
         value,
         items,
@@ -40537,13 +40594,13 @@
       prefix: vue.withCtx(() => [
         _ctx.prefixIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
           key: 0,
-          class: "el-input__prefix-icon"
+          class: vue.normalizeClass(_ctx.nsInput.e("prefix-icon"))
         }, {
           default: vue.withCtx(() => [
             (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.prefixIcon)))
           ]),
           _: 1
-        })) : vue.createCommentVNode("v-if", true)
+        }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
       ]),
       default: vue.withCtx(() => [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.items, (item) => {
@@ -43468,7 +43525,17 @@
       ...pick$1(vue.toRefs(props), Object.keys(_Tree.props)),
       ...attrs,
       nodeKey: key,
-      defaultExpandedKeys: vue.computed(() => props.defaultExpandedKeys ? props.defaultExpandedKeys.concat(props.modelValue) : toValidArray(props.modelValue)),
+      expandOnClickNode: vue.computed(() => {
+        return !props.checkStrictly;
+      }),
+      defaultExpandedKeys: vue.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),
@@ -43493,7 +43560,7 @@
             (_c = select.value) == null ? void 0 : _c.handleOptionSelect(option, true);
           }
         } else {
-          e.ctx.handleExpandIconClick();
+          e.proxy.handleExpandIconClick();
         }
       },
       onCheck: (data, params) => {
@@ -43505,12 +43572,16 @@
       }
     };
   };
+  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 = vue.defineComponent({
     name: "ElTreeSelect",
+    inheritAttrs: false,
     props: {
       ...ElSelect.props,
       ..._Tree.props
@@ -44655,8 +44726,8 @@
   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"
   };
@@ -44792,7 +44863,7 @@
                         ]),
                         _: 1
                       }, 8, ["class"])
-                    ], 10, _hoisted_4$2),
+                    ], 10, _hoisted_4$1),
                     !_ctx.disabled ? (vue.openBlock(), vue.createElementBlock("span", {
                       key: 0,
                       class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-delete")),
@@ -44806,7 +44877,7 @@
                         ]),
                         _: 1
                       }, 8, ["class"])
-                    ], 10, _hoisted_5$1)) : vue.createCommentVNode("v-if", true)
+                    ], 10, _hoisted_5)) : vue.createCommentVNode("v-if", true)
                   ], 2)) : vue.createCommentVNode("v-if", true)
                 ])
               ], 42, _hoisted_1$5);
@@ -45588,6 +45659,7 @@
         removeClass(target, "el-loading-parent--hidden");
       }
       remvoeElLoadingChild();
+      loadingInstance.unmount();
     }
     function remvoeElLoadingChild() {
       var _a, _b;
@@ -45659,7 +45731,8 @@
         };
       }
     };
-    const vm = vue.createApp(elLoadingComponent).mount(document.createElement("div"));
+    const loadingInstance = vue.createApp(elLoadingComponent);
+    const vm = loadingInstance.mount(document.createElement("div"));
     return {
       ...vue.toRefs(data),
       setText,
@@ -45679,8 +45752,7 @@
       return void 0;
     const resolved = resolveOptions(options);
     if (resolved.fullscreen && fullscreenInstance) {
-      fullscreenInstance.remvoeElLoadingChild();
-      fullscreenInstance.close();
+      return fullscreenInstance;
     }
     const instance = createLoadingComponent({
       ...resolved,
@@ -46218,6 +46290,7 @@
     emits: ["vanish", "action"],
     setup(props, { emit }) {
       const { t } = useLocale();
+      const ns = useNamespace("message-box");
       const visible = vue.ref(false);
       const { nextZIndex } = useZIndex();
       const state = vue.reactive({
@@ -46256,7 +46329,7 @@
       });
       const typeClass = vue.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(vue.computed(() => props.buttonSize), { prop: true, form: true, formItem: true });
       const iconComponent = vue.computed(() => state.icon || TypeComponentsMap[state.type] || "");
@@ -46388,6 +46461,7 @@
       useRestoreActive(visible);
       return {
         ...vue.toRefs(state),
+        ns,
         overlayEvent,
         visible,
         hasMessage,
@@ -46409,22 +46483,8 @@
     }
   });
   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 = vue.resolveComponent("el-icon");
     const _component_close = vue.resolveComponent("close");
@@ -46439,12 +46499,12 @@
       default: vue.withCtx(() => [
         vue.withDirectives(vue.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: vue.withCtx(() => [
             vue.createElementVNode("div", {
-              class: "el-overlay-message-box",
+              class: vue.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))
@@ -46455,19 +46515,26 @@
                 "aria-label": _ctx.title || "dialog",
                 "aria-modal": "true",
                 class: vue.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: vue.normalizeStyle(_ctx.customStyle),
                 onClick: _cache[7] || (_cache[7] = vue.withModifiers(() => {
                 }, ["stop"]))
               }, [
-                _ctx.title !== null && _ctx.title !== void 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$1, [
-                  vue.createElementVNode("div", _hoisted_3$1, [
+                _ctx.title !== null && _ctx.title !== void 0 ? (vue.openBlock(), vue.createElementBlock("div", {
+                  key: 0,
+                  ref: "headerRef",
+                  class: vue.normalizeClass(_ctx.ns.e("header"))
+                }, [
+                  vue.createElementVNode("div", {
+                    class: vue.normalizeClass(_ctx.ns.e("title"))
+                  }, [
                     _ctx.iconComponent && _ctx.center ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
                       key: 0,
-                      class: vue.normalizeClass(["el-message-box__status", _ctx.typeClass])
+                      class: vue.normalizeClass([_ctx.ns.e("status"), _ctx.typeClass])
                     }, {
                       default: vue.withCtx(() => [
                         (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.iconComponent)))
@@ -46475,44 +46542,55 @@
                       _: 1
                     }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
                     vue.createElementVNode("span", null, vue.toDisplayString(_ctx.title), 1)
-                  ]),
+                  ], 2),
                   _ctx.showClose ? (vue.openBlock(), vue.createElementBlock("button", {
                     key: 0,
                     type: "button",
-                    class: "el-message-box__headerbtn",
+                    class: vue.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] = vue.withKeys(vue.withModifiers(($event) => _ctx.handleAction(_ctx.distinguishCancelAndClose ? "close" : "cancel"), ["prevent"]), ["enter"]))
                   }, [
-                    vue.createVNode(_component_el_icon, { class: "el-message-box__close" }, {
+                    vue.createVNode(_component_el_icon, {
+                      class: vue.normalizeClass(_ctx.ns.e("close"))
+                    }, {
                       default: vue.withCtx(() => [
                         vue.createVNode(_component_close)
                       ]),
                       _: 1
-                    })
-                  ], 32)) : vue.createCommentVNode("v-if", true)
-                ], 512)) : vue.createCommentVNode("v-if", true),
-                vue.createElementVNode("div", _hoisted_4$1, [
-                  vue.createElementVNode("div", _hoisted_5, [
+                    }, 8, ["class"])
+                  ], 34)) : vue.createCommentVNode("v-if", true)
+                ], 2)) : vue.createCommentVNode("v-if", true),
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass(_ctx.ns.e("content"))
+                }, [
+                  vue.createElementVNode("div", {
+                    class: vue.normalizeClass(_ctx.ns.e("container"))
+                  }, [
                     _ctx.iconComponent && !_ctx.center && _ctx.hasMessage ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
                       key: 0,
-                      class: vue.normalizeClass(["el-message-box__status", _ctx.typeClass])
+                      class: vue.normalizeClass([_ctx.ns.e("status"), _ctx.typeClass])
                     }, {
                       default: vue.withCtx(() => [
                         (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.iconComponent)))
                       ]),
                       _: 1
                     }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
-                    _ctx.hasMessage ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
+                    _ctx.hasMessage ? (vue.openBlock(), vue.createElementBlock("div", {
+                      key: 1,
+                      class: vue.normalizeClass(_ctx.ns.e("message"))
+                    }, [
                       vue.renderSlot(_ctx.$slots, "default", {}, () => [
-                        !_ctx.dangerouslyUseHTMLString ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_7, vue.toDisplayString(_ctx.message), 1)) : (vue.openBlock(), vue.createElementBlock("p", {
+                        !_ctx.dangerouslyUseHTMLString ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2$1, vue.toDisplayString(_ctx.message), 1)) : (vue.openBlock(), vue.createElementBlock("p", {
                           key: 1,
                           innerHTML: _ctx.message
-                        }, null, 8, _hoisted_8))
+                        }, null, 8, _hoisted_3$1))
                       ])
-                    ])) : vue.createCommentVNode("v-if", true)
-                  ]),
-                  vue.withDirectives(vue.createElementVNode("div", _hoisted_9, [
+                    ], 2)) : vue.createCommentVNode("v-if", true)
+                  ], 2),
+                  vue.withDirectives(vue.createElementVNode("div", {
+                    class: vue.normalizeClass(_ctx.ns.e("input"))
+                  }, [
                     vue.createVNode(_component_el_input, {
                       ref: "inputRef",
                       modelValue: _ctx.inputValue,
@@ -46523,16 +46601,18 @@
                       onKeydown: vue.withKeys(_ctx.handleInputEnter, ["enter"])
                     }, null, 8, ["modelValue", "type", "placeholder", "class", "onKeydown"]),
                     vue.createElementVNode("div", {
-                      class: "el-message-box__errormsg",
+                      class: vue.normalizeClass(_ctx.ns.e("errormsg")),
                       style: vue.normalizeStyle({
                         visibility: !!_ctx.editorErrorMessage ? "visible" : "hidden"
                       })
-                    }, vue.toDisplayString(_ctx.editorErrorMessage), 5)
-                  ], 512), [
+                    }, vue.toDisplayString(_ctx.editorErrorMessage), 7)
+                  ], 2), [
                     [vue.vShow, _ctx.showInput]
                   ])
-                ]),
-                vue.createElementVNode("div", _hoisted_10, [
+                ], 2),
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass(_ctx.ns.e("btns"))
+                }, [
                   _ctx.showCancelButton ? (vue.openBlock(), vue.createBlock(_component_el_button, {
                     key: 0,
                     loading: _ctx.cancelButtonLoading,
@@ -46565,11 +46645,11 @@
                   }, 8, ["loading", "class", "round", "disabled", "size"]), [
                     [vue.vShow, _ctx.showConfirmButton]
                   ])
-                ])
+                ], 2)
               ], 14, _hoisted_1$1)), [
                 [_directive_trap_focus]
               ])
-            ], 32)
+            ], 34)
           ]),
           _: 3
         }, 8, ["z-index", "overlay-class", "mask"]), [
@@ -47057,7 +47137,7 @@
   exports.DROPDOWN_COLLECTION_ITEM_INJECTION_KEY = COLLECTION_ITEM_INJECTION_KEY;
   exports.DROPDOWN_INJECTION_KEY = DROPDOWN_INJECTION_KEY;
   exports.DefaultProps = DefaultProps;
-  exports.DynamicSizeGrid = FixedSizeGrid$1;
+  exports.DynamicSizeGrid = DynamicSizeGrid$1;
   exports.DynamicSizeList = DynamicSizeList$1;
   exports.EVENT_CODE = EVENT_CODE;
   exports.Effect = Effect;
@@ -47171,7 +47251,7 @@
   exports.FIRST_KEYS = FIRST_KEYS;
   exports.FIRST_LAST_KEYS = FIRST_LAST_KEYS;
   exports.FORWARD_REF_INJECTION_KEY = FORWARD_REF_INJECTION_KEY;
-  exports.FixedSizeGrid = FixedSizeGrid$3;
+  exports.FixedSizeGrid = FixedSizeGrid$1;
   exports.FixedSizeList = FixedSizeList$1;
   exports.ID_INJECTION_KEY = ID_INJECTION_KEY;
   exports.INPUT_EVENT = INPUT_EVENT;