@element-plus/nightly 0.0.20220209 → 0.0.20220210

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220209 */
+/*! Element Plus v0.0.20220210 */
 
 import { defineComponent, openBlock, createElementBlock, createElementVNode, getCurrentScope, onScopeDispose, readonly, shallowRef, watchEffect, ref, unref, watch, computed, warn, isVNode, Fragment, Comment, camelize as camelize$1, getCurrentInstance, inject, provide, onMounted, onBeforeUnmount, isRef, onUnmounted, h as h$1, Teleport, onBeforeMount, nextTick, reactive, normalizeClass, normalizeStyle, renderSlot, mergeProps, resolveComponent, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, onUpdated, withModifiers, toRef, cloneVNode, Text, resolveDirective, renderList, withKeys, createSlots, normalizeProps, guardReactiveProps, toRefs, vModelCheckbox, vModelRadio, onBeforeUpdate, vModelText, toHandlers, markRaw, effectScope, toRaw, triggerRef, TransitionGroup, createApp, render } from 'vue';
 
@@ -4043,861 +4043,861 @@ var _export_sfc$1 = (sfc, props) => {
 const _sfc_main$2M = defineComponent({
   name: "ArrowDown"
 });
-const _hoisted_1$1K = {
+const _hoisted_1$1I = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$1n = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1l = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M831.872 340.864L512 652.672 192.128 340.864a30.592 30.592 0 00-42.752 0 29.12 29.12 0 000 41.6L489.664 714.24a32 32 0 0044.672 0l340.288-331.712a29.12 29.12 0 000-41.728 30.592 30.592 0 00-42.752 0z"
 }, null, -1);
-const _hoisted_3$17 = [
-  _hoisted_2$1n
+const _hoisted_3$15 = [
+  _hoisted_2$1l
 ];
 function _sfc_render$2H(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1K, _hoisted_3$17);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1I, _hoisted_3$15);
 }
 var arrowDown = /* @__PURE__ */ _export_sfc$1(_sfc_main$2M, [["render", _sfc_render$2H]]);
 
 const _sfc_main$2L = defineComponent({
   name: "ArrowLeft"
 });
-const _hoisted_1$1J = {
+const _hoisted_1$1H = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$1m = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1k = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M609.408 149.376L277.76 489.6a32 32 0 000 44.672l331.648 340.352a29.12 29.12 0 0041.728 0 30.592 30.592 0 000-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 000-42.688 29.12 29.12 0 00-41.728 0z"
 }, null, -1);
-const _hoisted_3$16 = [
-  _hoisted_2$1m
+const _hoisted_3$14 = [
+  _hoisted_2$1k
 ];
 function _sfc_render$2G(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1J, _hoisted_3$16);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1H, _hoisted_3$14);
 }
 var arrowLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2L, [["render", _sfc_render$2G]]);
 
 const _sfc_main$2K = defineComponent({
   name: "ArrowRight"
 });
-const _hoisted_1$1I = {
+const _hoisted_1$1G = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$1l = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1j = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M340.864 149.312a30.592 30.592 0 000 42.752L652.736 512 340.864 831.872a30.592 30.592 0 000 42.752 29.12 29.12 0 0041.728 0L714.24 534.336a32 32 0 000-44.672L382.592 149.376a29.12 29.12 0 00-41.728 0z"
 }, null, -1);
-const _hoisted_3$15 = [
-  _hoisted_2$1l
+const _hoisted_3$13 = [
+  _hoisted_2$1j
 ];
 function _sfc_render$2F(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1I, _hoisted_3$15);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1G, _hoisted_3$13);
 }
 var arrowRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2K, [["render", _sfc_render$2F]]);
 
 const _sfc_main$2J = defineComponent({
   name: "ArrowUp"
 });
-const _hoisted_1$1H = {
+const _hoisted_1$1F = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$1k = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1i = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M488.832 344.32l-339.84 356.672a32 32 0 000 44.16l.384.384a29.44 29.44 0 0042.688 0l320-335.872 319.872 335.872a29.44 29.44 0 0042.688 0l.384-.384a32 32 0 000-44.16L535.168 344.32a32 32 0 00-46.336 0z"
 }, null, -1);
-const _hoisted_3$14 = [
-  _hoisted_2$1k
+const _hoisted_3$12 = [
+  _hoisted_2$1i
 ];
 function _sfc_render$2E(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1H, _hoisted_3$14);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1F, _hoisted_3$12);
 }
 var arrowUp = /* @__PURE__ */ _export_sfc$1(_sfc_main$2J, [["render", _sfc_render$2E]]);
 
 const _sfc_main$2I = defineComponent({
   name: "Back"
 });
-const _hoisted_1$1G = {
+const _hoisted_1$1E = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$1j = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1h = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M224 480h640a32 32 0 110 64H224a32 32 0 010-64z"
 }, null, -1);
-const _hoisted_3$13 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_3$11 = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M237.248 512l265.408 265.344a32 32 0 01-45.312 45.312l-288-288a32 32 0 010-45.312l288-288a32 32 0 1145.312 45.312L237.248 512z"
 }, null, -1);
-const _hoisted_4$m = [
-  _hoisted_2$1j,
-  _hoisted_3$13
+const _hoisted_4$l = [
+  _hoisted_2$1h,
+  _hoisted_3$11
 ];
 function _sfc_render$2D(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1G, _hoisted_4$m);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1E, _hoisted_4$l);
 }
 var back = /* @__PURE__ */ _export_sfc$1(_sfc_main$2I, [["render", _sfc_render$2D]]);
 
 const _sfc_main$2H = defineComponent({
   name: "Calendar"
 });
-const _hoisted_1$1F = {
+const _hoisted_1$1D = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$1i = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1g = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M128 384v512h768V192H768v32a32 32 0 11-64 0v-32H320v32a32 32 0 01-64 0v-32H128v128h768v64H128zm192-256h384V96a32 32 0 1164 0v32h160a32 32 0 0132 32v768a32 32 0 01-32 32H96a32 32 0 01-32-32V160a32 32 0 0132-32h160V96a32 32 0 0164 0v32zm-32 384h64a32 32 0 010 64h-64a32 32 0 010-64zm0 192h64a32 32 0 110 64h-64a32 32 0 110-64zm192-192h64a32 32 0 010 64h-64a32 32 0 010-64zm0 192h64a32 32 0 110 64h-64a32 32 0 110-64zm192-192h64a32 32 0 110 64h-64a32 32 0 110-64zm0 192h64a32 32 0 110 64h-64a32 32 0 110-64z"
 }, null, -1);
-const _hoisted_3$12 = [
-  _hoisted_2$1i
+const _hoisted_3$10 = [
+  _hoisted_2$1g
 ];
 function _sfc_render$2C(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1F, _hoisted_3$12);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1D, _hoisted_3$10);
 }
 var calendar = /* @__PURE__ */ _export_sfc$1(_sfc_main$2H, [["render", _sfc_render$2C]]);
 
 const _sfc_main$2G = defineComponent({
   name: "CaretRight"
 });
-const _hoisted_1$1E = {
+const _hoisted_1$1C = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$1h = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1f = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M384 192v640l384-320.064z"
 }, null, -1);
-const _hoisted_3$11 = [
-  _hoisted_2$1h
+const _hoisted_3$$ = [
+  _hoisted_2$1f
 ];
 function _sfc_render$2B(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1E, _hoisted_3$11);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1C, _hoisted_3$$);
 }
 var caretRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2G, [["render", _sfc_render$2B]]);
 
 const _sfc_main$2F = defineComponent({
   name: "CaretTop"
 });
-const _hoisted_1$1D = {
+const _hoisted_1$1B = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$1g = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1e = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M512 320L192 704h639.936z"
 }, null, -1);
-const _hoisted_3$10 = [
-  _hoisted_2$1g
+const _hoisted_3$_ = [
+  _hoisted_2$1e
 ];
 function _sfc_render$2A(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1D, _hoisted_3$10);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1B, _hoisted_3$_);
 }
 var caretTop = /* @__PURE__ */ _export_sfc$1(_sfc_main$2F, [["render", _sfc_render$2A]]);
 
 const _sfc_main$2E = defineComponent({
   name: "Check"
 });
-const _hoisted_1$1C = {
+const _hoisted_1$1A = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$1f = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1d = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z"
 }, null, -1);
-const _hoisted_3$$ = [
-  _hoisted_2$1f
+const _hoisted_3$Z = [
+  _hoisted_2$1d
 ];
 function _sfc_render$2z(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1C, _hoisted_3$$);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1A, _hoisted_3$Z);
 }
 var check = /* @__PURE__ */ _export_sfc$1(_sfc_main$2E, [["render", _sfc_render$2z]]);
 
 const _sfc_main$2D = defineComponent({
   name: "CircleCheckFilled"
 });
-const _hoisted_1$1B = {
+const _hoisted_1$1z = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$1e = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1c = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M512 64a448 448 0 110 896 448 448 0 010-896zm-55.808 536.384l-99.52-99.584a38.4 38.4 0 10-54.336 54.336l126.72 126.72a38.272 38.272 0 0054.336 0l262.4-262.464a38.4 38.4 0 10-54.272-54.336L456.192 600.384z"
 }, null, -1);
-const _hoisted_3$_ = [
-  _hoisted_2$1e
+const _hoisted_3$Y = [
+  _hoisted_2$1c
 ];
 function _sfc_render$2y(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1B, _hoisted_3$_);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1z, _hoisted_3$Y);
 }
 var circleCheckFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2D, [["render", _sfc_render$2y]]);
 
 const _sfc_main$2C = defineComponent({
   name: "CircleCheck"
 });
-const _hoisted_1$1A = {
+const _hoisted_1$1y = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$1d = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1b = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M512 896a384 384 0 100-768 384 384 0 000 768zm0 64a448 448 0 110-896 448 448 0 010 896z"
 }, null, -1);
-const _hoisted_3$Z = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_3$X = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M745.344 361.344a32 32 0 0145.312 45.312l-288 288a32 32 0 01-45.312 0l-160-160a32 32 0 1145.312-45.312L480 626.752l265.344-265.408z"
 }, null, -1);
-const _hoisted_4$l = [
-  _hoisted_2$1d,
-  _hoisted_3$Z
+const _hoisted_4$k = [
+  _hoisted_2$1b,
+  _hoisted_3$X
 ];
 function _sfc_render$2x(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1A, _hoisted_4$l);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1y, _hoisted_4$k);
 }
 var circleCheck = /* @__PURE__ */ _export_sfc$1(_sfc_main$2C, [["render", _sfc_render$2x]]);
 
 const _sfc_main$2B = defineComponent({
   name: "CircleCloseFilled"
 });
-const _hoisted_1$1z = {
+const _hoisted_1$1x = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$1c = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1a = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M512 64a448 448 0 110 896 448 448 0 010-896zm0 393.664L407.936 353.6a38.4 38.4 0 10-54.336 54.336L457.664 512 353.6 616.064a38.4 38.4 0 1054.336 54.336L512 566.336 616.064 670.4a38.4 38.4 0 1054.336-54.336L566.336 512 670.4 407.936a38.4 38.4 0 10-54.336-54.336L512 457.664z"
 }, null, -1);
-const _hoisted_3$Y = [
-  _hoisted_2$1c
+const _hoisted_3$W = [
+  _hoisted_2$1a
 ];
 function _sfc_render$2w(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1z, _hoisted_3$Y);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1x, _hoisted_3$W);
 }
 var circleCloseFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2B, [["render", _sfc_render$2w]]);
 
 const _sfc_main$2A = defineComponent({
   name: "CircleClose"
 });
-const _hoisted_1$1y = {
+const _hoisted_1$1w = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$1b = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$19 = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M466.752 512l-90.496-90.496a32 32 0 0145.248-45.248L512 466.752l90.496-90.496a32 32 0 1145.248 45.248L557.248 512l90.496 90.496a32 32 0 11-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 01-45.248-45.248L466.752 512z"
 }, null, -1);
-const _hoisted_3$X = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_3$V = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M512 896a384 384 0 100-768 384 384 0 000 768zm0 64a448 448 0 110-896 448 448 0 010 896z"
 }, null, -1);
-const _hoisted_4$k = [
-  _hoisted_2$1b,
-  _hoisted_3$X
+const _hoisted_4$j = [
+  _hoisted_2$19,
+  _hoisted_3$V
 ];
 function _sfc_render$2v(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1y, _hoisted_4$k);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1w, _hoisted_4$j);
 }
 var circleClose = /* @__PURE__ */ _export_sfc$1(_sfc_main$2A, [["render", _sfc_render$2v]]);
 
 const _sfc_main$2z = defineComponent({
   name: "Clock"
 });
-const _hoisted_1$1x = {
+const _hoisted_1$1v = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$1a = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$18 = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M512 896a384 384 0 100-768 384 384 0 000 768zm0 64a448 448 0 110-896 448 448 0 010 896z"
 }, null, -1);
-const _hoisted_3$W = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_3$U = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M480 256a32 32 0 0132 32v256a32 32 0 01-64 0V288a32 32 0 0132-32z"
 }, null, -1);
-const _hoisted_4$j = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_4$i = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M480 512h256q32 0 32 32t-32 32H480q-32 0-32-32t32-32z"
 }, null, -1);
 const _hoisted_5$c = [
-  _hoisted_2$1a,
-  _hoisted_3$W,
-  _hoisted_4$j
+  _hoisted_2$18,
+  _hoisted_3$U,
+  _hoisted_4$i
 ];
 function _sfc_render$2u(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1x, _hoisted_5$c);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1v, _hoisted_5$c);
 }
 var clock = /* @__PURE__ */ _export_sfc$1(_sfc_main$2z, [["render", _sfc_render$2u]]);
 
 const _sfc_main$2y = defineComponent({
   name: "Close"
 });
-const _hoisted_1$1w = {
+const _hoisted_1$1u = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$19 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$17 = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M764.288 214.592L512 466.88 259.712 214.592a31.936 31.936 0 00-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1045.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0045.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 10-45.12-45.184z"
 }, null, -1);
-const _hoisted_3$V = [
-  _hoisted_2$19
+const _hoisted_3$T = [
+  _hoisted_2$17
 ];
 function _sfc_render$2t(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1w, _hoisted_3$V);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1u, _hoisted_3$T);
 }
 var close$2 = /* @__PURE__ */ _export_sfc$1(_sfc_main$2y, [["render", _sfc_render$2t]]);
 
 const _sfc_main$2x = defineComponent({
   name: "DArrowLeft"
 });
-const _hoisted_1$1v = {
+const _hoisted_1$1t = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$18 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$16 = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M529.408 149.376a29.12 29.12 0 0141.728 0 30.592 30.592 0 010 42.688L259.264 511.936l311.872 319.936a30.592 30.592 0 01-.512 43.264 29.12 29.12 0 01-41.216-.512L197.76 534.272a32 32 0 010-44.672l331.648-340.224zm256 0a29.12 29.12 0 0141.728 0 30.592 30.592 0 010 42.688L515.264 511.936l311.872 319.936a30.592 30.592 0 01-.512 43.264 29.12 29.12 0 01-41.216-.512L453.76 534.272a32 32 0 010-44.672l331.648-340.224z"
 }, null, -1);
-const _hoisted_3$U = [
-  _hoisted_2$18
+const _hoisted_3$S = [
+  _hoisted_2$16
 ];
 function _sfc_render$2s(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1v, _hoisted_3$U);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1t, _hoisted_3$S);
 }
 var dArrowLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2x, [["render", _sfc_render$2s]]);
 
 const _sfc_main$2w = defineComponent({
   name: "DArrowRight"
 });
-const _hoisted_1$1u = {
+const _hoisted_1$1s = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$17 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$15 = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M452.864 149.312a29.12 29.12 0 0141.728.064L826.24 489.664a32 32 0 010 44.672L494.592 874.624a29.12 29.12 0 01-41.728 0 30.592 30.592 0 010-42.752L764.736 512 452.864 192a30.592 30.592 0 010-42.688zm-256 0a29.12 29.12 0 0141.728.064L570.24 489.664a32 32 0 010 44.672L238.592 874.624a29.12 29.12 0 01-41.728 0 30.592 30.592 0 010-42.752L508.736 512 196.864 192a30.592 30.592 0 010-42.688z"
 }, null, -1);
-const _hoisted_3$T = [
-  _hoisted_2$17
+const _hoisted_3$R = [
+  _hoisted_2$15
 ];
 function _sfc_render$2r(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1u, _hoisted_3$T);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1s, _hoisted_3$R);
 }
 var dArrowRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2w, [["render", _sfc_render$2r]]);
 
 const _sfc_main$2v = defineComponent({
   name: "Delete"
 });
-const _hoisted_1$1t = {
+const _hoisted_1$1r = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$16 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$14 = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M160 256H96a32 32 0 010-64h256V95.936a32 32 0 0132-32h256a32 32 0 0132 32V192h256a32 32 0 110 64h-64v672a32 32 0 01-32 32H192a32 32 0 01-32-32V256zm448-64v-64H416v64h192zM224 896h576V256H224v640zm192-128a32 32 0 01-32-32V416a32 32 0 0164 0v320a32 32 0 01-32 32zm192 0a32 32 0 01-32-32V416a32 32 0 0164 0v320a32 32 0 01-32 32z"
 }, null, -1);
-const _hoisted_3$S = [
-  _hoisted_2$16
+const _hoisted_3$Q = [
+  _hoisted_2$14
 ];
 function _sfc_render$2q(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1t, _hoisted_3$S);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1r, _hoisted_3$Q);
 }
 var _delete = /* @__PURE__ */ _export_sfc$1(_sfc_main$2v, [["render", _sfc_render$2q]]);
 
 const _sfc_main$2u = defineComponent({
   name: "Document"
 });
-const _hoisted_1$1s = {
+const _hoisted_1$1q = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$15 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$13 = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M832 384H576V128H192v768h640V384zm-26.496-64L640 154.496V320h165.504zM160 64h480l256 256v608a32 32 0 01-32 32H160a32 32 0 01-32-32V96a32 32 0 0132-32zm160 448h384v64H320v-64zm0-192h160v64H320v-64zm0 384h384v64H320v-64z"
 }, null, -1);
-const _hoisted_3$R = [
-  _hoisted_2$15
+const _hoisted_3$P = [
+  _hoisted_2$13
 ];
 function _sfc_render$2p(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1s, _hoisted_3$R);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1q, _hoisted_3$P);
 }
 var document$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$2u, [["render", _sfc_render$2p]]);
 
 const _sfc_main$2t = defineComponent({
   name: "FullScreen"
 });
-const _hoisted_1$1r = {
+const _hoisted_1$1p = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$14 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$12 = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M160 96.064l192 .192a32 32 0 010 64l-192-.192V352a32 32 0 01-64 0V96h64v.064zm0 831.872V928H96V672a32 32 0 1164 0v191.936l192-.192a32 32 0 110 64l-192 .192zM864 96.064V96h64v256a32 32 0 11-64 0V160.064l-192 .192a32 32 0 110-64l192-.192zm0 831.872l-192-.192a32 32 0 010-64l192 .192V672a32 32 0 1164 0v256h-64v-.064z"
 }, null, -1);
-const _hoisted_3$Q = [
-  _hoisted_2$14
+const _hoisted_3$O = [
+  _hoisted_2$12
 ];
 function _sfc_render$2o(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1r, _hoisted_3$Q);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1p, _hoisted_3$O);
 }
 var fullScreen = /* @__PURE__ */ _export_sfc$1(_sfc_main$2t, [["render", _sfc_render$2o]]);
 
 const _sfc_main$2s = defineComponent({
   name: "InfoFilled"
 });
-const _hoisted_1$1q = {
+const _hoisted_1$1o = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$13 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$11 = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M512 64a448 448 0 110 896.064A448 448 0 01512 64zm67.2 275.072c33.28 0 60.288-23.104 60.288-57.344s-27.072-57.344-60.288-57.344c-33.28 0-60.16 23.104-60.16 57.344s26.88 57.344 60.16 57.344zM590.912 699.2c0-6.848 2.368-24.64 1.024-34.752l-52.608 60.544c-10.88 11.456-24.512 19.392-30.912 17.28a12.992 12.992 0 01-8.256-14.72l87.68-276.992c7.168-35.136-12.544-67.2-54.336-71.296-44.096 0-108.992 44.736-148.48 101.504 0 6.784-1.28 23.68.064 33.792l52.544-60.608c10.88-11.328 23.552-19.328 29.952-17.152a12.8 12.8 0 017.808 16.128L388.48 728.576c-10.048 32.256 8.96 63.872 55.04 71.04 67.84 0 107.904-43.648 147.456-100.416z"
 }, null, -1);
-const _hoisted_3$P = [
-  _hoisted_2$13
+const _hoisted_3$N = [
+  _hoisted_2$11
 ];
 function _sfc_render$2n(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1q, _hoisted_3$P);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1o, _hoisted_3$N);
 }
 var infoFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2s, [["render", _sfc_render$2n]]);
 
 const _sfc_main$2r = defineComponent({
   name: "Loading"
 });
-const _hoisted_1$1p = {
+const _hoisted_1$1n = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$12 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$10 = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M512 64a32 32 0 0132 32v192a32 32 0 01-64 0V96a32 32 0 0132-32zm0 640a32 32 0 0132 32v192a32 32 0 11-64 0V736a32 32 0 0132-32zm448-192a32 32 0 01-32 32H736a32 32 0 110-64h192a32 32 0 0132 32zm-640 0a32 32 0 01-32 32H96a32 32 0 010-64h192a32 32 0 0132 32zM195.2 195.2a32 32 0 0145.248 0L376.32 331.008a32 32 0 01-45.248 45.248L195.2 240.448a32 32 0 010-45.248zm452.544 452.544a32 32 0 0145.248 0L828.8 783.552a32 32 0 01-45.248 45.248L647.744 692.992a32 32 0 010-45.248zM828.8 195.264a32 32 0 010 45.184L692.992 376.32a32 32 0 01-45.248-45.248l135.808-135.808a32 32 0 0145.248 0zm-452.544 452.48a32 32 0 010 45.248L240.448 828.8a32 32 0 01-45.248-45.248l135.808-135.808a32 32 0 0145.248 0z"
 }, null, -1);
-const _hoisted_3$O = [
-  _hoisted_2$12
+const _hoisted_3$M = [
+  _hoisted_2$10
 ];
 function _sfc_render$2m(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1p, _hoisted_3$O);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1n, _hoisted_3$M);
 }
 var loading = /* @__PURE__ */ _export_sfc$1(_sfc_main$2r, [["render", _sfc_render$2m]]);
 
 const _sfc_main$2q = defineComponent({
   name: "Minus"
 });
-const _hoisted_1$1o = {
+const _hoisted_1$1m = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$11 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$$ = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M128 544h768a32 32 0 100-64H128a32 32 0 000 64z"
 }, null, -1);
-const _hoisted_3$N = [
-  _hoisted_2$11
+const _hoisted_3$L = [
+  _hoisted_2$$
 ];
 function _sfc_render$2l(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1o, _hoisted_3$N);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1m, _hoisted_3$L);
 }
 var minus = /* @__PURE__ */ _export_sfc$1(_sfc_main$2q, [["render", _sfc_render$2l]]);
 
 const _sfc_main$2p = defineComponent({
   name: "MoreFilled"
 });
-const _hoisted_1$1n = {
+const _hoisted_1$1l = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$10 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$_ = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M176 416a112 112 0 110 224 112 112 0 010-224zm336 0a112 112 0 110 224 112 112 0 010-224zm336 0a112 112 0 110 224 112 112 0 010-224z"
 }, null, -1);
-const _hoisted_3$M = [
-  _hoisted_2$10
+const _hoisted_3$K = [
+  _hoisted_2$_
 ];
 function _sfc_render$2k(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1n, _hoisted_3$M);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1l, _hoisted_3$K);
 }
 var moreFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2p, [["render", _sfc_render$2k]]);
 
 const _sfc_main$2o = defineComponent({
   name: "More"
 });
-const _hoisted_1$1m = {
+const _hoisted_1$1k = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$$ = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$Z = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M176 416a112 112 0 100 224 112 112 0 000-224m0 64a48 48 0 110 96 48 48 0 010-96zm336-64a112 112 0 110 224 112 112 0 010-224zm0 64a48 48 0 100 96 48 48 0 000-96zm336-64a112 112 0 110 224 112 112 0 010-224zm0 64a48 48 0 100 96 48 48 0 000-96z"
 }, null, -1);
-const _hoisted_3$L = [
-  _hoisted_2$$
+const _hoisted_3$J = [
+  _hoisted_2$Z
 ];
 function _sfc_render$2j(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1m, _hoisted_3$L);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1k, _hoisted_3$J);
 }
 var more = /* @__PURE__ */ _export_sfc$1(_sfc_main$2o, [["render", _sfc_render$2j]]);
 
 const _sfc_main$2n = defineComponent({
   name: "Plus"
 });
-const _hoisted_1$1l = {
+const _hoisted_1$1j = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$_ = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$Y = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M480 480V128a32 32 0 0164 0v352h352a32 32 0 110 64H544v352a32 32 0 11-64 0V544H128a32 32 0 010-64h352z"
 }, null, -1);
-const _hoisted_3$K = [
-  _hoisted_2$_
+const _hoisted_3$I = [
+  _hoisted_2$Y
 ];
 function _sfc_render$2i(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1l, _hoisted_3$K);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1j, _hoisted_3$I);
 }
 var plus = /* @__PURE__ */ _export_sfc$1(_sfc_main$2n, [["render", _sfc_render$2i]]);
 
 const _sfc_main$2m = defineComponent({
   name: "QuestionFilled"
 });
-const _hoisted_1$1k = {
+const _hoisted_1$1i = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$Z = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$X = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M512 64a448 448 0 110 896 448 448 0 010-896zm23.744 191.488c-52.096 0-92.928 14.784-123.2 44.352-30.976 29.568-45.76 70.4-45.76 122.496h80.256c0-29.568 5.632-52.8 17.6-68.992 13.376-19.712 35.2-28.864 66.176-28.864 23.936 0 42.944 6.336 56.32 19.712 12.672 13.376 19.712 31.68 19.712 54.912 0 17.6-6.336 34.496-19.008 49.984l-8.448 9.856c-45.76 40.832-73.216 70.4-82.368 89.408-9.856 19.008-14.08 42.24-14.08 68.992v9.856h80.96v-9.856c0-16.896 3.52-31.68 10.56-45.76 6.336-12.672 15.488-24.64 28.16-35.2 33.792-29.568 54.208-48.576 60.544-55.616 16.896-22.528 26.048-51.392 26.048-86.592 0-42.944-14.08-76.736-42.24-101.376-28.16-25.344-65.472-37.312-111.232-37.312zm-12.672 406.208a54.272 54.272 0 00-38.72 14.784 49.408 49.408 0 00-15.488 38.016c0 15.488 4.928 28.16 15.488 38.016A54.848 54.848 0 00523.072 768c15.488 0 28.16-4.928 38.72-14.784a51.52 51.52 0 0016.192-38.72 51.968 51.968 0 00-15.488-38.016 55.936 55.936 0 00-39.424-14.784z"
 }, null, -1);
-const _hoisted_3$J = [
-  _hoisted_2$Z
+const _hoisted_3$H = [
+  _hoisted_2$X
 ];
 function _sfc_render$2h(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1k, _hoisted_3$J);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1i, _hoisted_3$H);
 }
 var questionFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2m, [["render", _sfc_render$2h]]);
 
 const _sfc_main$2l = defineComponent({
   name: "RefreshLeft"
 });
-const _hoisted_1$1j = {
+const _hoisted_1$1h = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$Y = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$W = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M289.088 296.704h92.992a32 32 0 010 64H232.96a32 32 0 01-32-32V179.712a32 32 0 0164 0v50.56a384 384 0 01643.84 282.88 384 384 0 01-383.936 384 384 384 0 01-384-384h64a320 320 0 10640 0 320 320 0 00-555.712-216.448z"
 }, null, -1);
-const _hoisted_3$I = [
-  _hoisted_2$Y
+const _hoisted_3$G = [
+  _hoisted_2$W
 ];
 function _sfc_render$2g(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1j, _hoisted_3$I);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1h, _hoisted_3$G);
 }
 var refreshLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2l, [["render", _sfc_render$2g]]);
 
 const _sfc_main$2k = defineComponent({
   name: "RefreshRight"
 });
-const _hoisted_1$1i = {
+const _hoisted_1$1g = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$X = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$V = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M784.512 230.272v-50.56a32 32 0 1164 0v149.056a32 32 0 01-32 32H667.52a32 32 0 110-64h92.992A320 320 0 10524.8 833.152a320 320 0 00320-320h64a384 384 0 01-384 384 384 384 0 01-384-384 384 384 0 01643.712-282.88z"
 }, null, -1);
-const _hoisted_3$H = [
-  _hoisted_2$X
+const _hoisted_3$F = [
+  _hoisted_2$V
 ];
 function _sfc_render$2f(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1i, _hoisted_3$H);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1g, _hoisted_3$F);
 }
 var refreshRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2k, [["render", _sfc_render$2f]]);
 
 const _sfc_main$2j = defineComponent({
   name: "ScaleToOriginal"
 });
-const _hoisted_1$1h = {
+const _hoisted_1$1f = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$W = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$U = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M813.176 180.706a60.235 60.235 0 0160.236 60.235v481.883a60.235 60.235 0 01-60.236 60.235H210.824a60.235 60.235 0 01-60.236-60.235V240.94a60.235 60.235 0 0160.236-60.235h602.352zm0-60.235H210.824A120.47 120.47 0 0090.353 240.94v481.883a120.47 120.47 0 00120.47 120.47h602.353a120.47 120.47 0 00120.471-120.47V240.94a120.47 120.47 0 00-120.47-120.47zm-120.47 180.705a30.118 30.118 0 00-30.118 30.118v301.177a30.118 30.118 0 0060.236 0V331.294a30.118 30.118 0 00-30.118-30.118zm-361.412 0a30.118 30.118 0 00-30.118 30.118v301.177a30.118 30.118 0 1060.236 0V331.294a30.118 30.118 0 00-30.118-30.118zM512 361.412a30.118 30.118 0 00-30.118 30.117v30.118a30.118 30.118 0 0060.236 0V391.53A30.118 30.118 0 00512 361.412zM512 512a30.118 30.118 0 00-30.118 30.118v30.117a30.118 30.118 0 0060.236 0v-30.117A30.118 30.118 0 00512 512z"
 }, null, -1);
-const _hoisted_3$G = [
-  _hoisted_2$W
+const _hoisted_3$E = [
+  _hoisted_2$U
 ];
 function _sfc_render$2e(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1h, _hoisted_3$G);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1f, _hoisted_3$E);
 }
 var scaleToOriginal = /* @__PURE__ */ _export_sfc$1(_sfc_main$2j, [["render", _sfc_render$2e]]);
 
 const _sfc_main$2i = defineComponent({
   name: "Search"
 });
-const _hoisted_1$1g = {
+const _hoisted_1$1e = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$V = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$T = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M795.904 750.72l124.992 124.928a32 32 0 01-45.248 45.248L750.656 795.904a416 416 0 1145.248-45.248zM480 832a352 352 0 100-704 352 352 0 000 704z"
 }, null, -1);
-const _hoisted_3$F = [
-  _hoisted_2$V
+const _hoisted_3$D = [
+  _hoisted_2$T
 ];
 function _sfc_render$2d(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1g, _hoisted_3$F);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1e, _hoisted_3$D);
 }
 var search = /* @__PURE__ */ _export_sfc$1(_sfc_main$2i, [["render", _sfc_render$2d]]);
 
 const _sfc_main$2h = defineComponent({
   name: "StarFilled"
 });
-const _hoisted_1$1f = {
+const _hoisted_1$1d = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$U = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$S = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M283.84 867.84L512 747.776l228.16 119.936a6.4 6.4 0 009.28-6.72l-43.52-254.08 184.512-179.904a6.4 6.4 0 00-3.52-10.88l-255.104-37.12L517.76 147.904a6.4 6.4 0 00-11.52 0L392.192 379.072l-255.104 37.12a6.4 6.4 0 00-3.52 10.88L318.08 606.976l-43.584 254.08a6.4 6.4 0 009.28 6.72z"
 }, null, -1);
-const _hoisted_3$E = [
-  _hoisted_2$U
+const _hoisted_3$C = [
+  _hoisted_2$S
 ];
 function _sfc_render$2c(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1f, _hoisted_3$E);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1d, _hoisted_3$C);
 }
 var starFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2h, [["render", _sfc_render$2c]]);
 
 const _sfc_main$2g = defineComponent({
   name: "Star"
 });
-const _hoisted_1$1e = {
+const _hoisted_1$1c = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$T = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$R = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M512 747.84l228.16 119.936a6.4 6.4 0 009.28-6.72l-43.52-254.08 184.512-179.904a6.4 6.4 0 00-3.52-10.88l-255.104-37.12L517.76 147.904a6.4 6.4 0 00-11.52 0L392.192 379.072l-255.104 37.12a6.4 6.4 0 00-3.52 10.88L318.08 606.976l-43.584 254.08a6.4 6.4 0 009.28 6.72L512 747.84zM313.6 924.48a70.4 70.4 0 01-102.144-74.24l37.888-220.928L88.96 472.96A70.4 70.4 0 01128 352.896l221.76-32.256 99.2-200.96a70.4 70.4 0 01126.208 0l99.2 200.96 221.824 32.256a70.4 70.4 0 0139.04 120.064L774.72 629.376l37.888 220.928a70.4 70.4 0 01-102.144 74.24L512 820.096l-198.4 104.32z"
 }, null, -1);
-const _hoisted_3$D = [
-  _hoisted_2$T
+const _hoisted_3$B = [
+  _hoisted_2$R
 ];
 function _sfc_render$2b(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1e, _hoisted_3$D);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1c, _hoisted_3$B);
 }
 var star = /* @__PURE__ */ _export_sfc$1(_sfc_main$2g, [["render", _sfc_render$2b]]);
 
 const _sfc_main$2f = defineComponent({
   name: "SuccessFilled"
 });
-const _hoisted_1$1d = {
+const _hoisted_1$1b = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$S = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$Q = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M512 64a448 448 0 110 896 448 448 0 010-896zm-55.808 536.384l-99.52-99.584a38.4 38.4 0 10-54.336 54.336l126.72 126.72a38.272 38.272 0 0054.336 0l262.4-262.464a38.4 38.4 0 10-54.272-54.336L456.192 600.384z"
 }, null, -1);
-const _hoisted_3$C = [
-  _hoisted_2$S
+const _hoisted_3$A = [
+  _hoisted_2$Q
 ];
 function _sfc_render$2a(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1d, _hoisted_3$C);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1b, _hoisted_3$A);
 }
 var successFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2f, [["render", _sfc_render$2a]]);
 
 const _sfc_main$2e = defineComponent({
   name: "View"
 });
-const _hoisted_1$1c = {
+const _hoisted_1$1a = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$R = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$P = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M512 160c320 0 512 352 512 352S832 864 512 864 0 512 0 512s192-352 512-352zm0 64c-225.28 0-384.128 208.064-436.8 288 52.608 79.872 211.456 288 436.8 288 225.28 0 384.128-208.064 436.8-288-52.608-79.872-211.456-288-436.8-288zm0 64a224 224 0 110 448 224 224 0 010-448zm0 64a160.192 160.192 0 00-160 160c0 88.192 71.744 160 160 160s160-71.808 160-160-71.744-160-160-160z"
 }, null, -1);
-const _hoisted_3$B = [
-  _hoisted_2$R
+const _hoisted_3$z = [
+  _hoisted_2$P
 ];
 function _sfc_render$29(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1c, _hoisted_3$B);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1a, _hoisted_3$z);
 }
 var view = /* @__PURE__ */ _export_sfc$1(_sfc_main$2e, [["render", _sfc_render$29]]);
 
 const _sfc_main$2d = defineComponent({
   name: "WarningFilled"
 });
-const _hoisted_1$1b = {
+const _hoisted_1$19 = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$Q = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$O = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M512 64a448 448 0 110 896 448 448 0 010-896zm0 192a58.432 58.432 0 00-58.24 63.744l23.36 256.384a35.072 35.072 0 0069.76 0l23.296-256.384A58.432 58.432 0 00512 256zm0 512a51.2 51.2 0 100-102.4 51.2 51.2 0 000 102.4z"
 }, null, -1);
-const _hoisted_3$A = [
-  _hoisted_2$Q
+const _hoisted_3$y = [
+  _hoisted_2$O
 ];
 function _sfc_render$28(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1b, _hoisted_3$A);
+  return openBlock(), createElementBlock("svg", _hoisted_1$19, _hoisted_3$y);
 }
 var warningFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2d, [["render", _sfc_render$28]]);
 
 const _sfc_main$2c = defineComponent({
   name: "ZoomIn"
 });
-const _hoisted_1$1a = {
+const _hoisted_1$18 = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$P = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$N = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M795.904 750.72l124.992 124.928a32 32 0 01-45.248 45.248L750.656 795.904a416 416 0 1145.248-45.248zM480 832a352 352 0 100-704 352 352 0 000 704zm-32-384v-96a32 32 0 0164 0v96h96a32 32 0 010 64h-96v96a32 32 0 01-64 0v-96h-96a32 32 0 010-64h96z"
 }, null, -1);
-const _hoisted_3$z = [
-  _hoisted_2$P
+const _hoisted_3$x = [
+  _hoisted_2$N
 ];
 function _sfc_render$27(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1a, _hoisted_3$z);
+  return openBlock(), createElementBlock("svg", _hoisted_1$18, _hoisted_3$x);
 }
 var zoomIn = /* @__PURE__ */ _export_sfc$1(_sfc_main$2c, [["render", _sfc_render$27]]);
 
 const _sfc_main$2b = defineComponent({
   name: "ZoomOut"
 });
-const _hoisted_1$19 = {
+const _hoisted_1$17 = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$O = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$M = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M795.904 750.72l124.992 124.928a32 32 0 01-45.248 45.248L750.656 795.904a416 416 0 1145.248-45.248zM480 832a352 352 0 100-704 352 352 0 000 704zM352 448h256a32 32 0 010 64H352a32 32 0 010-64z"
 }, null, -1);
-const _hoisted_3$y = [
-  _hoisted_2$O
+const _hoisted_3$w = [
+  _hoisted_2$M
 ];
 function _sfc_render$26(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$19, _hoisted_3$y);
+  return openBlock(), createElementBlock("svg", _hoisted_1$17, _hoisted_3$w);
 }
 var zoomOut = /* @__PURE__ */ _export_sfc$1(_sfc_main$2b, [["render", _sfc_render$26]]);
 
@@ -5381,12 +5381,13 @@ function debugWarn(scope, message) {
 }
 
 function addUnit(value, defaultUnit = "px") {
+  if (!value)
+    return "";
   if (isString$1(value)) {
     return value;
   } else if (isNumber(value)) {
     return `${value}${defaultUnit}`;
   }
-  return "";
 }
 
 const datePickTypes = [
@@ -6712,7 +6713,7 @@ const useZIndex = () => {
   };
 };
 
-const version$1 = "0.0.20220209";
+const version$1 = "0.0.20220210";
 
 const INSTALLED_KEY = Symbol("INSTALLED_KEY");
 const makeInstaller = (components = []) => {
@@ -7649,8 +7650,8 @@ const _sfc_main$27 = defineComponent({
     };
   }
 });
-const _hoisted_1$18 = ["type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder"];
-const _hoisted_2$N = ["tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder"];
+const _hoisted_1$16 = ["type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder"];
+const _hoisted_2$L = ["tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder"];
 function _sfc_render$22(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
   const _component_circle_close = resolveComponent("circle-close");
@@ -7704,7 +7705,7 @@ function _sfc_render$22(_ctx, _cache, $props, $setup, $data, $options) {
         onBlur: _cache[5] || (_cache[5] = (...args) => _ctx.handleBlur && _ctx.handleBlur(...args)),
         onChange: _cache[6] || (_cache[6] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
         onKeydown: _cache[7] || (_cache[7] = (...args) => _ctx.handleKeydown && _ctx.handleKeydown(...args))
-      }), null, 16, _hoisted_1$18),
+      }), null, 16, _hoisted_1$16),
       createCommentVNode(" prefix slot "),
       _ctx.$slots.prefix || _ctx.prefixIcon ? (openBlock(), createElementBlock("span", {
         key: 1,
@@ -7814,7 +7815,7 @@ function _sfc_render$22(_ctx, _cache, $props, $setup, $data, $options) {
         onBlur: _cache[14] || (_cache[14] = (...args) => _ctx.handleBlur && _ctx.handleBlur(...args)),
         onChange: _cache[15] || (_cache[15] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
         onKeydown: _cache[16] || (_cache[16] = (...args) => _ctx.handleKeydown && _ctx.handleKeydown(...args))
-      }), null, 16, _hoisted_2$N),
+      }), null, 16, _hoisted_2$L),
       _ctx.isWordLimitVisible ? (openBlock(), createElementBlock("span", {
         key: 0,
         class: normalizeClass(_ctx.nsInput.e("count"))
@@ -10171,13 +10172,13 @@ const _sfc_main$22 = defineComponent({
     };
   }
 });
-const _hoisted_1$17 = {
+const _hoisted_1$15 = {
   ref: "arrowRef",
   class: "el-popper__arrow",
   "data-popper-arrow": ""
 };
 function _sfc_render$1Z(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("span", _hoisted_1$17, null, 512);
+  return openBlock(), createElementBlock("span", _hoisted_1$15, null, 512);
 }
 var ElPopperArrow = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["render", _sfc_render$1Z]]);
 
@@ -10756,6 +10757,7 @@ const _sfc_main$1Z = defineComponent({
   },
   props: useTooltipTriggerProps,
   setup(props) {
+    const ns = useNamespace("tooltip");
     const { controlled, id, open, onOpen, onClose, onToggle } = inject(TOOLTIP_INJECTION_KEY, void 0);
     const triggerRef = ref(null);
     const stopWhenControlledOrDisabled = () => {
@@ -10793,7 +10795,8 @@ const _sfc_main$1Z = defineComponent({
       onKeydown,
       open,
       id,
-      triggerRef
+      triggerRef,
+      ns
     };
   }
 });
@@ -10804,7 +10807,7 @@ function _sfc_render$1U(_ctx, _cache, $props, $setup, $data, $options) {
     "virtual-ref": _ctx.virtualRef,
     open: _ctx.open,
     "virtual-triggering": _ctx.virtualTriggering,
-    class: "el-tooltip__trigger",
+    class: normalizeClass(_ctx.ns.e("trigger")),
     onBlur: _ctx.onBlur,
     onClick: _ctx.onClick,
     onContextmenu: _ctx.onContextMenu,
@@ -10817,7 +10820,7 @@ function _sfc_render$1U(_ctx, _cache, $props, $setup, $data, $options) {
       renderSlot(_ctx.$slots, "default")
     ]),
     _: 3
-  }, 8, ["id", "virtual-ref", "open", "virtual-triggering", "onBlur", "onClick", "onContextmenu", "onFocus", "onMouseenter", "onMouseleave", "onKeydown"]);
+  }, 8, ["id", "virtual-ref", "open", "virtual-triggering", "class", "onBlur", "onClick", "onContextmenu", "onFocus", "onMouseenter", "onMouseleave", "onKeydown"]);
 }
 var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$1Z, [["render", _sfc_render$1U]]);
 
@@ -10902,8 +10905,8 @@ const _sfc_main$1Y = defineComponent({
     };
   }
 });
-const _hoisted_1$16 = ["innerHTML"];
-const _hoisted_2$M = { key: 1 };
+const _hoisted_1$14 = ["innerHTML"];
+const _hoisted_2$K = { key: 1 };
 function _sfc_render$1T(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tooltip_trigger = resolveComponent("el-tooltip-trigger");
   const _component_el_popper_arrow = resolveComponent("el-popper-arrow");
@@ -10952,7 +10955,7 @@ function _sfc_render$1T(_ctx, _cache, $props, $setup, $data, $options) {
             _ctx.rawContent ? (openBlock(), createElementBlock("span", {
               key: 0,
               innerHTML: _ctx.content
-            }, null, 8, _hoisted_1$16)) : (openBlock(), createElementBlock("span", _hoisted_2$M, toDisplayString(_ctx.content), 1))
+            }, null, 8, _hoisted_1$14)) : (openBlock(), createElementBlock("span", _hoisted_2$K, toDisplayString(_ctx.content), 1))
           ]),
           _ctx.compatShowArrow ? (openBlock(), createBlock(_component_el_popper_arrow, {
             key: 0,
@@ -11216,9 +11219,9 @@ const _sfc_main$1X = defineComponent({
     };
   }
 });
-const _hoisted_1$15 = ["aria-expanded", "aria-owns"];
-const _hoisted_2$L = { key: 0 };
-const _hoisted_3$x = ["id", "aria-selected", "onClick"];
+const _hoisted_1$13 = ["aria-expanded", "aria-owns"];
+const _hoisted_2$J = { key: 0 };
+const _hoisted_3$v = ["id", "aria-selected", "onClick"];
 function _sfc_render$1S(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_input = resolveComponent("el-input");
   const _component_loading = resolveComponent("loading");
@@ -11258,7 +11261,7 @@ function _sfc_render$1S(_ctx, _cache, $props, $setup, $data, $options) {
           role: "listbox"
         }, {
           default: withCtx(() => [
-            _ctx.suggestionLoading ? (openBlock(), createElementBlock("li", _hoisted_2$L, [
+            _ctx.suggestionLoading ? (openBlock(), createElementBlock("li", _hoisted_2$J, [
               createVNode(_component_el_icon, { class: "is-loading" }, {
                 default: withCtx(() => [
                   createVNode(_component_loading)
@@ -11277,7 +11280,7 @@ function _sfc_render$1S(_ctx, _cache, $props, $setup, $data, $options) {
                 renderSlot(_ctx.$slots, "default", { item }, () => [
                   createTextVNode(toDisplayString(item[_ctx.valueKey]), 1)
                 ])
-              ], 10, _hoisted_3$x);
+              ], 10, _hoisted_3$v);
             }), 128))
           ]),
           _: 3
@@ -11332,7 +11335,7 @@ function _sfc_render$1S(_ctx, _cache, $props, $setup, $data, $options) {
             ])
           } : void 0
         ]), 1040, ["model-value", "onInput", "onChange", "onFocus", "onBlur", "onClear", "onKeydown"])
-      ], 14, _hoisted_1$15)), [
+      ], 14, _hoisted_1$13)), [
         [_directive_clickoutside, _ctx.close]
       ])
     ]),
@@ -11421,7 +11424,7 @@ const _sfc_main$1W = defineComponent({
     };
   }
 });
-const _hoisted_1$14 = ["src", "alt", "srcset"];
+const _hoisted_1$12 = ["src", "alt", "srcset"];
 function _sfc_render$1R(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
   return openBlock(), createElementBlock("span", {
@@ -11435,7 +11438,7 @@ function _sfc_render$1R(_ctx, _cache, $props, $setup, $data, $options) {
       srcset: _ctx.srcSet,
       style: normalizeStyle(_ctx.fitStyle),
       onError: _cache[0] || (_cache[0] = (...args) => _ctx.handleError && _ctx.handleError(...args))
-    }, null, 44, _hoisted_1$14)) : _ctx.icon ? (openBlock(), createBlock(_component_el_icon, { key: 1 }, {
+    }, null, 44, _hoisted_1$12)) : _ctx.icon ? (openBlock(), createBlock(_component_el_icon, { key: 1 }, {
       default: withCtx(() => [
         (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
       ]),
@@ -11607,7 +11610,7 @@ const _sfc_main$1U = defineComponent({
     };
   }
 });
-const _hoisted_1$13 = ["textContent"];
+const _hoisted_1$11 = ["textContent"];
 function _sfc_render$1P(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.ns.b())
@@ -11625,7 +11628,7 @@ function _sfc_render$1P(_ctx, _cache, $props, $setup, $data, $options) {
             _ctx.ns.is("dot", _ctx.isDot)
           ]),
           textContent: toDisplayString(_ctx.content)
-        }, null, 10, _hoisted_1$13), [
+        }, null, 10, _hoisted_1$11), [
           [vShow, !_ctx.hidden && (_ctx.content || _ctx.content === "0" || _ctx.isDot)]
         ])
       ]),
@@ -13004,7 +13007,7 @@ const _sfc_main$1R = defineComponent({
     };
   }
 });
-const _hoisted_1$12 = ["disabled", "autofocus", "type"];
+const _hoisted_1$10 = ["disabled", "autofocus", "type"];
 function _sfc_render$1M(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
   return openBlock(), createElementBlock("button", {
@@ -13047,7 +13050,7 @@ function _sfc_render$1M(_ctx, _cache, $props, $setup, $data, $options) {
     }, [
       renderSlot(_ctx.$slots, "default")
     ], 2)) : createCommentVNode("v-if", true)
-  ], 14, _hoisted_1$12);
+  ], 14, _hoisted_1$10);
 }
 var Button = /* @__PURE__ */ _export_sfc(_sfc_main$1R, [["render", _sfc_render$1M]]);
 
@@ -13647,9 +13650,9 @@ const _sfc_main$1P = defineComponent({
     };
   }
 });
-const _hoisted_1$11 = ["id", "name", "placeholder", "value", "disabled", "readonly"];
-const _hoisted_2$K = { class: "el-range-separator" };
-const _hoisted_3$w = ["id", "name", "placeholder", "value", "disabled", "readonly"];
+const _hoisted_1$$ = ["id", "name", "placeholder", "value", "disabled", "readonly"];
+const _hoisted_2$I = { class: "el-range-separator" };
+const _hoisted_3$u = ["id", "name", "placeholder", "value", "disabled", "readonly"];
 function _sfc_render$1K(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
   const _component_el_input = resolveComponent("el-input");
@@ -13759,9 +13762,9 @@ function _sfc_render$1K(_ctx, _cache, $props, $setup, $data, $options) {
           onInput: _cache[1] || (_cache[1] = (...args) => _ctx.handleStartInput && _ctx.handleStartInput(...args)),
           onChange: _cache[2] || (_cache[2] = (...args) => _ctx.handleStartChange && _ctx.handleStartChange(...args)),
           onFocus: _cache[3] || (_cache[3] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args))
-        }, null, 40, _hoisted_1$11),
+        }, null, 40, _hoisted_1$$),
         renderSlot(_ctx.$slots, "range-separator", {}, () => [
-          createElementVNode("span", _hoisted_2$K, toDisplayString(_ctx.rangeSeparator), 1)
+          createElementVNode("span", _hoisted_2$I, toDisplayString(_ctx.rangeSeparator), 1)
         ]),
         createElementVNode("input", {
           id: _ctx.id && _ctx.id[1],
@@ -13775,7 +13778,7 @@ function _sfc_render$1K(_ctx, _cache, $props, $setup, $data, $options) {
           onFocus: _cache[4] || (_cache[4] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
           onInput: _cache[5] || (_cache[5] = (...args) => _ctx.handleEndInput && _ctx.handleEndInput(...args)),
           onChange: _cache[6] || (_cache[6] = (...args) => _ctx.handleEndChange && _ctx.handleEndChange(...args))
-        }, null, 40, _hoisted_3$w),
+        }, null, 40, _hoisted_3$u),
         _ctx.clearIcon ? (openBlock(), createBlock(_component_el_icon, {
           key: 1,
           class: normalizeClass(["el-input__icon el-range__close-icon", {
@@ -14133,9 +14136,9 @@ const _sfc_main$1O = defineComponent({
     };
   }
 });
-const _hoisted_1$10 = ["onClick"];
-const _hoisted_2$J = ["onMouseenter"];
-const _hoisted_3$v = { class: "el-time-spinner__list" };
+const _hoisted_1$_ = ["onClick"];
+const _hoisted_2$H = ["onMouseenter"];
+const _hoisted_3$t = { class: "el-time-spinner__list" };
 function _sfc_render$1J(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_scrollbar = resolveComponent("el-scrollbar");
   const _component_arrow_up = resolveComponent("arrow-up");
@@ -14170,7 +14173,7 @@ function _sfc_render$1J(_ctx, _cache, $props, $setup, $data, $options) {
               ], 2112)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                 createTextVNode(toDisplayString(("0" + key).slice(-2)), 1)
               ], 2112))
-            ], 10, _hoisted_1$10);
+            ], 10, _hoisted_1$_);
           }), 128))
         ]),
         _: 2
@@ -14198,7 +14201,7 @@ function _sfc_render$1J(_ctx, _cache, $props, $setup, $data, $options) {
         })), [
           [_directive_repeat_click, _ctx.onIncreaseClick]
         ]),
-        createElementVNode("ul", _hoisted_3$v, [
+        createElementVNode("ul", _hoisted_3$t, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.arrowListMap[item].value, (time, key) => {
             return openBlock(), createElementBlock("li", {
               key,
@@ -14217,7 +14220,7 @@ function _sfc_render$1J(_ctx, _cache, $props, $setup, $data, $options) {
             ], 2);
           }), 128))
         ])
-      ], 40, _hoisted_2$J);
+      ], 40, _hoisted_2$H);
     }), 128)) : createCommentVNode("v-if", true)
   ], 2);
 }
@@ -14385,16 +14388,16 @@ const _sfc_main$1N = defineComponent({
     };
   }
 });
-const _hoisted_1$$ = {
+const _hoisted_1$Z = {
   key: 0,
   class: "el-time-panel"
 };
-const _hoisted_2$I = { class: "el-time-panel__footer" };
+const _hoisted_2$G = { class: "el-time-panel__footer" };
 function _sfc_render$1I(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_time_spinner = resolveComponent("time-spinner");
   return openBlock(), createBlock(Transition, { name: _ctx.transitionName }, {
     default: withCtx(() => [
-      _ctx.actualVisible || _ctx.visible ? (openBlock(), createElementBlock("div", _hoisted_1$$, [
+      _ctx.actualVisible || _ctx.visible ? (openBlock(), createElementBlock("div", _hoisted_1$Z, [
         createElementVNode("div", {
           class: normalizeClass(["el-time-panel__content", { "has-seconds": _ctx.showSeconds }])
         }, [
@@ -14413,7 +14416,7 @@ function _sfc_render$1I(_ctx, _cache, $props, $setup, $data, $options) {
             onSelectRange: _ctx.setSelectionRange
           }, null, 8, ["role", "arrow-control", "show-seconds", "am-pm-mode", "spinner-date", "disabled-hours", "disabled-minutes", "disabled-seconds", "onChange", "onSetOption", "onSelectRange"])
         ], 2),
-        createElementVNode("div", _hoisted_2$I, [
+        createElementVNode("div", _hoisted_2$G, [
           createElementVNode("button", {
             type: "button",
             class: "el-time-panel__btn cancel",
@@ -14663,23 +14666,23 @@ const _sfc_main$1M = defineComponent({
     };
   }
 });
-const _hoisted_1$_ = {
+const _hoisted_1$Y = {
   key: 0,
   class: "el-time-range-picker el-picker-panel"
 };
-const _hoisted_2$H = { class: "el-time-range-picker__content" };
-const _hoisted_3$u = { class: "el-time-range-picker__cell" };
-const _hoisted_4$i = { class: "el-time-range-picker__header" };
+const _hoisted_2$F = { class: "el-time-range-picker__content" };
+const _hoisted_3$s = { class: "el-time-range-picker__cell" };
+const _hoisted_4$h = { class: "el-time-range-picker__header" };
 const _hoisted_5$b = { class: "el-time-range-picker__cell" };
-const _hoisted_6$a = { class: "el-time-range-picker__header" };
-const _hoisted_7$8 = { class: "el-time-panel__footer" };
-const _hoisted_8$8 = ["disabled"];
+const _hoisted_6$9 = { class: "el-time-range-picker__header" };
+const _hoisted_7$7 = { class: "el-time-panel__footer" };
+const _hoisted_8$7 = ["disabled"];
 function _sfc_render$1H(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_time_spinner = resolveComponent("time-spinner");
-  return _ctx.actualVisible ? (openBlock(), createElementBlock("div", _hoisted_1$_, [
-    createElementVNode("div", _hoisted_2$H, [
-      createElementVNode("div", _hoisted_3$u, [
-        createElementVNode("div", _hoisted_4$i, toDisplayString(_ctx.t("el.datepicker.startTime")), 1),
+  return _ctx.actualVisible ? (openBlock(), createElementBlock("div", _hoisted_1$Y, [
+    createElementVNode("div", _hoisted_2$F, [
+      createElementVNode("div", _hoisted_3$s, [
+        createElementVNode("div", _hoisted_4$h, toDisplayString(_ctx.t("el.datepicker.startTime")), 1),
         createElementVNode("div", {
           class: normalizeClass([{ "has-seconds": _ctx.showSeconds, "is-arrow": _ctx.arrowControl }, "el-time-range-picker__body el-time-panel__content"])
         }, [
@@ -14700,7 +14703,7 @@ function _sfc_render$1H(_ctx, _cache, $props, $setup, $data, $options) {
         ], 2)
       ]),
       createElementVNode("div", _hoisted_5$b, [
-        createElementVNode("div", _hoisted_6$a, toDisplayString(_ctx.t("el.datepicker.endTime")), 1),
+        createElementVNode("div", _hoisted_6$9, toDisplayString(_ctx.t("el.datepicker.endTime")), 1),
         createElementVNode("div", {
           class: normalizeClass([{ "has-seconds": _ctx.showSeconds, "is-arrow": _ctx.arrowControl }, "el-time-range-picker__body el-time-panel__content"])
         }, [
@@ -14721,7 +14724,7 @@ function _sfc_render$1H(_ctx, _cache, $props, $setup, $data, $options) {
         ], 2)
       ])
     ]),
-    createElementVNode("div", _hoisted_7$8, [
+    createElementVNode("div", _hoisted_7$7, [
       createElementVNode("button", {
         type: "button",
         class: "el-time-panel__btn cancel",
@@ -14732,7 +14735,7 @@ function _sfc_render$1H(_ctx, _cache, $props, $setup, $data, $options) {
         class: "el-time-panel__btn confirm",
         disabled: _ctx.btnConfirmDisabled,
         onClick: _cache[1] || (_cache[1] = ($event) => _ctx.handleConfirm())
-      }, toDisplayString(_ctx.t("el.datepicker.confirm")), 9, _hoisted_8$8)
+      }, toDisplayString(_ctx.t("el.datepicker.confirm")), 9, _hoisted_8$7)
     ])
   ])) : createCommentVNode("v-if", true);
 }
@@ -14930,15 +14933,15 @@ const _sfc_main$1L = defineComponent({
     };
   }
 });
-const _hoisted_1$Z = { key: 0 };
-const _hoisted_2$G = ["onClick"];
+const _hoisted_1$X = { key: 0 };
+const _hoisted_2$E = ["onClick"];
 function _sfc_render$1G(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("table", {
     class: normalizeClass([_ctx.nsTable.b(), _ctx.nsTable.is("range", _ctx.isInRange)]),
     cellspacing: "0",
     cellpadding: "0"
   }, [
-    !_ctx.hideHeader ? (openBlock(), createElementBlock("thead", _hoisted_1$Z, [
+    !_ctx.hideHeader ? (openBlock(), createElementBlock("thead", _hoisted_1$X, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.weekDays, (day) => {
         return openBlock(), createElementBlock("th", { key: day }, toDisplayString(day), 1);
       }), 128))
@@ -14967,7 +14970,7 @@ function _sfc_render$1G(_ctx, _cache, $props, $setup, $data, $options) {
                   createElementVNode("span", null, toDisplayString(cell.text), 1)
                 ])
               ], 2)
-            ], 10, _hoisted_2$G);
+            ], 10, _hoisted_2$E);
           }), 128))
         ], 2);
       }), 128))
@@ -15534,8 +15537,8 @@ const _sfc_main$1I = defineComponent({
     };
   }
 });
-const _hoisted_1$Y = ["onMouseenter", "onClick"];
-const _hoisted_2$F = { key: 0 };
+const _hoisted_1$W = ["onMouseenter", "onClick"];
+const _hoisted_2$D = { key: 0 };
 function _sfc_render$1D(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_arrow_left = resolveComponent("arrow-left");
   const _component_el_icon = resolveComponent("el-icon");
@@ -15624,9 +15627,9 @@ function _sfc_render$1D(_ctx, _cache, $props, $setup, $data, $options) {
           createElementVNode("button", {
             class: normalizeClass(_ctx.ns.e("button"))
           }, [
-            _ctx.hasLabel ? (openBlock(), createElementBlock("span", _hoisted_2$F, toDisplayString(item.label), 1)) : createCommentVNode("v-if", true)
+            _ctx.hasLabel ? (openBlock(), createElementBlock("span", _hoisted_2$D, toDisplayString(item.label), 1)) : createCommentVNode("v-if", true)
           ], 2)
-        ], 42, _hoisted_1$Y);
+        ], 42, _hoisted_1$W);
       }), 128))
     ], 2)) : createCommentVNode("v-if", true)
   ], 34);
@@ -16016,10 +16019,10 @@ const _sfc_main$1G = defineComponent({
     };
   }
 });
-const _hoisted_1$X = ["id", "aria-controls"];
-const _hoisted_2$E = ["tabindex", "role", "aria-checked"];
-const _hoisted_3$t = ["aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"];
-const _hoisted_4$h = ["aria-hidden", "disabled", "value", "name", "tabindex"];
+const _hoisted_1$V = ["id", "aria-controls"];
+const _hoisted_2$C = ["tabindex", "role", "aria-checked"];
+const _hoisted_3$r = ["aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"];
+const _hoisted_4$g = ["aria-hidden", "disabled", "value", "name", "tabindex"];
 function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("label", {
     id: _ctx.id,
@@ -16061,7 +16064,7 @@ function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
         onChange: _cache[1] || (_cache[1] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
         onFocus: _cache[2] || (_cache[2] = ($event) => _ctx.focus = true),
         onBlur: _cache[3] || (_cache[3] = ($event) => _ctx.focus = false)
-      }, null, 42, _hoisted_3$t)), [
+      }, null, 42, _hoisted_3$r)), [
         [vModelCheckbox, _ctx.model]
       ]) : withDirectives((openBlock(), createElementBlock("input", {
         key: 1,
@@ -16076,10 +16079,10 @@ function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
         onChange: _cache[5] || (_cache[5] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
         onFocus: _cache[6] || (_cache[6] = ($event) => _ctx.focus = true),
         onBlur: _cache[7] || (_cache[7] = ($event) => _ctx.focus = false)
-      }, null, 42, _hoisted_4$h)), [
+      }, null, 42, _hoisted_4$g)), [
         [vModelCheckbox, _ctx.model]
       ])
-    ], 10, _hoisted_2$E),
+    ], 10, _hoisted_2$C),
     _ctx.$slots.default || _ctx.label ? (openBlock(), createElementBlock("span", {
       key: 0,
       class: normalizeClass(_ctx.ns.e("label"))
@@ -16089,7 +16092,7 @@ function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
         createTextVNode(toDisplayString(_ctx.label), 1)
       ], 2112)) : createCommentVNode("v-if", true)
     ], 2)) : createCommentVNode("v-if", true)
-  ], 10, _hoisted_1$X);
+  ], 10, _hoisted_1$V);
 }
 var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _sfc_render$1B]]);
 
@@ -16123,9 +16126,9 @@ const _sfc_main$1F = defineComponent({
     };
   }
 });
-const _hoisted_1$W = ["aria-checked", "aria-disabled"];
-const _hoisted_2$D = ["name", "tabindex", "disabled", "true-value", "false-value"];
-const _hoisted_3$s = ["name", "tabindex", "disabled", "value"];
+const _hoisted_1$U = ["aria-checked", "aria-disabled"];
+const _hoisted_2$B = ["name", "tabindex", "disabled", "true-value", "false-value"];
+const _hoisted_3$q = ["name", "tabindex", "disabled", "value"];
 function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("label", {
     class: normalizeClass([
@@ -16152,7 +16155,7 @@ function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
       onChange: _cache[1] || (_cache[1] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
       onFocus: _cache[2] || (_cache[2] = ($event) => _ctx.focus = true),
       onBlur: _cache[3] || (_cache[3] = ($event) => _ctx.focus = false)
-    }, null, 42, _hoisted_2$D)), [
+    }, null, 42, _hoisted_2$B)), [
       [vModelCheckbox, _ctx.model]
     ]) : withDirectives((openBlock(), createElementBlock("input", {
       key: 1,
@@ -16166,7 +16169,7 @@ function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
       onChange: _cache[5] || (_cache[5] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
       onFocus: _cache[6] || (_cache[6] = ($event) => _ctx.focus = true),
       onBlur: _cache[7] || (_cache[7] = ($event) => _ctx.focus = false)
-    }, null, 42, _hoisted_3$s)), [
+    }, null, 42, _hoisted_3$q)), [
       [vModelCheckbox, _ctx.model]
     ]),
     _ctx.$slots.default || _ctx.label ? (openBlock(), createElementBlock("span", {
@@ -16178,7 +16181,7 @@ function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
         createTextVNode(toDisplayString(_ctx.label), 1)
       ])
     ], 6)) : createCommentVNode("v-if", true)
-  ], 10, _hoisted_1$W);
+  ], 10, _hoisted_1$U);
 }
 var CheckboxButton = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$1A]]);
 
@@ -16343,9 +16346,9 @@ const _sfc_main$1D = defineComponent({
     };
   }
 });
-const _hoisted_1$V = ["aria-checked", "aria-disabled", "tabindex"];
-const _hoisted_2$C = /* @__PURE__ */ createElementVNode("span", { class: "el-radio__inner" }, null, -1);
-const _hoisted_3$r = ["value", "name", "disabled"];
+const _hoisted_1$T = ["aria-checked", "aria-disabled", "tabindex"];
+const _hoisted_2$A = /* @__PURE__ */ createElementVNode("span", { class: "el-radio__inner" }, null, -1);
+const _hoisted_3$p = ["value", "name", "disabled"];
 function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("label", {
     class: normalizeClass(["el-radio", {
@@ -16367,7 +16370,7 @@ function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
         "is-checked": _ctx.modelValue === _ctx.label
       }])
     }, [
-      _hoisted_2$C,
+      _hoisted_2$A,
       withDirectives(createElementVNode("input", {
         ref: "radioRef",
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.modelValue = $event),
@@ -16381,7 +16384,7 @@ function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
         onFocus: _cache[1] || (_cache[1] = ($event) => _ctx.focus = true),
         onBlur: _cache[2] || (_cache[2] = ($event) => _ctx.focus = false),
         onChange: _cache[3] || (_cache[3] = (...args) => _ctx.handleChange && _ctx.handleChange(...args))
-      }, null, 40, _hoisted_3$r), [
+      }, null, 40, _hoisted_3$p), [
         [vModelRadio, _ctx.modelValue]
       ])
     ], 2),
@@ -16394,7 +16397,7 @@ function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
         createTextVNode(toDisplayString(_ctx.label), 1)
       ])
     ], 32)
-  ], 42, _hoisted_1$V);
+  ], 42, _hoisted_1$T);
 }
 var Radio = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["render", _sfc_render$1z]]);
 
@@ -16440,8 +16443,8 @@ const _sfc_main$1C = defineComponent({
     };
   }
 });
-const _hoisted_1$U = ["aria-checked", "aria-disabled", "tabindex"];
-const _hoisted_2$B = ["value", "name", "disabled"];
+const _hoisted_1$S = ["aria-checked", "aria-disabled", "tabindex"];
+const _hoisted_2$z = ["value", "name", "disabled"];
 function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("label", {
     class: normalizeClass(["el-radio-button", [
@@ -16469,7 +16472,7 @@ function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
       tabindex: "-1",
       onFocus: _cache[1] || (_cache[1] = ($event) => _ctx.focus = true),
       onBlur: _cache[2] || (_cache[2] = ($event) => _ctx.focus = false)
-    }, null, 40, _hoisted_2$B), [
+    }, null, 40, _hoisted_2$z), [
       [vModelRadio, _ctx.modelValue]
     ]),
     createElementVNode("span", {
@@ -16482,7 +16485,7 @@ function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
         createTextVNode(toDisplayString(_ctx.label), 1)
       ])
     ], 36)
-  ], 42, _hoisted_1$U);
+  ], 42, _hoisted_1$S);
 }
 var RadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$1C, [["render", _sfc_render$1y]]);
 
@@ -16711,8 +16714,8 @@ const _sfc_main$1A = defineComponent({
     };
   }
 });
-const _hoisted_1$T = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
-const _hoisted_2$A = /* @__PURE__ */ createElementVNode("span", null, null, -1);
+const _hoisted_1$R = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
+const _hoisted_2$y = /* @__PURE__ */ createElementVNode("span", null, null, -1);
 function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_checkbox = resolveComponent("el-checkbox");
   const _component_el_radio = resolveComponent("el-radio");
@@ -16760,7 +16763,7 @@ function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
     }, {
       default: withCtx(() => [
         createCommentVNode("\n        Add an empty element to avoid render label,\n        do not use empty fragment here for https://github.com/vuejs/vue-next/pull/2485\n      "),
-        _hoisted_2$A
+        _hoisted_2$y
       ]),
       _: 1
     }, 8, ["model-value", "label", "disabled", "onUpdate:modelValue"])) : _ctx.isLeaf && _ctx.node.checked ? (openBlock(), createBlock(_component_el_icon, {
@@ -16794,7 +16797,7 @@ function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
       }))
     ], 2112)) : createCommentVNode("v-if", true)
-  ], 42, _hoisted_1$T);
+  ], 42, _hoisted_1$R);
 }
 var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1A, [["render", _sfc_render$1w]]);
 
@@ -16874,15 +16877,15 @@ const _sfc_main$1z = defineComponent({
     };
   }
 });
-const _hoisted_1$S = {
+const _hoisted_1$Q = {
   key: 0,
   class: "el-cascader-menu__empty-text"
 };
-const _hoisted_2$z = {
+const _hoisted_2$x = {
   key: 1,
   class: "el-cascader-menu__empty-text"
 };
-const _hoisted_3$q = {
+const _hoisted_3$o = {
   key: 2,
   ref: "hoverZone",
   class: "el-cascader-menu__hover-zone"
@@ -16913,7 +16916,7 @@ function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
             onExpand: _ctx.handleExpand
           }, null, 8, ["node", "menu-id", "onExpand"]);
         }), 128)),
-        _ctx.isLoading ? (openBlock(), createElementBlock("div", _hoisted_1$S, [
+        _ctx.isLoading ? (openBlock(), createElementBlock("div", _hoisted_1$Q, [
           createVNode(_component_el_icon, {
             size: "14",
             class: "is-loading"
@@ -16924,7 +16927,7 @@ function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
             _: 1
           }),
           createTextVNode(" " + toDisplayString(_ctx.t("el.cascader.loading")), 1)
-        ])) : _ctx.isEmpty ? (openBlock(), createElementBlock("div", _hoisted_2$z, toDisplayString(_ctx.t("el.cascader.noData")), 1)) : ((_a = _ctx.panel) == null ? void 0 : _a.isHoverMenu) ? (openBlock(), createElementBlock("svg", _hoisted_3$q, null, 512)) : createCommentVNode("v-if", true)
+        ])) : _ctx.isEmpty ? (openBlock(), createElementBlock("div", _hoisted_2$x, toDisplayString(_ctx.t("el.cascader.noData")), 1)) : ((_a = _ctx.panel) == null ? void 0 : _a.isHoverMenu) ? (openBlock(), createElementBlock("svg", _hoisted_3$o, null, 512)) : createCommentVNode("v-if", true)
       ];
     }),
     _: 1
@@ -17978,14 +17981,14 @@ const _sfc_main$1w = defineComponent({
     };
   }
 });
-const _hoisted_1$R = {
+const _hoisted_1$P = {
   key: 0,
   ref: "tagWrapper",
   class: "el-cascader__tags"
 };
-const _hoisted_2$y = ["placeholder"];
-const _hoisted_3$p = ["onClick"];
-const _hoisted_4$g = { class: "el-cascader__empty-text" };
+const _hoisted_2$w = ["placeholder"];
+const _hoisted_3$n = ["onClick"];
+const _hoisted_4$f = { class: "el-cascader__empty-text" };
 function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_circle_close = resolveComponent("circle-close");
   const _component_el_icon = resolveComponent("el-icon");
@@ -18079,7 +18082,7 @@ function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
           ]),
           _: 1
         }, 8, ["modelValue", "placeholder", "readonly", "disabled", "size", "class", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onInput"]),
-        _ctx.multiple ? (openBlock(), createElementBlock("div", _hoisted_1$R, [
+        _ctx.multiple ? (openBlock(), createElementBlock("div", _hoisted_1$P, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.presentTags, (tag) => {
             return openBlock(), createBlock(_component_el_tag, {
               key: tag.key,
@@ -18108,7 +18111,7 @@ function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
             onCompositionstart: _cache[8] || (_cache[8] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args)),
             onCompositionupdate: _cache[9] || (_cache[9] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args)),
             onCompositionend: _cache[10] || (_cache[10] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args))
-          }, null, 40, _hoisted_2$y)), [
+          }, null, 40, _hoisted_2$w)), [
             [vModelText, _ctx.searchInputValue]
           ]) : createCommentVNode("v-if", true)
         ], 512)) : createCommentVNode("v-if", true)
@@ -18156,9 +18159,9 @@ function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
                 ]),
                 _: 1
               })) : createCommentVNode("v-if", true)
-            ], 10, _hoisted_3$p);
+            ], 10, _hoisted_3$n);
           }), 128)) : renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
-            createElementVNode("li", _hoisted_4$g, toDisplayString(_ctx.t("el.cascader.noMatch")), 1)
+            createElementVNode("li", _hoisted_4$f, toDisplayString(_ctx.t("el.cascader.noMatch")), 1)
           ])
         ]),
         _: 3
@@ -18513,9 +18516,9 @@ const _sfc_main$1s = defineComponent({
     };
   }
 });
-const _hoisted_1$Q = ["aria-expanded", "aria-controls", "aria-describedby"];
-const _hoisted_2$x = ["id", "tabindex"];
-const _hoisted_3$o = ["id", "aria-hidden", "aria-labelledby"];
+const _hoisted_1$O = ["aria-expanded", "aria-controls", "aria-describedby"];
+const _hoisted_2$v = ["id", "tabindex"];
+const _hoisted_3$m = ["id", "aria-hidden", "aria-labelledby"];
 function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_arrow_right = resolveComponent("arrow-right");
   const _component_el_icon = resolveComponent("el-icon");
@@ -18558,8 +18561,8 @@ function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
           ]),
           _: 1
         }, 8, ["class"])
-      ], 42, _hoisted_2$x)
-    ], 8, _hoisted_1$Q),
+      ], 42, _hoisted_2$v)
+    ], 8, _hoisted_1$O),
     createVNode(_component_el_collapse_transition, null, {
       default: withCtx(() => [
         withDirectives(createElementVNode("div", {
@@ -18574,7 +18577,7 @@ function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
           }, [
             renderSlot(_ctx.$slots, "default")
           ], 2)
-        ], 10, _hoisted_3$o), [
+        ], 10, _hoisted_3$m), [
           [vShow, _ctx.isActive]
         ])
       ]),
@@ -19179,12 +19182,12 @@ const _sfc_main$1p = defineComponent({
     };
   }
 });
-const _hoisted_1$P = { class: "el-color-predefine" };
-const _hoisted_2$w = { class: "el-color-predefine__colors" };
-const _hoisted_3$n = ["onClick"];
+const _hoisted_1$N = { class: "el-color-predefine" };
+const _hoisted_2$u = { class: "el-color-predefine__colors" };
+const _hoisted_3$l = ["onClick"];
 function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$P, [
-    createElementVNode("div", _hoisted_2$w, [
+  return openBlock(), createElementBlock("div", _hoisted_1$N, [
+    createElementVNode("div", _hoisted_2$u, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.rgbaColors, (item, index) => {
         return openBlock(), createElementBlock("div", {
           key: _ctx.colors[index],
@@ -19194,7 +19197,7 @@ function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
           createElementVNode("div", {
             style: normalizeStyle({ backgroundColor: item.value })
           }, null, 4)
-        ], 10, _hoisted_3$n);
+        ], 10, _hoisted_3$l);
       }), 128))
     ])
   ]);
@@ -19269,11 +19272,11 @@ const _sfc_main$1o = defineComponent({
     };
   }
 });
-const _hoisted_1$O = /* @__PURE__ */ createElementVNode("div", { class: "el-color-svpanel__white" }, null, -1);
-const _hoisted_2$v = /* @__PURE__ */ createElementVNode("div", { class: "el-color-svpanel__black" }, null, -1);
-const _hoisted_3$m = /* @__PURE__ */ createElementVNode("div", null, null, -1);
-const _hoisted_4$f = [
-  _hoisted_3$m
+const _hoisted_1$M = /* @__PURE__ */ createElementVNode("div", { class: "el-color-svpanel__white" }, null, -1);
+const _hoisted_2$t = /* @__PURE__ */ createElementVNode("div", { class: "el-color-svpanel__black" }, null, -1);
+const _hoisted_3$k = /* @__PURE__ */ createElementVNode("div", null, null, -1);
+const _hoisted_4$e = [
+  _hoisted_3$k
 ];
 function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
@@ -19282,15 +19285,15 @@ function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
       backgroundColor: _ctx.background
     })
   }, [
-    _hoisted_1$O,
-    _hoisted_2$v,
+    _hoisted_1$M,
+    _hoisted_2$t,
     createElementVNode("div", {
       class: "el-color-svpanel__cursor",
       style: normalizeStyle({
         top: _ctx.cursorTop + "px",
         left: _ctx.cursorLeft + "px"
       })
-    }, _hoisted_4$f, 4)
+    }, _hoisted_4$e, 4)
   ], 4);
 }
 var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["render", _sfc_render$1k]]);
@@ -20184,7 +20187,7 @@ const _sfc_main$1h = defineComponent({
     };
   }
 });
-const _hoisted_1$N = { key: 0 };
+const _hoisted_1$L = { key: 0 };
 function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_date_picker_cell = resolveComponent("el-date-picker-cell");
   return openBlock(), createElementBlock("table", {
@@ -20196,7 +20199,7 @@ function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
   }, [
     createElementVNode("tbody", null, [
       createElementVNode("tr", null, [
-        _ctx.showWeekNumber ? (openBlock(), createElementBlock("th", _hoisted_1$N, toDisplayString(_ctx.t("el.datepicker.week")), 1)) : createCommentVNode("v-if", true),
+        _ctx.showWeekNumber ? (openBlock(), createElementBlock("th", _hoisted_1$L, toDisplayString(_ctx.t("el.datepicker.week")), 1)) : createCommentVNode("v-if", true),
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.WEEKS, (week, key) => {
           return openBlock(), createElementBlock("th", { key }, toDisplayString(_ctx.t("el.datepicker.weeks." + week)), 1);
         }), 128))
@@ -20390,7 +20393,7 @@ const _sfc_main$1g = defineComponent({
     };
   }
 });
-const _hoisted_1$M = { class: "cell" };
+const _hoisted_1$K = { class: "cell" };
 function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("table", {
     class: "el-month-table",
@@ -20406,7 +20409,7 @@ function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
               class: normalizeClass(_ctx.getCellStyle(cell))
             }, [
               createElementVNode("div", null, [
-                createElementVNode("a", _hoisted_1$M, toDisplayString(_ctx.t("el.datepicker.months." + _ctx.months[cell.text])), 1)
+                createElementVNode("a", _hoisted_1$K, toDisplayString(_ctx.t("el.datepicker.months." + _ctx.months[cell.text])), 1)
               ])
             ], 2);
           }), 128))
@@ -20465,14 +20468,14 @@ const _sfc_main$1f = defineComponent({
     };
   }
 });
-const _hoisted_1$L = { class: "cell" };
-const _hoisted_2$u = { class: "cell" };
-const _hoisted_3$l = { class: "cell" };
-const _hoisted_4$e = { class: "cell" };
+const _hoisted_1$J = { class: "cell" };
+const _hoisted_2$s = { class: "cell" };
+const _hoisted_3$j = { class: "cell" };
+const _hoisted_4$d = { class: "cell" };
 const _hoisted_5$a = { class: "cell" };
-const _hoisted_6$9 = { class: "cell" };
-const _hoisted_7$7 = { class: "cell" };
-const _hoisted_8$7 = { class: "cell" };
+const _hoisted_6$8 = { class: "cell" };
+const _hoisted_7$6 = { class: "cell" };
+const _hoisted_8$6 = { class: "cell" };
 const _hoisted_9$6 = { class: "cell" };
 const _hoisted_10$6 = { class: "cell" };
 const _hoisted_11$3 = /* @__PURE__ */ createElementVNode("td", null, null, -1);
@@ -20487,22 +20490,22 @@ function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
         createElementVNode("td", {
           class: normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 0)])
         }, [
-          createElementVNode("a", _hoisted_1$L, toDisplayString(_ctx.startYear), 1)
+          createElementVNode("a", _hoisted_1$J, toDisplayString(_ctx.startYear), 1)
         ], 2),
         createElementVNode("td", {
           class: normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 1)])
         }, [
-          createElementVNode("a", _hoisted_2$u, toDisplayString(_ctx.startYear + 1), 1)
+          createElementVNode("a", _hoisted_2$s, toDisplayString(_ctx.startYear + 1), 1)
         ], 2),
         createElementVNode("td", {
           class: normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 2)])
         }, [
-          createElementVNode("a", _hoisted_3$l, toDisplayString(_ctx.startYear + 2), 1)
+          createElementVNode("a", _hoisted_3$j, toDisplayString(_ctx.startYear + 2), 1)
         ], 2),
         createElementVNode("td", {
           class: normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 3)])
         }, [
-          createElementVNode("a", _hoisted_4$e, toDisplayString(_ctx.startYear + 3), 1)
+          createElementVNode("a", _hoisted_4$d, toDisplayString(_ctx.startYear + 3), 1)
         ], 2)
       ]),
       createElementVNode("tr", null, [
@@ -20514,17 +20517,17 @@ function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
         createElementVNode("td", {
           class: normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 5)])
         }, [
-          createElementVNode("a", _hoisted_6$9, toDisplayString(_ctx.startYear + 5), 1)
+          createElementVNode("a", _hoisted_6$8, toDisplayString(_ctx.startYear + 5), 1)
         ], 2),
         createElementVNode("td", {
           class: normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 6)])
         }, [
-          createElementVNode("a", _hoisted_7$7, toDisplayString(_ctx.startYear + 6), 1)
+          createElementVNode("a", _hoisted_7$6, toDisplayString(_ctx.startYear + 6), 1)
         ], 2),
         createElementVNode("td", {
           class: normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 7)])
         }, [
-          createElementVNode("a", _hoisted_8$7, toDisplayString(_ctx.startYear + 7), 1)
+          createElementVNode("a", _hoisted_8$6, toDisplayString(_ctx.startYear + 7), 1)
         ], 2)
       ]),
       createElementVNode("tr", null, [
@@ -20958,20 +20961,20 @@ const _sfc_main$1e = defineComponent({
     };
   }
 });
-const _hoisted_1$K = { class: "el-picker-panel__body-wrapper" };
-const _hoisted_2$t = {
+const _hoisted_1$I = { class: "el-picker-panel__body-wrapper" };
+const _hoisted_2$r = {
   key: 0,
   class: "el-picker-panel__sidebar"
 };
-const _hoisted_3$k = ["onClick"];
-const _hoisted_4$d = { class: "el-picker-panel__body" };
+const _hoisted_3$i = ["onClick"];
+const _hoisted_4$c = { class: "el-picker-panel__body" };
 const _hoisted_5$9 = {
   key: 0,
   class: "el-date-picker__time-header"
 };
-const _hoisted_6$8 = { class: "el-date-picker__editor-wrap" };
-const _hoisted_7$6 = { class: "el-date-picker__editor-wrap" };
-const _hoisted_8$6 = ["aria-label"];
+const _hoisted_6$7 = { class: "el-date-picker__editor-wrap" };
+const _hoisted_7$5 = { class: "el-date-picker__editor-wrap" };
+const _hoisted_8$5 = ["aria-label"];
 const _hoisted_9$5 = ["aria-label"];
 const _hoisted_10$5 = ["aria-label"];
 const _hoisted_11$2 = ["aria-label"];
@@ -20998,21 +21001,21 @@ function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
       }
     ]])
   }, [
-    createElementVNode("div", _hoisted_1$K, [
+    createElementVNode("div", _hoisted_1$I, [
       renderSlot(_ctx.$slots, "sidebar", { class: "el-picker-panel__sidebar" }),
-      _ctx.hasShortcuts ? (openBlock(), createElementBlock("div", _hoisted_2$t, [
+      _ctx.hasShortcuts ? (openBlock(), createElementBlock("div", _hoisted_2$r, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.shortcuts, (shortcut, key) => {
           return openBlock(), createElementBlock("button", {
             key,
             type: "button",
             class: "el-picker-panel__shortcut",
             onClick: ($event) => _ctx.handleShortcutClick(shortcut)
-          }, toDisplayString(shortcut.text), 9, _hoisted_3$k);
+          }, toDisplayString(shortcut.text), 9, _hoisted_3$i);
         }), 128))
       ])) : createCommentVNode("v-if", true),
-      createElementVNode("div", _hoisted_4$d, [
+      createElementVNode("div", _hoisted_4$c, [
         _ctx.showTime ? (openBlock(), createElementBlock("div", _hoisted_5$9, [
-          createElementVNode("span", _hoisted_6$8, [
+          createElementVNode("span", _hoisted_6$7, [
             createVNode(_component_el_input, {
               placeholder: _ctx.t("el.datepicker.selectDate"),
               "model-value": _ctx.visibleDate,
@@ -21021,7 +21024,7 @@ function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
               onChange: _ctx.handleVisibleDateChange
             }, null, 8, ["placeholder", "model-value", "onChange"])
           ]),
-          withDirectives((openBlock(), createElementBlock("span", _hoisted_7$6, [
+          withDirectives((openBlock(), createElementBlock("span", _hoisted_7$5, [
             createVNode(_component_el_input, {
               placeholder: _ctx.t("el.datepicker.selectTime"),
               "model-value": _ctx.visibleTime,
@@ -21058,7 +21061,7 @@ function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
               ]),
               _: 1
             })
-          ], 8, _hoisted_8$6),
+          ], 8, _hoisted_8$5),
           withDirectives(createElementVNode("button", {
             type: "button",
             "aria-label": _ctx.t(`el.datepicker.prevMonth`),
@@ -21610,20 +21613,20 @@ const _sfc_main$1d = defineComponent({
     };
   }
 });
-const _hoisted_1$J = { class: "el-picker-panel__body-wrapper" };
-const _hoisted_2$s = {
+const _hoisted_1$H = { class: "el-picker-panel__body-wrapper" };
+const _hoisted_2$q = {
   key: 0,
   class: "el-picker-panel__sidebar"
 };
-const _hoisted_3$j = ["onClick"];
-const _hoisted_4$c = { class: "el-picker-panel__body" };
+const _hoisted_3$h = ["onClick"];
+const _hoisted_4$b = { class: "el-picker-panel__body" };
 const _hoisted_5$8 = {
   key: 0,
   class: "el-date-range-picker__time-header"
 };
-const _hoisted_6$7 = { class: "el-date-range-picker__editors-wrap" };
-const _hoisted_7$5 = { class: "el-date-range-picker__time-picker-wrap" };
-const _hoisted_8$5 = { class: "el-date-range-picker__time-picker-wrap" };
+const _hoisted_6$6 = { class: "el-date-range-picker__editors-wrap" };
+const _hoisted_7$4 = { class: "el-date-range-picker__time-picker-wrap" };
+const _hoisted_8$4 = { class: "el-date-range-picker__time-picker-wrap" };
 const _hoisted_9$4 = { class: "el-date-range-picker__editors-wrap is-right" };
 const _hoisted_10$4 = { class: "el-date-range-picker__time-picker-wrap" };
 const _hoisted_11$1 = { class: "el-date-range-picker__time-picker-wrap" };
@@ -21658,22 +21661,22 @@ function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
       }
     ]])
   }, [
-    createElementVNode("div", _hoisted_1$J, [
+    createElementVNode("div", _hoisted_1$H, [
       renderSlot(_ctx.$slots, "sidebar", { class: "el-picker-panel__sidebar" }),
-      _ctx.hasShortcuts ? (openBlock(), createElementBlock("div", _hoisted_2$s, [
+      _ctx.hasShortcuts ? (openBlock(), createElementBlock("div", _hoisted_2$q, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.shortcuts, (shortcut, key) => {
           return openBlock(), createElementBlock("button", {
             key,
             type: "button",
             class: "el-picker-panel__shortcut",
             onClick: ($event) => _ctx.handleShortcutClick(shortcut)
-          }, toDisplayString(shortcut.text), 9, _hoisted_3$j);
+          }, toDisplayString(shortcut.text), 9, _hoisted_3$h);
         }), 128))
       ])) : createCommentVNode("v-if", true),
-      createElementVNode("div", _hoisted_4$c, [
+      createElementVNode("div", _hoisted_4$b, [
         _ctx.showTime ? (openBlock(), createElementBlock("div", _hoisted_5$8, [
-          createElementVNode("span", _hoisted_6$7, [
-            createElementVNode("span", _hoisted_7$5, [
+          createElementVNode("span", _hoisted_6$6, [
+            createElementVNode("span", _hoisted_7$4, [
               createVNode(_component_el_input, {
                 size: "small",
                 disabled: _ctx.rangeState.selecting,
@@ -21684,7 +21687,7 @@ function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
                 onChange: _cache[1] || (_cache[1] = (val) => _ctx.handleDateChange(val, "min"))
               }, null, 8, ["disabled", "placeholder", "model-value"])
             ]),
-            withDirectives((openBlock(), createElementBlock("span", _hoisted_8$5, [
+            withDirectives((openBlock(), createElementBlock("span", _hoisted_8$4, [
               createVNode(_component_el_input, {
                 size: "small",
                 class: "el-date-range-picker__editor",
@@ -22093,17 +22096,17 @@ const _sfc_main$1c = defineComponent({
     };
   }
 });
-const _hoisted_1$I = { class: "el-picker-panel__body-wrapper" };
-const _hoisted_2$r = {
+const _hoisted_1$G = { class: "el-picker-panel__body-wrapper" };
+const _hoisted_2$p = {
   key: 0,
   class: "el-picker-panel__sidebar"
 };
-const _hoisted_3$i = ["onClick"];
-const _hoisted_4$b = { class: "el-picker-panel__body" };
+const _hoisted_3$g = ["onClick"];
+const _hoisted_4$a = { class: "el-picker-panel__body" };
 const _hoisted_5$7 = { class: "el-picker-panel__content el-date-range-picker__content is-left" };
-const _hoisted_6$6 = { class: "el-date-range-picker__header" };
-const _hoisted_7$4 = ["disabled"];
-const _hoisted_8$4 = { class: "el-picker-panel__content el-date-range-picker__content is-right" };
+const _hoisted_6$5 = { class: "el-date-range-picker__header" };
+const _hoisted_7$3 = ["disabled"];
+const _hoisted_8$3 = { class: "el-picker-panel__content el-date-range-picker__content is-right" };
 const _hoisted_9$3 = { class: "el-date-range-picker__header" };
 const _hoisted_10$3 = ["disabled"];
 function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
@@ -22118,21 +22121,21 @@ function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
       }
     ]])
   }, [
-    createElementVNode("div", _hoisted_1$I, [
+    createElementVNode("div", _hoisted_1$G, [
       renderSlot(_ctx.$slots, "sidebar", { class: "el-picker-panel__sidebar" }),
-      _ctx.hasShortcuts ? (openBlock(), createElementBlock("div", _hoisted_2$r, [
+      _ctx.hasShortcuts ? (openBlock(), createElementBlock("div", _hoisted_2$p, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.shortcuts, (shortcut, key) => {
           return openBlock(), createElementBlock("button", {
             key,
             type: "button",
             class: "el-picker-panel__shortcut",
             onClick: ($event) => _ctx.handleShortcutClick(shortcut)
-          }, toDisplayString(shortcut.text), 9, _hoisted_3$i);
+          }, toDisplayString(shortcut.text), 9, _hoisted_3$g);
         }), 128))
       ])) : createCommentVNode("v-if", true),
-      createElementVNode("div", _hoisted_4$b, [
+      createElementVNode("div", _hoisted_4$a, [
         createElementVNode("div", _hoisted_5$7, [
-          createElementVNode("div", _hoisted_6$6, [
+          createElementVNode("div", _hoisted_6$5, [
             createElementVNode("button", {
               type: "button",
               class: "el-picker-panel__icon-btn d-arrow-left",
@@ -22158,7 +22161,7 @@ function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
                 ]),
                 _: 1
               })
-            ], 10, _hoisted_7$4)) : createCommentVNode("v-if", true),
+            ], 10, _hoisted_7$3)) : createCommentVNode("v-if", true),
             createElementVNode("div", null, toDisplayString(_ctx.leftLabel), 1)
           ]),
           createVNode(_component_month_table, {
@@ -22173,7 +22176,7 @@ function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
             onSelect: _ctx.onSelect
           }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date", "onChangerange", "onPick", "onSelect"])
         ]),
-        createElementVNode("div", _hoisted_8$4, [
+        createElementVNode("div", _hoisted_8$3, [
           createElementVNode("div", _hoisted_9$3, [
             _ctx.unlinkPanels ? (openBlock(), createElementBlock("button", {
               key: 0,
@@ -22384,7 +22387,7 @@ const _sfc_main$1b = defineComponent({
     };
   }
 });
-const _hoisted_1$H = { key: 1 };
+const _hoisted_1$F = { key: 1 };
 function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_descriptions_cell = resolveComponent("el-descriptions-cell");
   return _ctx.descriptions.direction === "vertical" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
@@ -22408,7 +22411,7 @@ function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
         }, null, 8, ["cell"]);
       }), 128))
     ])
-  ], 64)) : (openBlock(), createElementBlock("tr", _hoisted_1$H, [
+  ], 64)) : (openBlock(), createElementBlock("tr", _hoisted_1$F, [
     (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.row, (cell, index) => {
       return openBlock(), createElementBlock(Fragment, {
         key: `tr3-${index}`
@@ -22774,6 +22777,7 @@ const dialogEmits = {
 };
 
 const useDialog = (props, { emit }, targetRef) => {
+  let lastPosition = "";
   const visible = ref(false);
   const closed = ref(false);
   const rendered = ref(false);
@@ -22880,6 +22884,16 @@ const useDialog = (props, { emit }, targetRef) => {
       }
     }
   });
+  watch(() => props.fullscreen, (val) => {
+    if (!targetRef.value)
+      return;
+    if (val) {
+      lastPosition = targetRef.value.style.transform;
+      targetRef.value.style.transform = "";
+    } else {
+      targetRef.value.style.transform = lastPosition;
+    }
+  });
   onMounted(() => {
     if (props.modelValue) {
       visible.value = true;
@@ -22932,7 +22946,7 @@ const _sfc_main$19 = defineComponent({
     };
   }
 });
-const _hoisted_1$G = ["aria-label"];
+const _hoisted_1$E = ["aria-label"];
 function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
   const _component_el_overlay = resolveComponent("el-overlay");
@@ -23015,7 +23029,7 @@ function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
                 }, [
                   renderSlot(_ctx.$slots, "footer")
                 ], 2)) : createCommentVNode("v-if", true)
-              ], 14, _hoisted_1$G)), [
+              ], 14, _hoisted_1$E)), [
                 [_directive_trap_focus]
               ])
             ], 34)
@@ -23131,10 +23145,10 @@ const _sfc_main$17 = defineComponent({
     };
   }
 });
-const _hoisted_1$F = ["aria-labelledby", "aria-label"];
-const _hoisted_2$q = ["id"];
-const _hoisted_3$h = ["title"];
-const _hoisted_4$a = ["aria-label"];
+const _hoisted_1$D = ["aria-labelledby", "aria-label"];
+const _hoisted_2$o = ["id"];
+const _hoisted_3$f = ["title"];
+const _hoisted_4$9 = ["aria-label"];
 function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_close = resolveComponent("close");
   const _component_el_icon = resolveComponent("el-icon");
@@ -23178,7 +23192,7 @@ function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
                   createElementVNode("span", {
                     role: "heading",
                     title: _ctx.title
-                  }, toDisplayString(_ctx.title), 9, _hoisted_3$h)
+                  }, toDisplayString(_ctx.title), 9, _hoisted_3$f)
                 ]),
                 _ctx.showClose ? (openBlock(), createElementBlock("button", {
                   key: 0,
@@ -23195,8 +23209,8 @@ function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
                     ]),
                     _: 1
                   }, 8, ["class"])
-                ], 10, _hoisted_4$a)) : createCommentVNode("v-if", true)
-              ], 10, _hoisted_2$q)) : createCommentVNode("v-if", true),
+                ], 10, _hoisted_4$9)) : createCommentVNode("v-if", true)
+              ], 10, _hoisted_2$o)) : createCommentVNode("v-if", true),
               _ctx.rendered ? (openBlock(), createElementBlock("section", {
                 key: 1,
                 class: normalizeClass(_ctx.ns.e("body"))
@@ -23209,7 +23223,7 @@ function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
               }, [
                 renderSlot(_ctx.$slots, "footer")
               ], 2)) : createCommentVNode("v-if", true)
-            ], 14, _hoisted_1$F)), [
+            ], 14, _hoisted_1$D)), [
               [_directive_trap_focus]
             ])
           ]),
@@ -24016,7 +24030,7 @@ const _sfc_main$10 = defineComponent({
     };
   }
 });
-const _hoisted_1$E = { class: "el-dropdown" };
+const _hoisted_1$C = { class: "el-dropdown" };
 function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
   var _a;
   const _component_el_dropdown_collection = resolveComponent("el-dropdown-collection");
@@ -24028,7 +24042,7 @@ function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_arrow_down = resolveComponent("arrow-down");
   const _component_el_icon = resolveComponent("el-icon");
   const _component_el_button_group = resolveComponent("el-button-group");
-  return openBlock(), createElementBlock("div", _hoisted_1$E, [
+  return openBlock(), createElementBlock("div", _hoisted_1$C, [
     createVNode(_component_el_tooltip, {
       ref: "popperRef",
       effect: _ctx.effect,
@@ -24177,7 +24191,7 @@ const _sfc_main$$ = defineComponent({
     };
   }
 });
-const _hoisted_1$D = ["aria-disabled", "tabindex"];
+const _hoisted_1$B = ["aria-disabled", "tabindex"];
 function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
   return openBlock(), createElementBlock(Fragment, null, [
@@ -24207,7 +24221,7 @@ function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
       })) : createCommentVNode("v-if", true),
       renderSlot(_ctx.$slots, "default")
-    ], 16, _hoisted_1$D)
+    ], 16, _hoisted_1$B)
   ], 64);
 }
 var ElDropdownItemImpl = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["render", _sfc_render$X]]);
@@ -24415,37 +24429,37 @@ const _sfc_main$Y = defineComponent({
     };
   }
 });
-const _hoisted_1$C = {
+const _hoisted_1$A = {
   viewBox: "0 0 79 86",
   version: "1.1",
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink"
 };
-const _hoisted_2$p = ["id"];
-const _hoisted_3$g = /* @__PURE__ */ createElementVNode("stop", {
+const _hoisted_2$n = ["id"];
+const _hoisted_3$e = /* @__PURE__ */ createElementVNode("stop", {
   "stop-color": "var(--el-empty-fill-color-1)",
   offset: "0%"
 }, null, -1);
-const _hoisted_4$9 = /* @__PURE__ */ createElementVNode("stop", {
+const _hoisted_4$8 = /* @__PURE__ */ createElementVNode("stop", {
   "stop-color": "var(--el-empty-fill-color-4)",
   offset: "100%"
 }, null, -1);
 const _hoisted_5$6 = [
-  _hoisted_3$g,
-  _hoisted_4$9
+  _hoisted_3$e,
+  _hoisted_4$8
 ];
-const _hoisted_6$5 = ["id"];
-const _hoisted_7$3 = /* @__PURE__ */ createElementVNode("stop", {
+const _hoisted_6$4 = ["id"];
+const _hoisted_7$2 = /* @__PURE__ */ createElementVNode("stop", {
   "stop-color": "var(--el-empty-fill-color-1)",
   offset: "0%"
 }, null, -1);
-const _hoisted_8$3 = /* @__PURE__ */ createElementVNode("stop", {
+const _hoisted_8$2 = /* @__PURE__ */ createElementVNode("stop", {
   "stop-color": "var(--el-empty-fill-color-6)",
   offset: "100%"
 }, null, -1);
 const _hoisted_9$2 = [
-  _hoisted_7$3,
-  _hoisted_8$3
+  _hoisted_7$2,
+  _hoisted_8$2
 ];
 const _hoisted_10$2 = ["id"];
 const _hoisted_11 = {
@@ -24512,7 +24526,7 @@ const _hoisted_27 = /* @__PURE__ */ createElementVNode("polygon", {
   points: "62 45 79 45 70 58 53 58"
 }, null, -1);
 function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$C, [
+  return openBlock(), createElementBlock("svg", _hoisted_1$A, [
     createElementVNode("defs", null, [
       createElementVNode("linearGradient", {
         id: `linearGradient-1-${_ctx.id}`,
@@ -24520,14 +24534,14 @@ function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
         y1: "0%",
         x2: "61.1496914%",
         y2: "100%"
-      }, _hoisted_5$6, 8, _hoisted_2$p),
+      }, _hoisted_5$6, 8, _hoisted_2$n),
       createElementVNode("linearGradient", {
         id: `linearGradient-2-${_ctx.id}`,
         x1: "0%",
         y1: "9.5%",
         x2: "100%",
         y2: "90.5%"
-      }, _hoisted_9$2, 8, _hoisted_6$5),
+      }, _hoisted_9$2, 8, _hoisted_6$4),
       createElementVNode("rect", {
         id: `path-3-${_ctx.id}`,
         x: "0",
@@ -24626,8 +24640,8 @@ const _sfc_main$X = defineComponent({
     };
   }
 });
-const _hoisted_1$B = ["src"];
-const _hoisted_2$o = { key: 1 };
+const _hoisted_1$z = ["src"];
+const _hoisted_2$m = { key: 1 };
 function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_img_empty = resolveComponent("img-empty");
   return openBlock(), createElementBlock("div", {
@@ -24641,14 +24655,14 @@ function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
         key: 0,
         src: _ctx.image,
         ondragstart: "return false"
-      }, null, 8, _hoisted_1$B)) : renderSlot(_ctx.$slots, "image", { key: 1 }, () => [
+      }, null, 8, _hoisted_1$z)) : renderSlot(_ctx.$slots, "image", { key: 1 }, () => [
         createVNode(_component_img_empty)
       ])
     ], 6),
     createElementVNode("div", {
       class: normalizeClass(_ctx.ns.e("description"))
     }, [
-      _ctx.$slots.description ? renderSlot(_ctx.$slots, "description", { key: 0 }) : (openBlock(), createElementBlock("p", _hoisted_2$o, toDisplayString(_ctx.emptyDescription), 1))
+      _ctx.$slots.description ? renderSlot(_ctx.$slots, "description", { key: 0 }) : (openBlock(), createElementBlock("p", _hoisted_2$m, toDisplayString(_ctx.emptyDescription), 1))
     ], 2),
     _ctx.$slots.default ? (openBlock(), createElementBlock("div", {
       key: 0,
@@ -26443,7 +26457,7 @@ const _sfc_main$V = defineComponent({
     };
   }
 });
-const _hoisted_1$A = ["for"];
+const _hoisted_1$y = ["for"];
 function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_LabelWrap = resolveComponent("LabelWrap");
   return openBlock(), createElementBlock("div", {
@@ -26464,7 +26478,7 @@ function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
           renderSlot(_ctx.$slots, "label", { label: _ctx.currentLabel }, () => [
             createTextVNode(toDisplayString(_ctx.currentLabel), 1)
           ])
-        ], 12, _hoisted_1$A)) : createCommentVNode("v-if", true)
+        ], 12, _hoisted_1$y)) : createCommentVNode("v-if", true)
       ]),
       _: 3
     }, 8, ["is-auto-width", "update-all"]),
@@ -26782,7 +26796,7 @@ const _sfc_main$U = defineComponent({
     };
   }
 });
-const _hoisted_1$z = ["src"];
+const _hoisted_1$x = ["src"];
 function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_close = resolveComponent("close");
   const _component_el_icon = resolveComponent("el-icon");
@@ -26917,7 +26931,7 @@ function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
               onLoad: _cache[8] || (_cache[8] = (...args) => _ctx.handleImgLoad && _ctx.handleImgLoad(...args)),
               onError: _cache[9] || (_cache[9] = (...args) => _ctx.handleImgError && _ctx.handleImgError(...args)),
               onMousedown: _cache[10] || (_cache[10] = (...args) => _ctx.handleMouseDown && _ctx.handleMouseDown(...args))
-            }, null, 46, _hoisted_1$z)), [
+            }, null, 46, _hoisted_1$x)), [
               [vShow, i === _ctx.index]
             ]);
           }), 128))
@@ -27152,8 +27166,8 @@ const _sfc_main$T = defineComponent({
     };
   }
 });
-const _hoisted_1$y = ["src"];
-const _hoisted_2$n = { key: 0 };
+const _hoisted_1$w = ["src"];
+const _hoisted_2$l = { key: 0 };
 function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_image_viewer = resolveComponent("image-viewer");
   return openBlock(), createElementBlock("div", {
@@ -27174,7 +27188,7 @@ function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
       style: _ctx.imageStyle,
       class: [_ctx.ns.e("inner"), _ctx.preview ? _ctx.ns.e("preview") : ""],
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.clickHandler && _ctx.clickHandler(...args))
-    }), null, 16, _hoisted_1$y)),
+    }), null, 16, _hoisted_1$w)),
     (openBlock(), createBlock(Teleport, {
       to: "body",
       disabled: !_ctx.appendToBody
@@ -27190,7 +27204,7 @@ function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
           onSwitch: _ctx.switchViewer
         }, {
           default: withCtx(() => [
-            _ctx.$slots.viewer ? (openBlock(), createElementBlock("div", _hoisted_2$n, [
+            _ctx.$slots.viewer ? (openBlock(), createElementBlock("div", _hoisted_2$l, [
               renderSlot(_ctx.$slots, "viewer")
             ])) : createCommentVNode("v-if", true)
           ]),
@@ -27584,7 +27598,7 @@ const _sfc_main$R = defineComponent({
     };
   }
 });
-const _hoisted_1$x = ["href"];
+const _hoisted_1$v = ["href"];
 function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
   return openBlock(), createElementBlock("a", {
@@ -27610,7 +27624,7 @@ function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
       renderSlot(_ctx.$slots, "default")
     ], 2)) : createCommentVNode("v-if", true),
     _ctx.$slots.icon ? renderSlot(_ctx.$slots, "icon", { key: 2 }) : createCommentVNode("v-if", true)
-  ], 10, _hoisted_1$x);
+  ], 10, _hoisted_1$v);
 }
 var Link = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["render", _sfc_render$N]]);
 
@@ -28466,7 +28480,7 @@ const _sfc_main$P = defineComponent({
     };
   }
 });
-const _hoisted_1$w = { style: {
+const _hoisted_1$u = { style: {
   position: "absolute",
   left: 0,
   top: 0,
@@ -28498,7 +28512,7 @@ function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
         renderSlot(_ctx.$slots, "title")
       ]),
       default: withCtx(() => [
-        createElementVNode("div", _hoisted_1$w, [
+        createElementVNode("div", _hoisted_1$u, [
           renderSlot(_ctx.$slots, "default")
         ])
       ]),
@@ -28542,9 +28556,9 @@ const _sfc_main$O = defineComponent({
     };
   }
 });
-const _hoisted_1$v = { class: "el-menu-item-group" };
+const _hoisted_1$t = { class: "el-menu-item-group" };
 function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("li", _hoisted_1$v, [
+  return openBlock(), createElementBlock("li", _hoisted_1$t, [
     createElementVNode("div", {
       class: "el-menu-item-group__title",
       style: normalizeStyle({ paddingLeft: `${_ctx.levelPadding}px` })
@@ -28673,8 +28687,8 @@ const _sfc_main$M = defineComponent({
     };
   }
 });
-const _hoisted_1$u = ["disabled", "aria-disabled"];
-const _hoisted_2$m = { key: 0 };
+const _hoisted_1$s = ["disabled", "aria-disabled"];
+const _hoisted_2$k = { key: 0 };
 function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_arrow_left = resolveComponent("arrow-left");
   const _component_el_icon = resolveComponent("el-icon");
@@ -28685,13 +28699,13 @@ function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
     "aria-disabled": _ctx.internalDisabled,
     onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
   }, [
-    _ctx.prevText ? (openBlock(), createElementBlock("span", _hoisted_2$m, toDisplayString(_ctx.prevText), 1)) : (openBlock(), createBlock(_component_el_icon, { key: 1 }, {
+    _ctx.prevText ? (openBlock(), createElementBlock("span", _hoisted_2$k, toDisplayString(_ctx.prevText), 1)) : (openBlock(), createBlock(_component_el_icon, { key: 1 }, {
       default: withCtx(() => [
         createVNode(_component_arrow_left)
       ]),
       _: 1
     }))
-  ], 8, _hoisted_1$u);
+  ], 8, _hoisted_1$s);
 }
 var Prev = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$I]]);
 
@@ -28725,8 +28739,8 @@ const _sfc_main$L = defineComponent({
     };
   }
 });
-const _hoisted_1$t = ["disabled", "aria-disabled"];
-const _hoisted_2$l = { key: 0 };
+const _hoisted_1$r = ["disabled", "aria-disabled"];
+const _hoisted_2$j = { key: 0 };
 function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_arrow_right = resolveComponent("arrow-right");
   const _component_el_icon = resolveComponent("el-icon");
@@ -28737,13 +28751,13 @@ function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
     "aria-disabled": _ctx.internalDisabled,
     onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
   }, [
-    _ctx.nextText ? (openBlock(), createElementBlock("span", _hoisted_2$l, toDisplayString(_ctx.nextText), 1)) : (openBlock(), createBlock(_component_el_icon, { key: 1 }, {
+    _ctx.nextText ? (openBlock(), createElementBlock("span", _hoisted_2$j, toDisplayString(_ctx.nextText), 1)) : (openBlock(), createBlock(_component_el_icon, { key: 1 }, {
       default: withCtx(() => [
         createVNode(_component_arrow_right)
       ]),
       _: 1
     }))
-  ], 8, _hoisted_1$t);
+  ], 8, _hoisted_1$r);
 }
 var Next = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$H]]);
 
@@ -29925,12 +29939,12 @@ const _sfc_main$I = defineComponent({
     };
   }
 });
-const _hoisted_1$s = { class: "select-trigger" };
-const _hoisted_2$k = { key: 0 };
-const _hoisted_3$f = { class: "el-select__tags-text" };
-const _hoisted_4$8 = ["disabled", "autocomplete"];
+const _hoisted_1$q = { class: "select-trigger" };
+const _hoisted_2$i = { key: 0 };
+const _hoisted_3$d = { class: "el-select__tags-text" };
+const _hoisted_4$7 = ["disabled", "autocomplete"];
 const _hoisted_5$5 = { style: { "height": "100%", "display": "flex", "justify-content": "center", "align-items": "center" } };
-const _hoisted_6$4 = {
+const _hoisted_6$3 = {
   key: 1,
   class: "el-select-dropdown__empty"
 };
@@ -29966,14 +29980,14 @@ function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
       onShow: _ctx.handleMenuEnter
     }, {
       default: withCtx(() => [
-        createElementVNode("div", _hoisted_1$s, [
+        createElementVNode("div", _hoisted_1$q, [
           _ctx.multiple ? (openBlock(), createElementBlock("div", {
             key: 0,
             ref: "tags",
             class: "el-select__tags",
             style: normalizeStyle(_ctx.selectTagsStyle)
           }, [
-            _ctx.collapseTags && _ctx.selected.length ? (openBlock(), createElementBlock("span", _hoisted_2$k, [
+            _ctx.collapseTags && _ctx.selected.length ? (openBlock(), createElementBlock("span", _hoisted_2$i, [
               createVNode(_component_el_tag, {
                 closable: !_ctx.selectDisabled && !_ctx.selected[0].isDisabled,
                 size: _ctx.collapseTagSize,
@@ -29998,7 +30012,7 @@ function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
                 "disable-transitions": ""
               }, {
                 default: withCtx(() => [
-                  createElementVNode("span", _hoisted_3$f, "+ " + toDisplayString(_ctx.selected.length - 1), 1)
+                  createElementVNode("span", _hoisted_3$d, "+ " + toDisplayString(_ctx.selected.length - 1), 1)
                 ]),
                 _: 1
               }, 8, ["size", "type"])) : createCommentVNode("v-if", true)
@@ -30068,7 +30082,7 @@ function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
               onCompositionupdate: _cache[13] || (_cache[13] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args)),
               onCompositionend: _cache[14] || (_cache[14] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args)),
               onInput: _cache[15] || (_cache[15] = (...args) => _ctx.debouncedQueryChange && _ctx.debouncedQueryChange(...args))
-            }, null, 46, _hoisted_4$8)), [
+            }, null, 46, _hoisted_4$7)), [
               [vModelText, _ctx.query]
             ]) : createCommentVNode("v-if", true)
           ], 4)) : createCommentVNode("v-if", true),
@@ -30165,7 +30179,7 @@ function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
               [vShow, _ctx.options.size > 0 && !_ctx.loading]
             ]),
             _ctx.emptyText && (!_ctx.allowCreate || _ctx.loading || _ctx.allowCreate && _ctx.options.size === 0) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-              _ctx.$slots.empty ? renderSlot(_ctx.$slots, "empty", { key: 0 }) : (openBlock(), createElementBlock("p", _hoisted_6$4, toDisplayString(_ctx.emptyText), 1))
+              _ctx.$slots.empty ? renderSlot(_ctx.$slots, "empty", { key: 0 }) : (openBlock(), createElementBlock("p", _hoisted_6$3, toDisplayString(_ctx.emptyText), 1))
             ], 2112)) : createCommentVNode("v-if", true)
           ]),
           _: 3
@@ -30223,14 +30237,14 @@ const _sfc_main$H = defineComponent({
     };
   }
 });
-const _hoisted_1$r = { class: "el-select-group__wrap" };
-const _hoisted_2$j = { class: "el-select-group__title" };
-const _hoisted_3$e = { class: "el-select-group" };
+const _hoisted_1$p = { class: "el-select-group__wrap" };
+const _hoisted_2$h = { class: "el-select-group__title" };
+const _hoisted_3$c = { class: "el-select-group" };
 function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
-  return withDirectives((openBlock(), createElementBlock("ul", _hoisted_1$r, [
-    createElementVNode("li", _hoisted_2$j, toDisplayString(_ctx.label), 1),
+  return withDirectives((openBlock(), createElementBlock("ul", _hoisted_1$p, [
+    createElementVNode("li", _hoisted_2$h, toDisplayString(_ctx.label), 1),
     createElementVNode("li", null, [
-      createElementVNode("ul", _hoisted_3$e, [
+      createElementVNode("ul", _hoisted_3$c, [
         renderSlot(_ctx.$slots, "default")
       ])
     ])
@@ -30307,11 +30321,11 @@ const _sfc_main$G = defineComponent({
     };
   }
 });
-const _hoisted_1$q = { class: "el-pagination__sizes" };
+const _hoisted_1$o = { class: "el-pagination__sizes" };
 function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_option = resolveComponent("el-option");
   const _component_el_select = resolveComponent("el-select");
-  return openBlock(), createElementBlock("span", _hoisted_1$q, [
+  return openBlock(), createElementBlock("span", _hoisted_1$o, [
     createVNode(_component_el_select, {
       "model-value": _ctx.innerPageSize,
       disabled: _ctx.disabled,
@@ -30365,7 +30379,7 @@ const _sfc_main$F = defineComponent({
     };
   }
 });
-const _hoisted_1$p = ["disabled"];
+const _hoisted_1$n = ["disabled"];
 function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_input = resolveComponent("el-input");
   return openBlock(), createElementBlock("span", {
@@ -30385,7 +30399,7 @@ function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
       onChange: _ctx.handleChange
     }, null, 8, ["max", "disabled", "model-value", "onUpdate:modelValue", "onChange"]),
     createTextVNode(" " + toDisplayString(_ctx.t("el.pagination.pageClassifier")), 1)
-  ], 8, _hoisted_1$p);
+  ], 8, _hoisted_1$n);
 }
 var Jumper = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["render", _sfc_render$B]]);
 
@@ -30407,14 +30421,14 @@ const _sfc_main$E = defineComponent({
     };
   }
 });
-const _hoisted_1$o = ["disabled"];
+const _hoisted_1$m = ["disabled"];
 function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("span", {
     class: "el-pagination__total",
     disabled: _ctx.disabled
   }, toDisplayString(_ctx.t("el.pagination.total", {
     total: _ctx.total
-  })), 9, _hoisted_1$o);
+  })), 9, _hoisted_1$m);
 }
 var Total = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["render", _sfc_render$A]]);
 
@@ -30555,9 +30569,9 @@ const _sfc_main$D = defineComponent({
     };
   }
 });
-const _hoisted_1$n = ["aria-current"];
-const _hoisted_2$i = ["aria-current"];
-const _hoisted_3$d = ["aria-current"];
+const _hoisted_1$l = ["aria-current"];
+const _hoisted_2$g = ["aria-current"];
+const _hoisted_3$b = ["aria-current"];
 function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_d_arrow_left = resolveComponent("d-arrow-left");
   const _component_more_filled = resolveComponent("more-filled");
@@ -30572,7 +30586,7 @@ function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass([{ active: _ctx.currentPage === 1, disabled: _ctx.disabled }, "number"]),
       "aria-current": _ctx.currentPage === 1,
       tabindex: "0"
-    }, " 1 ", 10, _hoisted_1$n)) : createCommentVNode("v-if", true),
+    }, " 1 ", 10, _hoisted_1$l)) : createCommentVNode("v-if", true),
     _ctx.showPrevMore ? (openBlock(), createElementBlock("li", {
       key: 1,
       class: normalizeClass(["el-icon more btn-quickprev", { disabled: _ctx.disabled }]),
@@ -30587,7 +30601,7 @@ function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
         class: normalizeClass([{ active: _ctx.currentPage === pager, disabled: _ctx.disabled }, "number"]),
         "aria-current": _ctx.currentPage === pager,
         tabindex: "0"
-      }, toDisplayString(pager), 11, _hoisted_2$i);
+      }, toDisplayString(pager), 11, _hoisted_2$g);
     }), 128)),
     _ctx.showNextMore ? (openBlock(), createElementBlock("li", {
       key: 2,
@@ -30602,7 +30616,7 @@ function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass([{ active: _ctx.currentPage === _ctx.pageCount, disabled: _ctx.disabled }, "number"]),
       "aria-current": _ctx.currentPage === _ctx.pageCount,
       tabindex: "0"
-    }, toDisplayString(_ctx.pageCount), 11, _hoisted_3$d)) : createCommentVNode("v-if", true)
+    }, toDisplayString(_ctx.pageCount), 11, _hoisted_3$b)) : createCommentVNode("v-if", true)
   ], 32);
 }
 var Pager = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$z]]);
@@ -31091,7 +31105,7 @@ const _sfc_main$B = defineComponent({
     };
   }
 });
-const _hoisted_1$m = {
+const _hoisted_1$k = {
   key: 0,
   class: "el-popover__title",
   role: "title"
@@ -31110,7 +31124,7 @@ function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
     onHide: _ctx.afterLeave
   }), {
     content: withCtx(() => [
-      _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_1$m, toDisplayString(_ctx.title), 1)) : createCommentVNode("v-if", true),
+      _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_1$k, toDisplayString(_ctx.title), 1)) : createCommentVNode("v-if", true),
       renderSlot(_ctx.$slots, "default", {}, () => [
         createTextVNode(toDisplayString(_ctx.content), 1)
       ])
@@ -31346,10 +31360,10 @@ const _sfc_main$A = defineComponent({
     };
   }
 });
-const _hoisted_1$l = ["aria-valuenow"];
-const _hoisted_2$h = { viewBox: "0 0 100 100" };
-const _hoisted_3$c = ["d", "stroke-width"];
-const _hoisted_4$7 = ["d", "stroke", "stroke-linecap", "stroke-width"];
+const _hoisted_1$j = ["aria-valuenow"];
+const _hoisted_2$f = { viewBox: "0 0 100 100" };
+const _hoisted_3$a = ["d", "stroke-width"];
+const _hoisted_4$6 = ["d", "stroke", "stroke-linecap", "stroke-width"];
 const _hoisted_5$4 = { key: 0 };
 function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
@@ -31398,7 +31412,7 @@ function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass(_ctx.ns.b("circle")),
       style: normalizeStyle({ height: `${_ctx.width}px`, width: `${_ctx.width}px` })
     }, [
-      (openBlock(), createElementBlock("svg", _hoisted_2$h, [
+      (openBlock(), createElementBlock("svg", _hoisted_2$f, [
         createElementVNode("path", {
           class: normalizeClass(_ctx.ns.be("circle", "track")),
           d: _ctx.trackPath,
@@ -31406,7 +31420,7 @@ function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
           "stroke-width": _ctx.relativeStrokeWidth,
           fill: "none",
           style: normalizeStyle(_ctx.trailPathStyle)
-        }, null, 14, _hoisted_3$c),
+        }, null, 14, _hoisted_3$a),
         createElementVNode("path", {
           class: normalizeClass(_ctx.ns.be("circle", "path")),
           d: _ctx.trackPath,
@@ -31415,7 +31429,7 @@ function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
           "stroke-linecap": _ctx.strokeLinecap,
           "stroke-width": _ctx.percentage ? _ctx.relativeStrokeWidth : 0,
           style: normalizeStyle(_ctx.circlePathStyle)
-        }, null, 14, _hoisted_4$7)
+        }, null, 14, _hoisted_4$6)
       ]))
     ], 6)),
     (_ctx.showText || _ctx.$slots.default) && !_ctx.textInside ? (openBlock(), createElementBlock("div", {
@@ -31432,7 +31446,7 @@ function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
         }))
       ])
     ], 6)) : createCommentVNode("v-if", true)
-  ], 10, _hoisted_1$l);
+  ], 10, _hoisted_1$j);
 }
 var Progress = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$w]]);
 
@@ -31712,8 +31726,8 @@ const _sfc_main$z = defineComponent({
     };
   }
 });
-const _hoisted_1$k = ["aria-valuenow", "aria-valuetext", "aria-valuemax"];
-const _hoisted_2$g = ["onMousemove", "onClick"];
+const _hoisted_1$i = ["aria-valuenow", "aria-valuetext", "aria-valuemax"];
+const _hoisted_2$e = ["onMousemove", "onClick"];
 function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
   return openBlock(), createElementBlock("div", {
@@ -31754,14 +31768,14 @@ function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
           ]),
           _: 2
         }, 1032, ["class", "style"])
-      ], 46, _hoisted_2$g);
+      ], 46, _hoisted_2$e);
     }), 128)),
     _ctx.showText || _ctx.showScore ? (openBlock(), createElementBlock("span", {
       key: 0,
       class: normalizeClass(_ctx.ns.e("text")),
       style: normalizeStyle({ color: _ctx.textColor })
     }, toDisplayString(_ctx.text), 7)) : createCommentVNode("v-if", true)
-  ], 42, _hoisted_1$k);
+  ], 42, _hoisted_1$i);
 }
 var Rate = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$v]]);
 
@@ -33768,7 +33782,7 @@ const _sfc_main$w = defineComponent({
     };
   }
 });
-const _hoisted_1$j = ["aria-selected"];
+const _hoisted_1$h = ["aria-selected"];
 function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("li", {
     "aria-selected": _ctx.selected,
@@ -33790,7 +33804,7 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
     }, () => [
       createElementVNode("span", null, toDisplayString(_ctx.item.label), 1)
     ])
-  ], 46, _hoisted_1$j);
+  ], 46, _hoisted_1$h);
 }
 var OptionItem = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["render", _sfc_render$s]]);
 
@@ -34729,20 +34743,20 @@ const _sfc_main$u = defineComponent({
     return API;
   }
 });
-const _hoisted_1$i = { key: 0 };
-const _hoisted_2$f = {
+const _hoisted_1$g = { key: 0 };
+const _hoisted_2$d = {
   key: 1,
   class: "el-select-v2__selection"
 };
-const _hoisted_3$b = {
+const _hoisted_3$9 = {
   key: 0,
   class: "el-select-v2__selected-item"
 };
-const _hoisted_4$6 = ["id", "autocomplete", "aria-expanded", "aria-labelledby", "disabled", "readonly", "name", "unselectable"];
+const _hoisted_4$5 = ["id", "autocomplete", "aria-expanded", "aria-labelledby", "disabled", "readonly", "name", "unselectable"];
 const _hoisted_5$3 = ["textContent"];
-const _hoisted_6$3 = { class: "el-select-v2__selected-item el-select-v2__input-wrapper" };
-const _hoisted_7$2 = ["id", "aria-labelledby", "aria-expanded", "autocomplete", "disabled", "name", "readonly", "unselectable"];
-const _hoisted_8$2 = ["textContent"];
+const _hoisted_6$2 = { class: "el-select-v2__selected-item el-select-v2__input-wrapper" };
+const _hoisted_7$1 = ["id", "aria-labelledby", "aria-expanded", "autocomplete", "disabled", "name", "readonly", "unselectable"];
+const _hoisted_8$1 = ["textContent"];
 const _hoisted_9$1 = { class: "el-select-v2__suffix" };
 const _hoisted_10$1 = { class: "el-select-v2__empty" };
 function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
@@ -34790,11 +34804,11 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
               "is-disabled": _ctx.disabled
             }])
           }, [
-            _ctx.$slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_1$i, [
+            _ctx.$slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_1$g, [
               renderSlot(_ctx.$slots, "prefix")
             ])) : createCommentVNode("v-if", true),
-            _ctx.multiple ? (openBlock(), createElementBlock("div", _hoisted_2$f, [
-              _ctx.collapseTags && _ctx.modelValue.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_3$b, [
+            _ctx.multiple ? (openBlock(), createElementBlock("div", _hoisted_2$d, [
+              _ctx.collapseTags && _ctx.modelValue.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_3$9, [
                 createVNode(_component_el_tag, {
                   closable: !_ctx.selectDisabled && !((_a = _ctx.states.cachedOptions[0]) == null ? void 0 : _a.disable),
                   size: _ctx.collapseTagSize,
@@ -34891,7 +34905,7 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
                     _cache[10] || (_cache[10] = withKeys(withModifiers((...args) => _ctx.handleEsc && _ctx.handleEsc(...args), ["stop", "prevent"]), ["esc"])),
                     _cache[11] || (_cache[11] = withKeys(withModifiers((...args) => _ctx.handleDel && _ctx.handleDel(...args), ["stop"]), ["delete"]))
                   ]
-                }, null, 42, _hoisted_4$6), [
+                }, null, 42, _hoisted_4$5), [
                   [_directive_model_text, _ctx.states.displayInputValue]
                 ]),
                 _ctx.filterable ? (openBlock(), createElementBlock("span", {
@@ -34903,7 +34917,7 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
                 }, null, 8, _hoisted_5$3)) : createCommentVNode("v-if", true)
               ], 4)
             ])) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-              createElementVNode("div", _hoisted_6$3, [
+              createElementVNode("div", _hoisted_6$2, [
                 withDirectives(createElementVNode("input", {
                   id: _ctx.id,
                   ref: "inputRef",
@@ -34933,7 +34947,7 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
                     _cache[20] || (_cache[20] = withKeys(withModifiers((...args) => _ctx.handleEsc && _ctx.handleEsc(...args), ["stop", "prevent"]), ["esc"]))
                   ],
                   "onUpdate:modelValue": _cache[21] || (_cache[21] = (...args) => _ctx.onUpdateInputValue && _ctx.onUpdateInputValue(...args))
-                }, null, 40, _hoisted_7$2), [
+                }, null, 40, _hoisted_7$1), [
                   [_directive_model_text, _ctx.states.displayInputValue]
                 ])
               ]),
@@ -34943,7 +34957,7 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
                 "aria-hidden": "true",
                 class: "el-select-v2__selected-item el-select-v2__input-calculator",
                 textContent: toDisplayString(_ctx.states.displayInputValue)
-              }, null, 8, _hoisted_8$2)) : createCommentVNode("v-if", true)
+              }, null, 8, _hoisted_8$1)) : createCommentVNode("v-if", true)
             ], 64)),
             _ctx.shouldShowPlaceholder ? (openBlock(), createElementBlock("span", {
               key: 3,
@@ -35023,16 +35037,16 @@ const ElSelectV2 = _Select;
 const _sfc_main$t = defineComponent({
   name: "ImgPlaceholder"
 });
-const _hoisted_1$h = {
+const _hoisted_1$f = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$e = /* @__PURE__ */ createElementVNode("path", { d: "M64 896V128h896v768H64z m64-128l192-192 116.352 116.352L640 448l256 307.2V192H128v576z m224-480a96 96 0 1 1-0.064 192.064A96 96 0 0 1 352 288z" }, null, -1);
-const _hoisted_3$a = [
-  _hoisted_2$e
+const _hoisted_2$c = /* @__PURE__ */ createElementVNode("path", { d: "M64 896V128h896v768H64z m64-128l192-192 116.352 116.352L640 448l256 307.2V192H128v576z m224-480a96 96 0 1 1-0.064 192.064A96 96 0 0 1 352 288z" }, null, -1);
+const _hoisted_3$8 = [
+  _hoisted_2$c
 ];
 function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$h, _hoisted_3$a);
+  return openBlock(), createElementBlock("svg", _hoisted_1$f, _hoisted_3$8);
 }
 var ImgPlaceholder = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$q]]);
 
@@ -35837,10 +35851,12 @@ const useWatch = (props, initData, minValue, maxValue, emit, elFormItem) => {
     }
   });
   watch(() => props.modelValue, (val, oldVal) => {
-    if (initData.dragging || Array.isArray(val) && Array.isArray(oldVal) && val.every((item, index) => item === oldVal[index])) {
+    if (initData.dragging || Array.isArray(val) && Array.isArray(oldVal) && val.every((item, index) => item === oldVal[index]) && initData.firstValue === val[0] && initData.secondValue === val[1]) {
       return;
     }
     setValues();
+  }, {
+    deep: true
   });
   watch(() => [props.min, props.max], () => {
     setValues();
@@ -35882,9 +35898,9 @@ const useLifecycle = (props, initData, resetSize) => {
     sliderWrapper
   };
 };
-const _hoisted_1$g = ["aria-valuemin", "aria-valuemax", "aria-orientation", "aria-disabled"];
-const _hoisted_2$d = { key: 1 };
-const _hoisted_3$9 = { class: "el-slider__marks" };
+const _hoisted_1$e = ["aria-valuemin", "aria-valuemax", "aria-orientation", "aria-disabled"];
+const _hoisted_2$b = { key: 1 };
+const _hoisted_3$7 = { class: "el-slider__marks" };
 function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_slider_button = resolveComponent("slider-button");
   const _component_slider_marker = resolveComponent("slider-marker");
@@ -35923,7 +35939,7 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
         "tooltip-class": _ctx.tooltipClass,
         "onUpdate:modelValue": _ctx.setSecondValue
       }, null, 8, ["model-value", "vertical", "tooltip-class", "onUpdate:modelValue"])) : createCommentVNode("v-if", true),
-      _ctx.showStops ? (openBlock(), createElementBlock("div", _hoisted_2$d, [
+      _ctx.showStops ? (openBlock(), createElementBlock("div", _hoisted_2$b, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.stops, (item, key) => {
           return openBlock(), createElementBlock("div", {
             key,
@@ -35942,7 +35958,7 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
             }, null, 4);
           }), 128))
         ]),
-        createElementVNode("div", _hoisted_3$9, [
+        createElementVNode("div", _hoisted_3$7, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.markList, (item, key) => {
             return openBlock(), createBlock(_component_slider_marker, {
               key,
@@ -35968,7 +35984,7 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
       "onUpdate:modelValue": _ctx.setFirstValue,
       onChange: _ctx.emitChange
     }, null, 8, ["model-value", "step", "disabled", "controls", "min", "max", "debounce", "size", "onUpdate:modelValue", "onChange"])) : createCommentVNode("v-if", true)
-  ], 10, _hoisted_1$g);
+  ], 10, _hoisted_1$e);
 }
 var Slider = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$m]]);
 
@@ -36375,16 +36391,16 @@ const _sfc_main$l = defineComponent({
     };
   }
 });
-const _hoisted_1$f = {
+const _hoisted_1$d = {
   key: 0,
   class: "el-step__line"
 };
-const _hoisted_2$c = {
+const _hoisted_2$a = {
   key: 1,
   class: "el-step__icon-inner"
 };
-const _hoisted_3$8 = { class: "el-step__main" };
-const _hoisted_4$5 = {
+const _hoisted_3$6 = { class: "el-step__main" };
+const _hoisted_4$4 = {
   key: 0,
   class: "el-step__arrow"
 };
@@ -36405,7 +36421,7 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("div", {
       class: normalizeClass(["el-step__head", `is-${_ctx.currentStatus}`])
     }, [
-      !_ctx.isSimple ? (openBlock(), createElementBlock("div", _hoisted_1$f, [
+      !_ctx.isSimple ? (openBlock(), createElementBlock("div", _hoisted_1$d, [
         createElementVNode("i", {
           class: "el-step__line-inner",
           style: normalizeStyle(_ctx.lineStyle)
@@ -36424,7 +36440,7 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             _: 1
           })) : createCommentVNode("v-if", true),
-          !_ctx.icon && !_ctx.isSimple ? (openBlock(), createElementBlock("div", _hoisted_2$c, toDisplayString(_ctx.index + 1), 1)) : createCommentVNode("v-if", true)
+          !_ctx.icon && !_ctx.isSimple ? (openBlock(), createElementBlock("div", _hoisted_2$a, toDisplayString(_ctx.index + 1), 1)) : createCommentVNode("v-if", true)
         ]) : (openBlock(), createBlock(_component_el_icon, {
           key: 1,
           class: "el-step__icon-inner is-status"
@@ -36437,7 +36453,7 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
       ], 2)
     ], 2),
     createCommentVNode(" title & description "),
-    createElementVNode("div", _hoisted_3$8, [
+    createElementVNode("div", _hoisted_3$6, [
       createElementVNode("div", {
         class: normalizeClass(["el-step__title", `is-${_ctx.currentStatus}`])
       }, [
@@ -36445,7 +36461,7 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
           createTextVNode(toDisplayString(_ctx.title), 1)
         ])
       ], 2),
-      _ctx.isSimple ? (openBlock(), createElementBlock("div", _hoisted_4$5)) : (openBlock(), createElementBlock("div", {
+      _ctx.isSimple ? (openBlock(), createElementBlock("div", _hoisted_4$4)) : (openBlock(), createElementBlock("div", {
         key: 1,
         class: normalizeClass(["el-step__description", `is-${_ctx.currentStatus}`])
       }, [
@@ -36661,12 +36677,12 @@ const _sfc_main$k = defineComponent({
     };
   }
 });
-const _hoisted_1$e = ["aria-checked", "aria-disabled"];
-const _hoisted_2$b = ["id", "name", "true-value", "false-value", "disabled"];
-const _hoisted_3$7 = ["aria-hidden"];
-const _hoisted_4$4 = ["aria-hidden"];
+const _hoisted_1$c = ["aria-checked", "aria-disabled"];
+const _hoisted_2$9 = ["id", "name", "true-value", "false-value", "disabled"];
+const _hoisted_3$5 = ["aria-hidden"];
+const _hoisted_4$3 = ["aria-hidden"];
 const _hoisted_5$2 = ["aria-hidden"];
-const _hoisted_6$2 = ["aria-hidden"];
+const _hoisted_6$1 = ["aria-hidden"];
 function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
   const _component_loading = resolveComponent("loading");
@@ -36688,7 +36704,7 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
       disabled: _ctx.switchDisabled,
       onChange: _cache[0] || (_cache[0] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
       onKeydown: _cache[1] || (_cache[1] = withKeys((...args) => _ctx.switchValue && _ctx.switchValue(...args), ["enter"]))
-    }, null, 42, _hoisted_2$b),
+    }, null, 42, _hoisted_2$9),
     !_ctx.inlinePrompt && (_ctx.inactiveIcon || _ctx.inactiveText) ? (openBlock(), createElementBlock("span", {
       key: 0,
       class: normalizeClass([
@@ -36706,7 +36722,7 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
       !_ctx.inactiveIcon && _ctx.inactiveText ? (openBlock(), createElementBlock("span", {
         key: 1,
         "aria-hidden": _ctx.checked
-      }, toDisplayString(_ctx.inactiveText), 9, _hoisted_3$7)) : createCommentVNode("v-if", true)
+      }, toDisplayString(_ctx.inactiveText), 9, _hoisted_3$5)) : createCommentVNode("v-if", true)
     ], 2)) : createCommentVNode("v-if", true),
     createElementVNode("span", {
       ref: "core",
@@ -36741,7 +36757,7 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
             key: 0,
             class: normalizeClass([_ctx.ns.is("text"), _ctx.checked ? _ctx.ns.is("show") : _ctx.ns.is("hide")]),
             "aria-hidden": !_ctx.checked
-          }, toDisplayString(_ctx.activeText.substr(0, 1)), 11, _hoisted_4$4)) : createCommentVNode("v-if", true),
+          }, toDisplayString(_ctx.activeText.substr(0, 1)), 11, _hoisted_4$3)) : createCommentVNode("v-if", true),
           _ctx.inactiveText ? (openBlock(), createElementBlock("span", {
             key: 1,
             class: normalizeClass([_ctx.ns.is("text"), !_ctx.checked ? _ctx.ns.is("show") : _ctx.ns.is("hide")]),
@@ -36780,9 +36796,9 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
       !_ctx.activeIcon && _ctx.activeText ? (openBlock(), createElementBlock("span", {
         key: 1,
         "aria-hidden": !_ctx.checked
-      }, toDisplayString(_ctx.activeText), 9, _hoisted_6$2)) : createCommentVNode("v-if", true)
+      }, toDisplayString(_ctx.activeText), 9, _hoisted_6$1)) : createCommentVNode("v-if", true)
     ], 2)) : createCommentVNode("v-if", true)
-  ], 10, _hoisted_1$e);
+  ], 10, _hoisted_1$c);
 }
 var Switch = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$i]]);
 
@@ -38219,7 +38235,7 @@ class TableLayout {
     this.appendHeight.value = appendWrapper ? appendWrapper.offsetHeight : 0;
     if (this.showHeader && !headerWrapper)
       return;
-    const headerTrElm = tableHeader ? tableHeader.$el : null;
+    const headerTrElm = tableHeader ? tableHeader : null;
     const noneHeader = this.headerDisplayNone(headerTrElm);
     const headerHeight = this.headerHeight.value = !this.showHeader ? 0 : headerWrapper.offsetHeight;
     if (this.showHeader && !noneHeader && headerWrapper.offsetWidth > 0 && (this.table.store.states.columns.value || []).length > 0 && headerHeight < 2) {
@@ -38232,7 +38248,7 @@ class TableLayout {
         requestAnimationFrame(() => this.updateElsHeight());
       }
       this.bodyHeight.value = tableHeight - headerHeight - footerHeight + (footerWrapper ? 1 : 0);
-      this.bodyScrollHeight.value = tableBody == null ? void 0 : tableBody.$el.scrollHeight;
+      this.bodyScrollHeight.value = tableBody == null ? void 0 : tableBody.scrollHeight;
     }
     this.fixedBodyHeight.value = this.scrollX.value ? this.bodyHeight.value - this.gutterWidth : this.bodyHeight.value;
     this.viewportHeight.value = this.scrollX.value ? tableHeight - this.gutterWidth : tableHeight;
@@ -38256,6 +38272,8 @@ class TableLayout {
       return;
     const fit = this.fit;
     const bodyWidth = this.table.vnode.el.clientWidth;
+    const { tableBody } = this.table.refs;
+    const bodyScrollWidth = (tableBody == null ? void 0 : tableBody.scrollWidth) || 0;
     let bodyMinWidth = 0;
     const flattenColumns = this.getFlattenColumns();
     const flexColumns = flattenColumns.filter((column) => typeof column.width !== "number");
@@ -38267,8 +38285,8 @@ class TableLayout {
       flattenColumns.forEach((column) => {
         bodyMinWidth += Number(column.width || column.minWidth || 80);
       });
-      const scrollYWidth = this.scrollY.value ? this.gutterWidth : 0;
-      if (bodyMinWidth <= bodyWidth - scrollYWidth) {
+      const scrollYWidth = 0;
+      if (bodyMinWidth <= bodyWidth - scrollYWidth && bodyScrollWidth <= bodyWidth) {
         this.scrollX.value = false;
         const totalFlexWidth = bodyWidth - scrollYWidth - bodyMinWidth;
         if (flexColumns.length === 1) {
@@ -38495,9 +38513,9 @@ const _sfc_main$j = defineComponent({
     };
   }
 });
-const _hoisted_1$d = { key: 0 };
-const _hoisted_2$a = ["disabled"];
-const _hoisted_3$6 = ["label", "onClick"];
+const _hoisted_1$b = { key: 0 };
+const _hoisted_2$8 = ["disabled"];
+const _hoisted_3$4 = ["label", "onClick"];
 function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_checkbox = resolveComponent("el-checkbox");
   const _component_el_checkbox_group = resolveComponent("el-checkbox-group");
@@ -38522,7 +38540,7 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
     persistent: ""
   }, {
     content: withCtx(() => [
-      _ctx.multiple ? (openBlock(), createElementBlock("div", _hoisted_1$d, [
+      _ctx.multiple ? (openBlock(), createElementBlock("div", _hoisted_1$b, [
         createElementVNode("div", {
           class: normalizeClass(_ctx.ns.e("content"))
         }, [
@@ -38562,7 +38580,7 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
             disabled: _ctx.filteredValue.length === 0,
             type: "button",
             onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleConfirm && _ctx.handleConfirm(...args))
-          }, toDisplayString(_ctx.t("el.table.confirmFilter")), 11, _hoisted_2$a),
+          }, toDisplayString(_ctx.t("el.table.confirmFilter")), 11, _hoisted_2$8),
           createElementVNode("button", {
             type: "button",
             onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleReset && _ctx.handleReset(...args))
@@ -38587,7 +38605,7 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
             class: normalizeClass([_ctx.ns.e("list-item"), _ctx.ns.is("active", _ctx.isActive(filter))]),
             label: filter.value,
             onClick: ($event) => _ctx.handleSelect(filter.value)
-          }, toDisplayString(filter.text), 11, _hoisted_3$6);
+          }, toDisplayString(filter.text), 11, _hoisted_3$4);
         }), 128))
       ], 2))
     ]),
@@ -38677,15 +38695,6 @@ function useLayoutObserver(root) {
   };
 }
 
-function hColgroup(columns) {
-  return h$1("colgroup", {}, [
-    ...columns.map((column) => h$1("col", {
-      name: column.id,
-      key: column.id
-    }))
-  ]);
-}
-
 const TABLE_INJECTION_KEY = Symbol("ElTable");
 
 function useEvent(props, emit) {
@@ -39033,7 +39042,6 @@ var TableHeader = defineComponent({
     const instance = getCurrentInstance();
     const parent = inject(TABLE_INJECTION_KEY);
     const ns = useNamespace("table");
-    const storeData = parent == null ? void 0 : parent.store.states;
     const filterPanels = ref({});
     const { onColumnsChange, onScrollableChange } = useLayoutObserver(parent);
     onMounted(() => {
@@ -39066,7 +39074,6 @@ var TableHeader = defineComponent({
     instance.filterPanels = filterPanels;
     return {
       ns,
-      columns: storeData.columns,
       filterPanels,
       onColumnsChange,
       onScrollableChange,
@@ -39089,7 +39096,6 @@ var TableHeader = defineComponent({
   render() {
     const {
       ns,
-      columns,
       isGroup,
       columnRows,
       getHeaderCellStyle,
@@ -39106,73 +39112,65 @@ var TableHeader = defineComponent({
       $parent
     } = this;
     let rowSpan = 1;
-    return h$1("table", {
-      border: "0",
-      cellpadding: "0",
-      cellspacing: "0",
-      class: ns.e("header")
-    }, [
-      hColgroup(columns),
-      h$1("thead", {
-        class: { [ns.is("group")]: isGroup }
-      }, columnRows.map((subColumns, rowIndex) => h$1("tr", {
-        class: getHeaderRowClass(rowIndex),
-        key: rowIndex,
-        style: getHeaderRowStyle(rowIndex)
-      }, subColumns.map((column, cellIndex) => {
-        if (column.rowSpan > rowSpan) {
-          rowSpan = column.rowSpan;
-        }
-        return h$1("th", {
-          class: getHeaderCellClass(rowIndex, cellIndex, subColumns, column),
-          colspan: column.colSpan,
-          key: `${column.id}-thead`,
-          rowSpan: column.rowSpan,
-          style: getHeaderCellStyle(rowIndex, cellIndex, subColumns, column),
-          onClick: ($event) => handleHeaderClick($event, column),
-          onContextmenu: ($event) => handleHeaderContextMenu($event, column),
-          onMousedown: ($event) => handleMouseDown($event, column),
-          onMousemove: ($event) => handleMouseMove($event, column),
-          onMouseout: handleMouseOut
+    return h$1("thead", {
+      class: { [ns.is("group")]: isGroup }
+    }, columnRows.map((subColumns, rowIndex) => h$1("tr", {
+      class: getHeaderRowClass(rowIndex),
+      key: rowIndex,
+      style: getHeaderRowStyle(rowIndex)
+    }, subColumns.map((column, cellIndex) => {
+      if (column.rowSpan > rowSpan) {
+        rowSpan = column.rowSpan;
+      }
+      return h$1("th", {
+        class: getHeaderCellClass(rowIndex, cellIndex, subColumns, column),
+        colspan: column.colSpan,
+        key: `${column.id}-thead`,
+        rowspan: column.rowSpan,
+        style: getHeaderCellStyle(rowIndex, cellIndex, subColumns, column),
+        onClick: ($event) => handleHeaderClick($event, column),
+        onContextmenu: ($event) => handleHeaderContextMenu($event, column),
+        onMousedown: ($event) => handleMouseDown($event, column),
+        onMousemove: ($event) => handleMouseMove($event, column),
+        onMouseout: handleMouseOut
+      }, [
+        h$1("div", {
+          class: [
+            "cell",
+            column.filteredValue && column.filteredValue.length > 0 ? "highlight" : "",
+            column.labelClassName
+          ]
         }, [
-          h$1("div", {
-            class: [
-              "cell",
-              column.filteredValue && column.filteredValue.length > 0 ? "highlight" : "",
-              column.labelClassName
-            ]
+          column.renderHeader ? column.renderHeader({
+            column,
+            $index: cellIndex,
+            store,
+            _self: $parent
+          }) : column.label,
+          column.sortable && h$1("span", {
+            onClick: ($event) => handleSortClick($event, column),
+            class: "caret-wrapper"
           }, [
-            column.renderHeader ? column.renderHeader({
-              column,
-              $index: cellIndex,
-              store,
-              _self: $parent
-            }) : column.label,
-            column.sortable && h$1("span", {
-              onClick: ($event) => handleSortClick($event, column),
-              class: "caret-wrapper"
-            }, [
-              h$1("i", {
-                onClick: ($event) => handleSortClick($event, column, "ascending"),
-                class: "sort-caret ascending"
-              }),
-              h$1("i", {
-                onClick: ($event) => handleSortClick($event, column, "descending"),
-                class: "sort-caret descending"
-              })
-            ]),
-            column.filterable && h$1(FilterPanel, {
-              store: $parent.store,
-              placement: column.filterPlacement || "bottom-start",
-              column,
-              upDataColumn: (key, value) => {
-                column[key] = value;
-              }
+            h$1("i", {
+              onClick: ($event) => handleSortClick($event, column, "ascending"),
+              class: "sort-caret ascending"
+            }),
+            h$1("i", {
+              onClick: ($event) => handleSortClick($event, column, "descending"),
+              class: "sort-caret descending"
             })
-          ])
-        ]);
-      }))))
-    ]);
+          ]),
+          column.filterable && h$1(FilterPanel, {
+            store: $parent.store,
+            placement: column.filterPlacement || "bottom-start",
+            column,
+            upDataColumn: (key, value) => {
+              column[key] = value;
+            }
+          })
+        ])
+      ]);
+    }))));
   }
 });
 
@@ -39629,25 +39627,43 @@ var TableBody = defineComponent({
     };
   },
   render() {
-    const { ns, wrappedRowRender, store } = this;
+    const { wrappedRowRender, store } = this;
     const data = store.states.data.value || [];
-    const columns = store.states.columns.value;
-    return h$1("table", {
-      class: ns.e("body"),
-      cellspacing: "0",
-      cellpadding: "0",
-      border: "0"
-    }, [
-      hColgroup(columns),
-      h$1("tbody", {}, [
-        data.reduce((acc, row) => {
-          return acc.concat(wrappedRowRender(row, acc.length));
-        }, [])
-      ])
+    return h$1("tbody", {}, [
+      data.reduce((acc, row) => {
+        return acc.concat(wrappedRowRender(row, acc.length));
+      }, [])
     ]);
   }
 });
 
+function hColgroup(props) {
+  const isAuto = props.tableLayout === "auto";
+  let columns = props.columns || [];
+  if (isAuto) {
+    if (columns.every((column) => column.width === void 0)) {
+      columns = [];
+    }
+  }
+  const getPropsData = (column) => {
+    const propsData = {
+      key: `${props.tableLayout}_${column.id}`,
+      style: {},
+      name: void 0
+    };
+    if (isAuto) {
+      propsData.style = {
+        width: `${column.width}px`
+      };
+    } else {
+      propsData.name = column.id;
+    }
+    return propsData;
+  };
+  return h$1("colgroup", {}, columns.map((column) => h$1("col", getPropsData(column))));
+}
+hColgroup.props = ["columns", "tableLayout"];
+
 function useMapState() {
   const table = inject(TABLE_INJECTION_KEY);
   const store = table == null ? void 0 : table.store;
@@ -40021,6 +40037,11 @@ function useStyle(props, layout, store, table) {
     const { bodyWidth: bodyWidth_, scrollY, gutterWidth } = layout;
     return bodyWidth_.value ? `${bodyWidth_.value - (scrollY.value ? gutterWidth : 0)}px` : "";
   });
+  const tableLayout = computed(() => {
+    if (props.maxHeight)
+      return "fixed";
+    return props.tableLayout;
+  });
   const height = computed(() => {
     const headerHeight = layout.headerHeight.value || 0;
     const bodyHeight2 = layout.bodyHeight.value;
@@ -40137,7 +40158,8 @@ function useStyle(props, layout, store, table) {
     bodyWidth,
     resizeState,
     doLayout,
-    tableBodyStyles
+    tableBodyStyles,
+    tableLayout
   };
 }
 
@@ -40208,6 +40230,10 @@ var defaultProps$1 = {
   className: {
     type: String,
     default: ""
+  },
+  tableLayout: {
+    type: String,
+    default: "fixed"
   }
 };
 
@@ -40221,7 +40247,8 @@ const _sfc_main$i = defineComponent({
     TableHeader,
     TableBody,
     TableFooter,
-    ElScrollbar
+    ElScrollbar,
+    hColgroup
   },
   props: defaultProps$1,
   emits: [
@@ -40287,7 +40314,8 @@ const _sfc_main$i = defineComponent({
       bodyWidth,
       resizeState,
       doLayout,
-      tableBodyStyles
+      tableBodyStyles,
+      tableLayout
     } = useStyle(props, layout, store, table);
     const debouncedUpdateLayout = debounce$1(doLayout, 50);
     const tableId = `el-table_${tableIdSeed++}`;
@@ -40338,16 +40366,18 @@ const _sfc_main$i = defineComponent({
       setDragVisible,
       context: table,
       computedSumText,
-      computedEmptyText
+      computedEmptyText,
+      tableLayout
     };
   }
 });
-const _hoisted_1$c = ["data-prefix"];
-const _hoisted_2$9 = {
+const _hoisted_1$a = ["data-prefix"];
+const _hoisted_2$7 = {
   ref: "hiddenColumns",
   class: "hidden-columns"
 };
 function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_hColgroup = resolveComponent("hColgroup");
   const _component_table_header = resolveComponent("table-header");
   const _component_table_body = resolveComponent("table-body");
   const _component_el_scrollbar = resolveComponent("el-scrollbar");
@@ -40371,7 +40401,8 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
       },
       _ctx.ns.m(_ctx.tableSize),
       _ctx.className,
-      _ctx.ns.b()
+      _ctx.ns.b(),
+      _ctx.ns.m(`layout-${_ctx.tableLayout}`)
     ]),
     style: normalizeStyle(_ctx.style),
     "data-prefix": _ctx.ns.namespace.value,
@@ -40380,22 +40411,33 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("div", {
       class: normalizeClass(_ctx.ns.e("inner-wrapper"))
     }, [
-      createElementVNode("div", _hoisted_2$9, [
+      createElementVNode("div", _hoisted_2$7, [
         renderSlot(_ctx.$slots, "default")
       ], 512),
-      _ctx.showHeader ? withDirectives((openBlock(), createElementBlock("div", {
+      _ctx.showHeader && _ctx.tableLayout === "fixed" ? withDirectives((openBlock(), createElementBlock("div", {
         key: 0,
         ref: "headerWrapper",
         class: normalizeClass(_ctx.ns.e("header-wrapper"))
       }, [
-        createVNode(_component_table_header, {
+        createElementVNode("table", {
           ref: "tableHeader",
-          border: _ctx.border,
-          "default-sort": _ctx.defaultSort,
-          store: _ctx.store,
+          class: normalizeClass(_ctx.ns.e("header")),
           style: normalizeStyle(_ctx.tableBodyStyles),
-          onSetDragVisible: _ctx.setDragVisible
-        }, null, 8, ["border", "default-sort", "store", "style", "onSetDragVisible"])
+          border: "0",
+          cellpadding: "0",
+          cellspacing: "0"
+        }, [
+          createVNode(_component_hColgroup, {
+            columns: _ctx.store.states.columns.value,
+            "table-layout": _ctx.tableLayout
+          }, null, 8, ["columns", "table-layout"]),
+          createVNode(_component_table_header, {
+            border: _ctx.border,
+            "default-sort": _ctx.defaultSort,
+            store: _ctx.store,
+            onSetDragVisible: _ctx.setDragVisible
+          }, null, 8, ["border", "default-sort", "store", "onSetDragVisible"])
+        ], 6)
       ], 2)), [
         [_directive_mousewheel, _ctx.handleHeaderFooterMousewheel]
       ]) : createCommentVNode("v-if", true),
@@ -40410,19 +40452,38 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
           "max-height": _ctx.maxHeight ? _ctx.height : void 0
         }, {
           default: withCtx(() => [
-            createVNode(_component_table_body, {
+            createElementVNode("table", {
               ref: "tableBody",
-              context: _ctx.context,
-              highlight: _ctx.highlightCurrentRow,
-              "row-class-name": _ctx.rowClassName,
-              "tooltip-effect": _ctx.tooltipEffect,
-              "row-style": _ctx.rowStyle,
-              store: _ctx.store,
-              stripe: _ctx.stripe,
+              class: normalizeClass(_ctx.ns.e("body")),
+              cellspacing: "0",
+              cellpadding: "0",
+              border: "0",
               style: normalizeStyle({
-                width: _ctx.bodyWidth
+                width: _ctx.bodyWidth,
+                tableLayout: _ctx.tableLayout
               })
-            }, null, 8, ["context", "highlight", "row-class-name", "tooltip-effect", "row-style", "store", "stripe", "style"]),
+            }, [
+              createVNode(_component_hColgroup, {
+                columns: _ctx.store.states.columns.value,
+                "table-layout": _ctx.tableLayout
+              }, null, 8, ["columns", "table-layout"]),
+              _ctx.showHeader && _ctx.tableLayout === "auto" ? (openBlock(), createBlock(_component_table_header, {
+                key: 0,
+                border: _ctx.border,
+                "default-sort": _ctx.defaultSort,
+                store: _ctx.store,
+                onSetDragVisible: _ctx.setDragVisible
+              }, null, 8, ["border", "default-sort", "store", "onSetDragVisible"])) : createCommentVNode("v-if", true),
+              createVNode(_component_table_body, {
+                context: _ctx.context,
+                highlight: _ctx.highlightCurrentRow,
+                "row-class-name": _ctx.rowClassName,
+                "tooltip-effect": _ctx.tooltipEffect,
+                "row-style": _ctx.rowStyle,
+                store: _ctx.store,
+                stripe: _ctx.stripe
+              }, null, 8, ["context", "highlight", "row-class-name", "tooltip-effect", "row-style", "store", "stripe"])
+            ], 6),
             _ctx.isEmpty ? (openBlock(), createElementBlock("div", {
               key: 0,
               ref: "emptyBlock",
@@ -40476,7 +40537,7 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 2), [
       [vShow, _ctx.resizeProxyVisible]
     ])
-  ], 46, _hoisted_1$c);
+  ], 46, _hoisted_1$a);
 }
 var Table = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$g]]);
 
@@ -41121,7 +41182,7 @@ const tabNavProps = buildProps({
     default: () => mutable([])
   },
   currentName: {
-    type: String,
+    type: [String, Number],
     default: ""
   },
   editable: Boolean,
@@ -41394,7 +41455,7 @@ const tabsProps = buildProps({
   closable: Boolean,
   addable: Boolean,
   modelValue: {
-    type: String,
+    type: [String, Number],
     default: ""
   },
   editable: Boolean,
@@ -41410,11 +41471,11 @@ const tabsProps = buildProps({
   stretch: Boolean
 });
 const tabsEmits = {
-  [UPDATE_MODEL_EVENT]: (tabName) => typeof tabName === "string",
-  [INPUT_EVENT]: (tabName) => typeof tabName === "string",
+  [UPDATE_MODEL_EVENT]: (tabName) => typeof tabName === "string" || typeof tabName === "number",
+  [INPUT_EVENT]: (tabName) => typeof tabName === "string" || typeof tabName === "number",
   "tab-click": (pane, ev) => ev instanceof Event,
   edit: (paneName, action) => action === "remove" || action === "add",
-  "tab-remove": (paneName) => typeof paneName === "string",
+  "tab-remove": (paneName) => typeof paneName === "string" || typeof paneName === "number",
   "tab-add": () => true
 };
 const getPaneInstanceFromSlot = (vnode, paneInstanceList = []) => {
@@ -41555,7 +41616,7 @@ const tabPaneProps = buildProps({
     default: ""
   },
   name: {
-    type: String,
+    type: [String, Number],
     default: ""
   },
   closable: Boolean,
@@ -41598,7 +41659,7 @@ const _sfc_main$g = defineComponent({
     };
   }
 });
-const _hoisted_1$b = ["id", "aria-hidden", "aria-labelledby"];
+const _hoisted_1$9 = ["id", "aria-hidden", "aria-labelledby"];
 function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
   return _ctx.shouldBeRender ? withDirectives((openBlock(), createElementBlock("div", {
     key: 0,
@@ -41609,7 +41670,7 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
     "aria-labelledby": `tab-${_ctx.paneName}`
   }, [
     renderSlot(_ctx.$slots, "default")
-  ], 8, _hoisted_1$b)), [
+  ], 8, _hoisted_1$9)), [
     [vShow, _ctx.active]
   ]) : createCommentVNode("v-if", true);
 }
@@ -42090,6 +42151,7 @@ const _sfc_main$d = defineComponent({
   emits: [CHECKED_CHANGE_EVENT],
   setup(props, { slots }) {
     const { t } = useLocale();
+    const ns = useNamespace("transfer");
     const panelState = reactive({
       checked: [],
       allChecked: false,
@@ -42112,6 +42174,7 @@ const _sfc_main$d = defineComponent({
     const hasFooter = computed(() => !!slots.default()[0].children.length);
     const { checked, allChecked, query, inputHover, checkChangeByUser } = toRefs(panelState);
     return {
+      ns,
       labelProp,
       keyProp,
       disabledProp,
@@ -42131,19 +42194,17 @@ const _sfc_main$d = defineComponent({
     };
   }
 });
-const _hoisted_1$a = { class: "el-transfer-panel" };
-const _hoisted_2$8 = { class: "el-transfer-panel__header" };
-const _hoisted_3$5 = {
-  key: 0,
-  class: "el-transfer-panel__footer"
-};
 function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_checkbox = resolveComponent("el-checkbox");
   const _component_el_input = resolveComponent("el-input");
   const _component_option_content = resolveComponent("option-content");
   const _component_el_checkbox_group = resolveComponent("el-checkbox-group");
-  return openBlock(), createElementBlock("div", _hoisted_1$a, [
-    createElementVNode("p", _hoisted_2$8, [
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(_ctx.ns.b("panel"))
+  }, [
+    createElementVNode("p", {
+      class: normalizeClass(_ctx.ns.be("panel", "header"))
+    }, [
       createVNode(_component_el_checkbox, {
         modelValue: _ctx.allChecked,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.allChecked = $event),
@@ -42156,32 +42217,32 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
         ]),
         _: 1
       }, 8, ["modelValue", "indeterminate", "onChange"])
-    ]),
+    ], 2),
     createElementVNode("div", {
-      class: normalizeClass(["el-transfer-panel__body", _ctx.hasFooter ? "is-with-footer" : ""])
+      class: normalizeClass([_ctx.ns.be("panel", "body"), _ctx.ns.is("with-footer", _ctx.hasFooter)])
     }, [
       _ctx.filterable ? (openBlock(), createBlock(_component_el_input, {
         key: 0,
         modelValue: _ctx.query,
         "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.query = $event),
-        class: "el-transfer-panel__filter",
+        class: normalizeClass(_ctx.ns.be("panel", "filter")),
         size: "default",
         placeholder: _ctx.placeholder,
         "prefix-icon": _ctx.SearchIcon,
         clearable: "",
         onMouseenter: _cache[2] || (_cache[2] = ($event) => _ctx.inputHover = true),
         onMouseleave: _cache[3] || (_cache[3] = ($event) => _ctx.inputHover = false)
-      }, null, 8, ["modelValue", "placeholder", "prefix-icon"])) : createCommentVNode("v-if", true),
+      }, null, 8, ["modelValue", "class", "placeholder", "prefix-icon"])) : createCommentVNode("v-if", true),
       withDirectives(createVNode(_component_el_checkbox_group, {
         modelValue: _ctx.checked,
         "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.checked = $event),
-        class: normalizeClass([{ "is-filterable": _ctx.filterable }, "el-transfer-panel__list"])
+        class: normalizeClass([_ctx.ns.is("filterable", _ctx.filterable), _ctx.ns.be("panel", "list")])
       }, {
         default: withCtx(() => [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.filteredData, (item) => {
             return openBlock(), createBlock(_component_el_checkbox, {
               key: item[_ctx.keyProp],
-              class: "el-transfer-panel__item",
+              class: normalizeClass(_ctx.ns.be("panel", "item")),
               label: item[_ctx.keyProp],
               disabled: item[_ctx.disabledProp]
             }, {
@@ -42191,21 +42252,26 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
                 }, null, 8, ["option"])
               ]),
               _: 2
-            }, 1032, ["label", "disabled"]);
+            }, 1032, ["class", "label", "disabled"]);
           }), 128))
         ]),
         _: 1
       }, 8, ["modelValue", "class"]), [
         [vShow, !_ctx.hasNoMatch && _ctx.data.length > 0]
       ]),
-      withDirectives(createElementVNode("p", { class: "el-transfer-panel__empty" }, toDisplayString(_ctx.hasNoMatch ? _ctx.t("el.transfer.noMatch") : _ctx.t("el.transfer.noData")), 513), [
+      withDirectives(createElementVNode("p", {
+        class: normalizeClass(_ctx.ns.be("panel", "empty"))
+      }, toDisplayString(_ctx.hasNoMatch ? _ctx.t("el.transfer.noMatch") : _ctx.t("el.transfer.noData")), 3), [
         [vShow, _ctx.hasNoMatch || _ctx.data.length === 0]
       ])
     ], 2),
-    _ctx.hasFooter ? (openBlock(), createElementBlock("p", _hoisted_3$5, [
+    _ctx.hasFooter ? (openBlock(), createElementBlock("p", {
+      key: 0,
+      class: normalizeClass(_ctx.ns.be("panel", "footer"))
+    }, [
       renderSlot(_ctx.$slots, "default")
-    ])) : createCommentVNode("v-if", true)
-  ]);
+    ], 2)) : createCommentVNode("v-if", true)
+  ], 2);
 }
 var TransferPanel = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$b]]);
 
@@ -42363,6 +42429,7 @@ const _sfc_main$c = defineComponent({
   ],
   setup(props, { emit, slots }) {
     const { t } = useLocale();
+    const ns = useNamespace("transfer");
     const elFormItem = inject(elFormItemKey, {});
     const checkedState = reactive({
       leftChecked: [],
@@ -42399,6 +42466,7 @@ const _sfc_main$c = defineComponent({
       return h$1("span", option[props.props.label] || option[props.props.key]);
     });
     return {
+      ns,
       sourceData,
       targetData,
       onSourceCheckedChange,
@@ -42417,17 +42485,17 @@ const _sfc_main$c = defineComponent({
     };
   }
 });
-const _hoisted_1$9 = { class: "el-transfer" };
-const _hoisted_2$7 = { class: "el-transfer__buttons" };
-const _hoisted_3$4 = { key: 0 };
-const _hoisted_4$3 = { key: 0 };
+const _hoisted_1$8 = { key: 0 };
+const _hoisted_2$6 = { key: 0 };
 function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_transfer_panel = resolveComponent("transfer-panel");
   const _component_arrow_left = resolveComponent("arrow-left");
   const _component_el_icon = resolveComponent("el-icon");
   const _component_el_button = resolveComponent("el-button");
   const _component_arrow_right = resolveComponent("arrow-right");
-  return openBlock(), createElementBlock("div", _hoisted_1$9, [
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(_ctx.ns.b())
+  }, [
     createVNode(_component_transfer_panel, {
       ref: "leftPanel",
       data: _ctx.sourceData,
@@ -42446,10 +42514,12 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       _: 3
     }, 8, ["data", "option-render", "placeholder", "title", "filterable", "format", "filter-method", "default-checked", "props", "onCheckedChange"]),
-    createElementVNode("div", _hoisted_2$7, [
+    createElementVNode("div", {
+      class: normalizeClass(_ctx.ns.e("buttons"))
+    }, [
       createVNode(_component_el_button, {
         type: "primary",
-        class: normalizeClass(["el-transfer__button", _ctx.hasButtonTexts ? "is-with-texts" : ""]),
+        class: normalizeClass([_ctx.ns.e("button"), _ctx.ns.is("with-texts", _ctx.hasButtonTexts)]),
         disabled: _ctx.rightChecked.length === 0,
         onClick: _ctx.addToLeft
       }, {
@@ -42460,18 +42530,18 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             _: 1
           }),
-          _ctx.buttonTexts[0] !== void 0 ? (openBlock(), createElementBlock("span", _hoisted_3$4, toDisplayString(_ctx.buttonTexts[0]), 1)) : createCommentVNode("v-if", true)
+          _ctx.buttonTexts[0] !== void 0 ? (openBlock(), createElementBlock("span", _hoisted_1$8, toDisplayString(_ctx.buttonTexts[0]), 1)) : createCommentVNode("v-if", true)
         ]),
         _: 1
       }, 8, ["class", "disabled", "onClick"]),
       createVNode(_component_el_button, {
         type: "primary",
-        class: normalizeClass(["el-transfer__button", _ctx.hasButtonTexts ? "is-with-texts" : ""]),
+        class: normalizeClass([_ctx.ns.e("button"), _ctx.ns.is("with-texts", _ctx.hasButtonTexts)]),
         disabled: _ctx.leftChecked.length === 0,
         onClick: _ctx.addToRight
       }, {
         default: withCtx(() => [
-          _ctx.buttonTexts[1] !== void 0 ? (openBlock(), createElementBlock("span", _hoisted_4$3, toDisplayString(_ctx.buttonTexts[1]), 1)) : createCommentVNode("v-if", true),
+          _ctx.buttonTexts[1] !== void 0 ? (openBlock(), createElementBlock("span", _hoisted_2$6, toDisplayString(_ctx.buttonTexts[1]), 1)) : createCommentVNode("v-if", true),
           createVNode(_component_el_icon, null, {
             default: withCtx(() => [
               createVNode(_component_arrow_right)
@@ -42481,7 +42551,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
         ]),
         _: 1
       }, 8, ["class", "disabled", "onClick"])
-    ]),
+    ], 2),
     createVNode(_component_transfer_panel, {
       ref: "rightPanel",
       data: _ctx.targetData,
@@ -42500,7 +42570,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       _: 3
     }, 8, ["data", "option-render", "placeholder", "filterable", "format", "filter-method", "title", "default-checked", "props", "onCheckedChange"])
-  ]);
+  ], 2);
 }
 var Transfer = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$a]]);
 
@@ -43617,8 +43687,8 @@ const _sfc_main$a = defineComponent({
     };
   }
 });
-const _hoisted_1$8 = ["aria-expanded", "aria-disabled", "aria-checked", "draggable", "data-key"];
-const _hoisted_2$6 = ["aria-expanded"];
+const _hoisted_1$7 = ["aria-expanded", "aria-disabled", "aria-checked", "draggable", "data-key"];
+const _hoisted_2$5 = ["aria-expanded"];
 function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
   const _component_el_checkbox = resolveComponent("el-checkbox");
@@ -43713,13 +43783,13 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
               onNodeExpand: _ctx.handleChildNodeExpand
             }, null, 8, ["render-content", "render-after-expand", "show-checkbox", "node", "accordion", "props", "onNodeExpand"]);
           }), 128))
-        ], 8, _hoisted_2$6)), [
+        ], 8, _hoisted_2$5)), [
           [vShow, _ctx.expanded]
         ]) : createCommentVNode("v-if", true)
       ]),
       _: 1
     })
-  ], 42, _hoisted_1$8)), [
+  ], 42, _hoisted_1$7)), [
     [vShow, _ctx.node.visible]
   ]);
 }
@@ -44071,11 +44141,11 @@ const _sfc_main$9 = defineComponent({
     };
   }
 });
-const _hoisted_1$7 = {
+const _hoisted_1$6 = {
   key: 0,
   class: "el-tree__empty-block"
 };
-const _hoisted_2$5 = { class: "el-tree__empty-text" };
+const _hoisted_2$4 = { class: "el-tree__empty-text" };
 const _hoisted_3$3 = {
   ref: "dropIndicator$",
   class: "el-tree__drop-indicator"
@@ -44105,8 +44175,8 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
         onNodeExpand: _ctx.handleNodeExpand
       }, null, 8, ["node", "props", "accordion", "render-after-expand", "show-checkbox", "render-content", "onNodeExpand"]);
     }), 128)),
-    _ctx.isEmpty ? (openBlock(), createElementBlock("div", _hoisted_1$7, [
-      createElementVNode("span", _hoisted_2$5, toDisplayString((_a = _ctx.emptyText) != null ? _a : _ctx.t("el.tree.emptyText")), 1)
+    _ctx.isEmpty ? (openBlock(), createElementBlock("div", _hoisted_1$6, [
+      createElementVNode("span", _hoisted_2$4, toDisplayString((_a = _ctx.emptyText) != null ? _a : _ctx.t("el.tree.emptyText")), 1)
     ])) : createCommentVNode("v-if", true),
     withDirectives(createElementVNode("div", _hoisted_3$3, null, 512), [
       [vShow, _ctx.dragState.showDropIndicator]
@@ -44759,10 +44829,11 @@ var ElNodeContent = defineComponent({
   props: treeNodeContentProps,
   setup(props) {
     const tree = inject(ROOT_TREE_INJECTION_KEY);
+    const ns = useNamespace("tree");
     return () => {
       const node = props.node;
       const { data } = node;
-      return (tree == null ? void 0 : tree.ctx.slots.default) ? tree.ctx.slots.default({ node, data }) : h$1("span", { class: "el-tree-node__label" }, [node == null ? void 0 : node.label]);
+      return (tree == null ? void 0 : tree.ctx.slots.default) ? tree.ctx.slots.default({ node, data }) : h$1("span", { class: ns.be("node", "label") }, [node == null ? void 0 : node.label]);
     };
   }
 });
@@ -44780,6 +44851,7 @@ const _sfc_main$8 = defineComponent({
   emits: treeNodeEmits,
   setup(props, { emit }) {
     const tree = inject(ROOT_TREE_INJECTION_KEY);
+    const ns = useNamespace("tree");
     const indent = computed(() => {
       var _a;
       return (_a = tree == null ? void 0 : tree.props.indent) != null ? _a : 16;
@@ -44806,6 +44878,7 @@ const _sfc_main$8 = defineComponent({
       tree == null ? void 0 : tree.ctx.emit(NODE_CONTEXTMENU, event, (_d = props.node) == null ? void 0 : _d.data, props.node);
     };
     return {
+      ns,
       indent,
       icon,
       handleClick,
@@ -44815,7 +44888,7 @@ const _sfc_main$8 = defineComponent({
     };
   }
 });
-const _hoisted_1$6 = ["aria-expanded", "aria-disabled", "aria-checked", "data-key"];
+const _hoisted_1$5 = ["aria-expanded", "aria-disabled", "aria-checked", "data-key"];
 function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
   var _a, _b, _c;
   const _component_el_icon = resolveComponent("el-icon");
@@ -44823,12 +44896,13 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_node_content = resolveComponent("el-node-content");
   return openBlock(), createElementBlock("div", {
     ref: "node$",
-    class: normalizeClass(["el-tree-node", {
-      "is-expanded": _ctx.expanded,
-      "is-current": _ctx.current,
-      "is-focusable": !_ctx.disabled,
-      "is-checked": !_ctx.disabled && _ctx.checked
-    }]),
+    class: normalizeClass([
+      _ctx.ns.b("node"),
+      _ctx.ns.is("expanded", _ctx.expanded),
+      _ctx.ns.is("current", _ctx.current),
+      _ctx.ns.is("focusable", !_ctx.disabled),
+      _ctx.ns.is("checked", !_ctx.disabled && _ctx.checked)
+    ]),
     role: "treeitem",
     tabindex: "-1",
     "aria-expanded": _ctx.expanded,
@@ -44839,18 +44913,18 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     onContextmenu: _cache[2] || (_cache[2] = (...args) => _ctx.handleContextMenu && _ctx.handleContextMenu(...args))
   }, [
     createElementVNode("div", {
-      class: "el-tree-node__content",
+      class: normalizeClass(_ctx.ns.be("node", "content")),
       style: normalizeStyle({ paddingLeft: `${(_ctx.node.level - 1) * _ctx.indent}px` })
     }, [
       _ctx.icon ? (openBlock(), createBlock(_component_el_icon, {
         key: 0,
         class: normalizeClass([
+          _ctx.ns.is("leaf", !!((_b = _ctx.node) == null ? void 0 : _b.isLeaf)),
+          _ctx.ns.is("hidden", _ctx.hiddenExpandIcon),
           {
-            "is-leaf": (_b = _ctx.node) == null ? void 0 : _b.isLeaf,
-            "is-hidden": _ctx.hiddenExpandIcon,
             expanded: !((_c = _ctx.node) == null ? void 0 : _c.isLeaf) && _ctx.expanded
           },
-          "el-tree-node__expand-icon"
+          _ctx.ns.be("node", "expand-icon")
         ]),
         onClick: withModifiers(_ctx.handleExpandIconClick, ["stop"])
       }, {
@@ -44869,8 +44943,8 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
         }, ["stop"]))
       }, null, 8, ["model-value", "indeterminate", "disabled", "onChange"])) : createCommentVNode("v-if", true),
       createVNode(_component_el_node_content, { node: _ctx.node }, null, 8, ["node"])
-    ], 4)
-  ], 42, _hoisted_1$6);
+    ], 6)
+  ], 42, _hoisted_1$5);
 }
 var ElTreeNode = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$7]]);
 
@@ -44889,6 +44963,7 @@ const _sfc_main$7 = defineComponent({
       instance: getCurrentInstance()
     });
     const { t } = useLocale();
+    const ns = useNamespace("tree");
     const {
       flattenTree,
       isNotEmpty,
@@ -44929,6 +45004,7 @@ const _sfc_main$7 = defineComponent({
     });
     return {
       t,
+      ns,
       flattenTree,
       itemSize: 26,
       isNotEmpty,
@@ -44945,24 +45021,17 @@ const _sfc_main$7 = defineComponent({
     };
   }
 });
-const _hoisted_1$5 = {
-  key: 1,
-  class: "el-tree__empty-block"
-};
-const _hoisted_2$4 = { class: "el-tree__empty-text" };
 function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
   var _a;
   const _component_el_tree_node = resolveComponent("el-tree-node");
   const _component_fixed_size_list = resolveComponent("fixed-size-list");
   return openBlock(), createElementBlock("div", {
-    class: normalizeClass(["el-tree", {
-      "el-tree--highlight-current": _ctx.highlightCurrent
-    }]),
+    class: normalizeClass([_ctx.ns.b(), { [_ctx.ns.m("highlight-current")]: _ctx.highlightCurrent }]),
     role: "tree"
   }, [
     _ctx.isNotEmpty ? (openBlock(), createBlock(_component_fixed_size_list, {
       key: 0,
-      "class-name": "el-tree-virtual-list",
+      "class-name": _ctx.ns.b("virtual-list"),
       data: _ctx.flattenTree,
       total: _ctx.flattenTree.length,
       height: _ctx.height,
@@ -44987,9 +45056,14 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
         }, null, 8, ["style", "node", "expanded", "show-checkbox", "checked", "indeterminate", "disabled", "current", "hidden-expand-icon", "onClick", "onToggle", "onCheck"]))
       ]),
       _: 1
-    }, 8, ["data", "total", "height", "item-size", "perf-mode"])) : (openBlock(), createElementBlock("div", _hoisted_1$5, [
-      createElementVNode("span", _hoisted_2$4, toDisplayString((_a = _ctx.emptyText) != null ? _a : _ctx.t("el.tree.emptyText")), 1)
-    ]))
+    }, 8, ["class-name", "data", "total", "height", "item-size", "perf-mode"])) : (openBlock(), createElementBlock("div", {
+      key: 1,
+      class: normalizeClass(_ctx.ns.e("empty-block"))
+    }, [
+      createElementVNode("span", {
+        class: normalizeClass(_ctx.ns.e("empty-text"))
+      }, toDisplayString((_a = _ctx.emptyText) != null ? _a : _ctx.t("el.tree.emptyText")), 3)
+    ], 2))
   ], 2);
 }
 var TreeV2 = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$6]]);
@@ -45104,6 +45178,9 @@ const _sfc_main$6 = defineComponent({
   emits: ["remove"],
   setup(props, { emit }) {
     const { t } = useLocale();
+    const nsUpload = useNamespace("upload");
+    const nsIcon = useNamespace("icon");
+    const nsList = useNamespace("list");
     const handleClick = (file) => {
       props.handlePreview(file);
     };
@@ -45118,24 +45195,18 @@ const _sfc_main$6 = defineComponent({
       handleClick,
       handleRemove,
       onFileClicked,
-      t
+      t,
+      nsUpload,
+      nsIcon,
+      nsList
     };
   }
 });
 const _hoisted_1$4 = ["onKeydown"];
 const _hoisted_2$3 = ["src"];
 const _hoisted_3$2 = ["onClick"];
-const _hoisted_4$2 = { class: "el-upload-list__item-status-label" };
-const _hoisted_5$1 = {
-  key: 2,
-  class: "el-icon--close-tip"
-};
-const _hoisted_6$1 = {
-  key: 4,
-  class: "el-upload-list__item-actions"
-};
-const _hoisted_7$1 = ["onClick"];
-const _hoisted_8$1 = ["onClick"];
+const _hoisted_4$2 = ["onClick"];
+const _hoisted_5$1 = ["onClick"];
 function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_document = resolveComponent("document");
   const _component_el_icon = resolveComponent("el-icon");
@@ -45148,20 +45219,20 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(TransitionGroup, {
     tag: "ul",
     class: normalizeClass([
-      "el-upload-list",
-      "el-upload-list--" + _ctx.listType,
-      { "is-disabled": _ctx.disabled }
+      _ctx.nsUpload.b("list"),
+      _ctx.nsUpload.bm("list", _ctx.listType),
+      _ctx.nsUpload.is("disabled", _ctx.disabled)
     ]),
-    name: "el-list"
+    name: _ctx.nsList.b()
   }, {
     default: withCtx(() => [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.files, (file) => {
         return openBlock(), createElementBlock("li", {
           key: file.uid || file,
           class: normalizeClass([
-            "el-upload-list__item",
-            "is-" + file.status,
-            _ctx.focusing ? "focusing" : ""
+            _ctx.nsUpload.be("list", "item"),
+            _ctx.nsUpload.is(file.status),
+            { focusing: _ctx.focusing }
           ]),
           tabindex: "0",
           onKeydown: withKeys(($event) => !_ctx.disabled && _ctx.handleRemove(file), ["delete"]),
@@ -45172,55 +45243,62 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
           renderSlot(_ctx.$slots, "default", { file }, () => [
             file.status !== "uploading" && ["picture-card", "picture"].includes(_ctx.listType) ? (openBlock(), createElementBlock("img", {
               key: 0,
-              class: "el-upload-list__item-thumbnail",
+              class: normalizeClass(_ctx.nsUpload.be("list", "item-thumbnail")),
               src: file.url,
               alt: ""
-            }, null, 8, _hoisted_2$3)) : createCommentVNode("v-if", true),
+            }, null, 10, _hoisted_2$3)) : createCommentVNode("v-if", true),
             createElementVNode("a", {
-              class: "el-upload-list__item-name",
+              class: normalizeClass(_ctx.nsUpload.be("list", "item-name")),
               onClick: ($event) => _ctx.handleClick(file)
             }, [
-              createVNode(_component_el_icon, { class: "el-icon--document" }, {
+              createVNode(_component_el_icon, {
+                class: normalizeClass(_ctx.nsIcon.m("document"))
+              }, {
                 default: withCtx(() => [
                   createVNode(_component_document)
                 ]),
                 _: 1
-              }),
+              }, 8, ["class"]),
               createTextVNode(" " + toDisplayString(file.name), 1)
-            ], 8, _hoisted_3$2),
-            createElementVNode("label", _hoisted_4$2, [
+            ], 10, _hoisted_3$2),
+            createElementVNode("label", {
+              class: normalizeClass(_ctx.nsUpload.be("list", "item-status-label"))
+            }, [
               _ctx.listType === "text" ? (openBlock(), createBlock(_component_el_icon, {
                 key: 0,
-                class: "el-icon--upload-success el-icon--circle-check"
+                class: normalizeClass([_ctx.nsIcon.m("upload-success"), _ctx.nsIcon.m("circle-check")])
               }, {
                 default: withCtx(() => [
                   createVNode(_component_circle_check)
                 ]),
                 _: 1
-              })) : ["picture-card", "picture"].includes(_ctx.listType) ? (openBlock(), createBlock(_component_el_icon, {
+              }, 8, ["class"])) : ["picture-card", "picture"].includes(_ctx.listType) ? (openBlock(), createBlock(_component_el_icon, {
                 key: 1,
-                class: "el-icon--upload-success el-icon--check"
+                class: normalizeClass([_ctx.nsIcon.m("upload-success"), _ctx.nsIcon.m("check")])
               }, {
                 default: withCtx(() => [
                   createVNode(_component_check)
                 ]),
                 _: 1
-              })) : createCommentVNode("v-if", true)
-            ]),
+              }, 8, ["class"])) : createCommentVNode("v-if", true)
+            ], 2),
             !_ctx.disabled ? (openBlock(), createBlock(_component_el_icon, {
               key: 1,
-              class: "el-icon--close",
+              class: normalizeClass(_ctx.nsIcon.m("close")),
               onClick: ($event) => _ctx.handleRemove(file)
             }, {
               default: withCtx(() => [
                 createVNode(_component_close)
               ]),
               _: 2
-            }, 1032, ["onClick"])) : createCommentVNode("v-if", true),
+            }, 1032, ["class", "onClick"])) : createCommentVNode("v-if", true),
             createCommentVNode(" Due to close btn only appears when li gets focused disappears after li gets blurred, thus keyboard navigation can never reach close btn"),
             createCommentVNode(" This is a bug which needs to be fixed "),
             createCommentVNode(" TODO: Fix the incorrect navigation interaction "),
-            !_ctx.disabled ? (openBlock(), createElementBlock("i", _hoisted_5$1, toDisplayString(_ctx.t("el.upload.deleteTip")), 1)) : createCommentVNode("v-if", true),
+            !_ctx.disabled ? (openBlock(), createElementBlock("i", {
+              key: 2,
+              class: normalizeClass(_ctx.nsIcon.m("close-tip"))
+            }, toDisplayString(_ctx.t("el.upload.deleteTip")), 3)) : createCommentVNode("v-if", true),
             file.status === "uploading" ? (openBlock(), createBlock(_component_el_progress, {
               key: 3,
               type: _ctx.listType === "picture-card" ? "circle" : "line",
@@ -45228,37 +45306,44 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
               percentage: +file.percentage,
               style: { "margin-top": "0.5rem" }
             }, null, 8, ["type", "stroke-width", "percentage"])) : createCommentVNode("v-if", true),
-            _ctx.listType === "picture-card" ? (openBlock(), createElementBlock("span", _hoisted_6$1, [
+            _ctx.listType === "picture-card" ? (openBlock(), createElementBlock("span", {
+              key: 4,
+              class: normalizeClass(_ctx.nsUpload.be("list", "item-actions"))
+            }, [
               createElementVNode("span", {
-                class: "el-upload-list__item-preview",
+                class: normalizeClass(_ctx.nsUpload.be("list", "item-preview")),
                 onClick: ($event) => _ctx.handlePreview(file)
               }, [
-                createVNode(_component_el_icon, { class: "el-icon--zoom-in" }, {
+                createVNode(_component_el_icon, {
+                  class: normalizeClass(_ctx.nsIcon.m("zoom-in"))
+                }, {
                   default: withCtx(() => [
                     createVNode(_component_zoom_in)
                   ]),
                   _: 1
-                })
-              ], 8, _hoisted_7$1),
+                }, 8, ["class"])
+              ], 10, _hoisted_4$2),
               !_ctx.disabled ? (openBlock(), createElementBlock("span", {
                 key: 0,
-                class: "el-upload-list__item-delete",
+                class: normalizeClass(_ctx.nsUpload.be("list", "item-delete")),
                 onClick: ($event) => _ctx.handleRemove(file)
               }, [
-                createVNode(_component_el_icon, { class: "el-icon--delete" }, {
+                createVNode(_component_el_icon, {
+                  class: normalizeClass(_ctx.nsIcon.m("delete"))
+                }, {
                   default: withCtx(() => [
                     createVNode(_component_delete)
                   ]),
                   _: 1
-                })
-              ], 8, _hoisted_8$1)) : createCommentVNode("v-if", true)
-            ])) : createCommentVNode("v-if", true)
+                }, 8, ["class"])
+              ], 10, _hoisted_5$1)) : createCommentVNode("v-if", true)
+            ], 2)) : createCommentVNode("v-if", true)
           ])
         ], 42, _hoisted_1$4);
       }), 128))
     ]),
     _: 3
-  }, 8, ["class"]);
+  }, 8, ["class", "name"]);
 }
 var UploadList = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$5]]);
 
@@ -45273,6 +45358,7 @@ const _sfc_main$5 = defineComponent({
   emits: ["file"],
   setup(props, { emit }) {
     const uploader = inject("uploader", {});
+    const ns = useNamespace("upload");
     const dragover = ref(false);
     function onDrop(e) {
       var _a;
@@ -45307,6 +45393,7 @@ const _sfc_main$5 = defineComponent({
         dragover.value = true;
     }
     return {
+      ns,
       dragover,
       onDrop,
       onDragover
@@ -45315,10 +45402,7 @@ const _sfc_main$5 = defineComponent({
 });
 function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
-    class: normalizeClass({
-      "el-upload-dragger": true,
-      "is-dragover": _ctx.dragover
-    }),
+    class: normalizeClass([_ctx.ns.b("dragger"), _ctx.ns.is("dragover", _ctx.dragover)]),
     onDrop: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.onDrop && _ctx.onDrop(...args), ["prevent"])),
     onDragover: _cache[1] || (_cache[1] = withModifiers((...args) => _ctx.onDragover && _ctx.onDragover(...args), ["prevent"])),
     onDragleave: _cache[2] || (_cache[2] = withModifiers(($event) => _ctx.dragover = false, ["prevent"]))
@@ -45429,6 +45513,7 @@ const _sfc_main$4 = defineComponent({
   },
   setup(props) {
     const reqs = ref({});
+    const ns = useNamespace("upload");
     const mouseover = ref(false);
     const inputRef = ref(null);
     function uploadFiles(files) {
@@ -45543,6 +45628,7 @@ const _sfc_main$4 = defineComponent({
       handleClick();
     }
     return {
+      ns,
       reqs,
       mouseover,
       inputRef,
@@ -45560,7 +45646,7 @@ const _hoisted_1$3 = ["name", "multiple", "accept"];
 function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_upload_dragger = resolveComponent("upload-dragger");
   return openBlock(), createElementBlock("div", {
-    class: normalizeClass(["el-upload", `el-upload--${_ctx.listType}`]),
+    class: normalizeClass([_ctx.ns.b(), _ctx.ns.m(_ctx.listType)]),
     tabindex: "0",
     onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleClick && _ctx.handleClick(...args)),
     onKeydown: _cache[2] || (_cache[2] = withKeys(withModifiers((...args) => _ctx.handleKeydown && _ctx.handleKeydown(...args), ["self"]), ["enter", "space"]))
@@ -45577,13 +45663,13 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["disabled", "onFile"])) : renderSlot(_ctx.$slots, "default", { key: 1 }),
     createElementVNode("input", {
       ref: "inputRef",
-      class: "el-upload__input",
+      class: normalizeClass(_ctx.ns.e("input")),
       type: "file",
       name: _ctx.name,
       multiple: _ctx.multiple,
       accept: _ctx.accept,
       onChange: _cache[0] || (_cache[0] = (...args) => _ctx.handleChange && _ctx.handleChange(...args))
-    }, null, 40, _hoisted_1$3)
+    }, null, 42, _hoisted_1$3)
   ], 34);
 }
 var Upload$1 = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$3]]);