@element-plus/nightly 0.0.20220306 → 0.0.20220309

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220306 */
+/*! Element Plus v0.0.20220309 */
 
 import { getCurrentScope, onScopeDispose, readonly, shallowRef, watchEffect, ref, unref, getCurrentInstance, onMounted, nextTick, watch, defineComponent, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, camelize as camelize$1, computed, inject, provide, onBeforeUnmount, isRef, onUnmounted, h as h$1, Teleport, onBeforeMount, normalizeClass, normalizeStyle, renderSlot, mergeProps, useSlots, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, onUpdated, resolveComponent, withModifiers, toRef, reactive, cloneVNode, Text, useAttrs as useAttrs$1, renderList, withKeys, createSlots, resolveDirective, normalizeProps, guardReactiveProps, toRefs, vModelCheckbox, vModelRadio, onBeforeUpdate, vModelText, toHandlers, markRaw, effectScope, toRaw, triggerRef, TransitionGroup, createApp, render } from 'vue';
 
@@ -2396,863 +2396,863 @@ var _export_sfc$1 = (sfc, props) => {
 const _sfc_main$2N = defineComponent({
   name: "ArrowDown"
 });
-const _hoisted_1$1D = {
+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$1j = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1i = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M831.872 340.864L512 652.672 192.128 340.864a30.592 30.592 0 00-42.752 0 29.12 29.12 0 000 41.6L489.664 714.24a32 32 0 0044.672 0l340.288-331.712a29.12 29.12 0 000-41.728 30.592 30.592 0 00-42.752 0z"
 }, null, -1);
-const _hoisted_3$10 = [
-  _hoisted_2$1j
+const _hoisted_3$_ = [
+  _hoisted_2$1i
 ];
-function _sfc_render$2m(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1D, _hoisted_3$10);
+function _sfc_render$2k(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1C, _hoisted_3$_);
 }
-var arrowDown = /* @__PURE__ */ _export_sfc$1(_sfc_main$2N, [["render", _sfc_render$2m]]);
+var arrowDown = /* @__PURE__ */ _export_sfc$1(_sfc_main$2N, [["render", _sfc_render$2k]]);
 
 const _sfc_main$2M = defineComponent({
   name: "ArrowLeft"
 });
-const _hoisted_1$1C = {
+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$1i = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1h = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M609.408 149.376L277.76 489.6a32 32 0 000 44.672l331.648 340.352a29.12 29.12 0 0041.728 0 30.592 30.592 0 000-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 000-42.688 29.12 29.12 0 00-41.728 0z"
 }, null, -1);
-const _hoisted_3$$ = [
-  _hoisted_2$1i
+const _hoisted_3$Z = [
+  _hoisted_2$1h
 ];
-function _sfc_render$2l(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1C, _hoisted_3$$);
+function _sfc_render$2j(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1B, _hoisted_3$Z);
 }
-var arrowLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2M, [["render", _sfc_render$2l]]);
+var arrowLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2M, [["render", _sfc_render$2j]]);
 
 const _sfc_main$2L = defineComponent({
   name: "ArrowRight"
 });
-const _hoisted_1$1B = {
+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$1h = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1g = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M340.864 149.312a30.592 30.592 0 000 42.752L652.736 512 340.864 831.872a30.592 30.592 0 000 42.752 29.12 29.12 0 0041.728 0L714.24 534.336a32 32 0 000-44.672L382.592 149.376a29.12 29.12 0 00-41.728 0z"
 }, null, -1);
-const _hoisted_3$_ = [
-  _hoisted_2$1h
+const _hoisted_3$Y = [
+  _hoisted_2$1g
 ];
-function _sfc_render$2k(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1B, _hoisted_3$_);
+function _sfc_render$2i(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1A, _hoisted_3$Y);
 }
-var arrowRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2L, [["render", _sfc_render$2k]]);
+var arrowRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2L, [["render", _sfc_render$2i]]);
 
 const _sfc_main$2K = defineComponent({
   name: "ArrowUp"
 });
-const _hoisted_1$1A = {
+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$1g = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1f = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M488.832 344.32l-339.84 356.672a32 32 0 000 44.16l.384.384a29.44 29.44 0 0042.688 0l320-335.872 319.872 335.872a29.44 29.44 0 0042.688 0l.384-.384a32 32 0 000-44.16L535.168 344.32a32 32 0 00-46.336 0z"
 }, null, -1);
-const _hoisted_3$Z = [
-  _hoisted_2$1g
+const _hoisted_3$X = [
+  _hoisted_2$1f
 ];
-function _sfc_render$2j(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1A, _hoisted_3$Z);
+function _sfc_render$2h(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1z, _hoisted_3$X);
 }
-var arrowUp = /* @__PURE__ */ _export_sfc$1(_sfc_main$2K, [["render", _sfc_render$2j]]);
+var arrowUp = /* @__PURE__ */ _export_sfc$1(_sfc_main$2K, [["render", _sfc_render$2h]]);
 
 const _sfc_main$2J = defineComponent({
   name: "Back"
 });
-const _hoisted_1$1z = {
+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$1f = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1e = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M224 480h640a32 32 0 110 64H224a32 32 0 010-64z"
 }, null, -1);
-const _hoisted_3$Y = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_3$W = /* @__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$j = [
-  _hoisted_2$1f,
-  _hoisted_3$Y
+const _hoisted_4$i = [
+  _hoisted_2$1e,
+  _hoisted_3$W
 ];
-function _sfc_render$2i(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1z, _hoisted_4$j);
+function _sfc_render$2g(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1y, _hoisted_4$i);
 }
-var back = /* @__PURE__ */ _export_sfc$1(_sfc_main$2J, [["render", _sfc_render$2i]]);
+var back = /* @__PURE__ */ _export_sfc$1(_sfc_main$2J, [["render", _sfc_render$2g]]);
 
 const _sfc_main$2I = defineComponent({
   name: "Calendar"
 });
-const _hoisted_1$1y = {
+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$1e = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1d = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M128 384v512h768V192H768v32a32 32 0 11-64 0v-32H320v32a32 32 0 01-64 0v-32H128v128h768v64H128zm192-256h384V96a32 32 0 1164 0v32h160a32 32 0 0132 32v768a32 32 0 01-32 32H96a32 32 0 01-32-32V160a32 32 0 0132-32h160V96a32 32 0 0164 0v32zm-32 384h64a32 32 0 010 64h-64a32 32 0 010-64zm0 192h64a32 32 0 110 64h-64a32 32 0 110-64zm192-192h64a32 32 0 010 64h-64a32 32 0 010-64zm0 192h64a32 32 0 110 64h-64a32 32 0 110-64zm192-192h64a32 32 0 110 64h-64a32 32 0 110-64zm0 192h64a32 32 0 110 64h-64a32 32 0 110-64z"
 }, null, -1);
-const _hoisted_3$X = [
-  _hoisted_2$1e
+const _hoisted_3$V = [
+  _hoisted_2$1d
 ];
-function _sfc_render$2h(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1y, _hoisted_3$X);
+function _sfc_render$2f(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1x, _hoisted_3$V);
 }
-var calendar = /* @__PURE__ */ _export_sfc$1(_sfc_main$2I, [["render", _sfc_render$2h]]);
+var calendar = /* @__PURE__ */ _export_sfc$1(_sfc_main$2I, [["render", _sfc_render$2f]]);
 
 const _sfc_main$2H = defineComponent({
   name: "CaretRight"
 });
-const _hoisted_1$1x = {
+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$1d = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1c = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M384 192v640l384-320.064z"
 }, null, -1);
-const _hoisted_3$W = [
-  _hoisted_2$1d
+const _hoisted_3$U = [
+  _hoisted_2$1c
 ];
-function _sfc_render$2g(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1x, _hoisted_3$W);
+function _sfc_render$2e(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1w, _hoisted_3$U);
 }
-var caretRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2H, [["render", _sfc_render$2g]]);
+var caretRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2H, [["render", _sfc_render$2e]]);
 
 const _sfc_main$2G = defineComponent({
   name: "CaretTop"
 });
-const _hoisted_1$1w = {
+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$1c = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1b = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M512 320L192 704h639.936z"
 }, null, -1);
-const _hoisted_3$V = [
-  _hoisted_2$1c
+const _hoisted_3$T = [
+  _hoisted_2$1b
 ];
-function _sfc_render$2f(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1w, _hoisted_3$V);
+function _sfc_render$2d(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1v, _hoisted_3$T);
 }
-var caretTop = /* @__PURE__ */ _export_sfc$1(_sfc_main$2G, [["render", _sfc_render$2f]]);
+var caretTop = /* @__PURE__ */ _export_sfc$1(_sfc_main$2G, [["render", _sfc_render$2d]]);
 
 const _sfc_main$2F = defineComponent({
   name: "Check"
 });
-const _hoisted_1$1v = {
+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$1b = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1a = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z"
 }, null, -1);
-const _hoisted_3$U = [
-  _hoisted_2$1b
+const _hoisted_3$S = [
+  _hoisted_2$1a
 ];
-function _sfc_render$2e(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1v, _hoisted_3$U);
+function _sfc_render$2c(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1u, _hoisted_3$S);
 }
-var check = /* @__PURE__ */ _export_sfc$1(_sfc_main$2F, [["render", _sfc_render$2e]]);
+var check = /* @__PURE__ */ _export_sfc$1(_sfc_main$2F, [["render", _sfc_render$2c]]);
 
 const _sfc_main$2E = defineComponent({
   name: "CircleCheckFilled"
 });
-const _hoisted_1$1u = {
+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$1a = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$19 = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M512 64a448 448 0 110 896 448 448 0 010-896zm-55.808 536.384l-99.52-99.584a38.4 38.4 0 10-54.336 54.336l126.72 126.72a38.272 38.272 0 0054.336 0l262.4-262.464a38.4 38.4 0 10-54.272-54.336L456.192 600.384z"
 }, null, -1);
-const _hoisted_3$T = [
-  _hoisted_2$1a
+const _hoisted_3$R = [
+  _hoisted_2$19
 ];
-function _sfc_render$2d(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1u, _hoisted_3$T);
+function _sfc_render$2b(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1t, _hoisted_3$R);
 }
-var circleCheckFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2E, [["render", _sfc_render$2d]]);
+var circleCheckFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2E, [["render", _sfc_render$2b]]);
 
 const _sfc_main$2D = defineComponent({
   name: "CircleCheck"
 });
-const _hoisted_1$1t = {
+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$19 = /* @__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$S = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_3$Q = /* @__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$i = [
-  _hoisted_2$19,
-  _hoisted_3$S
+const _hoisted_4$h = [
+  _hoisted_2$18,
+  _hoisted_3$Q
 ];
-function _sfc_render$2c(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1t, _hoisted_4$i);
+function _sfc_render$2a(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1s, _hoisted_4$h);
 }
-var circleCheck = /* @__PURE__ */ _export_sfc$1(_sfc_main$2D, [["render", _sfc_render$2c]]);
+var circleCheck = /* @__PURE__ */ _export_sfc$1(_sfc_main$2D, [["render", _sfc_render$2a]]);
 
 const _sfc_main$2C = defineComponent({
   name: "CircleCloseFilled"
 });
-const _hoisted_1$1s = {
+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$18 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$17 = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M512 64a448 448 0 110 896 448 448 0 010-896zm0 393.664L407.936 353.6a38.4 38.4 0 10-54.336 54.336L457.664 512 353.6 616.064a38.4 38.4 0 1054.336 54.336L512 566.336 616.064 670.4a38.4 38.4 0 1054.336-54.336L566.336 512 670.4 407.936a38.4 38.4 0 10-54.336-54.336L512 457.664z"
 }, null, -1);
-const _hoisted_3$R = [
-  _hoisted_2$18
+const _hoisted_3$P = [
+  _hoisted_2$17
 ];
-function _sfc_render$2b(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1s, _hoisted_3$R);
+function _sfc_render$29(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1r, _hoisted_3$P);
 }
-var circleCloseFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2C, [["render", _sfc_render$2b]]);
+var circleCloseFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2C, [["render", _sfc_render$29]]);
 
 const _sfc_main$2B = defineComponent({
   name: "CircleClose"
 });
-const _hoisted_1$1r = {
+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$17 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$16 = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M466.752 512l-90.496-90.496a32 32 0 0145.248-45.248L512 466.752l90.496-90.496a32 32 0 1145.248 45.248L557.248 512l90.496 90.496a32 32 0 11-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 01-45.248-45.248L466.752 512z"
 }, null, -1);
-const _hoisted_3$Q = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_3$O = /* @__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$h = [
-  _hoisted_2$17,
-  _hoisted_3$Q
+const _hoisted_4$g = [
+  _hoisted_2$16,
+  _hoisted_3$O
 ];
-function _sfc_render$2a(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1r, _hoisted_4$h);
+function _sfc_render$28(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1q, _hoisted_4$g);
 }
-var circleClose = /* @__PURE__ */ _export_sfc$1(_sfc_main$2B, [["render", _sfc_render$2a]]);
+var circleClose = /* @__PURE__ */ _export_sfc$1(_sfc_main$2B, [["render", _sfc_render$28]]);
 
 const _sfc_main$2A = defineComponent({
   name: "Clock"
 });
-const _hoisted_1$1q = {
+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$16 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$15 = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M512 896a384 384 0 100-768 384 384 0 000 768zm0 64a448 448 0 110-896 448 448 0 010 896z"
 }, null, -1);
-const _hoisted_3$P = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_3$N = /* @__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$g = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_4$f = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M480 512h256q32 0 32 32t-32 32H480q-32 0-32-32t32-32z"
 }, null, -1);
 const _hoisted_5$b = [
-  _hoisted_2$16,
-  _hoisted_3$P,
-  _hoisted_4$g
+  _hoisted_2$15,
+  _hoisted_3$N,
+  _hoisted_4$f
 ];
-function _sfc_render$29(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1q, _hoisted_5$b);
+function _sfc_render$27(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1p, _hoisted_5$b);
 }
-var clock = /* @__PURE__ */ _export_sfc$1(_sfc_main$2A, [["render", _sfc_render$29]]);
+var clock = /* @__PURE__ */ _export_sfc$1(_sfc_main$2A, [["render", _sfc_render$27]]);
 
 const _sfc_main$2z = defineComponent({
   name: "Close"
 });
-const _hoisted_1$1p = {
+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$15 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$14 = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M764.288 214.592L512 466.88 259.712 214.592a31.936 31.936 0 00-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1045.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0045.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 10-45.12-45.184z"
 }, null, -1);
-const _hoisted_3$O = [
-  _hoisted_2$15
+const _hoisted_3$M = [
+  _hoisted_2$14
 ];
-function _sfc_render$28(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1p, _hoisted_3$O);
+function _sfc_render$26(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1o, _hoisted_3$M);
 }
-var close$2 = /* @__PURE__ */ _export_sfc$1(_sfc_main$2z, [["render", _sfc_render$28]]);
+var close$2 = /* @__PURE__ */ _export_sfc$1(_sfc_main$2z, [["render", _sfc_render$26]]);
 
 const _sfc_main$2y = defineComponent({
   name: "DArrowLeft"
 });
-const _hoisted_1$1o = {
+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$14 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$13 = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M529.408 149.376a29.12 29.12 0 0141.728 0 30.592 30.592 0 010 42.688L259.264 511.936l311.872 319.936a30.592 30.592 0 01-.512 43.264 29.12 29.12 0 01-41.216-.512L197.76 534.272a32 32 0 010-44.672l331.648-340.224zm256 0a29.12 29.12 0 0141.728 0 30.592 30.592 0 010 42.688L515.264 511.936l311.872 319.936a30.592 30.592 0 01-.512 43.264 29.12 29.12 0 01-41.216-.512L453.76 534.272a32 32 0 010-44.672l331.648-340.224z"
 }, null, -1);
-const _hoisted_3$N = [
-  _hoisted_2$14
+const _hoisted_3$L = [
+  _hoisted_2$13
 ];
-function _sfc_render$27(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1o, _hoisted_3$N);
+function _sfc_render$25(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1n, _hoisted_3$L);
 }
-var dArrowLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2y, [["render", _sfc_render$27]]);
+var dArrowLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2y, [["render", _sfc_render$25]]);
 
 const _sfc_main$2x = defineComponent({
   name: "DArrowRight"
 });
-const _hoisted_1$1n = {
+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$13 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$12 = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M452.864 149.312a29.12 29.12 0 0141.728.064L826.24 489.664a32 32 0 010 44.672L494.592 874.624a29.12 29.12 0 01-41.728 0 30.592 30.592 0 010-42.752L764.736 512 452.864 192a30.592 30.592 0 010-42.688zm-256 0a29.12 29.12 0 0141.728.064L570.24 489.664a32 32 0 010 44.672L238.592 874.624a29.12 29.12 0 01-41.728 0 30.592 30.592 0 010-42.752L508.736 512 196.864 192a30.592 30.592 0 010-42.688z"
 }, null, -1);
-const _hoisted_3$M = [
-  _hoisted_2$13
+const _hoisted_3$K = [
+  _hoisted_2$12
 ];
-function _sfc_render$26(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1n, _hoisted_3$M);
+function _sfc_render$24(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1m, _hoisted_3$K);
 }
-var dArrowRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2x, [["render", _sfc_render$26]]);
+var dArrowRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2x, [["render", _sfc_render$24]]);
 
 const _sfc_main$2w = defineComponent({
   name: "Delete"
 });
-const _hoisted_1$1m = {
+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$12 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$11 = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M160 256H96a32 32 0 010-64h256V95.936a32 32 0 0132-32h256a32 32 0 0132 32V192h256a32 32 0 110 64h-64v672a32 32 0 01-32 32H192a32 32 0 01-32-32V256zm448-64v-64H416v64h192zM224 896h576V256H224v640zm192-128a32 32 0 01-32-32V416a32 32 0 0164 0v320a32 32 0 01-32 32zm192 0a32 32 0 01-32-32V416a32 32 0 0164 0v320a32 32 0 01-32 32z"
 }, null, -1);
-const _hoisted_3$L = [
-  _hoisted_2$12
+const _hoisted_3$J = [
+  _hoisted_2$11
 ];
-function _sfc_render$25(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1m, _hoisted_3$L);
+function _sfc_render$23(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1l, _hoisted_3$J);
 }
-var _delete = /* @__PURE__ */ _export_sfc$1(_sfc_main$2w, [["render", _sfc_render$25]]);
+var _delete = /* @__PURE__ */ _export_sfc$1(_sfc_main$2w, [["render", _sfc_render$23]]);
 
 const _sfc_main$2v = defineComponent({
   name: "Document"
 });
-const _hoisted_1$1l = {
+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$11 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$10 = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M832 384H576V128H192v768h640V384zm-26.496-64L640 154.496V320h165.504zM160 64h480l256 256v608a32 32 0 01-32 32H160a32 32 0 01-32-32V96a32 32 0 0132-32zm160 448h384v64H320v-64zm0-192h160v64H320v-64zm0 384h384v64H320v-64z"
 }, null, -1);
-const _hoisted_3$K = [
-  _hoisted_2$11
+const _hoisted_3$I = [
+  _hoisted_2$10
 ];
-function _sfc_render$24(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1l, _hoisted_3$K);
+function _sfc_render$22(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1k, _hoisted_3$I);
 }
-var document$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$2v, [["render", _sfc_render$24]]);
+var document$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$2v, [["render", _sfc_render$22]]);
 
 const _sfc_main$2u = defineComponent({
   name: "FullScreen"
 });
-const _hoisted_1$1k = {
+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$10 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$$ = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M160 96.064l192 .192a32 32 0 010 64l-192-.192V352a32 32 0 01-64 0V96h64v.064zm0 831.872V928H96V672a32 32 0 1164 0v191.936l192-.192a32 32 0 110 64l-192 .192zM864 96.064V96h64v256a32 32 0 11-64 0V160.064l-192 .192a32 32 0 110-64l192-.192zm0 831.872l-192-.192a32 32 0 010-64l192 .192V672a32 32 0 1164 0v256h-64v-.064z"
 }, null, -1);
-const _hoisted_3$J = [
-  _hoisted_2$10
+const _hoisted_3$H = [
+  _hoisted_2$$
 ];
-function _sfc_render$23(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1k, _hoisted_3$J);
+function _sfc_render$21(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1j, _hoisted_3$H);
 }
-var fullScreen = /* @__PURE__ */ _export_sfc$1(_sfc_main$2u, [["render", _sfc_render$23]]);
+var fullScreen = /* @__PURE__ */ _export_sfc$1(_sfc_main$2u, [["render", _sfc_render$21]]);
 
 const _sfc_main$2t = defineComponent({
   name: "InfoFilled"
 });
-const _hoisted_1$1j = {
+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$$ = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$_ = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M512 64a448 448 0 110 896.064A448 448 0 01512 64zm67.2 275.072c33.28 0 60.288-23.104 60.288-57.344s-27.072-57.344-60.288-57.344c-33.28 0-60.16 23.104-60.16 57.344s26.88 57.344 60.16 57.344zM590.912 699.2c0-6.848 2.368-24.64 1.024-34.752l-52.608 60.544c-10.88 11.456-24.512 19.392-30.912 17.28a12.992 12.992 0 01-8.256-14.72l87.68-276.992c7.168-35.136-12.544-67.2-54.336-71.296-44.096 0-108.992 44.736-148.48 101.504 0 6.784-1.28 23.68.064 33.792l52.544-60.608c10.88-11.328 23.552-19.328 29.952-17.152a12.8 12.8 0 017.808 16.128L388.48 728.576c-10.048 32.256 8.96 63.872 55.04 71.04 67.84 0 107.904-43.648 147.456-100.416z"
 }, null, -1);
-const _hoisted_3$I = [
-  _hoisted_2$$
+const _hoisted_3$G = [
+  _hoisted_2$_
 ];
-function _sfc_render$22(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1j, _hoisted_3$I);
+function _sfc_render$20(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1i, _hoisted_3$G);
 }
-var infoFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2t, [["render", _sfc_render$22]]);
+var infoFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2t, [["render", _sfc_render$20]]);
 
 const _sfc_main$2s = defineComponent({
   name: "Loading"
 });
-const _hoisted_1$1i = {
+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$_ = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$Z = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M512 64a32 32 0 0132 32v192a32 32 0 01-64 0V96a32 32 0 0132-32zm0 640a32 32 0 0132 32v192a32 32 0 11-64 0V736a32 32 0 0132-32zm448-192a32 32 0 01-32 32H736a32 32 0 110-64h192a32 32 0 0132 32zm-640 0a32 32 0 01-32 32H96a32 32 0 010-64h192a32 32 0 0132 32zM195.2 195.2a32 32 0 0145.248 0L376.32 331.008a32 32 0 01-45.248 45.248L195.2 240.448a32 32 0 010-45.248zm452.544 452.544a32 32 0 0145.248 0L828.8 783.552a32 32 0 01-45.248 45.248L647.744 692.992a32 32 0 010-45.248zM828.8 195.264a32 32 0 010 45.184L692.992 376.32a32 32 0 01-45.248-45.248l135.808-135.808a32 32 0 0145.248 0zm-452.544 452.48a32 32 0 010 45.248L240.448 828.8a32 32 0 01-45.248-45.248l135.808-135.808a32 32 0 0145.248 0z"
 }, null, -1);
-const _hoisted_3$H = [
-  _hoisted_2$_
+const _hoisted_3$F = [
+  _hoisted_2$Z
 ];
-function _sfc_render$21(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1i, _hoisted_3$H);
+function _sfc_render$1$(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1h, _hoisted_3$F);
 }
-var loading = /* @__PURE__ */ _export_sfc$1(_sfc_main$2s, [["render", _sfc_render$21]]);
+var loading = /* @__PURE__ */ _export_sfc$1(_sfc_main$2s, [["render", _sfc_render$1$]]);
 
 const _sfc_main$2r = defineComponent({
   name: "Minus"
 });
-const _hoisted_1$1h = {
+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$Z = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$Y = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M128 544h768a32 32 0 100-64H128a32 32 0 000 64z"
 }, null, -1);
-const _hoisted_3$G = [
-  _hoisted_2$Z
+const _hoisted_3$E = [
+  _hoisted_2$Y
 ];
-function _sfc_render$20(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1h, _hoisted_3$G);
+function _sfc_render$1_(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1g, _hoisted_3$E);
 }
-var minus = /* @__PURE__ */ _export_sfc$1(_sfc_main$2r, [["render", _sfc_render$20]]);
+var minus = /* @__PURE__ */ _export_sfc$1(_sfc_main$2r, [["render", _sfc_render$1_]]);
 
 const _sfc_main$2q = defineComponent({
   name: "MoreFilled"
 });
-const _hoisted_1$1g = {
+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$Y = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$X = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M176 416a112 112 0 110 224 112 112 0 010-224zm336 0a112 112 0 110 224 112 112 0 010-224zm336 0a112 112 0 110 224 112 112 0 010-224z"
 }, null, -1);
-const _hoisted_3$F = [
-  _hoisted_2$Y
+const _hoisted_3$D = [
+  _hoisted_2$X
 ];
-function _sfc_render$1$(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1g, _hoisted_3$F);
+function _sfc_render$1Z(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1f, _hoisted_3$D);
 }
-var moreFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2q, [["render", _sfc_render$1$]]);
+var moreFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2q, [["render", _sfc_render$1Z]]);
 
 const _sfc_main$2p = defineComponent({
   name: "More"
 });
-const _hoisted_1$1f = {
+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$X = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$W = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M176 416a112 112 0 100 224 112 112 0 000-224m0 64a48 48 0 110 96 48 48 0 010-96zm336-64a112 112 0 110 224 112 112 0 010-224zm0 64a48 48 0 100 96 48 48 0 000-96zm336-64a112 112 0 110 224 112 112 0 010-224zm0 64a48 48 0 100 96 48 48 0 000-96z"
 }, null, -1);
-const _hoisted_3$E = [
-  _hoisted_2$X
+const _hoisted_3$C = [
+  _hoisted_2$W
 ];
-function _sfc_render$1_(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1f, _hoisted_3$E);
+function _sfc_render$1Y(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1e, _hoisted_3$C);
 }
-var more = /* @__PURE__ */ _export_sfc$1(_sfc_main$2p, [["render", _sfc_render$1_]]);
+var more = /* @__PURE__ */ _export_sfc$1(_sfc_main$2p, [["render", _sfc_render$1Y]]);
 
 const _sfc_main$2o = defineComponent({
   name: "Plus"
 });
-const _hoisted_1$1e = {
+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$W = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$V = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M480 480V128a32 32 0 0164 0v352h352a32 32 0 110 64H544v352a32 32 0 11-64 0V544H128a32 32 0 010-64h352z"
 }, null, -1);
-const _hoisted_3$D = [
-  _hoisted_2$W
+const _hoisted_3$B = [
+  _hoisted_2$V
 ];
-function _sfc_render$1Z(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1e, _hoisted_3$D);
+function _sfc_render$1X(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1d, _hoisted_3$B);
 }
-var plus = /* @__PURE__ */ _export_sfc$1(_sfc_main$2o, [["render", _sfc_render$1Z]]);
+var plus = /* @__PURE__ */ _export_sfc$1(_sfc_main$2o, [["render", _sfc_render$1X]]);
 
 const _sfc_main$2n = defineComponent({
   name: "QuestionFilled"
 });
-const _hoisted_1$1d = {
+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$V = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$U = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M512 64a448 448 0 110 896 448 448 0 010-896zm23.744 191.488c-52.096 0-92.928 14.784-123.2 44.352-30.976 29.568-45.76 70.4-45.76 122.496h80.256c0-29.568 5.632-52.8 17.6-68.992 13.376-19.712 35.2-28.864 66.176-28.864 23.936 0 42.944 6.336 56.32 19.712 12.672 13.376 19.712 31.68 19.712 54.912 0 17.6-6.336 34.496-19.008 49.984l-8.448 9.856c-45.76 40.832-73.216 70.4-82.368 89.408-9.856 19.008-14.08 42.24-14.08 68.992v9.856h80.96v-9.856c0-16.896 3.52-31.68 10.56-45.76 6.336-12.672 15.488-24.64 28.16-35.2 33.792-29.568 54.208-48.576 60.544-55.616 16.896-22.528 26.048-51.392 26.048-86.592 0-42.944-14.08-76.736-42.24-101.376-28.16-25.344-65.472-37.312-111.232-37.312zm-12.672 406.208a54.272 54.272 0 00-38.72 14.784 49.408 49.408 0 00-15.488 38.016c0 15.488 4.928 28.16 15.488 38.016A54.848 54.848 0 00523.072 768c15.488 0 28.16-4.928 38.72-14.784a51.52 51.52 0 0016.192-38.72 51.968 51.968 0 00-15.488-38.016 55.936 55.936 0 00-39.424-14.784z"
 }, null, -1);
-const _hoisted_3$C = [
-  _hoisted_2$V
+const _hoisted_3$A = [
+  _hoisted_2$U
 ];
-function _sfc_render$1Y(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1d, _hoisted_3$C);
+function _sfc_render$1W(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1c, _hoisted_3$A);
 }
-var questionFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2n, [["render", _sfc_render$1Y]]);
+var questionFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2n, [["render", _sfc_render$1W]]);
 
 const _sfc_main$2m = defineComponent({
   name: "RefreshLeft"
 });
-const _hoisted_1$1c = {
+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$U = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$T = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M289.088 296.704h92.992a32 32 0 010 64H232.96a32 32 0 01-32-32V179.712a32 32 0 0164 0v50.56a384 384 0 01643.84 282.88 384 384 0 01-383.936 384 384 384 0 01-384-384h64a320 320 0 10640 0 320 320 0 00-555.712-216.448z"
 }, null, -1);
-const _hoisted_3$B = [
-  _hoisted_2$U
+const _hoisted_3$z = [
+  _hoisted_2$T
 ];
-function _sfc_render$1X(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1c, _hoisted_3$B);
+function _sfc_render$1V(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1b, _hoisted_3$z);
 }
-var refreshLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2m, [["render", _sfc_render$1X]]);
+var refreshLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2m, [["render", _sfc_render$1V]]);
 
 const _sfc_main$2l = defineComponent({
   name: "RefreshRight"
 });
-const _hoisted_1$1b = {
+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$T = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$S = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M784.512 230.272v-50.56a32 32 0 1164 0v149.056a32 32 0 01-32 32H667.52a32 32 0 110-64h92.992A320 320 0 10524.8 833.152a320 320 0 00320-320h64a384 384 0 01-384 384 384 384 0 01-384-384 384 384 0 01643.712-282.88z"
 }, null, -1);
-const _hoisted_3$A = [
-  _hoisted_2$T
+const _hoisted_3$y = [
+  _hoisted_2$S
 ];
-function _sfc_render$1W(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1b, _hoisted_3$A);
+function _sfc_render$1U(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1a, _hoisted_3$y);
 }
-var refreshRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2l, [["render", _sfc_render$1W]]);
+var refreshRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2l, [["render", _sfc_render$1U]]);
 
 const _sfc_main$2k = defineComponent({
   name: "ScaleToOriginal"
 });
-const _hoisted_1$1a = {
+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$S = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$R = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M813.176 180.706a60.235 60.235 0 0160.236 60.235v481.883a60.235 60.235 0 01-60.236 60.235H210.824a60.235 60.235 0 01-60.236-60.235V240.94a60.235 60.235 0 0160.236-60.235h602.352zm0-60.235H210.824A120.47 120.47 0 0090.353 240.94v481.883a120.47 120.47 0 00120.47 120.47h602.353a120.47 120.47 0 00120.471-120.47V240.94a120.47 120.47 0 00-120.47-120.47zm-120.47 180.705a30.118 30.118 0 00-30.118 30.118v301.177a30.118 30.118 0 0060.236 0V331.294a30.118 30.118 0 00-30.118-30.118zm-361.412 0a30.118 30.118 0 00-30.118 30.118v301.177a30.118 30.118 0 1060.236 0V331.294a30.118 30.118 0 00-30.118-30.118zM512 361.412a30.118 30.118 0 00-30.118 30.117v30.118a30.118 30.118 0 0060.236 0V391.53A30.118 30.118 0 00512 361.412zM512 512a30.118 30.118 0 00-30.118 30.118v30.117a30.118 30.118 0 0060.236 0v-30.117A30.118 30.118 0 00512 512z"
 }, null, -1);
-const _hoisted_3$z = [
-  _hoisted_2$S
+const _hoisted_3$x = [
+  _hoisted_2$R
 ];
-function _sfc_render$1V(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1a, _hoisted_3$z);
+function _sfc_render$1T(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$19, _hoisted_3$x);
 }
-var scaleToOriginal = /* @__PURE__ */ _export_sfc$1(_sfc_main$2k, [["render", _sfc_render$1V]]);
+var scaleToOriginal = /* @__PURE__ */ _export_sfc$1(_sfc_main$2k, [["render", _sfc_render$1T]]);
 
 const _sfc_main$2j = defineComponent({
   name: "Search"
 });
-const _hoisted_1$19 = {
+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$R = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$Q = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M795.904 750.72l124.992 124.928a32 32 0 01-45.248 45.248L750.656 795.904a416 416 0 1145.248-45.248zM480 832a352 352 0 100-704 352 352 0 000 704z"
 }, null, -1);
-const _hoisted_3$y = [
-  _hoisted_2$R
+const _hoisted_3$w = [
+  _hoisted_2$Q
 ];
-function _sfc_render$1U(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$19, _hoisted_3$y);
+function _sfc_render$1S(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$18, _hoisted_3$w);
 }
-var search = /* @__PURE__ */ _export_sfc$1(_sfc_main$2j, [["render", _sfc_render$1U]]);
+var search = /* @__PURE__ */ _export_sfc$1(_sfc_main$2j, [["render", _sfc_render$1S]]);
 
 const _sfc_main$2i = defineComponent({
   name: "StarFilled"
 });
-const _hoisted_1$18 = {
+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$Q = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$P = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M283.84 867.84L512 747.776l228.16 119.936a6.4 6.4 0 009.28-6.72l-43.52-254.08 184.512-179.904a6.4 6.4 0 00-3.52-10.88l-255.104-37.12L517.76 147.904a6.4 6.4 0 00-11.52 0L392.192 379.072l-255.104 37.12a6.4 6.4 0 00-3.52 10.88L318.08 606.976l-43.584 254.08a6.4 6.4 0 009.28 6.72z"
 }, null, -1);
-const _hoisted_3$x = [
-  _hoisted_2$Q
+const _hoisted_3$v = [
+  _hoisted_2$P
 ];
-function _sfc_render$1T(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$18, _hoisted_3$x);
+function _sfc_render$1R(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$17, _hoisted_3$v);
 }
-var starFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2i, [["render", _sfc_render$1T]]);
+var starFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2i, [["render", _sfc_render$1R]]);
 
 const _sfc_main$2h = defineComponent({
   name: "Star"
 });
-const _hoisted_1$17 = {
+const _hoisted_1$16 = {
   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$O = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M512 747.84l228.16 119.936a6.4 6.4 0 009.28-6.72l-43.52-254.08 184.512-179.904a6.4 6.4 0 00-3.52-10.88l-255.104-37.12L517.76 147.904a6.4 6.4 0 00-11.52 0L392.192 379.072l-255.104 37.12a6.4 6.4 0 00-3.52 10.88L318.08 606.976l-43.584 254.08a6.4 6.4 0 009.28 6.72L512 747.84zM313.6 924.48a70.4 70.4 0 01-102.144-74.24l37.888-220.928L88.96 472.96A70.4 70.4 0 01128 352.896l221.76-32.256 99.2-200.96a70.4 70.4 0 01126.208 0l99.2 200.96 221.824 32.256a70.4 70.4 0 0139.04 120.064L774.72 629.376l37.888 220.928a70.4 70.4 0 01-102.144 74.24L512 820.096l-198.4 104.32z"
 }, null, -1);
-const _hoisted_3$w = [
-  _hoisted_2$P
+const _hoisted_3$u = [
+  _hoisted_2$O
 ];
-function _sfc_render$1S(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$17, _hoisted_3$w);
+function _sfc_render$1Q(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$16, _hoisted_3$u);
 }
-var star = /* @__PURE__ */ _export_sfc$1(_sfc_main$2h, [["render", _sfc_render$1S]]);
+var star = /* @__PURE__ */ _export_sfc$1(_sfc_main$2h, [["render", _sfc_render$1Q]]);
 
 const _sfc_main$2g = defineComponent({
   name: "SuccessFilled"
 });
-const _hoisted_1$16 = {
+const _hoisted_1$15 = {
   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$N = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M512 64a448 448 0 110 896 448 448 0 010-896zm-55.808 536.384l-99.52-99.584a38.4 38.4 0 10-54.336 54.336l126.72 126.72a38.272 38.272 0 0054.336 0l262.4-262.464a38.4 38.4 0 10-54.272-54.336L456.192 600.384z"
 }, null, -1);
-const _hoisted_3$v = [
-  _hoisted_2$O
+const _hoisted_3$t = [
+  _hoisted_2$N
 ];
-function _sfc_render$1R(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$16, _hoisted_3$v);
+function _sfc_render$1P(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$15, _hoisted_3$t);
 }
-var successFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2g, [["render", _sfc_render$1R]]);
+var successFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2g, [["render", _sfc_render$1P]]);
 
 const _sfc_main$2f = defineComponent({
   name: "View"
 });
-const _hoisted_1$15 = {
+const _hoisted_1$14 = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$N = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$M = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M512 160c320 0 512 352 512 352S832 864 512 864 0 512 0 512s192-352 512-352zm0 64c-225.28 0-384.128 208.064-436.8 288 52.608 79.872 211.456 288 436.8 288 225.28 0 384.128-208.064 436.8-288-52.608-79.872-211.456-288-436.8-288zm0 64a224 224 0 110 448 224 224 0 010-448zm0 64a160.192 160.192 0 00-160 160c0 88.192 71.744 160 160 160s160-71.808 160-160-71.744-160-160-160z"
 }, null, -1);
-const _hoisted_3$u = [
-  _hoisted_2$N
+const _hoisted_3$s = [
+  _hoisted_2$M
 ];
-function _sfc_render$1Q(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$15, _hoisted_3$u);
+function _sfc_render$1O(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$14, _hoisted_3$s);
 }
-var view = /* @__PURE__ */ _export_sfc$1(_sfc_main$2f, [["render", _sfc_render$1Q]]);
+var view = /* @__PURE__ */ _export_sfc$1(_sfc_main$2f, [["render", _sfc_render$1O]]);
 
 const _sfc_main$2e = defineComponent({
   name: "WarningFilled"
 });
-const _hoisted_1$14 = {
+const _hoisted_1$13 = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$M = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$L = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M512 64a448 448 0 110 896 448 448 0 010-896zm0 192a58.432 58.432 0 00-58.24 63.744l23.36 256.384a35.072 35.072 0 0069.76 0l23.296-256.384A58.432 58.432 0 00512 256zm0 512a51.2 51.2 0 100-102.4 51.2 51.2 0 000 102.4z"
 }, null, -1);
-const _hoisted_3$t = [
-  _hoisted_2$M
+const _hoisted_3$r = [
+  _hoisted_2$L
 ];
-function _sfc_render$1P(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$14, _hoisted_3$t);
+function _sfc_render$1N(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$13, _hoisted_3$r);
 }
-var warningFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2e, [["render", _sfc_render$1P]]);
+var warningFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2e, [["render", _sfc_render$1N]]);
 
 const _sfc_main$2d = defineComponent({
   name: "ZoomIn"
 });
-const _hoisted_1$13 = {
+const _hoisted_1$12 = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$L = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$K = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M795.904 750.72l124.992 124.928a32 32 0 01-45.248 45.248L750.656 795.904a416 416 0 1145.248-45.248zM480 832a352 352 0 100-704 352 352 0 000 704zm-32-384v-96a32 32 0 0164 0v96h96a32 32 0 010 64h-96v96a32 32 0 01-64 0v-96h-96a32 32 0 010-64h96z"
 }, null, -1);
-const _hoisted_3$s = [
-  _hoisted_2$L
+const _hoisted_3$q = [
+  _hoisted_2$K
 ];
-function _sfc_render$1O(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$13, _hoisted_3$s);
+function _sfc_render$1M(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$12, _hoisted_3$q);
 }
-var zoomIn = /* @__PURE__ */ _export_sfc$1(_sfc_main$2d, [["render", _sfc_render$1O]]);
+var zoomIn = /* @__PURE__ */ _export_sfc$1(_sfc_main$2d, [["render", _sfc_render$1M]]);
 
 const _sfc_main$2c = defineComponent({
   name: "ZoomOut"
 });
-const _hoisted_1$12 = {
+const _hoisted_1$11 = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$K = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$J = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M795.904 750.72l124.992 124.928a32 32 0 01-45.248 45.248L750.656 795.904a416 416 0 1145.248-45.248zM480 832a352 352 0 100-704 352 352 0 000 704zM352 448h256a32 32 0 010 64H352a32 32 0 010-64z"
 }, null, -1);
-const _hoisted_3$r = [
-  _hoisted_2$K
+const _hoisted_3$p = [
+  _hoisted_2$J
 ];
-function _sfc_render$1N(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$12, _hoisted_3$r);
+function _sfc_render$1L(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$11, _hoisted_3$p);
 }
-var zoomOut = /* @__PURE__ */ _export_sfc$1(_sfc_main$2c, [["render", _sfc_render$1N]]);
+var zoomOut = /* @__PURE__ */ _export_sfc$1(_sfc_main$2c, [["render", _sfc_render$1L]]);
 
 const wrapperKey = Symbol();
 const propKey = "__elPropsReservedKey";
@@ -3458,7 +3458,7 @@ const getNormalizedProps = (node) => {
   return props;
 };
 
-const cubic = (value) => Math.pow(value, 3);
+const cubic = (value) => value ** 3;
 const easeInOutCubic = (value) => value < 0.5 ? cubic(value * 2) / 2 : 1 - cubic((1 - value) * 2) / 2;
 
 const unique = (arr) => [...new Set(arr)];
@@ -3494,7 +3494,7 @@ const useAttrs = (params = {}) => {
   });
 };
 
-const elBreadcrumbKey = Symbol("elBreadcrumbKey");
+const breadcrumbKey = Symbol("breadcrumbKey");
 
 const buttonGroupContextKey = Symbol("buttonGroupContextKey");
 
@@ -3511,6 +3511,8 @@ const elPaginationKey = Symbol("elPaginationKey");
 
 const radioGroupKey = Symbol("radioGroupKey");
 
+const rowContextKey = Symbol("rowContextKey");
+
 const scrollbarContextKey = Symbol("scrollbarContextKey");
 
 const tabsRootContextKey = Symbol("tabsRootContextKey");
@@ -3838,7 +3840,7 @@ const useLockscreen = (trigger) => {
     withoutHiddenClass = !hasClass(document.body, "el-popup-parent--hidden");
     if (withoutHiddenClass) {
       bodyPaddingRight = document.body.style.paddingRight;
-      computedBodyPaddingRight = parseInt(getStyle(document.body, "paddingRight"), 10);
+      computedBodyPaddingRight = Number.parseInt(getStyle(document.body, "paddingRight"), 10);
     }
     scrollBarWidth = getScrollBarWidth();
     const bodyHasOverflow = document.documentElement.clientHeight < document.body.scrollHeight;
@@ -3866,7 +3868,7 @@ const useModal = (instance, visibleRef) => {
     if (val) {
       modalStack.push(instance);
     } else {
-      modalStack.splice(modalStack.findIndex((modal) => modal === instance), 1);
+      modalStack.splice(modalStack.indexOf(instance), 1);
     }
   });
 };
@@ -4369,7 +4371,7 @@ const useZIndex = () => {
   };
 };
 
-const version$1 = "0.0.20220306";
+const version$1 = "0.0.20220309";
 
 const INSTALLED_KEY = Symbol("INSTALLED_KEY");
 const makeInstaller = (components = []) => {
@@ -4410,11 +4412,11 @@ const affixEmits = {
   change: (fixed) => typeof fixed === "boolean"
 };
 
-const __default__$m = {
+const __default__$o = {
   name: "ElAffix"
 };
 const _sfc_main$2b = /* @__PURE__ */ defineComponent({
-  ...__default__$m,
+  ...__default__$o,
   props: affixProps,
   emits: affixEmits,
   setup(__props, { expose, emit }) {
@@ -4529,12 +4531,12 @@ const iconProps = buildProps({
   }
 });
 
-const __default__$l = {
+const __default__$n = {
   name: "ElIcon",
   inheritAttrs: false
 };
 const _sfc_main$2a = /* @__PURE__ */ defineComponent({
-  ...__default__$l,
+  ...__default__$n,
   props: iconProps,
   setup(__props) {
     const props = __props;
@@ -4596,11 +4598,11 @@ const alertEmits = {
   close: (evt) => evt instanceof MouseEvent
 };
 
-const __default__$k = {
+const __default__$m = {
   name: "ElAlert"
 };
 const _sfc_main$29 = /* @__PURE__ */ defineComponent({
-  ...__default__$k,
+  ...__default__$m,
   props: alertProps,
   emits: alertEmits,
   setup(__props, { emit }) {
@@ -4713,8 +4715,8 @@ const CONTEXT_STYLE = [
 function calculateNodeStyling(targetElement) {
   const style = window.getComputedStyle(targetElement);
   const boxSizing = style.getPropertyValue("box-sizing");
-  const paddingSize = parseFloat(style.getPropertyValue("padding-bottom")) + parseFloat(style.getPropertyValue("padding-top"));
-  const borderSize = parseFloat(style.getPropertyValue("border-bottom-width")) + parseFloat(style.getPropertyValue("border-top-width"));
+  const paddingSize = Number.parseFloat(style.getPropertyValue("padding-bottom")) + Number.parseFloat(style.getPropertyValue("padding-top"));
+  const borderSize = Number.parseFloat(style.getPropertyValue("border-bottom-width")) + Number.parseFloat(style.getPropertyValue("border-top-width"));
   const contextStyle = CONTEXT_STYLE.map((name) => `${name}:${style.getPropertyValue(name)}`).join(";");
   return { contextStyle, paddingSize, borderSize, boxSizing };
 }
@@ -5077,9 +5079,9 @@ const _sfc_main$28 = defineComponent({
     };
   }
 });
-const _hoisted_1$11 = ["type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder"];
-const _hoisted_2$J = ["tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder"];
-function _sfc_render$1M(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$10 = ["type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder"];
+const _hoisted_2$I = ["tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder"];
+function _sfc_render$1K(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
   const _component_circle_close = resolveComponent("circle-close");
   const _component_icon_view = resolveComponent("icon-view");
@@ -5132,7 +5134,7 @@ function _sfc_render$1M(_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$11),
+      }), null, 16, _hoisted_1$10),
       createCommentVNode(" prefix slot "),
       _ctx.$slots.prefix || _ctx.prefixIcon ? (openBlock(), createElementBlock("span", {
         key: 1,
@@ -5242,7 +5244,7 @@ function _sfc_render$1M(_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$J),
+      }), null, 16, _hoisted_2$I),
       _ctx.isWordLimitVisible ? (openBlock(), createElementBlock("span", {
         key: 0,
         class: normalizeClass(_ctx.nsInput.e("count"))
@@ -5252,7 +5254,7 @@ function _sfc_render$1M(_ctx, _cache, $props, $setup, $data, $options) {
     [vShow, _ctx.type !== "hidden"]
   ]);
 }
-var Input = /* @__PURE__ */ _export_sfc(_sfc_main$28, [["render", _sfc_render$1M]]);
+var Input = /* @__PURE__ */ _export_sfc(_sfc_main$28, [["render", _sfc_render$1K]]);
 
 const ElInput = withInstall(Input);
 
@@ -5294,15 +5296,15 @@ const thumbProps = buildProps({
   always: Boolean
 });
 
-const COMPONENT_NAME$e = "Thumb";
+const COMPONENT_NAME$d = "Thumb";
 const _sfc_main$27 = defineComponent({
-  name: COMPONENT_NAME$e,
+  name: COMPONENT_NAME$d,
   props: thumbProps,
   setup(props) {
     const scrollbar = inject(scrollbarContextKey);
     const ns = useNamespace("scrollbar");
     if (!scrollbar)
-      throwError(COMPONENT_NAME$e, "can not inject scrollbar context");
+      throwError(COMPONENT_NAME$d, "can not inject scrollbar context");
     const instance = ref();
     const thumb = ref();
     const thumbState = ref({});
@@ -5397,7 +5399,7 @@ const _sfc_main$27 = defineComponent({
     };
   }
 });
-function _sfc_render$1L(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1J(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(Transition, {
     name: _ctx.ns.b("fade")
   }, {
@@ -5420,7 +5422,7 @@ function _sfc_render$1L(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["name"]);
 }
-var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$27, [["render", _sfc_render$1L]]);
+var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$27, [["render", _sfc_render$1J]]);
 
 const barProps = buildProps({
   always: {
@@ -5469,7 +5471,7 @@ const _sfc_main$26 = defineComponent({
     };
   }
 });
-function _sfc_render$1K(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1I(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_thumb = resolveComponent("thumb");
   return openBlock(), createElementBlock(Fragment, null, [
     createVNode(_component_thumb, {
@@ -5487,7 +5489,7 @@ function _sfc_render$1K(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["move", "ratio", "size", "always"])
   ], 64);
 }
-var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$26, [["render", _sfc_render$1K]]);
+var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$26, [["render", _sfc_render$1I]]);
 
 const scrollbarProps = buildProps({
   height: {
@@ -5652,7 +5654,7 @@ const _sfc_main$25 = defineComponent({
     };
   }
 });
-function _sfc_render$1J(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1H(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_bar = resolveComponent("bar");
   return openBlock(), createElementBlock("div", {
     ref: "scrollbar$",
@@ -5690,7 +5692,7 @@ function _sfc_render$1J(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["height", "width", "always", "ratio-x", "ratio-y"])) : createCommentVNode("v-if", true)
   ], 2);
 }
-var Scrollbar$1 = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["render", _sfc_render$1J]]);
+var Scrollbar$1 = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["render", _sfc_render$1H]]);
 
 const ElScrollbar = withInstall(Scrollbar$1);
 
@@ -5710,10 +5712,10 @@ const _sfc_main$24 = defineComponent({
     return popperProvides;
   }
 });
-function _sfc_render$1I(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1G(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default");
 }
-var Popper = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["render", _sfc_render$1I]]);
+var Popper = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["render", _sfc_render$1G]]);
 
 var top = "top";
 var bottom = "bottom";
@@ -7188,14 +7190,14 @@ const _sfc_main$23 = defineComponent({
     };
   }
 });
-function _sfc_render$1H(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1F(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("span", {
     ref: "arrowRef",
     class: normalizeClass(_ctx.ns.e("arrow")),
     "data-popper-arrow": ""
   }, null, 2);
 }
-var ElPopperArrow = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["render", _sfc_render$1H]]);
+var ElPopperArrow = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["render", _sfc_render$1F]]);
 
 const NAME = "ElOnlyChild";
 const OnlyChild = defineComponent({
@@ -7227,8 +7229,7 @@ function findFirstLegitChild(node) {
   if (!node)
     return null;
   const children = node;
-  for (let i = 0; i < children.length; i++) {
-    const child = children[i];
+  for (const child of children) {
     if (isObject$1(child)) {
       switch (child.type) {
         case Comment:
@@ -7379,7 +7380,7 @@ const _sfc_main$22 = defineComponent({
     };
   }
 });
-function _sfc_render$1G(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1E(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_only_child = resolveComponent("el-only-child");
   return !_ctx.virtualTriggering ? (openBlock(), createBlock(_component_el_only_child, mergeProps({ key: 0 }, _ctx.$attrs, {
     "aria-describedby": _ctx.open ? _ctx.id : void 0
@@ -7390,7 +7391,7 @@ function _sfc_render$1G(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 16, ["aria-describedby"])) : createCommentVNode("v-if", true);
 }
-var ElPopperTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["render", _sfc_render$1G]]);
+var ElPopperTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["render", _sfc_render$1E]]);
 
 const _sfc_main$21 = defineComponent({
   name: "ElPopperContent",
@@ -7485,7 +7486,7 @@ const _sfc_main$21 = defineComponent({
     };
   }
 });
-function _sfc_render$1F(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1D(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: "popperContentRef",
     style: normalizeStyle(_ctx.contentStyle),
@@ -7497,7 +7498,7 @@ function _sfc_render$1F(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 38);
 }
-var ElPopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["render", _sfc_render$1F]]);
+var ElPopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["render", _sfc_render$1D]]);
 
 function useDeprecateAppendToBody(scope, from) {
   const vm = getCurrentInstance();
@@ -7547,10 +7548,10 @@ const _sfc_main$20 = defineComponent({
     };
   }
 });
-function _sfc_render$1E(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1C(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("span", mergeProps(_ctx.$attrs, { style: _ctx.computedStyle }), null, 16);
 }
-var ElVisuallyHidden = /* @__PURE__ */ _export_sfc(_sfc_main$20, [["render", _sfc_render$1E]]);
+var ElVisuallyHidden = /* @__PURE__ */ _export_sfc(_sfc_main$20, [["render", _sfc_render$1C]]);
 
 const useTooltipContentProps = buildProps({
   ...useDelayedToggleProps,
@@ -7726,7 +7727,7 @@ const _sfc_main$1$ = defineComponent({
     };
   }
 });
-function _sfc_render$1D(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_visually_hidden = resolveComponent("el-visually-hidden");
   const _component_el_popper_content = resolveComponent("el-popper-content");
   return openBlock(), createBlock(Teleport, {
@@ -7788,7 +7789,7 @@ function _sfc_render$1D(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["name", "onAfterLeave", "onBeforeEnter", "onAfterEnter", "onBeforeLeave"])
   ], 8, ["disabled", "to"]);
 }
-var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$1$, [["render", _sfc_render$1D]]);
+var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$1$, [["render", _sfc_render$1B]]);
 
 const isTriggerType = (trigger, type) => {
   if (isArray(trigger)) {
@@ -7852,7 +7853,7 @@ const _sfc_main$1_ = defineComponent({
     };
   }
 });
-function _sfc_render$1C(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_popper_trigger = resolveComponent("el-popper-trigger");
   return openBlock(), createBlock(_component_el_popper_trigger, {
     id: _ctx.id,
@@ -7874,7 +7875,7 @@ function _sfc_render$1C(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["id", "virtual-ref", "open", "virtual-triggering", "class", "onBlur", "onClick", "onContextmenu", "onFocus", "onMouseenter", "onMouseleave", "onKeydown"]);
 }
-var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$1_, [["render", _sfc_render$1C]]);
+var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$1_, [["render", _sfc_render$1A]]);
 
 const { useModelToggleProps, useModelToggle, useModelToggleEmits } = createModelToggleComposable("visible");
 const _sfc_main$1Z = defineComponent({
@@ -7963,9 +7964,9 @@ const _sfc_main$1Z = defineComponent({
     };
   }
 });
-const _hoisted_1$10 = ["innerHTML"];
-const _hoisted_2$I = { key: 1 };
-function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$$ = ["innerHTML"];
+const _hoisted_2$H = { key: 1 };
+function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tooltip_trigger = resolveComponent("el-tooltip-trigger");
   const _component_el_popper_arrow = resolveComponent("el-popper-arrow");
   const _component_el_tooltip_content = resolveComponent("el-tooltip-content");
@@ -8014,7 +8015,7 @@ function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
             _ctx.rawContent ? (openBlock(), createElementBlock("span", {
               key: 0,
               innerHTML: _ctx.content
-            }, null, 8, _hoisted_1$10)) : (openBlock(), createElementBlock("span", _hoisted_2$I, toDisplayString(_ctx.content), 1))
+            }, null, 8, _hoisted_1$$)) : (openBlock(), createElementBlock("span", _hoisted_2$H, toDisplayString(_ctx.content), 1))
           ]),
           _ctx.compatShowArrow ? (openBlock(), createBlock(_component_el_popper_arrow, {
             key: 0,
@@ -8027,7 +8028,7 @@ function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 512);
 }
-var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$1Z, [["render", _sfc_render$1B]]);
+var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$1Z, [["render", _sfc_render$1z]]);
 
 const ElTooltip = withInstall(Tooltip);
 
@@ -8096,15 +8097,15 @@ const autocompleteEmits = {
   select: (item) => isObject$1(item)
 };
 
-const _hoisted_1$$ = ["aria-expanded", "aria-owns"];
-const _hoisted_2$H = { key: 0 };
-const _hoisted_3$q = ["id", "aria-selected", "onClick"];
-const __default__$j = {
+const _hoisted_1$_ = ["aria-expanded", "aria-owns"];
+const _hoisted_2$G = { key: 0 };
+const _hoisted_3$o = ["id", "aria-selected", "onClick"];
+const __default__$l = {
   name: "ElAutocomplete",
   inheritAttrs: false
 };
 const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
-  ...__default__$j,
+  ...__default__$l,
   props: autocompleteProps,
   emits: autocompleteEmits,
   setup(__props, { expose, emit }) {
@@ -8297,7 +8298,7 @@ const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
               role: "listbox"
             }, {
               default: withCtx(() => [
-                unref(suggestionLoading) ? (openBlock(), createElementBlock("li", _hoisted_2$H, [
+                unref(suggestionLoading) ? (openBlock(), createElementBlock("li", _hoisted_2$G, [
                   createVNode(unref(ElIcon), {
                     class: normalizeClass(unref(ns).is("loading"))
                   }, {
@@ -8318,7 +8319,7 @@ const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
                     renderSlot(_ctx.$slots, "default", { item }, () => [
                       createTextVNode(toDisplayString(item[_ctx.valueKey]), 1)
                     ])
-                  ], 10, _hoisted_3$q);
+                  ], 10, _hoisted_3$o);
                 }), 128))
               ]),
               _: 3
@@ -8378,7 +8379,7 @@ const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
                 ])
               } : void 0
             ]), 1040, ["model-value", "onKeydown"])
-          ], 14, _hoisted_1$$)
+          ], 14, _hoisted_1$_)
         ]),
         _: 3
       }, 8, ["visible", "placement", "popper-class", "teleported", "transition"]);
@@ -8419,12 +8420,12 @@ const avatarEmits = {
   error: (evt) => evt instanceof Event
 };
 
-const _hoisted_1$_ = ["src", "alt", "srcset"];
-const __default__$i = {
+const _hoisted_1$Z = ["src", "alt", "srcset"];
+const __default__$k = {
   name: "ElAvatar"
 };
 const _sfc_main$1X = /* @__PURE__ */ defineComponent({
-  ...__default__$i,
+  ...__default__$k,
   props: avatarProps,
   emits: avatarEmits,
   setup(__props, { emit }) {
@@ -8468,7 +8469,7 @@ const _sfc_main$1X = /* @__PURE__ */ defineComponent({
           srcset: _ctx.srcSet,
           style: normalizeStyle(unref(fitStyle)),
           onError: handleError
-        }, null, 44, _hoisted_1$_)) : _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
+        }, null, 44, _hoisted_1$Z)) : _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
           default: withCtx(() => [
             (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
           ]),
@@ -8504,12 +8505,12 @@ const backtopEmits = {
   click: (evt) => evt instanceof MouseEvent
 };
 
-const _hoisted_1$Z = ["onClick"];
-const __default__$h = {
+const _hoisted_1$Y = ["onClick"];
+const __default__$j = {
   name: "ElBacktop"
 };
 const _sfc_main$1W = /* @__PURE__ */ defineComponent({
-  ...__default__$h,
+  ...__default__$j,
   props: backtopProps,
   emits: backtopEmits,
   setup(__props, { emit }) {
@@ -8583,7 +8584,7 @@ const _sfc_main$1W = /* @__PURE__ */ defineComponent({
                 _: 1
               }, 8, ["class"])
             ])
-          ], 14, _hoisted_1$Z)) : createCommentVNode("v-if", true)
+          ], 14, _hoisted_1$Y)) : createCommentVNode("v-if", true)
         ]),
         _: 3
       }, 8, ["name"]);
@@ -8612,12 +8613,12 @@ const badgeProps = buildProps({
   }
 });
 
-const _hoisted_1$Y = ["textContent"];
-const __default__$g = {
+const _hoisted_1$X = ["textContent"];
+const __default__$i = {
   name: "ElBadge"
 };
 const _sfc_main$1V = /* @__PURE__ */ defineComponent({
-  ...__default__$g,
+  ...__default__$i,
   props: badgeProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -8650,7 +8651,7 @@ const _sfc_main$1V = /* @__PURE__ */ defineComponent({
                 unref(ns).is("dot", _ctx.isDot)
               ]),
               textContent: toDisplayString(unref(content))
-            }, null, 10, _hoisted_1$Y), [
+            }, null, 10, _hoisted_1$X), [
               [vShow, !_ctx.hidden && (unref(content) || unref(content) === "0" || _ctx.isDot)]
             ])
           ]),
@@ -8675,36 +8676,37 @@ const breadcrumbProps = buildProps({
   }
 });
 
-const _sfc_main$1U = defineComponent({
-  name: "ElBreadcrumb",
+const __default__$h = {
+  name: "ElBreadcrumb"
+};
+const _sfc_main$1U = /* @__PURE__ */ defineComponent({
+  ...__default__$h,
   props: breadcrumbProps,
-  setup(props) {
+  setup(__props) {
+    const props = __props;
     const ns = useNamespace("breadcrumb");
     const breadcrumb = ref();
-    provide(elBreadcrumbKey, props);
+    provide(breadcrumbKey, props);
     onMounted(() => {
       const items = breadcrumb.value.querySelectorAll(`.${ns.e("item")}`);
       if (items.length) {
         items[items.length - 1].setAttribute("aria-current", "page");
       }
     });
-    return {
-      ns,
-      breadcrumb
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "breadcrumb",
+        ref: breadcrumb,
+        class: normalizeClass(unref(ns).b()),
+        "aria-label": "Breadcrumb",
+        role: "navigation"
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
     };
   }
 });
-function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", {
-    ref: "breadcrumb",
-    class: normalizeClass(_ctx.ns.b()),
-    "aria-label": "Breadcrumb",
-    role: "navigation"
-  }, [
-    renderSlot(_ctx.$slots, "default")
-  ], 2);
-}
-var Breadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$1U, [["render", _sfc_render$1A]]);
+var Breadcrumb = _sfc_main$1U;
 
 const breadcrumbItemProps = buildProps({
   to: {
@@ -8717,18 +8719,19 @@ const breadcrumbItemProps = buildProps({
   }
 });
 
-const COMPONENT_NAME$d = "ElBreadcrumbItem";
-const _sfc_main$1T = defineComponent({
-  name: COMPONENT_NAME$d,
-  components: {
-    ElIcon
-  },
+const __default__$g = {
+  name: "ElBreadcrumbItem"
+};
+const _sfc_main$1T = /* @__PURE__ */ defineComponent({
+  ...__default__$g,
   props: breadcrumbItemProps,
-  setup(props) {
+  setup(__props) {
+    const props = __props;
     const instance = getCurrentInstance();
     const router = instance.appContext.config.globalProperties.$router;
-    const parent = inject(elBreadcrumbKey, void 0);
+    const parent = inject(breadcrumbKey, void 0);
     const ns = useNamespace("breadcrumb");
+    const { separator, separatorIcon } = parent != null ? parent : {};
     const link = ref();
     onMounted(() => {
       link.value.setAttribute("role", "link");
@@ -8738,42 +8741,36 @@ const _sfc_main$1T = defineComponent({
         props.replace ? router.replace(props.to) : router.push(props.to);
       });
     });
-    return {
-      ns,
-      link,
-      separator: parent == null ? void 0 : parent.separator,
-      separatorIcon: parent == null ? void 0 : parent.separatorIcon
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        class: normalizeClass(unref(ns).e("item"))
+      }, [
+        createElementVNode("span", {
+          ref_key: "link",
+          ref: link,
+          class: normalizeClass([unref(ns).e("inner"), unref(ns).is("link", !!_ctx.to)]),
+          role: "link"
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 2),
+        unref(separatorIcon) ? (openBlock(), createBlock(unref(ElIcon), {
+          key: 0,
+          class: normalizeClass(unref(ns).e("separator"))
+        }, {
+          default: withCtx(() => [
+            (openBlock(), createBlock(resolveDynamicComponent(unref(separatorIcon))))
+          ]),
+          _: 1
+        }, 8, ["class"])) : (openBlock(), createElementBlock("span", {
+          key: 1,
+          class: normalizeClass(unref(ns).e("separator")),
+          role: "presentation"
+        }, toDisplayString(unref(separator)), 3))
+      ], 2);
     };
   }
 });
-function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_icon = resolveComponent("el-icon");
-  return openBlock(), createElementBlock("span", {
-    class: normalizeClass(_ctx.ns.e("item"))
-  }, [
-    createElementVNode("span", {
-      ref: "link",
-      class: normalizeClass([_ctx.ns.e("inner"), _ctx.ns.is("link", !!_ctx.to)]),
-      role: "link"
-    }, [
-      renderSlot(_ctx.$slots, "default")
-    ], 2),
-    _ctx.separatorIcon ? (openBlock(), createBlock(_component_el_icon, {
-      key: 0,
-      class: normalizeClass(_ctx.ns.e("separator"))
-    }, {
-      default: withCtx(() => [
-        (openBlock(), createBlock(resolveDynamicComponent(_ctx.separatorIcon)))
-      ]),
-      _: 1
-    }, 8, ["class"])) : (openBlock(), createElementBlock("span", {
-      key: 1,
-      class: normalizeClass(_ctx.ns.e("separator")),
-      role: "presentation"
-    }, toDisplayString(_ctx.separator), 3))
-  ], 2);
-}
-var BreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main$1T, [["render", _sfc_render$1z]]);
+var BreadcrumbItem = _sfc_main$1T;
 
 const ElBreadcrumb = withInstall(Breadcrumb, {
   BreadcrumbItem
@@ -9700,7 +9697,7 @@ const buttonEmits = {
   click: (evt) => evt instanceof MouseEvent
 };
 
-const _hoisted_1$X = ["disabled", "autofocus", "type"];
+const _hoisted_1$W = ["disabled", "autofocus", "type"];
 const __default__$f = {
   name: "ElButton"
 };
@@ -9826,7 +9823,7 @@ const _sfc_main$1S = /* @__PURE__ */ defineComponent({
         }, [
           renderSlot(_ctx.$slots, "default")
         ], 2)) : createCommentVNode("v-if", true)
-      ], 14, _hoisted_1$X);
+      ], 14, _hoisted_1$W);
     };
   }
 });
@@ -10421,8 +10418,8 @@ const dateEquals = function(a, b) {
   return false;
 };
 const valueEquals = function(a, b) {
-  const aIsArray = a instanceof Array;
-  const bIsArray = b instanceof Array;
+  const aIsArray = Array.isArray(a);
+  const bIsArray = Array.isArray(b);
   if (aIsArray && bIsArray) {
     if (a.length !== b.length) {
       return false;
@@ -10650,7 +10647,7 @@ const _sfc_main$1Q = defineComponent({
       showClose.value = false;
     };
     const isRangeInput = computed(() => {
-      return props.type.indexOf("range") > -1;
+      return props.type.includes("range");
     });
     const pickerSize = useSize();
     const popperPaneRef = computed(() => {
@@ -10722,7 +10719,7 @@ const _sfc_main$1Q = defineComponent({
           event.stopPropagation();
         } else {
           setTimeout(() => {
-            if (refInput.value.indexOf(document.activeElement) === -1) {
+            if (!refInput.value.includes(document.activeElement)) {
               pickerVisible.value = false;
               blurInput();
             }
@@ -10839,9 +10836,9 @@ const _sfc_main$1Q = defineComponent({
     };
   }
 });
-const _hoisted_1$W = ["id", "name", "placeholder", "value", "disabled", "readonly"];
-const _hoisted_2$G = { class: "el-range-separator" };
-const _hoisted_3$p = ["id", "name", "placeholder", "value", "disabled", "readonly"];
+const _hoisted_1$V = ["id", "name", "placeholder", "value", "disabled", "readonly"];
+const _hoisted_2$F = { class: "el-range-separator" };
+const _hoisted_3$n = ["id", "name", "placeholder", "value", "disabled", "readonly"];
 function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
   const _component_el_input = resolveComponent("el-input");
@@ -10952,9 +10949,9 @@ function _sfc_render$1y(_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$W),
+        }, null, 40, _hoisted_1$V),
         renderSlot(_ctx.$slots, "range-separator", {}, () => [
-          createElementVNode("span", _hoisted_2$G, toDisplayString(_ctx.rangeSeparator), 1)
+          createElementVNode("span", _hoisted_2$F, toDisplayString(_ctx.rangeSeparator), 1)
         ]),
         createElementVNode("input", {
           id: _ctx.id && _ctx.id[1],
@@ -10968,7 +10965,7 @@ function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
           onFocus: _cache[4] || (_cache[4] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
           onInput: _cache[5] || (_cache[5] = (...args) => _ctx.handleEndInput && _ctx.handleEndInput(...args)),
           onChange: _cache[6] || (_cache[6] = (...args) => _ctx.handleEndChange && _ctx.handleEndChange(...args))
-        }, null, 40, _hoisted_3$p),
+        }, null, 40, _hoisted_3$n),
         _ctx.clearIcon ? (openBlock(), createBlock(_component_el_icon, {
           key: 1,
           class: normalizeClass(["el-input__icon el-range__close-icon", {
@@ -11162,7 +11159,7 @@ const mousewheel = function(element, callback) {
   if (element && element.addEventListener) {
     const fn = function(event) {
       const normalized = W(event);
-      callback && callback.apply(this, [event, normalized]);
+      callback && Reflect.apply(callback, this, [event, normalized]);
     };
     if (isFirefox()) {
       element.addEventListener("DOMMouseScroll", fn);
@@ -11510,9 +11507,9 @@ const _sfc_main$1P = defineComponent({
     };
   }
 });
-const _hoisted_1$V = ["onClick"];
-const _hoisted_2$F = ["onMouseenter"];
-const _hoisted_3$o = { class: "el-time-spinner__list" };
+const _hoisted_1$U = ["onClick"];
+const _hoisted_2$E = ["onMouseenter"];
+const _hoisted_3$m = { class: "el-time-spinner__list" };
 function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_scrollbar = resolveComponent("el-scrollbar");
   const _component_arrow_up = resolveComponent("arrow-up");
@@ -11547,7 +11544,7 @@ function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
               ], 2112)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                 createTextVNode(toDisplayString(("0" + key).slice(-2)), 1)
               ], 2112))
-            ], 10, _hoisted_1$V);
+            ], 10, _hoisted_1$U);
           }), 128))
         ]),
         _: 2
@@ -11575,7 +11572,7 @@ function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
         })), [
           [_directive_repeat_click, _ctx.onIncreaseClick]
         ]),
-        createElementVNode("ul", _hoisted_3$o, [
+        createElementVNode("ul", _hoisted_3$m, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.arrowListMap[item].value, (time, key) => {
             return openBlock(), createElementBlock("li", {
               key,
@@ -11594,7 +11591,7 @@ function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
             ], 2);
           }), 128))
         ])
-      ], 40, _hoisted_2$F);
+      ], 40, _hoisted_2$E);
     }), 128)) : createCommentVNode("v-if", true)
   ], 2);
 }
@@ -11762,16 +11759,16 @@ const _sfc_main$1O = defineComponent({
     };
   }
 });
-const _hoisted_1$U = {
+const _hoisted_1$T = {
   key: 0,
   class: "el-time-panel"
 };
-const _hoisted_2$E = { class: "el-time-panel__footer" };
+const _hoisted_2$D = { class: "el-time-panel__footer" };
 function _sfc_render$1w(_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$U, [
+      _ctx.actualVisible || _ctx.visible ? (openBlock(), createElementBlock("div", _hoisted_1$T, [
         createElementVNode("div", {
           class: normalizeClass(["el-time-panel__content", { "has-seconds": _ctx.showSeconds }])
         }, [
@@ -11790,7 +11787,7 @@ function _sfc_render$1w(_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$E, [
+        createElementVNode("div", _hoisted_2$D, [
           createElementVNode("button", {
             type: "button",
             class: "el-time-panel__btn cancel",
@@ -12040,23 +12037,23 @@ const _sfc_main$1N = defineComponent({
     };
   }
 });
-const _hoisted_1$T = {
+const _hoisted_1$S = {
   key: 0,
   class: "el-time-range-picker el-picker-panel"
 };
-const _hoisted_2$D = { class: "el-time-range-picker__content" };
-const _hoisted_3$n = { class: "el-time-range-picker__cell" };
-const _hoisted_4$f = { class: "el-time-range-picker__header" };
+const _hoisted_2$C = { class: "el-time-range-picker__content" };
+const _hoisted_3$l = { class: "el-time-range-picker__cell" };
+const _hoisted_4$e = { class: "el-time-range-picker__header" };
 const _hoisted_5$a = { class: "el-time-range-picker__cell" };
 const _hoisted_6$7 = { class: "el-time-range-picker__header" };
 const _hoisted_7$6 = { class: "el-time-panel__footer" };
 const _hoisted_8$6 = ["disabled"];
 function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_time_spinner = resolveComponent("time-spinner");
-  return _ctx.actualVisible ? (openBlock(), createElementBlock("div", _hoisted_1$T, [
-    createElementVNode("div", _hoisted_2$D, [
-      createElementVNode("div", _hoisted_3$n, [
-        createElementVNode("div", _hoisted_4$f, toDisplayString(_ctx.t("el.datepicker.startTime")), 1),
+  return _ctx.actualVisible ? (openBlock(), createElementBlock("div", _hoisted_1$S, [
+    createElementVNode("div", _hoisted_2$C, [
+      createElementVNode("div", _hoisted_3$l, [
+        createElementVNode("div", _hoisted_4$e, toDisplayString(_ctx.t("el.datepicker.startTime")), 1),
         createElementVNode("div", {
           class: normalizeClass([{ "has-seconds": _ctx.showSeconds, "is-arrow": _ctx.arrowControl }, "el-time-range-picker__body el-time-panel__content"])
         }, [
@@ -12160,7 +12157,7 @@ var TimePicker = defineComponent({
   }
 });
 
-const rangeArr = (n) => Array.from(Array(n).keys());
+const rangeArr = (n) => Array.from(Array.from({ length: n }).keys());
 const extractDateFormat = (format) => {
   return format.replace(/\W?m{1,2}|\W?ZZ/g, "").replace(/\W?h{1,2}|\W?s{1,3}|\W?a/gi, "").trim();
 };
@@ -12307,15 +12304,15 @@ const _sfc_main$1M = defineComponent({
     };
   }
 });
-const _hoisted_1$S = { key: 0 };
-const _hoisted_2$C = ["onClick"];
+const _hoisted_1$R = { key: 0 };
+const _hoisted_2$B = ["onClick"];
 function _sfc_render$1u(_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$S, [
+    !_ctx.hideHeader ? (openBlock(), createElementBlock("thead", _hoisted_1$R, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.weekDays, (day) => {
         return openBlock(), createElementBlock("th", { key: day }, toDisplayString(day), 1);
       }), 128))
@@ -12344,7 +12341,7 @@ function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
                   createElementVNode("span", null, toDisplayString(cell.text), 1)
                 ])
               ], 2)
-            ], 10, _hoisted_2$C);
+            ], 10, _hoisted_2$B);
           }), 128))
         ], 2);
       }), 128))
@@ -12771,7 +12768,7 @@ const _sfc_main$1J = defineComponent({
         }
       }
       index = Number(index);
-      if (isNaN(index) || index !== Math.floor(index)) {
+      if (Number.isNaN(index) || index !== Math.floor(index)) {
         return;
       }
       const length = items.value.length;
@@ -12911,8 +12908,8 @@ const _sfc_main$1J = defineComponent({
     };
   }
 });
-const _hoisted_1$R = ["onMouseenter", "onClick"];
-const _hoisted_2$B = { key: 0 };
+const _hoisted_1$Q = ["onMouseenter", "onClick"];
+const _hoisted_2$A = { key: 0 };
 function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_arrow_left = resolveComponent("arrow-left");
   const _component_el_icon = resolveComponent("el-icon");
@@ -13001,9 +12998,9 @@ function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
           createElementVNode("button", {
             class: normalizeClass(_ctx.ns.e("button"))
           }, [
-            _ctx.hasLabel ? (openBlock(), createElementBlock("span", _hoisted_2$B, toDisplayString(item.label), 1)) : createCommentVNode("v-if", true)
+            _ctx.hasLabel ? (openBlock(), createElementBlock("span", _hoisted_2$A, toDisplayString(item.label), 1)) : createCommentVNode("v-if", true)
           ], 2)
-        ], 42, _hoisted_1$R);
+        ], 42, _hoisted_1$Q);
       }), 128))
     ], 2)) : createCommentVNode("v-if", true)
   ], 34);
@@ -13324,7 +13321,7 @@ const _sfc_main$1H = defineComponent({
   name: "ElCheckbox",
   props: {
     modelValue: {
-      type: [Boolean, Number, String],
+      type: [Number, String, Boolean],
       default: () => void 0
     },
     label: {
@@ -13369,10 +13366,10 @@ const _sfc_main$1H = defineComponent({
     };
   }
 });
-const _hoisted_1$Q = ["id", "aria-controls"];
-const _hoisted_2$A = ["tabindex", "role", "aria-checked"];
-const _hoisted_3$m = ["aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"];
-const _hoisted_4$e = ["aria-hidden", "disabled", "value", "name", "tabindex"];
+const _hoisted_1$P = ["id", "aria-controls"];
+const _hoisted_2$z = ["tabindex", "role", "aria-checked"];
+const _hoisted_3$k = ["aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"];
+const _hoisted_4$d = ["aria-hidden", "disabled", "value", "name", "tabindex"];
 function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("label", {
     id: _ctx.id,
@@ -13414,7 +13411,7 @@ function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
         onChange: _cache[1] || (_cache[1] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
         onFocus: _cache[2] || (_cache[2] = ($event) => _ctx.focus = true),
         onBlur: _cache[3] || (_cache[3] = ($event) => _ctx.focus = false)
-      }, null, 42, _hoisted_3$m)), [
+      }, null, 42, _hoisted_3$k)), [
         [vModelCheckbox, _ctx.model]
       ]) : withDirectives((openBlock(), createElementBlock("input", {
         key: 1,
@@ -13429,10 +13426,10 @@ function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
         onChange: _cache[5] || (_cache[5] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
         onFocus: _cache[6] || (_cache[6] = ($event) => _ctx.focus = true),
         onBlur: _cache[7] || (_cache[7] = ($event) => _ctx.focus = false)
-      }, null, 42, _hoisted_4$e)), [
+      }, null, 42, _hoisted_4$d)), [
         [vModelCheckbox, _ctx.model]
       ])
-    ], 10, _hoisted_2$A),
+    ], 10, _hoisted_2$z),
     _ctx.$slots.default || _ctx.label ? (openBlock(), createElementBlock("span", {
       key: 0,
       class: normalizeClass(_ctx.ns.e("label"))
@@ -13442,7 +13439,7 @@ function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
         createTextVNode(toDisplayString(_ctx.label), 1)
       ], 2112)) : createCommentVNode("v-if", true)
     ], 2)) : createCommentVNode("v-if", true)
-  ], 10, _hoisted_1$Q);
+  ], 10, _hoisted_1$P);
 }
 var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$1H, [["render", _sfc_render$1q]]);
 
@@ -13476,9 +13473,9 @@ const _sfc_main$1G = defineComponent({
     };
   }
 });
-const _hoisted_1$P = ["aria-checked", "aria-disabled"];
-const _hoisted_2$z = ["name", "tabindex", "disabled", "true-value", "false-value"];
-const _hoisted_3$l = ["name", "tabindex", "disabled", "value"];
+const _hoisted_1$O = ["aria-checked", "aria-disabled"];
+const _hoisted_2$y = ["name", "tabindex", "disabled", "true-value", "false-value"];
+const _hoisted_3$j = ["name", "tabindex", "disabled", "value"];
 function _sfc_render$1p(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("label", {
     class: normalizeClass([
@@ -13505,7 +13502,7 @@ function _sfc_render$1p(_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$z)), [
+    }, null, 42, _hoisted_2$y)), [
       [vModelCheckbox, _ctx.model]
     ]) : withDirectives((openBlock(), createElementBlock("input", {
       key: 1,
@@ -13519,7 +13516,7 @@ function _sfc_render$1p(_ctx, _cache, $props, $setup, $data, $options) {
       onChange: _cache[5] || (_cache[5] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
       onFocus: _cache[6] || (_cache[6] = ($event) => _ctx.focus = true),
       onBlur: _cache[7] || (_cache[7] = ($event) => _ctx.focus = false)
-    }, null, 42, _hoisted_3$l)), [
+    }, null, 42, _hoisted_3$j)), [
       [vModelCheckbox, _ctx.model]
     ]),
     _ctx.$slots.default || _ctx.label ? (openBlock(), createElementBlock("span", {
@@ -13531,7 +13528,7 @@ function _sfc_render$1p(_ctx, _cache, $props, $setup, $data, $options) {
         createTextVNode(toDisplayString(_ctx.label), 1)
       ])
     ], 6)) : createCommentVNode("v-if", true)
-  ], 10, _hoisted_1$P);
+  ], 10, _hoisted_1$O);
 }
 var CheckboxButton = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _sfc_render$1p]]);
 
@@ -13698,8 +13695,8 @@ const _sfc_main$1E = defineComponent({
     };
   }
 });
-const _hoisted_1$O = ["aria-checked", "aria-disabled", "tabindex"];
-const _hoisted_2$y = ["value", "name", "disabled"];
+const _hoisted_1$N = ["aria-checked", "aria-disabled", "tabindex"];
+const _hoisted_2$x = ["value", "name", "disabled"];
 function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("label", {
     class: normalizeClass([
@@ -13739,7 +13736,7 @@ function _sfc_render$1o(_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, 42, _hoisted_2$y), [
+      }, null, 42, _hoisted_2$x), [
         [vModelRadio, _ctx.modelValue]
       ])
     ], 2),
@@ -13752,7 +13749,7 @@ function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
         createTextVNode(toDisplayString(_ctx.label), 1)
       ])
     ], 34)
-  ], 42, _hoisted_1$O);
+  ], 42, _hoisted_1$N);
 }
 var Radio = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$1o]]);
 
@@ -13800,8 +13797,8 @@ const _sfc_main$1D = defineComponent({
     };
   }
 });
-const _hoisted_1$N = ["aria-checked", "aria-disabled", "tabindex"];
-const _hoisted_2$x = ["value", "name", "disabled"];
+const _hoisted_1$M = ["aria-checked", "aria-disabled", "tabindex"];
+const _hoisted_2$w = ["value", "name", "disabled"];
 function _sfc_render$1n(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("label", {
     class: normalizeClass([
@@ -13828,7 +13825,7 @@ function _sfc_render$1n(_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, 42, _hoisted_2$x), [
+    }, null, 42, _hoisted_2$w), [
       [vModelRadio, _ctx.modelValue]
     ]),
     createElementVNode("span", {
@@ -13841,7 +13838,7 @@ function _sfc_render$1n(_ctx, _cache, $props, $setup, $data, $options) {
         createTextVNode(toDisplayString(_ctx.label), 1)
       ])
     ], 38)
-  ], 42, _hoisted_1$N);
+  ], 42, _hoisted_1$M);
 }
 var RadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["render", _sfc_render$1n]]);
 
@@ -13944,11 +13941,18 @@ const ElRadioButton = withNoopInstall(RadioButton);
 
 var NodeContent$1 = defineComponent({
   name: "NodeContent",
+  setup() {
+    const ns = useNamespace("cascader-node");
+    return {
+      ns
+    };
+  },
   render() {
+    const { ns } = this;
     const { node, panel } = this.$parent;
     const { data, label } = node;
     const { renderLabelFn } = panel;
-    return h$1("span", { class: "el-cascader-node__label" }, renderLabelFn ? renderLabelFn({ node, data }) : label);
+    return h$1("span", { class: ns.e("label") }, renderLabelFn ? renderLabelFn({ node, data }) : label);
   }
 });
 
@@ -13980,6 +13984,7 @@ const _sfc_main$1B = defineComponent({
   emits: ["expand"],
   setup(props, { emit }) {
     const panel = inject(CASCADER_PANEL_INJECTION_KEY);
+    const ns = useNamespace("cascader-node");
     const isHoverMenu = computed(() => panel.isHoverMenu);
     const multiple = computed(() => panel.config.multiple);
     const checkStrictly = computed(() => panel.config.checkStrictly);
@@ -14064,6 +14069,7 @@ const _sfc_main$1B = defineComponent({
       expandable,
       inExpandingPath,
       inCheckedPath,
+      ns,
       handleHoverExpand,
       handleExpand,
       handleClick,
@@ -14072,8 +14078,8 @@ const _sfc_main$1B = defineComponent({
     };
   }
 });
-const _hoisted_1$M = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
-const _hoisted_2$w = /* @__PURE__ */ createElementVNode("span", null, null, -1);
+const _hoisted_1$L = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
+const _hoisted_2$v = /* @__PURE__ */ createElementVNode("span", null, null, -1);
 function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_checkbox = resolveComponent("el-checkbox");
   const _component_el_radio = resolveComponent("el-radio");
@@ -14090,12 +14096,12 @@ function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
     "aria-expanded": _ctx.inExpandingPath,
     tabindex: _ctx.expandable ? -1 : void 0,
     class: normalizeClass([
-      "el-cascader-node",
-      _ctx.checkStrictly && "is-selectable",
+      _ctx.ns.b(),
+      _ctx.ns.is("selectable", _ctx.checkStrictly),
+      _ctx.ns.is("active", _ctx.node.checked),
+      _ctx.ns.is("disabled", !_ctx.expandable),
       _ctx.inExpandingPath && "in-active-path",
-      _ctx.inCheckedPath && "in-checked-path",
-      _ctx.node.checked && "is-active",
-      !_ctx.expandable && "is-disabled"
+      _ctx.inCheckedPath && "in-checked-path"
     ]),
     onMouseenter: _cache[2] || (_cache[2] = (...args) => _ctx.handleHoverExpand && _ctx.handleHoverExpand(...args)),
     onFocus: _cache[3] || (_cache[3] = (...args) => _ctx.handleHoverExpand && _ctx.handleHoverExpand(...args)),
@@ -14121,41 +14127,41 @@ function _sfc_render$1l(_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$w
+        _hoisted_2$v
       ]),
       _: 1
     }, 8, ["model-value", "label", "disabled", "onUpdate:modelValue"])) : _ctx.isLeaf && _ctx.node.checked ? (openBlock(), createBlock(_component_el_icon, {
       key: 2,
-      class: "el-cascader-node__prefix"
+      class: normalizeClass(_ctx.ns.e("prefix"))
     }, {
       default: withCtx(() => [
         createVNode(_component_check)
       ]),
       _: 1
-    })) : createCommentVNode("v-if", true),
+    }, 8, ["class"])) : createCommentVNode("v-if", true),
     createCommentVNode(" content "),
     createVNode(_component_node_content),
     createCommentVNode(" postfix "),
     !_ctx.isLeaf ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
       _ctx.node.loading ? (openBlock(), createBlock(_component_el_icon, {
         key: 0,
-        class: "is-loading el-cascader-node__postfix"
+        class: normalizeClass([_ctx.ns.is("loading"), _ctx.ns.e("postfix")])
       }, {
         default: withCtx(() => [
           createVNode(_component_loading)
         ]),
         _: 1
-      })) : (openBlock(), createBlock(_component_el_icon, {
+      }, 8, ["class"])) : (openBlock(), createBlock(_component_el_icon, {
         key: 1,
-        class: "arrow-right el-cascader-node__postfix"
+        class: normalizeClass(["arrow-right", _ctx.ns.e("postfix")])
       }, {
         default: withCtx(() => [
           createVNode(_component_arrow_right)
         ]),
         _: 1
-      }))
+      }, 8, ["class"]))
     ], 2112)) : createCommentVNode("v-if", true)
-  ], 42, _hoisted_1$M);
+  ], 42, _hoisted_1$L);
 }
 var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["render", _sfc_render$1l]]);
 
@@ -14179,6 +14185,7 @@ const _sfc_main$1A = defineComponent({
   },
   setup(props) {
     const instance = getCurrentInstance();
+    const ns = useNamespace("cascader-menu");
     const { t } = useLocale();
     const id = generateId();
     let activeNode = null;
@@ -14223,6 +14230,7 @@ const _sfc_main$1A = defineComponent({
       clearHoverTimer();
     };
     return {
+      ns,
       panel,
       hoverZone,
       isEmpty,
@@ -14235,19 +14243,6 @@ const _sfc_main$1A = defineComponent({
     };
   }
 });
-const _hoisted_1$L = {
-  key: 0,
-  class: "el-cascader-menu__empty-text"
-};
-const _hoisted_2$v = {
-  key: 1,
-  class: "el-cascader-menu__empty-text"
-};
-const _hoisted_3$k = {
-  key: 2,
-  ref: "hoverZone",
-  class: "el-cascader-menu__hover-zone"
-};
 function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_cascader_node = resolveComponent("el-cascader-node");
   const _component_loading = resolveComponent("loading");
@@ -14257,9 +14252,9 @@ function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
     key: _ctx.menuId,
     tag: "ul",
     role: "menu",
-    class: "el-cascader-menu",
-    "wrap-class": "el-cascader-menu__wrap",
-    "view-class": ["el-cascader-menu__list", _ctx.isEmpty && "is-empty"],
+    class: normalizeClass(_ctx.ns.b()),
+    "wrap-class": _ctx.ns.e("wrap"),
+    "view-class": [_ctx.ns.e("list"), _ctx.ns.is("empty", _ctx.isEmpty)],
     onMousemove: _ctx.handleMouseMove,
     onMouseleave: _ctx.clearHoverZone
   }, {
@@ -14274,22 +14269,32 @@ function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
             onExpand: _ctx.handleExpand
           }, null, 8, ["node", "menu-id", "onExpand"]);
         }), 128)),
-        _ctx.isLoading ? (openBlock(), createElementBlock("div", _hoisted_1$L, [
+        _ctx.isLoading ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(_ctx.ns.e("empty-text"))
+        }, [
           createVNode(_component_el_icon, {
             size: "14",
-            class: "is-loading"
+            class: normalizeClass(_ctx.ns.is("loading"))
           }, {
             default: withCtx(() => [
               createVNode(_component_loading)
             ]),
             _: 1
-          }),
+          }, 8, ["class"]),
           createTextVNode(" " + toDisplayString(_ctx.t("el.cascader.loading")), 1)
-        ])) : _ctx.isEmpty ? (openBlock(), createElementBlock("div", _hoisted_2$v, toDisplayString(_ctx.t("el.cascader.noData")), 1)) : ((_a = _ctx.panel) == null ? void 0 : _a.isHoverMenu) ? (openBlock(), createElementBlock("svg", _hoisted_3$k, null, 512)) : createCommentVNode("v-if", true)
+        ], 2)) : _ctx.isEmpty ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: normalizeClass(_ctx.ns.e("empty-text"))
+        }, toDisplayString(_ctx.t("el.cascader.noData")), 3)) : ((_a = _ctx.panel) == null ? void 0 : _a.isHoverMenu) ? (openBlock(), createElementBlock("svg", {
+          key: 2,
+          ref: "hoverZone",
+          class: normalizeClass(_ctx.ns.e("hover-zone"))
+        }, null, 2)) : createCommentVNode("v-if", true)
       ];
     }),
     _: 1
-  }, 8, ["view-class", "onMousemove", "onMouseleave"]);
+  }, 8, ["class", "wrap-class", "view-class", "onMousemove", "onMouseleave"]);
 }
 var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1A, [["render", _sfc_render$1k]]);
 
@@ -14451,14 +14456,14 @@ class Store {
   getNodeByValue(value, leafOnly = false) {
     if (!value && value !== 0)
       return null;
-    const nodes = this.getFlattedNodes(leafOnly).filter((node) => isEqual$1(node.value, value) || isEqual$1(node.pathValues, value));
-    return nodes[0] || null;
+    const node = this.getFlattedNodes(leafOnly).find((node2) => isEqual$1(node2.value, value) || isEqual$1(node2.pathValues, value));
+    return node || null;
   }
   getSameNode(node) {
     if (!node)
       return null;
-    const nodes = this.getFlattedNodes(false).filter(({ value, level }) => isEqual$1(node.value, value) && node.level === level);
-    return nodes[0] || null;
+    const node_ = this.getFlattedNodes(false).find(({ value, level }) => isEqual$1(node.value, value) && node.level === level);
+    return node_ || null;
   }
 }
 
@@ -14542,6 +14547,7 @@ const _sfc_main$1z = defineComponent({
   emits: [UPDATE_MODEL_EVENT, CHANGE_EVENT, "close", "expand-change"],
   setup(props, { emit, slots }) {
     let manualChecked = false;
+    const ns = useNamespace("cascader");
     const config = useCascaderConfig(props);
     let store = null;
     const initialLoaded = ref(true);
@@ -14687,8 +14693,8 @@ const _sfc_main$1z = defineComponent({
       menuList.value.forEach((menu) => {
         const menuElement = menu == null ? void 0 : menu.$el;
         if (menuElement) {
-          const container = menuElement.querySelector(".el-scrollbar__wrap");
-          const activeNode = menuElement.querySelector(".el-cascader-node.is-active") || menuElement.querySelector(".el-cascader-node.in-active-path");
+          const container = menuElement.querySelector(`.${ns.namespace.value}scrollbar__wrap`);
+          const activeNode = menuElement.querySelector(`.${ns.b("node")}.${ns.is("active")}`) || menuElement.querySelector(`.${ns.b("node")}.in-active-path`);
           scrollIntoView(container, activeNode);
         }
       });
@@ -14701,20 +14707,20 @@ const _sfc_main$1z = defineComponent({
         case EVENT_CODE.down: {
           e.preventDefault();
           const distance = code === EVENT_CODE.up ? -1 : 1;
-          focusNode(getSibling(target, distance, '.el-cascader-node[tabindex="-1"]'));
+          focusNode(getSibling(target, distance, `.${ns.b("node")}[tabindex="-1"]`));
           break;
         }
         case EVENT_CODE.left: {
           e.preventDefault();
           const preMenu = menuList.value[getMenuIndex(target) - 1];
-          const expandedNode = preMenu == null ? void 0 : preMenu.$el.querySelector('.el-cascader-node[aria-expanded="true"]');
+          const expandedNode = preMenu == null ? void 0 : preMenu.$el.querySelector(`.${ns.b("node")}[aria-expanded="true"]`);
           focusNode(expandedNode);
           break;
         }
         case EVENT_CODE.right: {
           e.preventDefault();
           const nextMenu = menuList.value[getMenuIndex(target) + 1];
-          const firstNode = nextMenu == null ? void 0 : nextMenu.$el.querySelector('.el-cascader-node[tabindex="-1"]');
+          const firstNode = nextMenu == null ? void 0 : nextMenu.$el.querySelector(`.${ns.b("node")}[tabindex="-1"]`);
           focusNode(firstNode);
           break;
         }
@@ -14755,6 +14761,7 @@ const _sfc_main$1z = defineComponent({
     onBeforeUpdate(() => menuList.value = []);
     onMounted(() => !isEmpty(props.modelValue) && syncCheckedValue());
     return {
+      ns,
       menuList,
       menus,
       checkedNodes,
@@ -14771,7 +14778,7 @@ const _sfc_main$1z = defineComponent({
 function _sfc_render$1j(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_cascader_menu = resolveComponent("el-cascader-menu");
   return openBlock(), createElementBlock("div", {
-    class: normalizeClass(["el-cascader-panel", _ctx.border && "is-bordered"]),
+    class: normalizeClass([_ctx.ns.b("panel"), _ctx.ns.is("bordered", _ctx.border)]),
     onKeydown: _cache[0] || (_cache[0] = (...args) => _ctx.handleKeyDown && _ctx.handleKeyDown(...args))
   }, [
     (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menus, (menu, index) => {
@@ -15003,6 +15010,8 @@ const _sfc_main$1x = defineComponent({
     let inputInitialHeight = 0;
     let pressDeleteCount = 0;
     const { compatTeleported } = useDeprecateAppendToBody(COMPONENT_NAME$c, "popperAppendToBody");
+    const nsCascader = useNamespace("cascader");
+    const nsInput = useNamespace("input");
     const { t } = useLocale();
     const elForm = inject(formContextKey, {});
     const elFormItem = inject(formItemContextKey, {});
@@ -15145,9 +15154,9 @@ const _sfc_main$1x = defineComponent({
       var _a;
       let firstNode;
       if (filtering.value && suggestionPanel.value) {
-        firstNode = suggestionPanel.value.$el.querySelector(".el-cascader__suggestion-item");
+        firstNode = suggestionPanel.value.$el.querySelector(`.${nsCascader.e("suggestion-item")}`);
       } else {
-        firstNode = (_a = panel.value) == null ? void 0 : _a.$el.querySelector('.el-cascader-node[tabindex="-1"]');
+        firstNode = (_a = panel.value) == null ? void 0 : _a.$el.querySelector(`.${nsCascader.b("node")}[tabindex="-1"]`);
       }
       if (firstNode) {
         firstNode.focus();
@@ -15162,7 +15171,7 @@ const _sfc_main$1x = defineComponent({
       if (!isClient || !inputInner)
         return;
       if (suggestionPanelEl) {
-        const suggestionList = suggestionPanelEl.querySelector(".el-cascader__suggestion-list");
+        const suggestionList = suggestionPanelEl.querySelector(`.${nsCascader.e("suggestion-list")}`);
         suggestionList.style.minWidth = `${inputInner.offsetWidth}px`;
       }
       if (tagWrapperEl) {
@@ -15231,7 +15240,7 @@ const _sfc_main$1x = defineComponent({
         case EVENT_CODE.up:
         case EVENT_CODE.down: {
           const distance = code === EVENT_CODE.up ? -1 : 1;
-          focusNode(getSibling(target, distance, '.el-cascader__suggestion-item[tabindex="-1"]'));
+          focusNode(getSibling(target, distance, `.${nsCascader.e("suggestion-item")}[tabindex="-1"]`));
           break;
         }
         case EVENT_CODE.enter:
@@ -15317,6 +15326,8 @@ const _sfc_main$1x = defineComponent({
       readonly,
       clearBtnVisible,
       compatTeleported,
+      nsCascader,
+      nsInput,
       t,
       togglePopperVisible,
       hideSuggestionPanel,
@@ -15334,14 +15345,8 @@ const _sfc_main$1x = defineComponent({
     };
   }
 });
-const _hoisted_1$K = {
-  key: 0,
-  ref: "tagWrapper",
-  class: "el-cascader__tags"
-};
-const _hoisted_2$u = ["placeholder"];
-const _hoisted_3$j = ["onClick"];
-const _hoisted_4$d = { class: "el-cascader__empty-text" };
+const _hoisted_1$K = ["placeholder"];
+const _hoisted_2$u = ["onClick"];
 function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_circle_close = resolveComponent("circle-close");
   const _component_el_icon = resolveComponent("el-icon");
@@ -15358,7 +15363,7 @@ function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
     visible: _ctx.popperVisible,
     "onUpdate:visible": _cache[17] || (_cache[17] = ($event) => _ctx.popperVisible = $event),
     teleported: _ctx.compatTeleported,
-    "popper-class": `el-cascader__dropdown ${_ctx.popperClass}`,
+    "popper-class": [_ctx.nsCascader.e("dropdown"), _ctx.popperClass],
     "popper-options": _ctx.popperOptions,
     "fallback-placements": [
       "bottom-start",
@@ -15371,7 +15376,7 @@ function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
     "stop-popper-mouse-event": false,
     "gpu-acceleration": false,
     placement: "bottom-start",
-    transition: "el-zoom-in-top",
+    transition: `${_ctx.nsCascader.namespace.value}-zoom-in-top`,
     effect: "light",
     pure: "",
     persistent: "",
@@ -15380,9 +15385,9 @@ function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(() => [
       withDirectives((openBlock(), createElementBlock("div", {
         class: normalizeClass([
-          "el-cascader",
-          _ctx.realSize && `el-cascader--${_ctx.realSize}`,
-          { "is-disabled": _ctx.isDisabled },
+          _ctx.nsCascader.b(),
+          _ctx.nsCascader.m(_ctx.realSize),
+          _ctx.nsCascader.is("disabled", _ctx.isDisabled),
           _ctx.$attrs.class
         ]),
         style: normalizeStyle(_ctx.$attrs.style),
@@ -15400,7 +15405,7 @@ function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
           disabled: _ctx.isDisabled,
           "validate-event": false,
           size: _ctx.realSize,
-          class: normalizeClass({ "is-focus": _ctx.popperVisible }),
+          class: normalizeClass(_ctx.nsCascader.is("focus", _ctx.popperVisible)),
           onCompositionstart: _ctx.handleComposition,
           onCompositionupdate: _ctx.handleComposition,
           onCompositionend: _ctx.handleComposition,
@@ -15411,19 +15416,19 @@ function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
           suffix: withCtx(() => [
             _ctx.clearBtnVisible ? (openBlock(), createBlock(_component_el_icon, {
               key: "clear",
-              class: "el-input__icon icon-circle-close",
+              class: normalizeClass([_ctx.nsInput.e("icon"), "icon-circle-close"]),
               onClick: withModifiers(_ctx.handleClear, ["stop"])
             }, {
               default: withCtx(() => [
                 createVNode(_component_circle_close)
               ]),
               _: 1
-            }, 8, ["onClick"])) : (openBlock(), createBlock(_component_el_icon, {
+            }, 8, ["class", "onClick"])) : (openBlock(), createBlock(_component_el_icon, {
               key: "arrow-down",
               class: normalizeClass([
-                "el-input__icon",
+                _ctx.nsInput.e("icon"),
                 "icon-arrow-down",
-                _ctx.popperVisible && "is-reverse"
+                _ctx.nsCascader.is("reverse", _ctx.popperVisible)
               ]),
               onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.togglePopperVisible(), ["stop"]))
             }, {
@@ -15435,7 +15440,11 @@ function _sfc_render$1i(_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$K, [
+        _ctx.multiple ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          ref: "tagWrapper",
+          class: normalizeClass(_ctx.nsCascader.e("tags"))
+        }, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.presentTags, (tag) => {
             return openBlock(), createBlock(_component_el_tag, {
               key: tag.key,
@@ -15456,7 +15465,7 @@ function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
             key: 0,
             "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.searchInputValue = $event),
             type: "text",
-            class: "el-cascader__search-input",
+            class: normalizeClass(_ctx.nsCascader.e("search-input")),
             placeholder: _ctx.presentText ? "" : _ctx.inputPlaceholder,
             onInput: _cache[5] || (_cache[5] = (e) => _ctx.handleInput(_ctx.searchInputValue, e)),
             onClick: _cache[6] || (_cache[6] = withModifiers(($event) => _ctx.togglePopperVisible(true), ["stop"])),
@@ -15464,10 +15473,10 @@ function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
             onCompositionstart: _cache[8] || (_cache[8] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args)),
             onCompositionupdate: _cache[9] || (_cache[9] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args)),
             onCompositionend: _cache[10] || (_cache[10] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args))
-          }, null, 40, _hoisted_2$u)), [
+          }, null, 42, _hoisted_1$K)), [
             [vModelText, _ctx.searchInputValue]
           ]) : createCommentVNode("v-if", true)
-        ], 512)) : createCommentVNode("v-if", true)
+        ], 2)) : createCommentVNode("v-if", true)
       ], 38)), [
         [_directive_clickoutside, () => _ctx.togglePopperVisible(false), _ctx.popperPaneRef]
       ])
@@ -15490,8 +15499,8 @@ function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
         key: 0,
         ref: "suggestionPanel",
         tag: "ul",
-        class: "el-cascader__suggestion-panel",
-        "view-class": "el-cascader__suggestion-list",
+        class: normalizeClass(_ctx.nsCascader.e("suggestion-panel")),
+        "view-class": _ctx.nsCascader.e("suggestion-list"),
         onKeydown: _ctx.handleSuggestionKeyDown
       }, {
         default: withCtx(() => [
@@ -15499,8 +15508,8 @@ function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
             return openBlock(), createElementBlock("li", {
               key: item.uid,
               class: normalizeClass([
-                "el-cascader__suggestion-item",
-                item.checked && "is-checked"
+                _ctx.nsCascader.e("suggestion-item"),
+                _ctx.nsCascader.is("checked", item.checked)
               ]),
               tabindex: -1,
               onClick: ($event) => _ctx.handleSuggestionClick(item)
@@ -15512,18 +15521,20 @@ function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
                 ]),
                 _: 1
               })) : createCommentVNode("v-if", true)
-            ], 10, _hoisted_3$j);
+            ], 10, _hoisted_2$u);
           }), 128)) : renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
-            createElementVNode("li", _hoisted_4$d, toDisplayString(_ctx.t("el.cascader.noMatch")), 1)
+            createElementVNode("li", {
+              class: normalizeClass(_ctx.nsCascader.e("empty-text"))
+            }, toDisplayString(_ctx.t("el.cascader.noMatch")), 3)
           ])
         ]),
         _: 3
-      }, 8, ["onKeydown"])), [
+      }, 8, ["class", "view-class", "onKeydown"])), [
         [vShow, _ctx.filtering]
       ]) : createCommentVNode("v-if", true)
     ]),
     _: 3
-  }, 8, ["visible", "teleported", "popper-class", "popper-options", "onHide"]);
+  }, 8, ["visible", "teleported", "popper-class", "popper-options", "transition", "onHide"]);
 }
 var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["render", _sfc_render$1i]]);
 
@@ -15623,10 +15634,8 @@ var Col = defineComponent({
   }) {
     const {
       gutter
-    } = inject("ElRow", {
-      gutter: {
-        value: 0
-      }
+    } = inject(rowContextKey, {
+      gutter: computed(() => 0)
     });
     const ns = useNamespace("col");
     const style = computed(() => {
@@ -15833,7 +15842,7 @@ const collapseItemProps = buildProps({
 });
 
 const _hoisted_1$J = ["aria-expanded", "aria-controls", "aria-describedby"];
-const _hoisted_2$t = ["id", "tabindex", "onKeyup"];
+const _hoisted_2$t = ["id", "tabindex", "onKeypress"];
 const _hoisted_3$i = ["id", "aria-hidden", "aria-labelledby"];
 const __default__$9 = {
   name: "ElCollapseItem"
@@ -15895,7 +15904,7 @@ const _sfc_main$1t = /* @__PURE__ */ defineComponent({
             role: "button",
             tabindex: _ctx.disabled ? -1 : 0,
             onClick: handleHeaderClick,
-            onKeyup: withKeys(withModifiers(handleEnterClick, ["stop"]), ["space", "enter"]),
+            onKeypress: withKeys(withModifiers(handleEnterClick, ["stop", "prevent"]), ["space", "enter"]),
             onFocus: handleFocus,
             onBlur: _cache[0] || (_cache[0] = ($event) => focusing.value = false)
           }, [
@@ -16230,23 +16239,23 @@ const hsv2hsl = function(hue, sat, val) {
   ];
 };
 const isOnePointZero = function(n) {
-  return typeof n === "string" && n.indexOf(".") !== -1 && parseFloat(n) === 1;
+  return typeof n === "string" && n.includes(".") && Number.parseFloat(n) === 1;
 };
 const isPercentage = function(n) {
-  return typeof n === "string" && n.indexOf("%") !== -1;
+  return typeof n === "string" && n.includes("%");
 };
 const bound01 = function(value, max) {
   if (isOnePointZero(value))
     value = "100%";
   const processPercent = isPercentage(value);
-  value = Math.min(max, Math.max(0, parseFloat(`${value}`)));
+  value = Math.min(max, Math.max(0, Number.parseFloat(`${value}`)));
   if (processPercent) {
-    value = parseInt(`${value * max}`, 10) / 100;
+    value = Number.parseInt(`${value * max}`, 10) / 100;
   }
   if (Math.abs(value - max) < 1e-6) {
     return 1;
   }
-  return value % max / parseFloat(max);
+  return value % max / Number.parseFloat(max);
 };
 const INT_HEX_MAP = { 10: "A", 11: "B", 12: "C", 13: "D", 14: "E", 15: "F" };
 const hexOne = function(value) {
@@ -16256,7 +16265,7 @@ const hexOne = function(value) {
   return `${INT_HEX_MAP[high] || high}${INT_HEX_MAP[low] || low}`;
 };
 const toHex = function({ r, g, b }) {
-  if (isNaN(r) || isNaN(g) || isNaN(b))
+  if (Number.isNaN(+r) || Number.isNaN(+g) || Number.isNaN(+b))
     return "";
   return `#${hexOne(r)}${hexOne(g)}${hexOne(b)}`;
 };
@@ -16389,10 +16398,10 @@ class Color {
       this._value = Math.max(0, Math.min(100, v));
       this.doOnChange();
     };
-    if (value.indexOf("hsl") !== -1) {
-      const parts = value.replace(/hsla|hsl|\(|\)/gm, "").split(/\s|,/g).filter((val) => val !== "").map((val, index) => index > 2 ? parseFloat(val) : parseInt(val, 10));
+    if (value.includes("hsl")) {
+      const parts = value.replace(/hsla|hsl|\(|\)/gm, "").split(/\s|,/g).filter((val) => val !== "").map((val, index) => index > 2 ? Number.parseFloat(val) : Number.parseInt(val, 10));
       if (parts.length === 4) {
-        this._alpha = parseFloat(parts[3]) * 100;
+        this._alpha = Number.parseFloat(parts[3]) * 100;
       } else if (parts.length === 3) {
         this._alpha = 100;
       }
@@ -16400,20 +16409,20 @@ class Color {
         const { h, s, v } = hsl2hsv(parts[0], parts[1], parts[2]);
         fromHSV(h, s, v);
       }
-    } else if (value.indexOf("hsv") !== -1) {
-      const parts = value.replace(/hsva|hsv|\(|\)/gm, "").split(/\s|,/g).filter((val) => val !== "").map((val, index) => index > 2 ? parseFloat(val) : parseInt(val, 10));
+    } else if (value.includes("hsv")) {
+      const parts = value.replace(/hsva|hsv|\(|\)/gm, "").split(/\s|,/g).filter((val) => val !== "").map((val, index) => index > 2 ? Number.parseFloat(val) : Number.parseInt(val, 10));
       if (parts.length === 4) {
-        this._alpha = parseFloat(parts[3]) * 100;
+        this._alpha = Number.parseFloat(parts[3]) * 100;
       } else if (parts.length === 3) {
         this._alpha = 100;
       }
       if (parts.length >= 3) {
         fromHSV(parts[0], parts[1], parts[2]);
       }
-    } else if (value.indexOf("rgb") !== -1) {
-      const parts = value.replace(/rgba|rgb|\(|\)/gm, "").split(/\s|,/g).filter((val) => val !== "").map((val, index) => index > 2 ? parseFloat(val) : parseInt(val, 10));
+    } else if (value.includes("rgb")) {
+      const parts = value.replace(/rgba|rgb|\(|\)/gm, "").split(/\s|,/g).filter((val) => val !== "").map((val, index) => index > 2 ? Number.parseFloat(val) : Number.parseInt(val, 10));
       if (parts.length === 4) {
-        this._alpha = parseFloat(parts[3]) * 100;
+        this._alpha = Number.parseFloat(parts[3]) * 100;
       } else if (parts.length === 3) {
         this._alpha = 100;
       }
@@ -16421,7 +16430,7 @@ class Color {
         const { h, s, v } = rgb2hsv(parts[0], parts[1], parts[2]);
         fromHSV(h, s, v);
       }
-    } else if (value.indexOf("#") !== -1) {
+    } else if (value.includes("#")) {
       const hex = value.replace("#", "").trim();
       if (!/^[0-9a-fA-F]{3}$|^[0-9a-fA-F]{6}$|^[0-9a-fA-F]{8}$/.test(hex))
         return;
@@ -16431,12 +16440,12 @@ class Color {
         g = parseHexChannel(hex[1] + hex[1]);
         b = parseHexChannel(hex[2] + hex[2]);
       } else if (hex.length === 6 || hex.length === 8) {
-        r = parseHexChannel(hex.substring(0, 2));
-        g = parseHexChannel(hex.substring(2, 4));
-        b = parseHexChannel(hex.substring(4, 6));
+        r = parseHexChannel(hex.slice(0, 2));
+        g = parseHexChannel(hex.slice(2, 4));
+        b = parseHexChannel(hex.slice(4, 6));
       }
       if (hex.length === 8) {
-        this._alpha = parseHexChannel(hex.substring(6)) / 255 * 100;
+        this._alpha = parseHexChannel(hex.slice(6)) / 255 * 100;
       } else if (hex.length === 3 || hex.length === 6) {
         this._alpha = 100;
       }
@@ -16727,7 +16736,7 @@ const _sfc_main$1o = defineComponent({
     });
     function displayedRgb(color2, showAlpha) {
       if (!(color2 instanceof Color)) {
-        throw Error("color should be instance of _color Class");
+        throw new TypeError("color should be instance of _color Class");
       }
       const { r, g, b } = color2.toRgb();
       return showAlpha ? `rgba(${r}, ${g}, ${b}, ${color2.get("alpha") / 100})` : `rgb(${r}, ${g}, ${b})`;
@@ -17616,7 +17625,7 @@ const _sfc_main$1i = defineComponent({
       if (cell.type === "next-month") {
         newDate = newDate.add(1, "month");
       }
-      newDate = newDate.date(parseInt(cell.text, 10));
+      newDate = newDate.date(Number.parseInt(cell.text, 10));
       if (props.parsedValue && !Array.isArray(props.parsedValue)) {
         const dayOffset = (props.parsedValue.day() - firstDayOfWeek + 7) % 7 - 1;
         const weekDate = props.parsedValue.subtract(dayOffset, "day");
@@ -23448,7 +23457,7 @@ var FormLabelWrap = defineComponent({
       var _a;
       if ((_a = el.value) == null ? void 0 : _a.firstElementChild) {
         const width = window.getComputedStyle(el.value.firstElementChild).width;
-        return Math.ceil(parseFloat(width));
+        return Math.ceil(Number.parseFloat(width));
       } else {
         return 0;
       }
@@ -23492,7 +23501,7 @@ var FormLabelWrap = defineComponent({
         const autoLabelWidth = formContext.autoLabelWidth;
         const style = {};
         if (autoLabelWidth && autoLabelWidth !== "auto") {
-          const marginWidth = Math.max(0, parseInt(autoLabelWidth, 10) - computedWidth.value);
+          const marginWidth = Math.max(0, Number.parseInt(autoLabelWidth, 10) - computedWidth.value);
           const marginPosition = formContext.labelPosition === "left" ? "marginRight" : "marginLeft";
           if (marginWidth) {
             style[marginPosition] = `${marginWidth}px`;
@@ -23983,12 +23992,12 @@ const _sfc_main$U = defineComponent({
       switch (action) {
         case "zoomOut":
           if (transform.value.scale > 0.2) {
-            transform.value.scale = parseFloat((transform.value.scale / zoomRate).toFixed(3));
+            transform.value.scale = Number.parseFloat((transform.value.scale / zoomRate).toFixed(3));
           }
           break;
         case "zoomIn":
           if (transform.value.scale < 7) {
-            transform.value.scale = parseFloat((transform.value.scale * zoomRate).toFixed(3));
+            transform.value.scale = Number.parseFloat((transform.value.scale * zoomRate).toFixed(3));
           }
           break;
         case "clockwise":
@@ -24490,11 +24499,11 @@ const inputNumberProps = buildProps({
   },
   max: {
     type: Number,
-    default: Infinity
+    default: Number.POSITIVE_INFINITY
   },
   min: {
     type: Number,
-    default: -Infinity
+    default: Number.NEGATIVE_INFINITY
   },
   modelValue: {
     type: Number
@@ -24521,7 +24530,7 @@ const inputNumberProps = buildProps({
   placeholder: String,
   precision: {
     type: Number,
-    validator: (val) => val >= 0 && val === parseInt(`${val}`, 10)
+    validator: (val) => val >= 0 && val === Number.parseInt(`${val}`, 10)
   }
 });
 const inputNumberEmits = {
@@ -24588,7 +24597,7 @@ const _sfc_main$S = defineComponent({
     const toPrecision = (num, pre) => {
       if (pre === void 0)
         pre = numPrecision.value;
-      return parseFloat(`${Math.round(num * Math.pow(10, pre)) / Math.pow(10, pre)}`);
+      return Number.parseFloat(`${Math.round(num * 10 ** pre) / 10 ** pre}`);
     };
     const getPrecision = (value) => {
       if (value === void 0)
@@ -24604,15 +24613,15 @@ const _sfc_main$S = defineComponent({
     const _increase = (val) => {
       if (!isNumber(val))
         return data.currentValue;
-      const precisionFactor = Math.pow(10, numPrecision.value);
-      val = isNumber(val) ? val : NaN;
+      const precisionFactor = 10 ** numPrecision.value;
+      val = isNumber(val) ? val : Number.NaN;
       return toPrecision((precisionFactor * val + precisionFactor * props.step) / precisionFactor);
     };
     const _decrease = (val) => {
       if (!isNumber(val))
         return data.currentValue;
-      const precisionFactor = Math.pow(10, numPrecision.value);
-      val = isNumber(val) ? val : NaN;
+      const precisionFactor = 10 ** numPrecision.value;
+      val = isNumber(val) ? val : Number.NaN;
       return toPrecision((precisionFactor * val - precisionFactor * props.step) / precisionFactor);
     };
     const increase = () => {
@@ -24682,10 +24691,10 @@ const _sfc_main$S = defineComponent({
       if (value === null) {
         newVal = Number.NaN;
       }
-      if (!isNaN(newVal)) {
+      if (!Number.isNaN(newVal)) {
         if (props.stepStrictly) {
           const stepPrecision = getPrecision(props.step);
-          const precisionFactor = Math.pow(10, stepPrecision);
+          const precisionFactor = 10 ** stepPrecision;
           newVal = Math.round(newVal / props.step) * precisionFactor * props.step / precisionFactor;
         }
         if (props.precision !== void 0) {
@@ -24713,7 +24722,7 @@ const _sfc_main$S = defineComponent({
       innerInput.setAttribute("aria-disabled", String(inputNumberDisabled.value));
       if (!isNumber(props.modelValue)) {
         let val = Number(props.modelValue);
-        if (isNaN(val)) {
+        if (Number.isNaN(val)) {
           val = void 0;
         }
         emit("update:modelValue", val);
@@ -25007,7 +25016,7 @@ class Menu$1 {
   }
   init() {
     const menuChildren = this.domNode.childNodes;
-    Array.from(menuChildren, (child) => {
+    Array.from(menuChildren).forEach((child) => {
       if (child.nodeType === 1) {
         new MenuItem$2(child);
       }
@@ -25628,8 +25637,8 @@ var Menu = defineComponent({
         const items2 = Array.from((_d = (_c = menu.value) == null ? void 0 : _c.childNodes) != null ? _d : []).filter((item) => item.nodeName !== "#text" || item.nodeValue);
         const originalSlot = flattedChildren(slot);
         const moreItemWidth = 64;
-        const paddingLeft = parseInt(getComputedStyle(menu.value).paddingLeft, 10);
-        const paddingRight = parseInt(getComputedStyle(menu.value).paddingRight, 10);
+        const paddingLeft = Number.parseInt(getComputedStyle(menu.value).paddingLeft, 10);
+        const paddingRight = Number.parseInt(getComputedStyle(menu.value).paddingRight, 10);
         const menuWidth = menu.value.clientWidth - paddingLeft - paddingRight;
         let calcWidth = 0;
         let sliceIndex = 0;
@@ -26042,7 +26051,7 @@ function useOption$1(props, states) {
   const instance = getCurrentInstance();
   const contains = (arr = [], target) => {
     if (!isObject.value) {
-      return arr && arr.indexOf(target) > -1;
+      return arr && arr.includes(target);
     } else {
       const valueKey = select.props.valueKey;
       return arr && arr.some((item) => {
@@ -26299,7 +26308,7 @@ const useSelect$2 = (props, states, ctx) => {
     return props.filterable && props.allowCreate && states.query !== "" && !hasExistingOption;
   });
   const selectSize = useSize();
-  const collapseTagSize = computed(() => ["small"].indexOf(selectSize.value) > -1 ? "small" : "default");
+  const collapseTagSize = computed(() => ["small"].includes(selectSize.value) ? "small" : "default");
   const dropMenuVisible = computed({
     get() {
       return states.visible && emptyText.value !== false;
@@ -26379,7 +26388,7 @@ const useSelect$2 = (props, states, ctx) => {
           (_c = input.value) == null ? void 0 : _c.focus();
         } else {
           if (states.selectedLabel) {
-            states.currentPlaceholder = states.selectedLabel;
+            states.currentPlaceholder = `${states.selectedLabel}`;
             states.selectedLabel = "";
           }
         }
@@ -26402,7 +26411,7 @@ const useSelect$2 = (props, states, ctx) => {
       resetInputHeight();
     }
     const inputs = ((_c = selectWrapper.value) == null ? void 0 : _c.querySelectorAll("input")) || [];
-    if (Array.from(inputs).indexOf(document.activeElement) === -1) {
+    if (!Array.from(inputs).includes(document.activeElement)) {
       setSelected();
     }
     if (props.defaultFirstOption && (props.filterable || props.remote) && states.filteredOptionsCount) {
@@ -26427,11 +26436,11 @@ const useSelect$2 = (props, states, ctx) => {
       if (!reference.value)
         return;
       const inputChildNodes = reference.value.$el.childNodes;
-      const input2 = Array.from(inputChildNodes).filter((item) => item.tagName === "INPUT")[0];
+      const input2 = Array.from(inputChildNodes).find((item) => item.tagName === "INPUT");
       const _tags = tags.value;
       const sizeInMap = states.initialInputHeight || 40;
       input2.style.height = states.selected.length === 0 ? `${sizeInMap}px` : `${Math.max(_tags ? _tags.clientHeight + (_tags.clientHeight > sizeInMap ? 6 : 0) : 0, sizeInMap)}px`;
-      states.tagInMultiLine = parseFloat(input2.style.height) >= sizeInMap;
+      states.tagInMultiLine = Number.parseFloat(input2.style.height) >= sizeInMap;
       if (states.visible && emptyText.value !== false) {
         (_b = (_a = tooltipRef.value) == null ? void 0 : _a.updatePopper) == null ? void 0 : _b.call(_a);
       }
@@ -26482,7 +26491,7 @@ const useSelect$2 = (props, states, ctx) => {
   };
   const checkDefaultFirstOption = () => {
     const optionsInDropdown = optionsArray.value.filter((n) => n.visible && !n.disabled && !n.states.groupDisabled);
-    const userCreatedOption = optionsInDropdown.filter((n) => n.created)[0];
+    const userCreatedOption = optionsInDropdown.find((n) => n.created);
     const firstOriginOption = optionsInDropdown[0];
     states.hoverIndex = getValueIndex(optionsArray.value, userCreatedOption || firstOriginOption);
   };
@@ -27110,7 +27119,7 @@ const _sfc_main$I = defineComponent({
         }
         if (ctx.slots.prefix) {
           const inputChildNodes = reference.value.$el.childNodes;
-          const input2 = Array.from(inputChildNodes).filter((item) => item.tagName === "INPUT")[0];
+          const input2 = Array.from(inputChildNodes).find((item) => item.tagName === "INPUT");
           const prefix = reference.value.$el.querySelector(`.${nsInput.e("prefix")}`);
           prefixWidth.value = Math.max(prefix.getBoundingClientRect().width + 5, 30);
           if (states.prefixWidth) {
@@ -27244,9 +27253,10 @@ function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
           }, [
             _ctx.collapseTags && _ctx.selected.length ? (openBlock(), createElementBlock("span", {
               key: 0,
-              style: normalizeStyle({
-                marginLeft: _ctx.prefixWidth && _ctx.selected.length ? `${_ctx.prefixWidth}px` : ""
-              })
+              class: normalizeClass([
+                _ctx.nsSelect.b("tags-wrapper"),
+                { "has-prefix": _ctx.prefixWidth && _ctx.selected.length }
+              ])
             }, [
               createVNode(_component_el_tag, {
                 closable: !_ctx.selectDisabled && !_ctx.selected[0].isDisabled,
@@ -27278,7 +27288,7 @@ function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
                 ]),
                 _: 1
               }, 8, ["size", "type"])) : createCommentVNode("v-if", true)
-            ], 4)) : createCommentVNode("v-if", true),
+            ], 2)) : createCommentVNode("v-if", true),
             createCommentVNode(" <div> "),
             !_ctx.collapseTags ? (openBlock(), createBlock(Transition, {
               key: 1,
@@ -27286,9 +27296,10 @@ function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
             }, {
               default: withCtx(() => [
                 createElementVNode("span", {
-                  style: normalizeStyle({
-                    marginLeft: _ctx.prefixWidth && _ctx.selected.length ? `${_ctx.prefixWidth}px` : ""
-                  })
+                  class: normalizeClass([
+                    _ctx.nsSelect.b("tags-wrapper"),
+                    { "has-prefix": _ctx.prefixWidth && _ctx.selected.length }
+                  ])
                 }, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.selected, (item) => {
                     return openBlock(), createBlock(_component_el_tag, {
@@ -27309,7 +27320,7 @@ function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
                       _: 2
                     }, 1032, ["closable", "size", "hit", "type", "onClose"]);
                   }), 128))
-                ], 4)
+                ], 2)
               ]),
               _: 1
             }, 8, ["onAfterLeave"])) : createCommentVNode("v-if", true),
@@ -27569,7 +27580,7 @@ const _sfc_main$G = defineComponent({
       if (isEqual$1(newVal, oldVal))
         return;
       if (Array.isArray(newVal)) {
-        const pageSize = newVal.indexOf(props.pageSize) > -1 ? props.pageSize : props.pageSizes[0];
+        const pageSize = newVal.includes(props.pageSize) ? props.pageSize : props.pageSizes[0];
         emit("page-size-change", pageSize);
       }
     });
@@ -27824,7 +27835,7 @@ const _sfc_main$D = defineComponent({
           newPage = currentPage + pagerCountOffset;
         }
       }
-      if (!isNaN(newPage)) {
+      if (!Number.isNaN(+newPage)) {
         if (newPage < 1) {
           newPage = 1;
         }
@@ -27913,7 +27924,7 @@ const paginationProps = buildProps({
   pagerCount: {
     type: Number,
     validator: (value) => {
-      return typeof value === "number" && (value | 0) === value && value > 4 && value < 22 && value % 2 === 1;
+      return typeof value === "number" && Math.trunc(value) === value && value > 4 && value < 22 && value % 2 === 1;
     },
     default: 7
   },
@@ -28589,7 +28600,7 @@ const _sfc_main$A = defineComponent({
     const relativeStrokeWidth = computed(() => (props.strokeWidth / props.width * 100).toFixed(1));
     const radius = computed(() => {
       if (props.type === "circle" || props.type === "dashboard") {
-        return parseInt(`${50 - parseFloat(relativeStrokeWidth.value) / 2}`, 10);
+        return Number.parseInt(`${50 - Number.parseFloat(relativeStrokeWidth.value) / 2}`, 10);
       } else {
         return 0;
       }
@@ -28953,7 +28964,7 @@ const _sfc_main$z = defineComponent({
     const voidComponent = computed(() => rateDisabled.value ? props.disabledvoidIcon : props.voidIcon);
     const activeComponent = computed(() => getValueFromMap(currentValue.value, componentMap.value));
     const iconComponents = computed(() => {
-      const result = Array(props.max);
+      const result = Array.from({ length: props.max });
       const threshold = currentValue.value;
       result.fill(activeComponent.value, 0, threshold);
       result.fill(voidComponent.value, threshold, props.max);
@@ -29225,14 +29236,7 @@ const rowProps = buildProps({
   },
   justify: {
     type: String,
-    values: [
-      "start",
-      "center",
-      "end",
-      "space-around",
-      "space-between",
-      "space-evenly"
-    ],
+    values: ["start", "center", "end", "space-around", "space-between", "space-evenly"],
     default: "start"
   },
   align: {
@@ -29244,10 +29248,12 @@ const rowProps = buildProps({
 const Row = defineComponent({
   name: "ElRow",
   props: rowProps,
-  setup(props, { slots }) {
+  setup(props, {
+    slots
+  }) {
     const ns = useNamespace("row");
     const gutter = computed(() => props.gutter);
-    provide("ElRow", {
+    provide(rowContextKey, {
       gutter
     });
     const style = computed(() => {
@@ -29261,17 +29267,15 @@ const Row = defineComponent({
       }
       return styles;
     });
-    return () => {
-      var _a;
-      return h$1(props.tag, {
-        class: [
-          ns.b(),
-          ns.is(`justify-${props.justify}`, props.justify !== "start"),
-          ns.is(`align-${props.align}`, props.align !== "top")
-        ],
-        style: style.value
-      }, (_a = slots.default) == null ? void 0 : _a.call(slots));
-    };
+    return () => createVNode(props.tag, {
+      "class": [ns.b(), ns.is(`justify-${props.justify}`, props.justify !== "start"), ns.is(`align-${props.align}`, props.align !== "top")],
+      "style": style.value
+    }, {
+      default: () => {
+        var _a;
+        return [(_a = slots.default) == null ? void 0 : _a.call(slots)];
+      }
+    });
   }
 });
 
@@ -30319,8 +30323,8 @@ const createGrid = ({
         yAxisScrollDir: FORWARD
       });
       const getItemStyleCache = useCache();
-      const parsedHeight = computed(() => parseInt(`${props.height}`, 10));
-      const parsedWidth = computed(() => parseInt(`${props.width}`, 10));
+      const parsedHeight = computed(() => Number.parseInt(`${props.height}`, 10));
+      const parsedWidth = computed(() => Number.parseInt(`${props.width}`, 10));
       const columnsToRender = computed(() => {
         const { totalColumn, totalRow, columnCache } = props;
         const { isScrolling, xAxisScrollDir, scrollLeft } = unref(states);
@@ -31408,7 +31412,7 @@ function useAllowCreate(props, states) {
 
 const flattenOptions = (options) => {
   const flattened = [];
-  options.map((option) => {
+  options.forEach((option) => {
     if (isArray(option.options)) {
       flattened.push({
         label: option.label,
@@ -31568,8 +31572,8 @@ const useSelect = (props, emit) => {
   const tagMaxWidth = computed(() => {
     const select = selectionRef.value;
     const size = collapseTagSize.value || "default";
-    const paddingLeft = select ? parseInt(getComputedStyle(select).paddingLeft) : 0;
-    const paddingRight = select ? parseInt(getComputedStyle(select).paddingRight) : 0;
+    const paddingLeft = select ? Number.parseInt(getComputedStyle(select).paddingLeft) : 0;
+    const paddingRight = select ? Number.parseInt(getComputedStyle(select).paddingRight) : 0;
     return states.selectWidth - paddingRight - paddingLeft - TAG_BASE_WIDTH[size];
   });
   const calculatePopperSize = () => {
@@ -31942,7 +31946,7 @@ const useSelect = (props, emit) => {
         let initHovering = false;
         states.cachedOptions.length = 0;
         states.previousValue = props.modelValue.toString();
-        props.modelValue.map((selected) => {
+        props.modelValue.forEach((selected) => {
           const itemIndex = filteredOptions.value.findIndex((option) => getValueKey(option) === selected);
           if (~itemIndex) {
             states.cachedOptions.push(filteredOptions.value[itemIndex]);
@@ -32142,7 +32146,7 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
       transition: `${_ctx.nsSelectV2.namespace.value}-zoom-in-top`,
       trigger: "click",
       persistent: _ctx.persistent,
-      onShow: _ctx.handleMenuEnter,
+      onBeforeShow: _ctx.handleMenuEnter,
       onHide: _cache[23] || (_cache[23] = ($event) => _ctx.states.inputValue = _ctx.states.displayInputValue)
     }, {
       default: withCtx(() => {
@@ -32399,7 +32403,7 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
         }, 8, ["data", "width", "hovering-index", "scrollbar-always-on"])
       ]),
       _: 3
-    }, 8, ["visible", "teleported", "popper-class", "popper-options", "effect", "transition", "persistent", "onShow"])
+    }, 8, ["visible", "teleported", "popper-class", "popper-options", "effect", "transition", "persistent", "onBeforeShow"])
   ], 34)), [
     [_directive_click_outside, _ctx.handleClickOutside, _ctx.popperRef]
   ]);
@@ -32612,14 +32616,14 @@ const useSliderButton = (props, initData, emit) => {
   const onLeftKeyDown = () => {
     if (disabled.value)
       return;
-    initData.newPosition = parseFloat(currentPosition.value) - step.value / (max.value - min.value) * 100;
+    initData.newPosition = Number.parseFloat(currentPosition.value) - step.value / (max.value - min.value) * 100;
     setPosition(initData.newPosition);
     emitChange();
   };
   const onRightKeyDown = () => {
     if (disabled.value)
       return;
-    initData.newPosition = parseFloat(currentPosition.value) + step.value / (max.value - min.value) * 100;
+    initData.newPosition = Number.parseFloat(currentPosition.value) + step.value / (max.value - min.value) * 100;
     setPosition(initData.newPosition);
     emitChange();
   };
@@ -32647,7 +32651,7 @@ const useSliderButton = (props, initData, emit) => {
     } else {
       initData.startX = clientX;
     }
-    initData.startPosition = parseFloat(currentPosition.value);
+    initData.startPosition = Number.parseFloat(currentPosition.value);
     initData.newPosition = initData.startPosition;
   };
   const onDragging = (event) => {
@@ -32688,7 +32692,7 @@ const useSliderButton = (props, initData, emit) => {
     }
   };
   const setPosition = async (newPosition) => {
-    if (newPosition === null || isNaN(newPosition))
+    if (newPosition === null || Number.isNaN(+newPosition))
       return;
     if (newPosition < 0) {
       newPosition = 0;
@@ -32698,7 +32702,7 @@ const useSliderButton = (props, initData, emit) => {
     const lengthPerStep = 100 / ((max.value - min.value) / step.value);
     const steps = Math.round(newPosition / lengthPerStep);
     let value = steps * lengthPerStep * (max.value - min.value) * 0.01 + min.value;
-    value = parseFloat(value.toFixed(precision.value));
+    value = Number.parseFloat(value.toFixed(precision.value));
     emit(UPDATE_MODEL_EVENT, value);
     if (!initData.dragging && props.modelValue !== initData.oldValue) {
       initData.oldValue = props.modelValue;
@@ -33213,7 +33217,7 @@ const useWatch = (props, initData, minValue, maxValue, emit, elFormItem) => {
           initData.oldValue = val.slice();
         }
       }
-    } else if (!props.range && typeof val === "number" && !isNaN(val)) {
+    } else if (!props.range && typeof val === "number" && !Number.isNaN(val)) {
       if (val < props.min) {
         _emit(props.min);
       } else if (val > props.max) {
@@ -33260,7 +33264,7 @@ const useLifecycle = (props, initData, resetSize) => {
       initData.oldValue = [initData.firstValue, initData.secondValue];
       valuetext = `${initData.firstValue}-${initData.secondValue}`;
     } else {
-      if (typeof props.modelValue !== "number" || isNaN(props.modelValue)) {
+      if (typeof props.modelValue !== "number" || Number.isNaN(props.modelValue)) {
         initData.firstValue = props.min;
       } else {
         initData.firstValue = Math.min(props.max, Math.max(props.min, props.modelValue));
@@ -34217,7 +34221,7 @@ const orderBy = function(array, sortKey, reverse, sortMethod, sortBy) {
       if (!Array.isArray(sortBy)) {
         sortBy = [sortBy];
       }
-      return sortBy.map(function(by) {
+      return sortBy.map((by) => {
         if (typeof by === "string") {
           return get(value, by);
         } else {
@@ -34245,13 +34249,13 @@ const orderBy = function(array, sortKey, reverse, sortMethod, sortBy) {
     }
     return 0;
   };
-  return array.map(function(value, index) {
+  return array.map((value, index) => {
     return {
       value,
       index,
       key: getKey ? getKey(value, index) : null
     };
-  }).sort(function(a, b) {
+  }).sort((a, b) => {
     let order = compare(a, b);
     if (!order) {
       order = a.index - b.index;
@@ -34261,7 +34265,7 @@ const orderBy = function(array, sortKey, reverse, sortMethod, sortBy) {
 };
 const getColumnById = function(table, columnId) {
   let column = null;
-  table.columns.forEach(function(item) {
+  table.columns.forEach((item) => {
     if (item.id === columnId) {
       column = item;
     }
@@ -34290,13 +34294,13 @@ const getRowIdentity = (row, rowKey) => {
   if (!row)
     throw new Error("Row is required when get row identity");
   if (typeof rowKey === "string") {
-    if (rowKey.indexOf(".") < 0) {
+    if (!rowKey.includes(".")) {
       return `${row[rowKey]}`;
     }
     const key = rowKey.split(".");
     let current = row;
-    for (let i = 0; i < key.length; i++) {
-      current = current[key[i]];
+    for (const element of key) {
+      current = current[element];
     }
     return `${current}`;
   } else if (typeof rowKey === "function") {
@@ -34330,7 +34334,7 @@ function parseWidth(width) {
   if (width === "")
     return width;
   if (width !== void 0) {
-    width = parseInt(width, 10);
+    width = Number.parseInt(width, 10);
     if (Number.isNaN(width)) {
       width = "";
     }
@@ -34354,7 +34358,7 @@ function parseHeight(height) {
   }
   if (typeof height === "string") {
     if (/^\d+(?:px)?$/.test(height)) {
-      return parseInt(height, 10);
+      return Number.parseInt(height, 10);
     } else {
       return height;
     }
@@ -34607,7 +34611,7 @@ function useExpand(watcherData) {
       const expandMap = getKeysMap(expandRows.value, rowKey);
       return !!expandMap[getRowIdentity(row, rowKey)];
     }
-    return expandRows.value.indexOf(row) !== -1;
+    return expandRows.value.includes(row);
   };
   return {
     updateExpandRows,
@@ -34657,7 +34661,7 @@ function useCurrent(watcherData) {
     const rowKey = watcherData.rowKey.value;
     const data = watcherData.data.value || [];
     const oldCurrentRow = currentRow.value;
-    if (data.indexOf(oldCurrentRow) === -1 && oldCurrentRow) {
+    if (!data.includes(oldCurrentRow) && oldCurrentRow) {
       if (rowKey) {
         const currentRowKey = getRowIdentity(oldCurrentRow, rowKey);
         setCurrentRowByKey(currentRowKey);
@@ -34779,7 +34783,7 @@ function useTree$1(watcherData) {
         lazyKeys.forEach((key) => {
           const oldValue = oldTreeData[key];
           const lazyNodeChildren = normalizedLazyNode_[key].children;
-          if (rootLazyRowKeys.indexOf(key) !== -1) {
+          if (rootLazyRowKeys.includes(key)) {
             if (newTreeData[key].children.length !== 0) {
               throw new Error("[ElTable]children must be an empty array.");
             }
@@ -34846,7 +34850,7 @@ function useTree$1(watcherData) {
       treeData.value[key].loading = true;
       load(row, treeNode, (data) => {
         if (!Array.isArray(data)) {
-          throw new Error("[ElTable] data must be an array");
+          throw new TypeError("[ElTable] data must be an array");
         }
         treeData.value[key].loading = false;
         treeData.value[key].loaded = true;
@@ -34961,7 +34965,7 @@ function useWatcher$1() {
     }
   };
   const isSelected = (row) => {
-    return selection.value.indexOf(row) > -1;
+    return selection.value.includes(row);
   };
   const clearSelection = () => {
     isAllSelected.value = false;
@@ -34983,14 +34987,17 @@ function useWatcher$1() {
         }
       }
     } else {
-      deleted = selection.value.filter((item) => data.value.indexOf(item) === -1);
+      deleted = selection.value.filter((item) => !data.value.includes(item));
     }
     if (deleted.length) {
-      const newSelection = selection.value.filter((item) => deleted.indexOf(item) === -1);
+      const newSelection = selection.value.filter((item) => !deleted.includes(item));
       selection.value = newSelection;
       instance.emit("selection-change", newSelection.slice());
     }
   };
+  const getSelectionRows = () => {
+    return (selection.value || []).slice();
+  };
   const toggleRowSelection = (row, selected = void 0, emitChange = true) => {
     const changed = toggleRowStatus(selection.value, row, selected);
     if (changed) {
@@ -35050,7 +35057,7 @@ function useWatcher$1() {
       if (selectedMap) {
         return !!selectedMap[getRowIdentity(row, rowKey.value)];
       } else {
-        return selection.value.indexOf(row) !== -1;
+        return selection.value.includes(row);
       }
     };
     let isAllSelected_ = true;
@@ -35237,6 +35244,7 @@ function useWatcher$1() {
     isSelected,
     clearSelection,
     cleanSelection,
+    getSelectionRows,
     toggleRowSelection,
     _toggleAllSelection,
     toggleAllSelection: null,
@@ -35689,7 +35697,7 @@ class TableLayout {
         }
       } else {
         this.scrollX.value = true;
-        flexColumns.forEach(function(column) {
+        flexColumns.forEach((column) => {
           column.realWidth = Number(column.minWidth);
         });
       }
@@ -35710,7 +35718,7 @@ class TableLayout {
     const fixedColumns = this.store.states.fixedColumns.value;
     if (fixedColumns.length > 0) {
       let fixedWidth = 0;
-      fixedColumns.forEach(function(column) {
+      fixedColumns.forEach((column) => {
         fixedWidth += Number(column.realWidth || column.width);
       });
       this.fixedWidth.value = fixedWidth;
@@ -35718,7 +35726,7 @@ class TableLayout {
     const rightFixedColumns = this.store.states.rightFixedColumns.value;
     if (rightFixedColumns.length > 0) {
       let rightFixedWidth = 0;
-      rightFixedColumns.forEach(function(column) {
+      rightFixedColumns.forEach((column) => {
         rightFixedWidth += Number(column.realWidth || column.width);
       });
       this.rightFixedWidth.value = rightFixedWidth;
@@ -36138,7 +36146,7 @@ function useEvent(props, emit) {
       const handleMouseUp = () => {
         if (dragging.value) {
           const { startColumnLeft, startLeft } = dragState.value;
-          const finalLeft = parseInt(resizeProxy.style.left, 10);
+          const finalLeft = Number.parseInt(resizeProxy.style.left, 10);
           const columnWidth = finalLeft - startColumnLeft;
           column.width = column.realWidth = columnWidth;
           table == null ? void 0 : table.emit("header-dragend", column.width, startLeft - startColumnLeft, column, event);
@@ -36155,7 +36163,7 @@ function useEvent(props, emit) {
         document.removeEventListener("mouseup", handleMouseUp);
         document.onselectstart = null;
         document.ondragstart = null;
-        setTimeout(function() {
+        setTimeout(() => {
           removeClass(columnEl, "noclick");
         }, 0);
       };
@@ -36427,12 +36435,11 @@ var TableHeader = defineComponent({
     const ns = useNamespace("table");
     const filterPanels = ref({});
     const { onColumnsChange, onScrollableChange } = useLayoutObserver(parent);
-    onMounted(() => {
-      nextTick(() => {
-        const { prop, order } = props.defaultSort;
-        const init = true;
-        parent == null ? void 0 : parent.store.commit("sort", { prop, order, init });
-      });
+    onMounted(async () => {
+      await nextTick();
+      await nextTick();
+      const { prop, order } = props.defaultSort;
+      parent == null ? void 0 : parent.store.commit("sort", { prop, order, init: true });
     });
     const {
       handleHeaderClick,
@@ -36587,10 +36594,10 @@ function useEvents(props) {
   const handleContextMenu = (event, row) => {
     handleEvent(event, row, "contextmenu");
   };
-  const handleMouseEnter = debounce$1(function(index) {
+  const handleMouseEnter = debounce$1((index) => {
     props.store.commit("setHoverRow", index);
   }, 30);
-  const handleMouseLeave = debounce$1(function() {
+  const handleMouseLeave = debounce$1(() => {
     props.store.commit("setHoverRow", null);
   }, 30);
   const handleCellMouseEnter = (event, row) => {
@@ -36613,7 +36620,7 @@ function useEvents(props) {
     range.setStart(cellChild, 0);
     range.setEnd(cellChild, cellChild.childNodes.length);
     const rangeWidth = range.getBoundingClientRect().width;
-    const padding = (parseInt(getStyle(cellChild, "paddingLeft"), 10) || 0) + (parseInt(getStyle(cellChild, "paddingRight"), 10) || 0);
+    const padding = (Number.parseInt(getStyle(cellChild, "paddingLeft"), 10) || 0) + (Number.parseInt(getStyle(cellChild, "paddingRight"), 10) || 0);
     if (rangeWidth + padding > cellChild.offsetWidth || cellChild.scrollWidth > cellChild.offsetWidth) {
       createTablePopper(cell, cell.innerText || cell.textContent, {
         placement: "top",
@@ -36671,7 +36678,7 @@ function useStyles(props) {
         rowIndex
       }));
     }
-    if (props.store.states.expandRows.value.indexOf(row) > -1) {
+    if (props.store.states.expandRows.value.includes(row)) {
       classes.push("expanded");
     }
     return classes;
@@ -37168,7 +37175,7 @@ var TableFooter = defineComponent({
         const precisions = [];
         let notNumber = true;
         values.forEach((value) => {
-          if (!isNaN(value)) {
+          if (!Number.isNaN(+value)) {
             notNumber = false;
             const decimal = `${value}`.split(".")[1];
             precisions.push(decimal ? decimal.length : 0);
@@ -37178,8 +37185,8 @@ var TableFooter = defineComponent({
         if (!notNumber) {
           sums[index] = values.reduce((prev, curr) => {
             const value = Number(curr);
-            if (!isNaN(value)) {
-              return parseFloat((prev + curr).toFixed(Math.min(precision, 20)));
+            if (!Number.isNaN(+value)) {
+              return Number.parseFloat((prev + curr).toFixed(Math.min(precision, 20)));
             } else {
               return prev;
             }
@@ -37221,6 +37228,9 @@ function useUtils(store) {
   const setCurrentRow = (row) => {
     store.commit("setCurrentRow", row);
   };
+  const getSelectionRows = () => {
+    return store.getSelectionRows();
+  };
   const toggleRowSelection = (row, selected) => {
     store.toggleRowSelection(row, selected, false);
     store.updateAllSelected();
@@ -37245,6 +37255,7 @@ function useUtils(store) {
   };
   return {
     setCurrentRow,
+    getSelectionRows,
     toggleRowSelection,
     clearSelection,
     clearFilter,
@@ -37322,7 +37333,6 @@ function useStyle(props, layout, store, table) {
     requestAnimationFrame(syncPostion);
   };
   onMounted(async () => {
-    setScrollClass("is-scrolling-left");
     await nextTick();
     store.updateColumns();
     bindEvents();
@@ -37353,9 +37363,23 @@ function useStyle(props, layout, store, table) {
     const { tableWrapper } = table.refs;
     setScrollClassByEl(tableWrapper, className);
   };
+  const existsScrollClass = (className) => {
+    const { tableWrapper } = table.refs;
+    if (tableWrapper && tableWrapper.classList.contains(className)) {
+      return true;
+    }
+    return false;
+  };
   const syncPostion = function() {
-    if (!layout.scrollX.value || !table.refs.scrollWrapper)
+    if (!table.refs.scrollWrapper)
+      return;
+    if (!layout.scrollX.value) {
+      const scrollingNoneClass = "is-scrolling-none";
+      if (!existsScrollClass(scrollingNoneClass)) {
+        setScrollClass(scrollingNoneClass);
+      }
       return;
+    }
     const scrollContainer = table.refs.scrollWrapper.wrap$;
     if (!scrollContainer)
       return;
@@ -37633,6 +37657,10 @@ var defaultProps$1 = {
   tableLayout: {
     type: String,
     default: "fixed"
+  },
+  scrollbarAlwaysOn: {
+    type: Boolean,
+    default: false
   }
 };
 
@@ -37687,6 +37715,7 @@ const _sfc_main$i = defineComponent({
     const isEmpty = computed(() => (store.states.data.value || []).length === 0);
     const {
       setCurrentRow,
+      getSelectionRows,
       toggleRowSelection,
       clearSelection,
       clearFilter,
@@ -37754,6 +37783,7 @@ const _sfc_main$i = defineComponent({
       fixedHeight,
       fixedBodyHeight,
       setCurrentRow,
+      getSelectionRows,
       toggleRowSelection,
       clearSelection,
       clearFilter,
@@ -37852,7 +37882,8 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
           ref: "scrollWrapper",
           height: _ctx.maxHeight ? void 0 : _ctx.height,
           "max-height": _ctx.maxHeight ? _ctx.height : void 0,
-          "view-style": _ctx.scrollbarViewStyle
+          "view-style": _ctx.scrollbarViewStyle,
+          always: _ctx.scrollbarAlwaysOn
         }, {
           default: withCtx(() => [
             createElementVNode("table", {
@@ -37910,7 +37941,7 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
             ], 2)) : createCommentVNode("v-if", true)
           ]),
           _: 3
-        }, 8, ["height", "max-height", "view-style"])
+        }, 8, ["height", "max-height", "view-style", "always"])
       ], 6),
       _ctx.border || _ctx.isGroup ? (openBlock(), createElementBlock("div", {
         key: 1,
@@ -38033,7 +38064,7 @@ const cellForced = {
     renderCell({ row, store }) {
       const { ns } = store;
       const classes = [ns.e("expand-icon")];
-      if (store.states.expandRows.value.indexOf(row) > -1) {
+      if (store.states.expandRows.value.includes(row)) {
         classes.push(ns.em("expand-icon", "expanded"));
       }
       const callback = function(e) {
@@ -38240,7 +38271,7 @@ function useRender(props, slots, owner) {
     return column;
   };
   const checkSubColumn = (children) => {
-    if (children instanceof Array) {
+    if (Array.isArray(children)) {
       children.forEach((child) => check(child));
     } else {
       check(children);
@@ -38305,7 +38336,7 @@ function useRender(props, slots, owner) {
     }, {});
   };
   const getColumnElIndex = (children, child) => {
-    return [].indexOf.call(children, child);
+    return Array.prototype.indexOf.call(children, child);
   };
   return {
     columnId,
@@ -38374,7 +38405,7 @@ var defaultProps = {
       return ["ascending", "descending", null];
     },
     validator: (val) => {
-      return val.every((order) => ["ascending", "descending", null].indexOf(order) > -1);
+      return val.every((order) => ["ascending", "descending", null].includes(order));
     }
   }
 };
@@ -38487,11 +38518,11 @@ var ElTableColumn$1 = defineComponent({
         $index: -1
       });
       const children = [];
-      if (renderDefault instanceof Array) {
+      if (Array.isArray(renderDefault)) {
         for (const childNode of renderDefault) {
           if (((_c = childNode.type) == null ? void 0 : _c.name) === "ElTableColumn" || childNode.shapeFlag & 2) {
             children.push(childNode);
-          } else if (childNode.type === Fragment && childNode.children instanceof Array) {
+          } else if (childNode.type === Fragment && Array.isArray(childNode.children)) {
             childNode.children.forEach((vnode2) => {
               if ((vnode2 == null ? void 0 : vnode2.patchFlag) !== 1024 && !isString(vnode2 == null ? void 0 : vnode2.children)) {
                 children.push(vnode2);
@@ -38550,9 +38581,9 @@ const _sfc_main$h = defineComponent({
         const tabStyles = window.getComputedStyle($el);
         if (sizeName === "width") {
           if (props.tabs.length > 1) {
-            tabSize -= parseFloat(tabStyles.paddingLeft) + parseFloat(tabStyles.paddingRight);
+            tabSize -= Number.parseFloat(tabStyles.paddingLeft) + Number.parseFloat(tabStyles.paddingRight);
           }
-          offset += parseFloat(tabStyles.paddingLeft);
+          offset += Number.parseFloat(tabStyles.paddingLeft);
         }
         return false;
       });
@@ -39094,8 +39125,8 @@ const { Option: ElOption } = ElSelect;
 const parseTime = (time) => {
   const values = (time || "").split(":");
   if (values.length >= 2) {
-    let hours = parseInt(values[0], 10);
-    const minutes = parseInt(values[1], 10);
+    let hours = Number.parseInt(values[0], 10);
+    const minutes = Number.parseInt(values[1], 10);
     const timeUpper = time.toUpperCase();
     if (timeUpper.includes("AM") && hours === 12) {
       hours = 0;
@@ -39170,7 +39201,7 @@ const _sfc_main$f = defineComponent({
     size: {
       type: String,
       default: "default",
-      validator: (value) => !value || ["large", "default", "small"].indexOf(value) !== -1
+      validator: (value) => !value || ["large", "default", "small"].includes(value)
     },
     placeholder: {
       type: String,
@@ -40117,7 +40148,7 @@ class Node {
       return;
     const defaultExpandedKeys = store.defaultExpandedKeys;
     const key = store.key;
-    if (key && defaultExpandedKeys && defaultExpandedKeys.indexOf(this.key) !== -1) {
+    if (key && defaultExpandedKeys && defaultExpandedKeys.includes(this.key)) {
       this.expand(null, store.autoExpandParent);
     }
     if (key && store.currentNodeKey !== void 0 && this.key === store.currentNodeKey) {
@@ -40138,7 +40169,7 @@ class Node {
     this.data = data;
     this.childNodes = [];
     let children;
-    if (this.level === 0 && this.data instanceof Array) {
+    if (this.level === 0 && Array.isArray(this.data)) {
       children = this.data;
     } else {
       children = getPropertyFromData(this, "children") || [];
@@ -40194,7 +40225,7 @@ class Node {
     if (!(child instanceof Node)) {
       if (!batch) {
         const children = this.getChildren(true);
-        if (children.indexOf(child.data) === -1) {
+        if (!children.includes(child.data)) {
           if (typeof index === "undefined" || index < 0) {
             children.push(child.data);
           } else {
@@ -40533,7 +40564,7 @@ class TreeStore {
   }
   _initDefaultCheckedNode(node) {
     const defaultCheckedKeys = this.defaultCheckedKeys || [];
-    if (defaultCheckedKeys.indexOf(node.key) !== -1) {
+    if (defaultCheckedKeys.includes(node.key)) {
       node.setChecked(true, !this.checkStrictly);
     }
   }
@@ -40630,7 +40661,7 @@ class TreeStore {
     for (let i = 0, j = allNodes.length; i < j; i++) {
       const node = allNodes[i];
       const nodeKey = node.data[key].toString();
-      const checked = keys.indexOf(nodeKey) > -1;
+      const checked = keys.includes(nodeKey);
       if (!checked) {
         if (node.checked && !cache[nodeKey]) {
           node.setChecked(false, false);
@@ -41235,13 +41266,13 @@ function useKeydown({ el$ }, store) {
   });
   const handleKeydown = (ev) => {
     const currentItem = ev.target;
-    if (currentItem.className.indexOf(ns.b("node")) === -1)
+    if (!currentItem.className.includes(ns.b("node")))
       return;
     const code = ev.code;
     treeItems.value = Array.from(el$.value.querySelectorAll(`.${ns.is("focusable")}[role=treeitem]`));
     const currentIndex = treeItems.value.indexOf(currentItem);
     let nextIndex;
-    if ([EVENT_CODE.up, EVENT_CODE.down].indexOf(code) > -1) {
+    if ([EVENT_CODE.up, EVENT_CODE.down].includes(code)) {
       ev.preventDefault();
       if (code === EVENT_CODE.up) {
         nextIndex = currentIndex === -1 ? 0 : currentIndex !== 0 ? currentIndex - 1 : treeItems.value.length - 1;
@@ -41276,12 +41307,12 @@ function useKeydown({ el$ }, store) {
       }
       nextIndex !== -1 && treeItems.value[nextIndex].focus();
     }
-    if ([EVENT_CODE.left, EVENT_CODE.right].indexOf(code) > -1) {
+    if ([EVENT_CODE.left, EVENT_CODE.right].includes(code)) {
       ev.preventDefault();
       currentItem.click();
     }
     const hasInput = currentItem.querySelector('[type="checkbox"]');
-    if ([EVENT_CODE.enter, EVENT_CODE.space].indexOf(code) > -1 && hasInput) {
+    if ([EVENT_CODE.enter, EVENT_CODE.space].includes(code) && hasInput) {
       ev.preventDefault();
       hasInput.click();
     }
@@ -41790,8 +41821,7 @@ function useCheck(props, tree) {
         if (children) {
           let allChecked = true;
           let hasChecked = false;
-          for (let i = 0; i < children.length; ++i) {
-            const childNode = children[i];
+          for (const childNode of children) {
             const key = childNode.key;
             if (checkedKeySet.has(key)) {
               hasChecked = true;
@@ -41913,8 +41943,7 @@ function useCheck(props, tree) {
     if (tree == null ? void 0 : tree.value) {
       const { treeNodeMap } = tree.value;
       if (props.showCheckbox && treeNodeMap && keys) {
-        for (let i = 0; i < keys.length; ++i) {
-          const key = keys[i];
+        for (const key of keys) {
           const node = treeNodeMap.get(key);
           if (node && !isChecked(node)) {
             toggleCheckbox(node, true, false);
@@ -41974,8 +42003,7 @@ function useFilter(props, tree) {
             hiddenKeys.add(node.key);
           } else if (children) {
             let allHidden = true;
-            for (let i = 0; i < children.length; ++i) {
-              const childNode = children[i];
+            for (const childNode of children) {
               if (!hiddenKeys.has(childNode.key)) {
                 allHidden = false;
                 break;
@@ -42088,8 +42116,7 @@ function useTree(props, emit) {
     function traverse(nodes, level = 1, parent = void 0) {
       var _a;
       const siblings = [];
-      for (let index = 0; index < nodes.length; ++index) {
-        const rawNode = nodes[index];
+      for (const rawNode of nodes) {
         const value = getKey(rawNode);
         const node = {
           level,
@@ -42495,6 +42522,7 @@ const SCOPE$2 = "ElUpload";
 class UploadAjaxError extends Error {
   constructor(message, status, method, url) {
     super(message);
+    this.name = "UploadAjaxError";
     this.status = status;
     this.method = method;
     this.url = url;
@@ -43771,7 +43799,7 @@ const addStyle = async (options, parent, instance) => {
     await nextTick();
     for (const property of ["top", "left"]) {
       const scroll = property === "top" ? "scrollTop" : "scrollLeft";
-      maskStyle[property] = `${options.target.getBoundingClientRect()[property] + document.body[scroll] + document.documentElement[scroll] - parseInt(getStyle(document.body, `margin-${property}`), 10)}px`;
+      maskStyle[property] = `${options.target.getBoundingClientRect()[property] + document.body[scroll] + document.documentElement[scroll] - Number.parseInt(getStyle(document.body, `margin-${property}`), 10)}px`;
     }
     for (const property of ["height", "width"]) {
       maskStyle[property] = `${options.target.getBoundingClientRect()[property]}px`;
@@ -44168,7 +44196,7 @@ function close$1(id, userOnClose) {
   if (len < 1)
     return;
   for (let i = idx; i < len; i++) {
-    const pos = parseInt(instances[i].vm.el.style["top"], 10) - removedHeight - 16;
+    const pos = Number.parseInt(instances[i].vm.el.style["top"], 10) - removedHeight - 16;
     instances[i].vm.component.props.offset = pos;
   }
 }
@@ -45039,7 +45067,7 @@ function close(id, position, userOnClose) {
     return;
   for (let i = idx; i < len; i++) {
     const { el, component } = orientedNotifications[i].vm;
-    const pos = parseInt(el.style[verticalPos], 10) - removedHeight - GAP_SIZE;
+    const pos = Number.parseInt(el.style[verticalPos], 10) - removedHeight - GAP_SIZE;
     component.props.offset = pos;
   }
 }
@@ -45070,4 +45098,4 @@ var installer = makeInstaller([...Components, ...Plugins]);
 const install = installer.install;
 const version = installer.version;
 
-export { BAR_MAP, CASCADER_PANEL_INJECTION_KEY, CHANGE_EVENT, ClickOutside, CommonPicker, CommonProps, DEFAULT_FORMATS_DATE, DEFAULT_FORMATS_DATEPICKER, DEFAULT_FORMATS_TIME, COLLECTION_INJECTION_KEY as DROPDOWN_COLLECTION_INJECTION_KEY, COLLECTION_ITEM_INJECTION_KEY as DROPDOWN_COLLECTION_ITEM_INJECTION_KEY, DROPDOWN_INJECTION_KEY, DefaultProps, FixedSizeGrid$1 as DynamicSizeGrid, DynamicSizeList$1 as DynamicSizeList, Effect, ElAffix, ElAlert, ElAside, ElAutocomplete, ElAvatar, ElBacktop, ElBadge, ElBreadcrumb, ElBreadcrumbItem, ElButton, ElButtonGroup$1 as ElButtonGroup, ElCalendar, ElCard, ElCarousel, ElCarouselItem, ElCascader, ElCascaderPanel, ElCheckTag, ElCheckbox, ElCheckboxButton, ElCheckboxGroup$1 as ElCheckboxGroup, ElCol, ElCollapse, ElCollapseItem, ElCollapseTransition, ElCollection, ElCollectionItem, ElColorPicker, ElConfigProvider, ElContainer, ElDatePicker, ElDescriptions, ElDescriptionsItem, ElDialog, ElDivider, ElDrawer, ElDropdown, ElDropdownItem, ElDropdownMenu, ElEmpty, ElFooter, ElForm, ElFormItem, ElHeader, ElIcon, ElImage, ElImageViewer, ElInfiniteScroll, ElInput, ElInputNumber, ElLink, ElLoading, ElLoadingDirective, ElLoadingService, ElMain, ElMenu, ElMenuItem, ElMenuItemGroup, ElMessage, ElMessageBox, ElNotification, ElOption$1 as ElOption, ElOptionGroup, ElOverlay, ElPageHeader, ElPagination, ElPopconfirm, ElPopover, ElPopoverDirective, ElPopper, ElPopperArrow, ElPopperContent, ElPopperTrigger, ElProgress, ElRadio, ElRadioButton, ElRadioGroup, ElRate, ElResult, ElRow, ElScrollbar, ElSelect, ElSelectV2, ElSkeleton, ElSkeletonItem, ElSlider, ElSpace, ElStep, ElSteps, ElSubMenu, ElSwitch, ElTabPane, ElTable, ElTableColumn, ElTabs, ElTag, ElTimePicker, ElTimeSelect, ElTimeline, ElTimelineItem, ElTooltip, ElTransfer, ElTree, ElTreeV2, ElUpload, ExpandTrigger$1 as ExpandTrigger, FIRST_KEYS, FIRST_LAST_KEYS, FORWARD_REF_INJECTION_KEY, FixedSizeGrid$3 as FixedSizeGrid, FixedSizeList$1 as FixedSizeList, ID_INJECTION_KEY, IconComponentMap, IconMap, LAST_KEYS, Mousewheel, POPPER_CONTAINER_ID, POPPER_CONTAINER_SELECTOR, POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY, RepeatClick, Resize, TOOLTIP_INJECTION_KEY, TimePickPanel, TrapFocus, affixEmits, affixProps, alertEffects, alertEmits, alertProps, autocompleteEmits, autocompleteProps, avatarEmits, avatarProps, backtopEmits, backtopProps, badgeProps, breadcrumbItemProps, breadcrumbProps, buildLocaleContext, buildTranslator, buttonEmits, buttonGroupContextKey, buttonNativeTypes, buttonProps, buttonTypes, calendarEmits, calendarProps, cardProps, checkTagEmits, checkTagProps, colProps, collapseContextKey, collapseEmits, collapseItemProps, collapseProps, configProviderContextKey, configProviderProps, createModelToggleComposable, installer as default, dialogEmits, dialogInjectionKey, dialogProps, dividerProps, drawerEmits, drawerProps, dropdownItemProps, dropdownMenuProps, dropdownProps, elBreadcrumbKey, elPaginationKey, emitChangeFn, emptyProps, extractDateFormat, extractTimeFormat, formContextKey, formEmits, formItemContextKey, formItemProps, formItemValidateStates, formProps, genFileId, iconProps, imageEmits, imageProps, imageViewerEmits, imageViewerProps, inputEmits, inputNumberEmits, inputNumberProps, inputProps, install, linkEmits, linkProps, makeInstaller, menuEmits, menuItemEmits, menuItemGroupProps, menuItemProps, menuProps, messageConfig, messageEmits, messageProps, messageTypes, notificationEmits, notificationProps, notificationTypes, overlayEmits, overlayProps, pageHeaderEmits, pageHeaderProps, paginationEmits, paginationProps, popconfirmProps, progressProps, provideGlobalConfig, radioButtonProps, radioEmits, radioGroupEmits, radioGroupKey, radioGroupProps, radioProps, radioPropsBase, rangeArr, rateEmits, rateProps, renderThumbStyle$1 as renderThumbStyle, resultProps, rowProps, scrollbarContextKey, scrollbarEmits, scrollbarProps, selectGroupKey, selectKey, selectV2InjectionKey, skeletonItemProps, skeletonProps, spaceProps, subMenuProps, switchEmits, switchProps, tabBar, tabNavProps, tabPaneProps, tabsEmits, tabsProps, tabsRootContextKey, tagEmits, tagProps, thumbProps, timePickerDefaultProps, timelineItemProps, translate, uploadBaseProps, uploadContentProps, uploadContextKey, uploadDraggerEmits, uploadDraggerProps, uploadListEmits, uploadListProps, uploadListTypes, uploadProps, useAttrs, useCascaderConfig, useDelayedRender, useDelayedToggle, useDelayedToggleProps, useDeprecateAppendToBody, useDeprecated, useDialog, useDisabled$1 as useDisabled, useDraggable, useEscapeKeydown, useFocus, useFormItem, useForwardRef, useForwardRefDirective, useGlobalConfig, useId, useLocale, useLockscreen, useModal, useModelToggle$1 as useModelToggle, useModelToggleEmits$1 as useModelToggleEmits, useModelToggleProps$1 as useModelToggleProps, useNamespace, usePopperArrowProps, usePopperContainer, usePopperContentProps, usePopperCoreConfigProps, usePopperProps, usePopperTriggerProps, usePreventGlobal, useProp, useRadio, useRestoreActive, useSameTarget, useSize, useSizeProp, useSpace, useTeleport, useThrottleRender, useTimeout, useTooltipContentProps, useTooltipProps, useTooltipTriggerProps, useTransitionFallthrough, useTransitionFallthroughEmits, useZIndex, version, virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps };
+export { BAR_MAP, CASCADER_PANEL_INJECTION_KEY, CHANGE_EVENT, ClickOutside, CommonPicker, CommonProps, DEFAULT_FORMATS_DATE, DEFAULT_FORMATS_DATEPICKER, DEFAULT_FORMATS_TIME, COLLECTION_INJECTION_KEY as DROPDOWN_COLLECTION_INJECTION_KEY, COLLECTION_ITEM_INJECTION_KEY as DROPDOWN_COLLECTION_ITEM_INJECTION_KEY, DROPDOWN_INJECTION_KEY, DefaultProps, FixedSizeGrid$1 as DynamicSizeGrid, DynamicSizeList$1 as DynamicSizeList, Effect, ElAffix, ElAlert, ElAside, ElAutocomplete, ElAvatar, ElBacktop, ElBadge, ElBreadcrumb, ElBreadcrumbItem, ElButton, ElButtonGroup$1 as ElButtonGroup, ElCalendar, ElCard, ElCarousel, ElCarouselItem, ElCascader, ElCascaderPanel, ElCheckTag, ElCheckbox, ElCheckboxButton, ElCheckboxGroup$1 as ElCheckboxGroup, ElCol, ElCollapse, ElCollapseItem, ElCollapseTransition, ElCollection, ElCollectionItem, ElColorPicker, ElConfigProvider, ElContainer, ElDatePicker, ElDescriptions, ElDescriptionsItem, ElDialog, ElDivider, ElDrawer, ElDropdown, ElDropdownItem, ElDropdownMenu, ElEmpty, ElFooter, ElForm, ElFormItem, ElHeader, ElIcon, ElImage, ElImageViewer, ElInfiniteScroll, ElInput, ElInputNumber, ElLink, ElLoading, ElLoadingDirective, ElLoadingService, ElMain, ElMenu, ElMenuItem, ElMenuItemGroup, ElMessage, ElMessageBox, ElNotification, ElOption$1 as ElOption, ElOptionGroup, ElOverlay, ElPageHeader, ElPagination, ElPopconfirm, ElPopover, ElPopoverDirective, ElPopper, ElPopperArrow, ElPopperContent, ElPopperTrigger, ElProgress, ElRadio, ElRadioButton, ElRadioGroup, ElRate, ElResult, ElRow, ElScrollbar, ElSelect, ElSelectV2, ElSkeleton, ElSkeletonItem, ElSlider, ElSpace, ElStep, ElSteps, ElSubMenu, ElSwitch, ElTabPane, ElTable, ElTableColumn, ElTabs, ElTag, ElTimePicker, ElTimeSelect, ElTimeline, ElTimelineItem, ElTooltip, ElTransfer, ElTree, ElTreeV2, ElUpload, ExpandTrigger$1 as ExpandTrigger, FIRST_KEYS, FIRST_LAST_KEYS, FORWARD_REF_INJECTION_KEY, FixedSizeGrid$3 as FixedSizeGrid, FixedSizeList$1 as FixedSizeList, ID_INJECTION_KEY, IconComponentMap, IconMap, LAST_KEYS, Mousewheel, POPPER_CONTAINER_ID, POPPER_CONTAINER_SELECTOR, POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY, RepeatClick, Resize, TOOLTIP_INJECTION_KEY, TimePickPanel, TrapFocus, affixEmits, affixProps, alertEffects, alertEmits, alertProps, autocompleteEmits, autocompleteProps, avatarEmits, avatarProps, backtopEmits, backtopProps, badgeProps, breadcrumbItemProps, breadcrumbKey, breadcrumbProps, buildLocaleContext, buildTranslator, buttonEmits, buttonGroupContextKey, buttonNativeTypes, buttonProps, buttonTypes, calendarEmits, calendarProps, cardProps, checkTagEmits, checkTagProps, colProps, collapseContextKey, collapseEmits, collapseItemProps, collapseProps, configProviderContextKey, configProviderProps, createModelToggleComposable, installer as default, dialogEmits, dialogInjectionKey, dialogProps, dividerProps, drawerEmits, drawerProps, dropdownItemProps, dropdownMenuProps, dropdownProps, elPaginationKey, emitChangeFn, emptyProps, extractDateFormat, extractTimeFormat, formContextKey, formEmits, formItemContextKey, formItemProps, formItemValidateStates, formProps, genFileId, iconProps, imageEmits, imageProps, imageViewerEmits, imageViewerProps, inputEmits, inputNumberEmits, inputNumberProps, inputProps, install, linkEmits, linkProps, makeInstaller, menuEmits, menuItemEmits, menuItemGroupProps, menuItemProps, menuProps, messageConfig, messageEmits, messageProps, messageTypes, notificationEmits, notificationProps, notificationTypes, overlayEmits, overlayProps, pageHeaderEmits, pageHeaderProps, paginationEmits, paginationProps, popconfirmProps, progressProps, provideGlobalConfig, radioButtonProps, radioEmits, radioGroupEmits, radioGroupKey, radioGroupProps, radioProps, radioPropsBase, rangeArr, rateEmits, rateProps, renderThumbStyle$1 as renderThumbStyle, resultProps, rowContextKey, rowProps, scrollbarContextKey, scrollbarEmits, scrollbarProps, selectGroupKey, selectKey, selectV2InjectionKey, skeletonItemProps, skeletonProps, spaceProps, subMenuProps, switchEmits, switchProps, tabBar, tabNavProps, tabPaneProps, tabsEmits, tabsProps, tabsRootContextKey, tagEmits, tagProps, thumbProps, timePickerDefaultProps, timelineItemProps, translate, uploadBaseProps, uploadContentProps, uploadContextKey, uploadDraggerEmits, uploadDraggerProps, uploadListEmits, uploadListProps, uploadListTypes, uploadProps, useAttrs, useCascaderConfig, useDelayedRender, useDelayedToggle, useDelayedToggleProps, useDeprecateAppendToBody, useDeprecated, useDialog, useDisabled$1 as useDisabled, useDraggable, useEscapeKeydown, useFocus, useFormItem, useForwardRef, useForwardRefDirective, useGlobalConfig, useId, useLocale, useLockscreen, useModal, useModelToggle$1 as useModelToggle, useModelToggleEmits$1 as useModelToggleEmits, useModelToggleProps$1 as useModelToggleProps, useNamespace, usePopperArrowProps, usePopperContainer, usePopperContentProps, usePopperCoreConfigProps, usePopperProps, usePopperTriggerProps, usePreventGlobal, useProp, useRadio, useRestoreActive, useSameTarget, useSize, useSizeProp, useSpace, useTeleport, useThrottleRender, useTimeout, useTooltipContentProps, useTooltipProps, useTooltipTriggerProps, useTransitionFallthrough, useTransitionFallthroughEmits, useZIndex, version, virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps };