@element-plus/nightly 0.0.20220220 → 0.0.20220222

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220220 */
+/*! Element Plus v0.0.20220222 */
 
 import { getCurrentScope, onScopeDispose, readonly, shallowRef, watchEffect, ref, unref, watch, computed, defineComponent, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, camelize as camelize$1, getCurrentInstance, inject, provide, onMounted, onBeforeUnmount, isRef, onUnmounted, h as h$1, Teleport, onBeforeMount, nextTick, reactive, normalizeClass, normalizeStyle, renderSlot, mergeProps, useSlots, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, onUpdated, resolveComponent, withModifiers, toRef, cloneVNode, Text, resolveDirective, renderList, withKeys, createSlots, normalizeProps, guardReactiveProps, toRefs, vModelCheckbox, vModelRadio, onBeforeUpdate, vModelText, toHandlers, markRaw, effectScope, toRaw, triggerRef, TransitionGroup, createApp, render } from 'vue';
 
@@ -4363,14 +4363,14 @@ function useCssVar(prop, target, { window = defaultWindow } = {}) {
     var _a;
     return unrefElement(target) || ((_a = window == null ? void 0 : window.document) == null ? void 0 : _a.documentElement);
   });
-  watch(elRef, (el) => {
+  watch([elRef, () => unref(prop)], ([el, prop2]) => {
     if (el && window)
-      variable.value = window.getComputedStyle(el).getPropertyValue(prop);
+      variable.value = window.getComputedStyle(el).getPropertyValue(prop2);
   }, { immediate: true });
   watch(variable, (val) => {
     var _a;
     if ((_a = elRef.value) == null ? void 0 : _a.style)
-      elRef.value.style.setProperty(prop, val);
+      elRef.value.style.setProperty(unref(prop), val);
   });
   return variable;
 }
@@ -4777,7 +4777,7 @@ var _export_sfc$1 = (sfc, props) => {
   return target;
 };
 
-const _sfc_main$2M = defineComponent({
+const _sfc_main$2N = defineComponent({
   name: "ArrowDown"
 });
 const _hoisted_1$1C = {
@@ -4794,12 +4794,12 @@ const _hoisted_2$1i = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$10 = [
   _hoisted_2$1i
 ];
-function _sfc_render$2B(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2A(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1C, _hoisted_3$10);
 }
-var arrowDown = /* @__PURE__ */ _export_sfc$1(_sfc_main$2M, [["render", _sfc_render$2B]]);
+var arrowDown = /* @__PURE__ */ _export_sfc$1(_sfc_main$2N, [["render", _sfc_render$2A]]);
 
-const _sfc_main$2L = defineComponent({
+const _sfc_main$2M = defineComponent({
   name: "ArrowLeft"
 });
 const _hoisted_1$1B = {
@@ -4816,12 +4816,12 @@ const _hoisted_2$1h = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$$ = [
   _hoisted_2$1h
 ];
-function _sfc_render$2A(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2z(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1B, _hoisted_3$$);
 }
-var arrowLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2L, [["render", _sfc_render$2A]]);
+var arrowLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2M, [["render", _sfc_render$2z]]);
 
-const _sfc_main$2K = defineComponent({
+const _sfc_main$2L = defineComponent({
   name: "ArrowRight"
 });
 const _hoisted_1$1A = {
@@ -4838,12 +4838,12 @@ const _hoisted_2$1g = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$_ = [
   _hoisted_2$1g
 ];
-function _sfc_render$2z(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2y(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1A, _hoisted_3$_);
 }
-var arrowRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2K, [["render", _sfc_render$2z]]);
+var arrowRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2L, [["render", _sfc_render$2y]]);
 
-const _sfc_main$2J = defineComponent({
+const _sfc_main$2K = defineComponent({
   name: "ArrowUp"
 });
 const _hoisted_1$1z = {
@@ -4860,12 +4860,12 @@ const _hoisted_2$1f = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$Z = [
   _hoisted_2$1f
 ];
-function _sfc_render$2y(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2x(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1z, _hoisted_3$Z);
 }
-var arrowUp = /* @__PURE__ */ _export_sfc$1(_sfc_main$2J, [["render", _sfc_render$2y]]);
+var arrowUp = /* @__PURE__ */ _export_sfc$1(_sfc_main$2K, [["render", _sfc_render$2x]]);
 
-const _sfc_main$2I = defineComponent({
+const _sfc_main$2J = defineComponent({
   name: "Back"
 });
 const _hoisted_1$1y = {
@@ -4887,12 +4887,12 @@ const _hoisted_4$j = [
   _hoisted_2$1e,
   _hoisted_3$Y
 ];
-function _sfc_render$2x(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2w(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1y, _hoisted_4$j);
 }
-var back = /* @__PURE__ */ _export_sfc$1(_sfc_main$2I, [["render", _sfc_render$2x]]);
+var back = /* @__PURE__ */ _export_sfc$1(_sfc_main$2J, [["render", _sfc_render$2w]]);
 
-const _sfc_main$2H = defineComponent({
+const _sfc_main$2I = defineComponent({
   name: "Calendar"
 });
 const _hoisted_1$1x = {
@@ -4909,12 +4909,12 @@ const _hoisted_2$1d = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$X = [
   _hoisted_2$1d
 ];
-function _sfc_render$2w(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2v(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1x, _hoisted_3$X);
 }
-var calendar = /* @__PURE__ */ _export_sfc$1(_sfc_main$2H, [["render", _sfc_render$2w]]);
+var calendar = /* @__PURE__ */ _export_sfc$1(_sfc_main$2I, [["render", _sfc_render$2v]]);
 
-const _sfc_main$2G = defineComponent({
+const _sfc_main$2H = defineComponent({
   name: "CaretRight"
 });
 const _hoisted_1$1w = {
@@ -4931,12 +4931,12 @@ const _hoisted_2$1c = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$W = [
   _hoisted_2$1c
 ];
-function _sfc_render$2v(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2u(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1w, _hoisted_3$W);
 }
-var caretRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2G, [["render", _sfc_render$2v]]);
+var caretRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2H, [["render", _sfc_render$2u]]);
 
-const _sfc_main$2F = defineComponent({
+const _sfc_main$2G = defineComponent({
   name: "CaretTop"
 });
 const _hoisted_1$1v = {
@@ -4953,12 +4953,12 @@ const _hoisted_2$1b = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$V = [
   _hoisted_2$1b
 ];
-function _sfc_render$2u(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2t(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1v, _hoisted_3$V);
 }
-var caretTop = /* @__PURE__ */ _export_sfc$1(_sfc_main$2F, [["render", _sfc_render$2u]]);
+var caretTop = /* @__PURE__ */ _export_sfc$1(_sfc_main$2G, [["render", _sfc_render$2t]]);
 
-const _sfc_main$2E = defineComponent({
+const _sfc_main$2F = defineComponent({
   name: "Check"
 });
 const _hoisted_1$1u = {
@@ -4975,12 +4975,12 @@ const _hoisted_2$1a = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$U = [
   _hoisted_2$1a
 ];
-function _sfc_render$2t(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2s(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1u, _hoisted_3$U);
 }
-var check = /* @__PURE__ */ _export_sfc$1(_sfc_main$2E, [["render", _sfc_render$2t]]);
+var check = /* @__PURE__ */ _export_sfc$1(_sfc_main$2F, [["render", _sfc_render$2s]]);
 
-const _sfc_main$2D = defineComponent({
+const _sfc_main$2E = defineComponent({
   name: "CircleCheckFilled"
 });
 const _hoisted_1$1t = {
@@ -4997,12 +4997,12 @@ const _hoisted_2$19 = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$T = [
   _hoisted_2$19
 ];
-function _sfc_render$2s(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2r(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1t, _hoisted_3$T);
 }
-var circleCheckFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2D, [["render", _sfc_render$2s]]);
+var circleCheckFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2E, [["render", _sfc_render$2r]]);
 
-const _sfc_main$2C = defineComponent({
+const _sfc_main$2D = defineComponent({
   name: "CircleCheck"
 });
 const _hoisted_1$1s = {
@@ -5024,12 +5024,12 @@ const _hoisted_4$i = [
   _hoisted_2$18,
   _hoisted_3$S
 ];
-function _sfc_render$2r(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2q(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1s, _hoisted_4$i);
 }
-var circleCheck = /* @__PURE__ */ _export_sfc$1(_sfc_main$2C, [["render", _sfc_render$2r]]);
+var circleCheck = /* @__PURE__ */ _export_sfc$1(_sfc_main$2D, [["render", _sfc_render$2q]]);
 
-const _sfc_main$2B = defineComponent({
+const _sfc_main$2C = defineComponent({
   name: "CircleCloseFilled"
 });
 const _hoisted_1$1r = {
@@ -5046,12 +5046,12 @@ const _hoisted_2$17 = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$R = [
   _hoisted_2$17
 ];
-function _sfc_render$2q(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2p(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1r, _hoisted_3$R);
 }
-var circleCloseFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2B, [["render", _sfc_render$2q]]);
+var circleCloseFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2C, [["render", _sfc_render$2p]]);
 
-const _sfc_main$2A = defineComponent({
+const _sfc_main$2B = defineComponent({
   name: "CircleClose"
 });
 const _hoisted_1$1q = {
@@ -5073,12 +5073,12 @@ const _hoisted_4$h = [
   _hoisted_2$16,
   _hoisted_3$Q
 ];
-function _sfc_render$2p(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2o(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1q, _hoisted_4$h);
 }
-var circleClose = /* @__PURE__ */ _export_sfc$1(_sfc_main$2A, [["render", _sfc_render$2p]]);
+var circleClose = /* @__PURE__ */ _export_sfc$1(_sfc_main$2B, [["render", _sfc_render$2o]]);
 
-const _sfc_main$2z = defineComponent({
+const _sfc_main$2A = defineComponent({
   name: "Clock"
 });
 const _hoisted_1$1p = {
@@ -5105,12 +5105,12 @@ const _hoisted_5$b = [
   _hoisted_3$P,
   _hoisted_4$g
 ];
-function _sfc_render$2o(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2n(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1p, _hoisted_5$b);
 }
-var clock = /* @__PURE__ */ _export_sfc$1(_sfc_main$2z, [["render", _sfc_render$2o]]);
+var clock = /* @__PURE__ */ _export_sfc$1(_sfc_main$2A, [["render", _sfc_render$2n]]);
 
-const _sfc_main$2y = defineComponent({
+const _sfc_main$2z = defineComponent({
   name: "Close"
 });
 const _hoisted_1$1o = {
@@ -5127,12 +5127,12 @@ const _hoisted_2$14 = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$O = [
   _hoisted_2$14
 ];
-function _sfc_render$2n(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2m(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1o, _hoisted_3$O);
 }
-var close$2 = /* @__PURE__ */ _export_sfc$1(_sfc_main$2y, [["render", _sfc_render$2n]]);
+var close$2 = /* @__PURE__ */ _export_sfc$1(_sfc_main$2z, [["render", _sfc_render$2m]]);
 
-const _sfc_main$2x = defineComponent({
+const _sfc_main$2y = defineComponent({
   name: "DArrowLeft"
 });
 const _hoisted_1$1n = {
@@ -5149,12 +5149,12 @@ const _hoisted_2$13 = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$N = [
   _hoisted_2$13
 ];
-function _sfc_render$2m(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2l(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1n, _hoisted_3$N);
 }
-var dArrowLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2x, [["render", _sfc_render$2m]]);
+var dArrowLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2y, [["render", _sfc_render$2l]]);
 
-const _sfc_main$2w = defineComponent({
+const _sfc_main$2x = defineComponent({
   name: "DArrowRight"
 });
 const _hoisted_1$1m = {
@@ -5171,12 +5171,12 @@ const _hoisted_2$12 = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$M = [
   _hoisted_2$12
 ];
-function _sfc_render$2l(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2k(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1m, _hoisted_3$M);
 }
-var dArrowRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2w, [["render", _sfc_render$2l]]);
+var dArrowRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2x, [["render", _sfc_render$2k]]);
 
-const _sfc_main$2v = defineComponent({
+const _sfc_main$2w = defineComponent({
   name: "Delete"
 });
 const _hoisted_1$1l = {
@@ -5193,12 +5193,12 @@ const _hoisted_2$11 = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$L = [
   _hoisted_2$11
 ];
-function _sfc_render$2k(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2j(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1l, _hoisted_3$L);
 }
-var _delete = /* @__PURE__ */ _export_sfc$1(_sfc_main$2v, [["render", _sfc_render$2k]]);
+var _delete = /* @__PURE__ */ _export_sfc$1(_sfc_main$2w, [["render", _sfc_render$2j]]);
 
-const _sfc_main$2u = defineComponent({
+const _sfc_main$2v = defineComponent({
   name: "Document"
 });
 const _hoisted_1$1k = {
@@ -5215,12 +5215,12 @@ const _hoisted_2$10 = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$K = [
   _hoisted_2$10
 ];
-function _sfc_render$2j(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2i(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1k, _hoisted_3$K);
 }
-var document$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$2u, [["render", _sfc_render$2j]]);
+var document$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$2v, [["render", _sfc_render$2i]]);
 
-const _sfc_main$2t = defineComponent({
+const _sfc_main$2u = defineComponent({
   name: "FullScreen"
 });
 const _hoisted_1$1j = {
@@ -5237,12 +5237,12 @@ const _hoisted_2$$ = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$J = [
   _hoisted_2$$
 ];
-function _sfc_render$2i(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2h(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1j, _hoisted_3$J);
 }
-var fullScreen = /* @__PURE__ */ _export_sfc$1(_sfc_main$2t, [["render", _sfc_render$2i]]);
+var fullScreen = /* @__PURE__ */ _export_sfc$1(_sfc_main$2u, [["render", _sfc_render$2h]]);
 
-const _sfc_main$2s = defineComponent({
+const _sfc_main$2t = defineComponent({
   name: "InfoFilled"
 });
 const _hoisted_1$1i = {
@@ -5259,12 +5259,12 @@ const _hoisted_2$_ = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$I = [
   _hoisted_2$_
 ];
-function _sfc_render$2h(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2g(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1i, _hoisted_3$I);
 }
-var infoFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2s, [["render", _sfc_render$2h]]);
+var infoFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2t, [["render", _sfc_render$2g]]);
 
-const _sfc_main$2r = defineComponent({
+const _sfc_main$2s = defineComponent({
   name: "Loading"
 });
 const _hoisted_1$1h = {
@@ -5281,12 +5281,12 @@ const _hoisted_2$Z = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$H = [
   _hoisted_2$Z
 ];
-function _sfc_render$2g(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2f(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1h, _hoisted_3$H);
 }
-var loading = /* @__PURE__ */ _export_sfc$1(_sfc_main$2r, [["render", _sfc_render$2g]]);
+var loading = /* @__PURE__ */ _export_sfc$1(_sfc_main$2s, [["render", _sfc_render$2f]]);
 
-const _sfc_main$2q = defineComponent({
+const _sfc_main$2r = defineComponent({
   name: "Minus"
 });
 const _hoisted_1$1g = {
@@ -5303,12 +5303,12 @@ const _hoisted_2$Y = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$G = [
   _hoisted_2$Y
 ];
-function _sfc_render$2f(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2e(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1g, _hoisted_3$G);
 }
-var minus = /* @__PURE__ */ _export_sfc$1(_sfc_main$2q, [["render", _sfc_render$2f]]);
+var minus = /* @__PURE__ */ _export_sfc$1(_sfc_main$2r, [["render", _sfc_render$2e]]);
 
-const _sfc_main$2p = defineComponent({
+const _sfc_main$2q = defineComponent({
   name: "MoreFilled"
 });
 const _hoisted_1$1f = {
@@ -5325,12 +5325,12 @@ const _hoisted_2$X = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$F = [
   _hoisted_2$X
 ];
-function _sfc_render$2e(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2d(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1f, _hoisted_3$F);
 }
-var moreFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2p, [["render", _sfc_render$2e]]);
+var moreFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2q, [["render", _sfc_render$2d]]);
 
-const _sfc_main$2o = defineComponent({
+const _sfc_main$2p = defineComponent({
   name: "More"
 });
 const _hoisted_1$1e = {
@@ -5347,12 +5347,12 @@ const _hoisted_2$W = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$E = [
   _hoisted_2$W
 ];
-function _sfc_render$2d(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2c(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1e, _hoisted_3$E);
 }
-var more = /* @__PURE__ */ _export_sfc$1(_sfc_main$2o, [["render", _sfc_render$2d]]);
+var more = /* @__PURE__ */ _export_sfc$1(_sfc_main$2p, [["render", _sfc_render$2c]]);
 
-const _sfc_main$2n = defineComponent({
+const _sfc_main$2o = defineComponent({
   name: "Plus"
 });
 const _hoisted_1$1d = {
@@ -5369,12 +5369,12 @@ const _hoisted_2$V = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$D = [
   _hoisted_2$V
 ];
-function _sfc_render$2c(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2b(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1d, _hoisted_3$D);
 }
-var plus = /* @__PURE__ */ _export_sfc$1(_sfc_main$2n, [["render", _sfc_render$2c]]);
+var plus = /* @__PURE__ */ _export_sfc$1(_sfc_main$2o, [["render", _sfc_render$2b]]);
 
-const _sfc_main$2m = defineComponent({
+const _sfc_main$2n = defineComponent({
   name: "QuestionFilled"
 });
 const _hoisted_1$1c = {
@@ -5391,12 +5391,12 @@ const _hoisted_2$U = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$C = [
   _hoisted_2$U
 ];
-function _sfc_render$2b(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2a(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1c, _hoisted_3$C);
 }
-var questionFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2m, [["render", _sfc_render$2b]]);
+var questionFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2n, [["render", _sfc_render$2a]]);
 
-const _sfc_main$2l = defineComponent({
+const _sfc_main$2m = defineComponent({
   name: "RefreshLeft"
 });
 const _hoisted_1$1b = {
@@ -5413,12 +5413,12 @@ const _hoisted_2$T = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$B = [
   _hoisted_2$T
 ];
-function _sfc_render$2a(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$29(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1b, _hoisted_3$B);
 }
-var refreshLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2l, [["render", _sfc_render$2a]]);
+var refreshLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2m, [["render", _sfc_render$29]]);
 
-const _sfc_main$2k = defineComponent({
+const _sfc_main$2l = defineComponent({
   name: "RefreshRight"
 });
 const _hoisted_1$1a = {
@@ -5435,12 +5435,12 @@ const _hoisted_2$S = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$A = [
   _hoisted_2$S
 ];
-function _sfc_render$29(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$28(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1a, _hoisted_3$A);
 }
-var refreshRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2k, [["render", _sfc_render$29]]);
+var refreshRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2l, [["render", _sfc_render$28]]);
 
-const _sfc_main$2j = defineComponent({
+const _sfc_main$2k = defineComponent({
   name: "ScaleToOriginal"
 });
 const _hoisted_1$19 = {
@@ -5457,12 +5457,12 @@ const _hoisted_2$R = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$z = [
   _hoisted_2$R
 ];
-function _sfc_render$28(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$27(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$19, _hoisted_3$z);
 }
-var scaleToOriginal = /* @__PURE__ */ _export_sfc$1(_sfc_main$2j, [["render", _sfc_render$28]]);
+var scaleToOriginal = /* @__PURE__ */ _export_sfc$1(_sfc_main$2k, [["render", _sfc_render$27]]);
 
-const _sfc_main$2i = defineComponent({
+const _sfc_main$2j = defineComponent({
   name: "Search"
 });
 const _hoisted_1$18 = {
@@ -5479,12 +5479,12 @@ const _hoisted_2$Q = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$y = [
   _hoisted_2$Q
 ];
-function _sfc_render$27(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$26(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$18, _hoisted_3$y);
 }
-var search = /* @__PURE__ */ _export_sfc$1(_sfc_main$2i, [["render", _sfc_render$27]]);
+var search = /* @__PURE__ */ _export_sfc$1(_sfc_main$2j, [["render", _sfc_render$26]]);
 
-const _sfc_main$2h = defineComponent({
+const _sfc_main$2i = defineComponent({
   name: "StarFilled"
 });
 const _hoisted_1$17 = {
@@ -5501,12 +5501,12 @@ const _hoisted_2$P = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$x = [
   _hoisted_2$P
 ];
-function _sfc_render$26(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$25(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$17, _hoisted_3$x);
 }
-var starFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2h, [["render", _sfc_render$26]]);
+var starFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2i, [["render", _sfc_render$25]]);
 
-const _sfc_main$2g = defineComponent({
+const _sfc_main$2h = defineComponent({
   name: "Star"
 });
 const _hoisted_1$16 = {
@@ -5523,12 +5523,12 @@ const _hoisted_2$O = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$w = [
   _hoisted_2$O
 ];
-function _sfc_render$25(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$24(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$16, _hoisted_3$w);
 }
-var star = /* @__PURE__ */ _export_sfc$1(_sfc_main$2g, [["render", _sfc_render$25]]);
+var star = /* @__PURE__ */ _export_sfc$1(_sfc_main$2h, [["render", _sfc_render$24]]);
 
-const _sfc_main$2f = defineComponent({
+const _sfc_main$2g = defineComponent({
   name: "SuccessFilled"
 });
 const _hoisted_1$15 = {
@@ -5545,12 +5545,12 @@ const _hoisted_2$N = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$v = [
   _hoisted_2$N
 ];
-function _sfc_render$24(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$23(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$15, _hoisted_3$v);
 }
-var successFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2f, [["render", _sfc_render$24]]);
+var successFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2g, [["render", _sfc_render$23]]);
 
-const _sfc_main$2e = defineComponent({
+const _sfc_main$2f = defineComponent({
   name: "View"
 });
 const _hoisted_1$14 = {
@@ -5567,12 +5567,12 @@ const _hoisted_2$M = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$u = [
   _hoisted_2$M
 ];
-function _sfc_render$23(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$22(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$14, _hoisted_3$u);
 }
-var view = /* @__PURE__ */ _export_sfc$1(_sfc_main$2e, [["render", _sfc_render$23]]);
+var view = /* @__PURE__ */ _export_sfc$1(_sfc_main$2f, [["render", _sfc_render$22]]);
 
-const _sfc_main$2d = defineComponent({
+const _sfc_main$2e = defineComponent({
   name: "WarningFilled"
 });
 const _hoisted_1$13 = {
@@ -5589,12 +5589,12 @@ const _hoisted_2$L = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$t = [
   _hoisted_2$L
 ];
-function _sfc_render$22(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$21(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$13, _hoisted_3$t);
 }
-var warningFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2d, [["render", _sfc_render$22]]);
+var warningFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2e, [["render", _sfc_render$21]]);
 
-const _sfc_main$2c = defineComponent({
+const _sfc_main$2d = defineComponent({
   name: "ZoomIn"
 });
 const _hoisted_1$12 = {
@@ -5611,12 +5611,12 @@ const _hoisted_2$K = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$s = [
   _hoisted_2$K
 ];
-function _sfc_render$21(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$20(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$12, _hoisted_3$s);
 }
-var zoomIn = /* @__PURE__ */ _export_sfc$1(_sfc_main$2c, [["render", _sfc_render$21]]);
+var zoomIn = /* @__PURE__ */ _export_sfc$1(_sfc_main$2d, [["render", _sfc_render$20]]);
 
-const _sfc_main$2b = defineComponent({
+const _sfc_main$2c = defineComponent({
   name: "ZoomOut"
 });
 const _hoisted_1$11 = {
@@ -5633,10 +5633,10 @@ const _hoisted_2$J = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$r = [
   _hoisted_2$J
 ];
-function _sfc_render$20(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1$(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$11, _hoisted_3$r);
 }
-var zoomOut = /* @__PURE__ */ _export_sfc$1(_sfc_main$2b, [["render", _sfc_render$20]]);
+var zoomOut = /* @__PURE__ */ _export_sfc$1(_sfc_main$2c, [["render", _sfc_render$1$]]);
 
 const wrapperKey = Symbol();
 const propKey = "__elPropsReservedKey";
@@ -6238,15 +6238,17 @@ const useModal = (instance, visibleRef) => {
 if (isClient)
   useEventListener(document, "keydown", closeModal);
 
+const _prop = buildProp({
+  type: definePropType(Boolean),
+  default: null
+});
+const _event = buildProp({
+  type: definePropType(Function)
+});
 const createModelToggleComposable = (name) => {
   const useModelToggleProps2 = {
-    [name]: buildProp({
-      type: definePropType(Boolean),
-      default: null
-    }),
-    [`onUpdate:${name}`]: buildProp({
-      type: definePropType(Function)
-    })
+    [name]: _prop,
+    [`onUpdate:${name}`]: _event
   };
   const useModelToggleEmits2 = [`update:${name}`];
   const useModelToggle2 = ({
@@ -6732,7 +6734,7 @@ const useZIndex = () => {
   };
 };
 
-const version$1 = "0.0.20220220";
+const version$1 = "0.0.20220222";
 
 const INSTALLED_KEY = Symbol("INSTALLED_KEY");
 const makeInstaller = (components = []) => {
@@ -6773,11 +6775,11 @@ const affixEmits = {
   change: (fixed) => typeof fixed === "boolean"
 };
 
-const __default__$5 = {
+const __default__$7 = {
   name: "ElAffix"
 };
-const _sfc_main$2a = /* @__PURE__ */ defineComponent({
-  ...__default__$5,
+const _sfc_main$2b = /* @__PURE__ */ defineComponent({
+  ...__default__$7,
   props: affixProps,
   emits: affixEmits,
   setup(__props, { emit }) {
@@ -6883,7 +6885,7 @@ const _sfc_main$2a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Affix = _sfc_main$2a;
+var Affix = _sfc_main$2b;
 
 const ElAffix = withInstall(Affix);
 
@@ -6896,12 +6898,12 @@ const iconProps = buildProps({
   }
 });
 
-const __default__$4 = {
+const __default__$6 = {
   name: "ElIcon",
   inheritAttrs: false
 };
-const _sfc_main$29 = /* @__PURE__ */ defineComponent({
-  ...__default__$4,
+const _sfc_main$2a = /* @__PURE__ */ defineComponent({
+  ...__default__$6,
   props: iconProps,
   setup(__props) {
     const props = __props;
@@ -6924,7 +6926,7 @@ const _sfc_main$29 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Icon = _sfc_main$29;
+var Icon = _sfc_main$2a;
 
 const ElIcon = withInstall(Icon);
 
@@ -6963,11 +6965,11 @@ const alertEmits = {
   close: (evt) => evt instanceof MouseEvent
 };
 
-const __default__$3 = {
+const __default__$5 = {
   name: "ElAlert"
 };
-const _sfc_main$28 = /* @__PURE__ */ defineComponent({
-  ...__default__$3,
+const _sfc_main$29 = /* @__PURE__ */ defineComponent({
+  ...__default__$5,
   props: alertProps,
   emits: alertEmits,
   setup(__props, { emit }) {
@@ -7046,7 +7048,7 @@ const _sfc_main$28 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Alert = _sfc_main$28;
+var Alert = _sfc_main$29;
 
 const ElAlert = withInstall(Alert);
 
@@ -7404,7 +7406,7 @@ const PENDANT_MAP = {
   suffix: "append",
   prefix: "prepend"
 };
-const _sfc_main$27 = defineComponent({
+const _sfc_main$28 = defineComponent({
   name: "ElInput",
   components: { ElIcon, CircleClose: circleClose, IconView: view },
   inheritAttrs: false,
@@ -7630,7 +7632,7 @@ const _sfc_main$27 = defineComponent({
 });
 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$1$(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1_(_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");
@@ -7803,7 +7805,7 @@ function _sfc_render$1$(_ctx, _cache, $props, $setup, $data, $options) {
     [vShow, _ctx.type !== "hidden"]
   ]);
 }
-var Input = /* @__PURE__ */ _export_sfc(_sfc_main$27, [["render", _sfc_render$1$]]);
+var Input = /* @__PURE__ */ _export_sfc(_sfc_main$28, [["render", _sfc_render$1_]]);
 
 const ElInput = withInstall(Input);
 
@@ -7846,7 +7848,7 @@ const thumbProps = buildProps({
 });
 
 const COMPONENT_NAME$e = "Thumb";
-const _sfc_main$26 = defineComponent({
+const _sfc_main$27 = defineComponent({
   name: COMPONENT_NAME$e,
   props: thumbProps,
   setup(props) {
@@ -7948,7 +7950,7 @@ const _sfc_main$26 = defineComponent({
     };
   }
 });
-function _sfc_render$1_(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1Z(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(Transition, {
     name: _ctx.ns.b("fade")
   }, {
@@ -7971,7 +7973,7 @@ function _sfc_render$1_(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["name"]);
 }
-var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$26, [["render", _sfc_render$1_]]);
+var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$27, [["render", _sfc_render$1Z]]);
 
 const barProps = buildProps({
   always: {
@@ -7996,7 +7998,7 @@ const barProps = buildProps({
   }
 });
 
-const _sfc_main$25 = defineComponent({
+const _sfc_main$26 = defineComponent({
   components: {
     Thumb
   },
@@ -8020,7 +8022,7 @@ const _sfc_main$25 = defineComponent({
     };
   }
 });
-function _sfc_render$1Z(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1Y(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_thumb = resolveComponent("thumb");
   return openBlock(), createElementBlock(Fragment, null, [
     createVNode(_component_thumb, {
@@ -8038,7 +8040,7 @@ function _sfc_render$1Z(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["move", "ratio", "size", "always"])
   ], 64);
 }
-var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["render", _sfc_render$1Z]]);
+var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$26, [["render", _sfc_render$1Y]]);
 
 const scrollbarProps = buildProps({
   height: {
@@ -8090,7 +8092,7 @@ const scrollbarEmits = {
   }) => isNumber(scrollTop) && isNumber(scrollLeft)
 };
 
-const _sfc_main$24 = defineComponent({
+const _sfc_main$25 = defineComponent({
   name: "ElScrollbar",
   components: {
     Bar
@@ -8203,7 +8205,7 @@ const _sfc_main$24 = defineComponent({
     };
   }
 });
-function _sfc_render$1Y(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1X(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_bar = resolveComponent("bar");
   return openBlock(), createElementBlock("div", {
     ref: "scrollbar$",
@@ -8241,14 +8243,14 @@ function _sfc_render$1Y(_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$24, [["render", _sfc_render$1Y]]);
+var Scrollbar$1 = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["render", _sfc_render$1X]]);
 
 const ElScrollbar = withInstall(Scrollbar$1);
 
 const POPPER_INJECTION_KEY = Symbol("elPopper");
 const POPPER_CONTENT_INJECTION_KEY = Symbol("elPopperContent");
 
-const _sfc_main$23 = defineComponent({
+const _sfc_main$24 = defineComponent({
   name: "ElPopperProvider",
   inheritAttrs: false,
   setup() {
@@ -8261,10 +8263,10 @@ const _sfc_main$23 = defineComponent({
     return popperProvides;
   }
 });
-function _sfc_render$1X(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1W(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default");
 }
-var Popper = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["render", _sfc_render$1X]]);
+var Popper = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["render", _sfc_render$1W]]);
 
 var top = 'top';
 var bottom = 'bottom';
@@ -10144,7 +10146,7 @@ const usePopperTriggerProps = buildProps({
   }
 });
 
-const _sfc_main$22 = defineComponent({
+const _sfc_main$23 = defineComponent({
   name: "ElPopperArrow",
   props: usePopperArrowProps,
   setup(props) {
@@ -10166,14 +10168,14 @@ const _sfc_main$22 = defineComponent({
     };
   }
 });
-function _sfc_render$1W(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1V(_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$22, [["render", _sfc_render$1W]]);
+var ElPopperArrow = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["render", _sfc_render$1V]]);
 
 const NAME = "ElOnlyChild";
 const OnlyChild = defineComponent({
@@ -10212,6 +10214,8 @@ function findFirstLegitChild(node) {
           continue;
         case Text:
           return wrapTextContent(child);
+        case "svg":
+          return wrapTextContent(child);
         case Fragment:
           return findFirstLegitChild(child.children);
         default:
@@ -10301,7 +10305,7 @@ function deriveExtraModifiers(options, modifiers) {
   }
 }
 
-const _sfc_main$21 = defineComponent({
+const _sfc_main$22 = defineComponent({
   name: "ElPopperTrigger",
   components: { ElOnlyChild },
   inheritAttrs: false,
@@ -10353,7 +10357,7 @@ const _sfc_main$21 = defineComponent({
     };
   }
 });
-function _sfc_render$1V(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1U(_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
@@ -10364,9 +10368,9 @@ function _sfc_render$1V(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 16, ["aria-describedby"])) : createCommentVNode("v-if", true);
 }
-var ElPopperTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["render", _sfc_render$1V]]);
+var ElPopperTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["render", _sfc_render$1U]]);
 
-const _sfc_main$20 = defineComponent({
+const _sfc_main$21 = defineComponent({
   name: "ElPopperContent",
   props: usePopperContentProps,
   emits: ["mouseenter", "mouseleave"],
@@ -10450,7 +10454,7 @@ const _sfc_main$20 = defineComponent({
     };
   }
 });
-function _sfc_render$1U(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1T(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: "popperContentRef",
     style: normalizeStyle(_ctx.contentStyle),
@@ -10462,7 +10466,7 @@ function _sfc_render$1U(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 38);
 }
-var ElPopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$20, [["render", _sfc_render$1U]]);
+var ElPopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["render", _sfc_render$1T]]);
 
 function useDeprecateAppendToBody(scope, from) {
   const vm = getCurrentInstance();
@@ -10483,7 +10487,7 @@ function useDeprecateAppendToBody(scope, from) {
 
 const ElPopper = withInstall(Popper);
 
-const _sfc_main$1$ = defineComponent({
+const _sfc_main$20 = defineComponent({
   name: "ElVisuallyHidden",
   props: {
     style: {
@@ -10512,10 +10516,10 @@ const _sfc_main$1$ = defineComponent({
     };
   }
 });
-function _sfc_render$1T(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1S(_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$1$, [["render", _sfc_render$1T]]);
+var ElVisuallyHidden = /* @__PURE__ */ _export_sfc(_sfc_main$20, [["render", _sfc_render$1S]]);
 
 const useTooltipContentProps = buildProps({
   ...useDelayedToggleProps,
@@ -10578,7 +10582,7 @@ const useTooltipProps = buildProps({
 
 const TOOLTIP_INJECTION_KEY = Symbol("elTooltip");
 
-const _sfc_main$1_ = defineComponent({
+const _sfc_main$1$ = defineComponent({
   name: "ElTooltipContent",
   components: {
     ElPopperContent,
@@ -10591,7 +10595,18 @@ const _sfc_main$1_ = defineComponent({
     const intermediateOpen = ref(false);
     const entering = ref(false);
     const leaving = ref(false);
-    const { controlled, id, open, trigger, onClose, onOpen, onShow, onHide } = inject(TOOLTIP_INJECTION_KEY, void 0);
+    const {
+      controlled,
+      id,
+      open,
+      trigger,
+      onClose,
+      onOpen,
+      onShow,
+      onHide,
+      onBeforeShow,
+      onBeforeHide
+    } = inject(TOOLTIP_INJECTION_KEY, void 0);
     const persistentRef = computed(() => {
       return props.persistent;
     });
@@ -10627,6 +10642,10 @@ const _sfc_main$1_ = defineComponent({
     const onBeforeEnter = () => {
       var _a, _b;
       (_b = (_a = contentRef.value) == null ? void 0 : _a.updatePopper) == null ? void 0 : _b.call(_a);
+      onBeforeShow();
+    };
+    const onBeforeLeave = () => {
+      onBeforeHide();
     };
     const onAfterShow = () => {
       onShow();
@@ -10664,13 +10683,14 @@ const _sfc_main$1_ = defineComponent({
       open,
       onAfterShow,
       onBeforeEnter,
+      onBeforeLeave,
       onContentEnter,
       onContentLeave,
       onTransitionLeave
     };
   }
 });
-function _sfc_render$1S(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1R(_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, {
@@ -10681,7 +10701,8 @@ function _sfc_render$1S(_ctx, _cache, $props, $setup, $data, $options) {
       name: _ctx.transition,
       onAfterLeave: _ctx.onTransitionLeave,
       onBeforeEnter: _ctx.onBeforeEnter,
-      onAfterEnter: _ctx.onAfterShow
+      onAfterEnter: _ctx.onAfterShow,
+      onBeforeLeave: _ctx.onBeforeLeave
     }, {
       default: withCtx(() => [
         _ctx.shouldRender ? withDirectives((openBlock(), createBlock(_component_el_popper_content, mergeProps({
@@ -10724,10 +10745,10 @@ function _sfc_render$1S(_ctx, _cache, $props, $setup, $data, $options) {
         ]) : createCommentVNode("v-if", true)
       ]),
       _: 3
-    }, 8, ["name", "onAfterLeave", "onBeforeEnter", "onAfterEnter"])
+    }, 8, ["name", "onAfterLeave", "onBeforeEnter", "onAfterEnter", "onBeforeLeave"])
   ], 8, ["disabled", "to"]);
 }
-var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$1_, [["render", _sfc_render$1S]]);
+var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$1$, [["render", _sfc_render$1R]]);
 
 const isTriggerType = (trigger, type) => {
   if (isArray(trigger)) {
@@ -10741,7 +10762,7 @@ const whenTrigger = (trigger, type, handler) => {
   };
 };
 
-const _sfc_main$1Z = defineComponent({
+const _sfc_main$1_ = defineComponent({
   name: "ElTooltipTrigger",
   components: {
     ElPopperTrigger
@@ -10791,7 +10812,7 @@ const _sfc_main$1Z = defineComponent({
     };
   }
 });
-function _sfc_render$1R(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1Q(_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,
@@ -10813,10 +10834,10 @@ function _sfc_render$1R(_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$1Z, [["render", _sfc_render$1R]]);
+var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$1_, [["render", _sfc_render$1Q]]);
 
 const { useModelToggleProps, useModelToggle, useModelToggleEmits } = createModelToggleComposable("visible");
-const _sfc_main$1Y = defineComponent({
+const _sfc_main$1Z = defineComponent({
   name: "ElTooltip",
   components: {
     ElPopper,
@@ -10831,7 +10852,7 @@ const _sfc_main$1Y = defineComponent({
     ...usePopperArrowProps,
     ...useTooltipProps
   },
-  emits: [...useModelToggleEmits, "show", "hide"],
+  emits: [...useModelToggleEmits, "before-show", "before-hide", "show", "hide"],
   setup(props, { emit }) {
     usePopperContainer();
     const compatShowAfter = computed(() => {
@@ -10882,6 +10903,12 @@ const _sfc_main$1Y = defineComponent({
       onHide: () => {
         emit("hide");
       },
+      onBeforeShow: () => {
+        emit("before-show");
+      },
+      onBeforeHide: () => {
+        emit("before-hide");
+      },
       updatePopper
     });
     return {
@@ -10898,7 +10925,7 @@ const _sfc_main$1Y = defineComponent({
 });
 const _hoisted_1$$ = ["innerHTML"];
 const _hoisted_2$H = { key: 1 };
-function _sfc_render$1Q(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1P(_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");
@@ -10960,12 +10987,12 @@ function _sfc_render$1Q(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 512);
 }
-var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$1Y, [["render", _sfc_render$1Q]]);
+var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$1Z, [["render", _sfc_render$1P]]);
 
 const ElTooltip = withInstall(Tooltip);
 
 const COMPONENT_NAME$d = "ElAutocomplete";
-const _sfc_main$1X = defineComponent({
+const _sfc_main$1Y = defineComponent({
   name: COMPONENT_NAME$d,
   components: {
     ElTooltip,
@@ -11214,7 +11241,7 @@ const _sfc_main$1X = defineComponent({
 const _hoisted_1$_ = ["aria-expanded", "aria-owns"];
 const _hoisted_2$G = { key: 0 };
 const _hoisted_3$q = ["id", "aria-selected", "onClick"];
-function _sfc_render$1P(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1O(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_input = resolveComponent("el-input");
   const _component_loading = resolveComponent("loading");
   const _component_el_icon = resolveComponent("el-icon");
@@ -11334,7 +11361,7 @@ function _sfc_render$1P(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["visible", "placement", "popper-class", "teleported", "transition", "onShow"]);
 }
-var Autocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$1X, [["render", _sfc_render$1P]]);
+var Autocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$1Y, [["render", _sfc_render$1O]]);
 
 Autocomplete.install = (app) => {
   app.component(Autocomplete.name, Autocomplete);
@@ -11372,7 +11399,7 @@ const avatarEmits = {
   error: (evt) => evt instanceof Event
 };
 
-const _sfc_main$1W = defineComponent({
+const _sfc_main$1X = defineComponent({
   name: "ElAvatar",
   components: {
     ElIcon
@@ -11417,7 +11444,7 @@ const _sfc_main$1W = defineComponent({
   }
 });
 const _hoisted_1$Z = ["src", "alt", "srcset"];
-function _sfc_render$1O(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1N(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
   return openBlock(), createElementBlock("span", {
     class: normalizeClass(_ctx.avatarClass),
@@ -11438,7 +11465,7 @@ function _sfc_render$1O(_ctx, _cache, $props, $setup, $data, $options) {
     })) : renderSlot(_ctx.$slots, "default", { key: 2 })
   ], 6);
 }
-var Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$1W, [["render", _sfc_render$1O]]);
+var Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$1X, [["render", _sfc_render$1N]]);
 
 const ElAvatar = withInstall(Avatar);
 
@@ -11465,11 +11492,11 @@ const backtopEmits = {
 };
 
 const _hoisted_1$Y = ["onClick"];
-const __default__$2 = {
+const __default__$4 = {
   name: "ElBacktop"
 };
-const _sfc_main$1V = /* @__PURE__ */ defineComponent({
-  ...__default__$2,
+const _sfc_main$1W = /* @__PURE__ */ defineComponent({
+  ...__default__$4,
   props: backtopProps,
   emits: backtopEmits,
   setup(__props, { emit }) {
@@ -11550,7 +11577,7 @@ const _sfc_main$1V = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Backtop = _sfc_main$1V;
+var Backtop = _sfc_main$1W;
 
 const ElBacktop = withInstall(Backtop);
 
@@ -11573,11 +11600,11 @@ const badgeProps = buildProps({
 });
 
 const _hoisted_1$X = ["textContent"];
-const __default__$1 = {
+const __default__$3 = {
   name: "ElBadge"
 };
-const _sfc_main$1U = /* @__PURE__ */ defineComponent({
-  ...__default__$1,
+const _sfc_main$1V = /* @__PURE__ */ defineComponent({
+  ...__default__$3,
   props: badgeProps,
   setup(__props) {
     const props = __props;
@@ -11617,7 +11644,7 @@ const _sfc_main$1U = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Badge = _sfc_main$1U;
+var Badge = _sfc_main$1V;
 
 const ElBadge = withInstall(Badge);
 
@@ -11632,7 +11659,7 @@ const breadcrumbProps = buildProps({
   }
 });
 
-const _sfc_main$1T = defineComponent({
+const _sfc_main$1U = defineComponent({
   name: "ElBreadcrumb",
   props: breadcrumbProps,
   setup(props) {
@@ -11651,7 +11678,7 @@ const _sfc_main$1T = defineComponent({
     };
   }
 });
-function _sfc_render$1N(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1M(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: "breadcrumb",
     class: normalizeClass(_ctx.ns.b()),
@@ -11661,7 +11688,7 @@ function _sfc_render$1N(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-var Breadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$1T, [["render", _sfc_render$1N]]);
+var Breadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$1U, [["render", _sfc_render$1M]]);
 
 const breadcrumbItemProps = buildProps({
   to: {
@@ -11675,7 +11702,7 @@ const breadcrumbItemProps = buildProps({
 });
 
 const COMPONENT_NAME$c = "ElBreadcrumbItem";
-const _sfc_main$1S = defineComponent({
+const _sfc_main$1T = defineComponent({
   name: COMPONENT_NAME$c,
   components: {
     ElIcon
@@ -11703,7 +11730,7 @@ const _sfc_main$1S = defineComponent({
     };
   }
 });
-function _sfc_render$1M(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1L(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
   return openBlock(), createElementBlock("span", {
     class: normalizeClass(_ctx.ns.e("item"))
@@ -11730,7 +11757,7 @@ function _sfc_render$1M(_ctx, _cache, $props, $setup, $data, $options) {
     }, toDisplayString(_ctx.separator), 3))
   ], 2);
 }
-var BreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main$1S, [["render", _sfc_render$1M]]);
+var BreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main$1T, [["render", _sfc_render$1L]]);
 
 const ElBreadcrumb = withInstall(Breadcrumb, {
   BreadcrumbItem
@@ -12902,11 +12929,11 @@ const buttonEmits = {
 };
 
 const _hoisted_1$W = ["disabled", "autofocus", "type"];
-const __default__ = {
+const __default__$2 = {
   name: "ElButton"
 };
-const _sfc_main$1R = /* @__PURE__ */ defineComponent({
-  ...__default__,
+const _sfc_main$1S = /* @__PURE__ */ defineComponent({
+  ...__default__$2,
   props: buttonProps,
   emits: buttonEmits,
   setup(__props, { expose, emit }) {
@@ -13032,14 +13059,14 @@ const _sfc_main$1R = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Button = _sfc_main$1R;
+var Button = _sfc_main$1S;
 
 const buttonGroupProps = {
   size: buttonProps.size,
   type: buttonProps.type
 };
 
-const _sfc_main$1Q = defineComponent({
+const _sfc_main$1R = defineComponent({
   name: "ElButtonGroup",
   props: buttonGroupProps,
   setup(props) {
@@ -13053,14 +13080,14 @@ const _sfc_main$1Q = defineComponent({
     };
   }
 });
-function _sfc_render$1L(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1K(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(`${_ctx.ns.b("group")}`)
   }, [
     renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-var ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1Q, [["render", _sfc_render$1L]]);
+var ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1R, [["render", _sfc_render$1K]]);
 
 const ElButton = withInstall(Button, {
   ButtonGroup
@@ -13250,7 +13277,7 @@ const formatter = function(date, format, lang) {
     return +date;
   return dayjs(date).locale(lang).format(format);
 };
-const _sfc_main$1P = defineComponent({
+const _sfc_main$1Q = defineComponent({
   name: "Picker",
   components: {
     ElInput,
@@ -13644,7 +13671,7 @@ const _sfc_main$1P = defineComponent({
 const _hoisted_1$V = ["id", "name", "placeholder", "value", "disabled", "readonly"];
 const _hoisted_2$F = { class: "el-range-separator" };
 const _hoisted_3$p = ["id", "name", "placeholder", "value", "disabled", "readonly"];
-function _sfc_render$1K(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1J(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
   const _component_el_input = resolveComponent("el-input");
   const _component_el_tooltip = resolveComponent("el-tooltip");
@@ -13805,7 +13832,7 @@ function _sfc_render$1K(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 16, ["visible", "popper-class", "popper-options", "onShow", "onHide"]);
 }
-var CommonPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1P, [["render", _sfc_render$1K]]);
+var CommonPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1Q, [["render", _sfc_render$1J]]);
 
 const makeList = (total, method, methodFunc) => {
   const arr = [];
@@ -13861,7 +13888,7 @@ const useOldValue = (props) => {
   return oldValue;
 };
 
-const _sfc_main$1O = defineComponent({
+const _sfc_main$1P = defineComponent({
   directives: {
     repeatClick: RepeatClick
   },
@@ -14130,7 +14157,7 @@ const _sfc_main$1O = defineComponent({
 const _hoisted_1$U = ["onClick"];
 const _hoisted_2$E = ["onMouseenter"];
 const _hoisted_3$o = { class: "el-time-spinner__list" };
-function _sfc_render$1J(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1I(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_scrollbar = resolveComponent("el-scrollbar");
   const _component_arrow_up = resolveComponent("arrow-up");
   const _component_el_icon = resolveComponent("el-icon");
@@ -14215,9 +14242,9 @@ function _sfc_render$1J(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128)) : createCommentVNode("v-if", true)
   ], 2);
 }
-var TimeSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$1O, [["render", _sfc_render$1J]]);
+var TimeSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$1P, [["render", _sfc_render$1I]]);
 
-const _sfc_main$1N = defineComponent({
+const _sfc_main$1O = defineComponent({
   components: {
     TimeSpinner
   },
@@ -14384,7 +14411,7 @@ const _hoisted_1$T = {
   class: "el-time-panel"
 };
 const _hoisted_2$D = { class: "el-time-panel__footer" };
-function _sfc_render$1I(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1H(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_time_spinner = resolveComponent("time-spinner");
   return openBlock(), createBlock(Transition, { name: _ctx.transitionName }, {
     default: withCtx(() => [
@@ -14424,7 +14451,7 @@ function _sfc_render$1I(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["name"]);
 }
-var TimePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1N, [["render", _sfc_render$1I]]);
+var TimePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1O, [["render", _sfc_render$1H]]);
 
 const makeSelectRange = (start, end) => {
   const result = [];
@@ -14433,7 +14460,7 @@ const makeSelectRange = (start, end) => {
   }
   return result;
 };
-const _sfc_main$1M = defineComponent({
+const _sfc_main$1N = defineComponent({
   components: { TimeSpinner },
   props: {
     visible: Boolean,
@@ -14668,7 +14695,7 @@ 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$1H(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1G(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_time_spinner = resolveComponent("time-spinner");
   return _ctx.actualVisible ? (openBlock(), createElementBlock("div", _hoisted_1$S, [
     createElementVNode("div", _hoisted_2$C, [
@@ -14730,7 +14757,7 @@ function _sfc_render$1H(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ])) : createCommentVNode("v-if", true);
 }
-var TimeRangePanel = /* @__PURE__ */ _export_sfc(_sfc_main$1M, [["render", _sfc_render$1H]]);
+var TimeRangePanel = /* @__PURE__ */ _export_sfc(_sfc_main$1N, [["render", _sfc_render$1G]]);
 
 dayjs.extend(customParseFormat);
 var TimePicker = defineComponent({
@@ -14824,7 +14851,7 @@ const toNestedArr = (days) => rangeArr(days.length / 7).map((index) => {
   const start = index * 7;
   return days.slice(start, start + 7);
 });
-const _sfc_main$1L = defineComponent({
+const _sfc_main$1M = defineComponent({
   props: dateTableProps,
   emits: dateTableEmits,
   setup(props, { emit }) {
@@ -14926,7 +14953,7 @@ const _sfc_main$1L = defineComponent({
 });
 const _hoisted_1$R = { key: 0 };
 const _hoisted_2$B = ["onClick"];
-function _sfc_render$1G(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1F(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("table", {
     class: normalizeClass([_ctx.nsTable.b(), _ctx.nsTable.is("range", _ctx.isInRange)]),
     cellspacing: "0",
@@ -14968,7 +14995,7 @@ function _sfc_render$1G(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 2);
 }
-var DateTable$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["render", _sfc_render$1G]]);
+var DateTable$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1M, [["render", _sfc_render$1F]]);
 
 const calendarProps = buildProps({
   modelValue: {
@@ -14984,7 +15011,7 @@ const calendarEmits = {
   input: (value) => value instanceof Date
 };
 
-const _sfc_main$1K = defineComponent({
+const _sfc_main$1L = defineComponent({
   name: "ElCalendar",
   components: {
     DateTable: DateTable$1,
@@ -15127,7 +15154,7 @@ const _sfc_main$1K = defineComponent({
     };
   }
 });
-function _sfc_render$1F(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1E(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_button = resolveComponent("el-button");
   const _component_el_button_group = resolveComponent("el-button-group");
   const _component_date_table = resolveComponent("date-table");
@@ -15220,7 +15247,7 @@ function _sfc_render$1F(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2))
   ], 2);
 }
-var Calendar = /* @__PURE__ */ _export_sfc(_sfc_main$1K, [["render", _sfc_render$1F]]);
+var Calendar = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["render", _sfc_render$1E]]);
 
 const ElCalendar = withInstall(Calendar);
 
@@ -15239,7 +15266,7 @@ const cardProps = buildProps({
   }
 });
 
-const _sfc_main$1J = defineComponent({
+const _sfc_main$1K = defineComponent({
   name: "ElCard",
   props: cardProps,
   setup() {
@@ -15249,7 +15276,7 @@ const _sfc_main$1J = defineComponent({
     };
   }
 });
-function _sfc_render$1E(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1D(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass([_ctx.ns.b(), _ctx.ns.is(`${_ctx.shadow}-shadow`)])
   }, [
@@ -15269,11 +15296,11 @@ function _sfc_render$1E(_ctx, _cache, $props, $setup, $data, $options) {
     ], 6)
   ], 2);
 }
-var Card = /* @__PURE__ */ _export_sfc(_sfc_main$1J, [["render", _sfc_render$1E]]);
+var Card = /* @__PURE__ */ _export_sfc(_sfc_main$1K, [["render", _sfc_render$1D]]);
 
 const ElCard = withInstall(Card);
 
-const _sfc_main$1I = defineComponent({
+const _sfc_main$1J = defineComponent({
   name: "ElCarousel",
   components: {
     ElIcon,
@@ -15530,7 +15557,7 @@ const _sfc_main$1I = defineComponent({
 });
 const _hoisted_1$Q = ["onMouseenter", "onClick"];
 const _hoisted_2$A = { key: 0 };
-function _sfc_render$1D(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1C(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_arrow_left = resolveComponent("arrow-left");
   const _component_el_icon = resolveComponent("el-icon");
   const _component_arrow_right = resolveComponent("arrow-right");
@@ -15625,10 +15652,10 @@ function _sfc_render$1D(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)) : createCommentVNode("v-if", true)
   ], 34);
 }
-var Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$1I, [["render", _sfc_render$1D]]);
+var Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$1J, [["render", _sfc_render$1C]]);
 
 const CARD_SCALE = 0.83;
-const _sfc_main$1H = defineComponent({
+const _sfc_main$1I = defineComponent({
   name: "ElCarouselItem",
   props: {
     name: { type: String, default: "" },
@@ -15742,7 +15769,7 @@ const _sfc_main$1H = defineComponent({
     };
   }
 });
-function _sfc_render$1C(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
   return withDirectives((openBlock(), createElementBlock("div", {
     class: normalizeClass([
       _ctx.ns.e("item"),
@@ -15766,7 +15793,7 @@ function _sfc_render$1C(_ctx, _cache, $props, $setup, $data, $options) {
     [vShow, _ctx.data.ready]
   ]);
 }
-var CarouselItem = /* @__PURE__ */ _export_sfc(_sfc_main$1H, [["render", _sfc_render$1C]]);
+var CarouselItem = /* @__PURE__ */ _export_sfc(_sfc_main$1I, [["render", _sfc_render$1B]]);
 
 const ElCarousel = withInstall(Carousel, {
   CarouselItem
@@ -15937,7 +15964,7 @@ const useCheckbox = (props) => {
   };
 };
 
-const _sfc_main$1G = defineComponent({
+const _sfc_main$1H = defineComponent({
   name: "ElCheckbox",
   props: {
     modelValue: {
@@ -15990,7 +16017,7 @@ const _hoisted_1$P = ["id", "aria-controls"];
 const _hoisted_2$z = ["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"];
-function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("label", {
     id: _ctx.id,
     class: normalizeClass([
@@ -16061,9 +16088,9 @@ function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)) : createCommentVNode("v-if", true)
   ], 10, _hoisted_1$P);
 }
-var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _sfc_render$1B]]);
+var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$1H, [["render", _sfc_render$1A]]);
 
-const _sfc_main$1F = defineComponent({
+const _sfc_main$1G = defineComponent({
   name: "ElCheckboxButton",
   props: useCheckboxProps,
   emits: [UPDATE_MODEL_EVENT, "change"],
@@ -16096,7 +16123,7 @@ const _sfc_main$1F = defineComponent({
 const _hoisted_1$O = ["aria-checked", "aria-disabled"];
 const _hoisted_2$y = ["name", "tabindex", "disabled", "true-value", "false-value"];
 const _hoisted_3$l = ["name", "tabindex", "disabled", "value"];
-function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("label", {
     class: normalizeClass([
       _ctx.ns.b("button"),
@@ -16150,9 +16177,9 @@ function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
     ], 6)) : createCommentVNode("v-if", true)
   ], 10, _hoisted_1$O);
 }
-var CheckboxButton = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$1A]]);
+var CheckboxButton = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _sfc_render$1z]]);
 
-const _sfc_main$1E = defineComponent({
+const _sfc_main$1F = defineComponent({
   name: "ElCheckboxGroup",
   props: {
     modelValue: {
@@ -16224,7 +16251,7 @@ const _sfc_main$1E = defineComponent({
     };
   }
 });
-var CheckboxGroup = _sfc_main$1E;
+var CheckboxGroup = _sfc_main$1F;
 
 const ElCheckbox = withInstall(Checkbox, {
   CheckboxButton,
@@ -16292,7 +16319,7 @@ const useRadio = (props, emit) => {
   };
 };
 
-const _sfc_main$1D = defineComponent({
+const _sfc_main$1E = defineComponent({
   name: "ElRadio",
   props: radioProps,
   emits: radioEmits,
@@ -16317,7 +16344,7 @@ const _sfc_main$1D = defineComponent({
 });
 const _hoisted_1$N = ["aria-checked", "aria-disabled", "tabindex"];
 const _hoisted_2$x = ["value", "name", "disabled"];
-function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("label", {
     class: normalizeClass([
       _ctx.ns.b(),
@@ -16371,7 +16398,7 @@ function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
     ], 34)
   ], 42, _hoisted_1$N);
 }
-var Radio = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["render", _sfc_render$1z]]);
+var Radio = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$1y]]);
 
 const radioButtonProps = buildProps({
   ...radioPropsBase,
@@ -16381,7 +16408,7 @@ const radioButtonProps = buildProps({
   }
 });
 
-const _sfc_main$1C = defineComponent({
+const _sfc_main$1D = defineComponent({
   name: "ElRadioButton",
   props: radioButtonProps,
   setup(props, { emit }) {
@@ -16419,7 +16446,7 @@ const _sfc_main$1C = defineComponent({
 });
 const _hoisted_1$M = ["aria-checked", "aria-disabled", "tabindex"];
 const _hoisted_2$w = ["value", "name", "disabled"];
-function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("label", {
     class: normalizeClass([
       _ctx.ns.b("button"),
@@ -16460,7 +16487,7 @@ function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
     ], 38)
   ], 42, _hoisted_1$M);
 }
-var RadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$1C, [["render", _sfc_render$1y]]);
+var RadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["render", _sfc_render$1x]]);
 
 const radioGroupProps = buildProps({
   size: useSizeProp,
@@ -16480,7 +16507,7 @@ const radioGroupProps = buildProps({
 });
 const radioGroupEmits = radioEmits;
 
-const _sfc_main$1B = defineComponent({
+const _sfc_main$1C = defineComponent({
   name: "ElRadioGroup",
   props: radioGroupProps,
   emits: radioGroupEmits,
@@ -16540,7 +16567,7 @@ const _sfc_main$1B = defineComponent({
     };
   }
 });
-function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: "radioGroupRef",
     class: normalizeClass(_ctx.ns.b("group")),
@@ -16550,7 +16577,7 @@ function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 34);
 }
-var RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["render", _sfc_render$1x]]);
+var RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1C, [["render", _sfc_render$1w]]);
 
 const ElRadio = withInstall(Radio, {
   RadioButton,
@@ -16576,7 +16603,7 @@ var ExpandTrigger$1 = /* @__PURE__ */ ((ExpandTrigger2) => {
 })(ExpandTrigger$1 || {});
 const CASCADER_PANEL_INJECTION_KEY = Symbol();
 
-const _sfc_main$1A = defineComponent({
+const _sfc_main$1B = defineComponent({
   name: "ElCascaderNode",
   components: {
     ElCheckbox,
@@ -16691,7 +16718,7 @@ const _sfc_main$1A = defineComponent({
 });
 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$1w(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_checkbox = resolveComponent("el-checkbox");
   const _component_el_radio = resolveComponent("el-radio");
   const _component_check = resolveComponent("check");
@@ -16774,9 +16801,9 @@ function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2112)) : createCommentVNode("v-if", true)
   ], 42, _hoisted_1$L);
 }
-var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1A, [["render", _sfc_render$1w]]);
+var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["render", _sfc_render$1v]]);
 
-const _sfc_main$1z = defineComponent({
+const _sfc_main$1A = defineComponent({
   name: "ElCascaderMenu",
   components: {
     Loading: loading,
@@ -16865,7 +16892,7 @@ const _hoisted_3$k = {
   ref: "hoverZone",
   class: "el-cascader-menu__hover-zone"
 };
-function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_cascader_node = resolveComponent("el-cascader-node");
   const _component_loading = resolveComponent("loading");
   const _component_el_icon = resolveComponent("el-icon");
@@ -16908,7 +16935,7 @@ function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["view-class", "onMousemove", "onMouseleave"]);
 }
-var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["render", _sfc_render$1v]]);
+var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1A, [["render", _sfc_render$1u]]);
 
 var ExpandTrigger = /* @__PURE__ */ ((ExpandTrigger2) => {
   ExpandTrigger2["CLICK"] = "click";
@@ -17143,7 +17170,7 @@ const sortByOriginalOrder = (oldNodes, newNodes) => {
   return res;
 };
 
-const _sfc_main$1y = defineComponent({
+const _sfc_main$1z = defineComponent({
   name: "ElCascaderPanel",
   components: {
     ElCascaderMenu
@@ -17385,7 +17412,7 @@ const _sfc_main$1y = defineComponent({
     };
   }
 });
-function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1t(_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"]),
@@ -17402,7 +17429,7 @@ function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128))
   ], 34);
 }
-var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["render", _sfc_render$1u]]);
+var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["render", _sfc_render$1t]]);
 
 CascaderPanel.install = (app) => {
   app.component(CascaderPanel.name, CascaderPanel);
@@ -17438,7 +17465,7 @@ const tagEmits = {
   click: (evt) => evt instanceof MouseEvent
 };
 
-const _sfc_main$1x = defineComponent({
+const _sfc_main$1y = defineComponent({
   name: "ElTag",
   components: { ElIcon, Close: close$2 },
   props: tagProps,
@@ -17472,7 +17499,7 @@ const _sfc_main$1x = defineComponent({
     };
   }
 });
-function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_close = resolveComponent("close");
   const _component_el_icon = resolveComponent("el-icon");
   return !_ctx.disableTransitions ? (openBlock(), createElementBlock("span", {
@@ -17526,7 +17553,7 @@ function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["name"]));
 }
-var Tag = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["render", _sfc_render$1t]]);
+var Tag = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["render", _sfc_render$1s]]);
 
 const ElTag = withInstall(Tag);
 
@@ -17553,7 +17580,7 @@ const popperOptions = {
   ]
 };
 const COMPONENT_NAME$b = "ElCascader";
-const _sfc_main$1w = defineComponent({
+const _sfc_main$1x = defineComponent({
   name: COMPONENT_NAME$b,
   components: {
     ElCascaderPanel: _CascaderPanel,
@@ -17964,7 +17991,7 @@ const _hoisted_1$J = {
 const _hoisted_2$t = ["placeholder"];
 const _hoisted_3$j = ["onClick"];
 const _hoisted_4$d = { class: "el-cascader__empty-text" };
-function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1r(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_circle_close = resolveComponent("circle-close");
   const _component_el_icon = resolveComponent("el-icon");
   const _component_arrow_down = resolveComponent("arrow-down");
@@ -18147,7 +18174,7 @@ function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["visible", "teleported", "popper-class", "popper-options", "onHide"]);
 }
-var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["render", _sfc_render$1s]]);
+var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["render", _sfc_render$1r]]);
 
 Cascader.install = (app) => {
   app.component(Cascader.name, Cascader);
@@ -18166,7 +18193,7 @@ const checkTagEmits = {
   change: (value) => isBoolean(value)
 };
 
-const _sfc_main$1v = defineComponent({
+const _sfc_main$1w = defineComponent({
   name: "ElCheckTag",
   props: checkTagProps,
   emits: checkTagEmits,
@@ -18183,7 +18210,7 @@ const _sfc_main$1v = defineComponent({
     };
   }
 });
-function _sfc_render$1r(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("span", {
     class: normalizeClass([_ctx.ns.b(), _ctx.ns.is("checked", _ctx.checked)]),
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onChange && _ctx.onChange(...args))
@@ -18191,7 +18218,7 @@ function _sfc_render$1r(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-var CheckTag = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$1r]]);
+var CheckTag = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["render", _sfc_render$1q]]);
 
 const ElCheckTag = withInstall(CheckTag);
 
@@ -18289,7 +18316,7 @@ var Col = defineComponent({
 
 const ElCol = withInstall(Col);
 
-const _sfc_main$1u = defineComponent({
+const _sfc_main$1v = defineComponent({
   name: "ElCollapse",
   props: {
     accordion: Boolean,
@@ -18339,7 +18366,7 @@ const _sfc_main$1u = defineComponent({
     };
   }
 });
-function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1p(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.ns.b()),
     role: "tablist",
@@ -18348,9 +18375,9 @@ function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$1q]]);
+var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$1p]]);
 
-const _sfc_main$1t = defineComponent({
+const _sfc_main$1u = defineComponent({
   name: "ElCollapseTransition",
   setup() {
     const ns = useNamespace("collapse-transition");
@@ -18409,7 +18436,7 @@ const _sfc_main$1t = defineComponent({
     };
   }
 });
-function _sfc_render$1p(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(Transition, mergeProps({
     name: _ctx.ns.b()
   }, toHandlers(_ctx.on)), {
@@ -18419,7 +18446,7 @@ function _sfc_render$1p(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 16, ["name"]);
 }
-var CollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$1p]]);
+var CollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$1o]]);
 
 CollapseTransition.install = (app) => {
   app.component(CollapseTransition.name, CollapseTransition);
@@ -18427,7 +18454,7 @@ CollapseTransition.install = (app) => {
 const _CollapseTransition = CollapseTransition;
 const ElCollapseTransition = _CollapseTransition;
 
-const _sfc_main$1s = defineComponent({
+const _sfc_main$1t = defineComponent({
   name: "ElCollapseItem",
   components: { ElCollapseTransition: _CollapseTransition, ElIcon, ArrowRight: arrowRight },
   props: {
@@ -18494,7 +18521,7 @@ const _sfc_main$1s = defineComponent({
 const _hoisted_1$I = ["aria-expanded", "aria-controls", "aria-describedby"];
 const _hoisted_2$s = ["id", "tabindex"];
 const _hoisted_3$i = ["id", "aria-hidden", "aria-labelledby"];
-function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1n(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_arrow_right = resolveComponent("arrow-right");
   const _component_el_icon = resolveComponent("el-icon");
   const _component_el_collapse_transition = resolveComponent("el-collapse-transition");
@@ -18560,7 +18587,7 @@ function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
     })
   ], 2);
 }
-var CollapseItem = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["render", _sfc_render$1o]]);
+var CollapseItem = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$1n]]);
 
 const ElCollapse = withInstall(Collapse, {
   CollapseItem
@@ -18604,7 +18631,7 @@ function draggable(element, options) {
   on(element, "touchstart", downFn);
 }
 
-const _sfc_main$1r = defineComponent({
+const _sfc_main$1s = defineComponent({
   name: "ElColorAlphaSlider",
   props: {
     color: {
@@ -18705,7 +18732,7 @@ const _sfc_main$1r = defineComponent({
     };
   }
 });
-function _sfc_render$1n(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1m(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["el-color-alpha-slider", { "is-vertical": _ctx.vertical }])
   }, [
@@ -18727,9 +18754,9 @@ function _sfc_render$1n(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 4)
   ], 2);
 }
-var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["render", _sfc_render$1n]]);
+var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["render", _sfc_render$1m]]);
 
-const _sfc_main$1q = defineComponent({
+const _sfc_main$1r = defineComponent({
   name: "ElColorHueSlider",
   props: {
     color: {
@@ -18820,7 +18847,7 @@ const _sfc_main$1q = defineComponent({
     };
   }
 });
-function _sfc_render$1m(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["el-color-hue-slider", { "is-vertical": _ctx.vertical }])
   }, [
@@ -18839,7 +18866,7 @@ function _sfc_render$1m(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 4)
   ], 2);
 }
-var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["render", _sfc_render$1m]]);
+var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["render", _sfc_render$1l]]);
 
 const OPTIONS_KEY = Symbol();
 const useOptions = () => {
@@ -19117,7 +19144,7 @@ class Color {
   }
 }
 
-const _sfc_main$1p = defineComponent({
+const _sfc_main$1q = defineComponent({
   props: {
     colors: { type: Array, required: true },
     color: {
@@ -19160,7 +19187,7 @@ const _sfc_main$1p = defineComponent({
 const _hoisted_1$H = { class: "el-color-predefine" };
 const _hoisted_2$r = { class: "el-color-predefine__colors" };
 const _hoisted_3$h = ["onClick"];
-function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1$H, [
     createElementVNode("div", _hoisted_2$r, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.rgbaColors, (item, index) => {
@@ -19177,9 +19204,9 @@ function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["render", _sfc_render$1l]]);
+var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["render", _sfc_render$1k]]);
 
-const _sfc_main$1o = defineComponent({
+const _sfc_main$1p = defineComponent({
   name: "ElSlPanel",
   props: {
     color: {
@@ -19253,7 +19280,7 @@ const _hoisted_3$g = /* @__PURE__ */ createElementVNode("div", null, null, -1);
 const _hoisted_4$c = [
   _hoisted_3$g
 ];
-function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1j(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: "el-color-svpanel",
     style: normalizeStyle({
@@ -19271,9 +19298,9 @@ function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
     }, _hoisted_4$c, 4)
   ], 4);
 }
-var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["render", _sfc_render$1k]]);
+var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["render", _sfc_render$1j]]);
 
-const _sfc_main$1n = defineComponent({
+const _sfc_main$1o = defineComponent({
   name: "ElColorPicker",
   components: {
     ElButton,
@@ -19447,7 +19474,7 @@ const _sfc_main$1n = defineComponent({
     };
   }
 });
-function _sfc_render$1j(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_hue_slider = resolveComponent("hue-slider");
   const _component_sv_panel = resolveComponent("sv-panel");
   const _component_alpha_slider = resolveComponent("alpha-slider");
@@ -19595,7 +19622,7 @@ function _sfc_render$1j(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["visible", "popper-class"]);
 }
-var ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["render", _sfc_render$1j]]);
+var ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["render", _sfc_render$1i]]);
 
 ColorPicker.install = (app) => {
   app.component(ColorPicker.name, ColorPicker);
@@ -19640,7 +19667,7 @@ var ConfigProvider = defineComponent({
 
 const ElConfigProvider = withInstall(ConfigProvider);
 
-const _sfc_main$1m = defineComponent({
+const _sfc_main$1n = defineComponent({
   name: "ElContainer",
   props: {
     direction: {
@@ -19672,16 +19699,16 @@ const _sfc_main$1m = defineComponent({
     };
   }
 });
-function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("section", {
     class: normalizeClass([_ctx.ns.b(), _ctx.ns.is("vertical", _ctx.isVertical)])
   }, [
     renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-var Container = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["render", _sfc_render$1i]]);
+var Container = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["render", _sfc_render$1h]]);
 
-const _sfc_main$1l = defineComponent({
+const _sfc_main$1m = defineComponent({
   name: "ElAside",
   props: {
     width: {
@@ -19699,7 +19726,7 @@ const _sfc_main$1l = defineComponent({
     };
   }
 });
-function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("aside", {
     class: normalizeClass(_ctx.ns.b()),
     style: normalizeStyle(_ctx.style)
@@ -19707,9 +19734,9 @@ function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 6);
 }
-var Aside = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["render", _sfc_render$1h]]);
+var Aside = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["render", _sfc_render$1g]]);
 
-const _sfc_main$1k = defineComponent({
+const _sfc_main$1l = defineComponent({
   name: "ElFooter",
   props: {
     height: {
@@ -19727,7 +19754,7 @@ const _sfc_main$1k = defineComponent({
     };
   }
 });
-function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("footer", {
     class: normalizeClass(_ctx.ns.b()),
     style: normalizeStyle(_ctx.style)
@@ -19735,9 +19762,9 @@ function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 6);
 }
-var Footer = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["render", _sfc_render$1g]]);
+var Footer = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["render", _sfc_render$1f]]);
 
-const _sfc_main$1j = defineComponent({
+const _sfc_main$1k = defineComponent({
   name: "ElHeader",
   props: {
     height: {
@@ -19755,7 +19782,7 @@ const _sfc_main$1j = defineComponent({
     };
   }
 });
-function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("header", {
     class: normalizeClass(_ctx.ns.b()),
     style: normalizeStyle(_ctx.style)
@@ -19763,9 +19790,9 @@ function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 6);
 }
-var Header = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["render", _sfc_render$1f]]);
+var Header = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["render", _sfc_render$1e]]);
 
-const _sfc_main$1i = defineComponent({
+const _sfc_main$1j = defineComponent({
   name: "ElMain",
   setup() {
     const ns = useNamespace("main");
@@ -19774,14 +19801,14 @@ const _sfc_main$1i = defineComponent({
     };
   }
 });
-function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("main", {
     class: normalizeClass(_ctx.ns.b())
   }, [
     renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-var Main = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["render", _sfc_render$1e]]);
+var Main = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["render", _sfc_render$1d]]);
 
 const ElContainer = withInstall(Container, {
   Aside,
@@ -19874,7 +19901,7 @@ var ElDatePickerCell = defineComponent({
   }
 });
 
-const _sfc_main$1h = defineComponent({
+const _sfc_main$1i = defineComponent({
   components: {
     ElDatePickerCell
   },
@@ -20163,7 +20190,7 @@ const _sfc_main$1h = defineComponent({
   }
 });
 const _hoisted_1$F = { key: 0 };
-function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_date_picker_cell = resolveComponent("el-date-picker-cell");
   return openBlock(), createElementBlock("table", {
     cellspacing: "0",
@@ -20197,14 +20224,14 @@ function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 34);
 }
-var DateTable = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["render", _sfc_render$1d]]);
+var DateTable = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["render", _sfc_render$1c]]);
 
 const datesInMonth = (year, month, lang) => {
   const firstDay = dayjs().locale(lang).startOf("month").month(month).year(year);
   const numOfDays = firstDay.daysInMonth();
   return rangeArr(numOfDays).map((n) => firstDay.add(n, "day").toDate());
 };
-const _sfc_main$1g = defineComponent({
+const _sfc_main$1h = defineComponent({
   props: {
     disabledDate: {
       type: Function
@@ -20369,7 +20396,7 @@ const _sfc_main$1g = defineComponent({
   }
 });
 const _hoisted_1$E = { class: "cell" };
-function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("table", {
     class: "el-month-table",
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleMonthTableClick && _ctx.handleMonthTableClick(...args)),
@@ -20393,7 +20420,7 @@ function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 32);
 }
-var MonthTable = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["render", _sfc_render$1c]]);
+var MonthTable = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["render", _sfc_render$1b]]);
 
 const datesInYear = (year, lang) => {
   const firstDay = dayjs(String(year)).locale(lang).startOf("year");
@@ -20401,7 +20428,7 @@ const datesInYear = (year, lang) => {
   const numOfDays = lastDay.dayOfYear();
   return rangeArr(numOfDays).map((n) => firstDay.add(n, "day").toDate());
 };
-const _sfc_main$1f = defineComponent({
+const _sfc_main$1g = defineComponent({
   props: {
     disabledDate: {
       type: Function
@@ -20455,7 +20482,7 @@ const _hoisted_9$5 = { class: "cell" };
 const _hoisted_10$5 = { class: "cell" };
 const _hoisted_11$3 = /* @__PURE__ */ createElementVNode("td", null, null, -1);
 const _hoisted_12$3 = /* @__PURE__ */ createElementVNode("td", null, null, -1);
-function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("table", {
     class: "el-year-table",
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleYearTableClick && _ctx.handleYearTableClick(...args))
@@ -20522,10 +20549,10 @@ function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var YearTable = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["render", _sfc_render$1b]]);
+var YearTable = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["render", _sfc_render$1a]]);
 
 const timeWithinRange = (_, __, ___) => true;
-const _sfc_main$1e = defineComponent({
+const _sfc_main$1f = defineComponent({
   components: {
     DateTable,
     ElInput,
@@ -20955,7 +20982,7 @@ const _hoisted_10$4 = ["aria-label"];
 const _hoisted_11$2 = ["aria-label"];
 const _hoisted_12$2 = { class: "el-picker-panel__content" };
 const _hoisted_13$2 = { class: "el-picker-panel__footer" };
-function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_input = resolveComponent("el-input");
   const _component_time_pick_panel = resolveComponent("time-pick-panel");
   const _component_d_arrow_left = resolveComponent("d-arrow-left");
@@ -21151,9 +21178,9 @@ function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 2);
 }
-var DatePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["render", _sfc_render$1a]]);
+var DatePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["render", _sfc_render$19]]);
 
-const _sfc_main$1d = defineComponent({
+const _sfc_main$1e = defineComponent({
   directives: { clickoutside: ClickOutside },
   components: {
     TimePickPanel,
@@ -21617,7 +21644,7 @@ const _hoisted_20$1 = {
   key: 0,
   class: "el-picker-panel__footer"
 };
-function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_input = resolveComponent("el-input");
   const _component_time_pick_panel = resolveComponent("time-pick-panel");
   const _component_arrow_right = resolveComponent("arrow-right");
@@ -21899,9 +21926,9 @@ function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : createCommentVNode("v-if", true)
   ], 2);
 }
-var DateRangePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["render", _sfc_render$19]]);
+var DateRangePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["render", _sfc_render$18]]);
 
-const _sfc_main$1c = defineComponent({
+const _sfc_main$1d = defineComponent({
   components: { MonthTable, ElIcon, DArrowLeft: dArrowLeft, DArrowRight: dArrowRight },
   props: {
     unlinkPanels: Boolean,
@@ -22084,7 +22111,7 @@ const _hoisted_7$2 = ["disabled"];
 const _hoisted_8$2 = { class: "el-picker-panel__content el-date-range-picker__content is-right" };
 const _hoisted_9$2 = { class: "el-date-range-picker__header" };
 const _hoisted_10$2 = ["disabled"];
-function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_d_arrow_left = resolveComponent("d-arrow-left");
   const _component_el_icon = resolveComponent("el-icon");
   const _component_d_arrow_right = resolveComponent("d-arrow-right");
@@ -22197,7 +22224,7 @@ function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 2);
 }
-var MonthRangePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["render", _sfc_render$18]]);
+var MonthRangePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["render", _sfc_render$17]]);
 
 dayjs.extend(localeData);
 dayjs.extend(advancedFormat);
@@ -22345,7 +22372,7 @@ var DescriptionsCell = defineComponent({
   }
 });
 
-const _sfc_main$1b = defineComponent({
+const _sfc_main$1c = defineComponent({
   name: "ElDescriptionsRow",
   components: {
     [DescriptionsCell.name]: DescriptionsCell
@@ -22363,7 +22390,7 @@ const _sfc_main$1b = defineComponent({
   }
 });
 const _hoisted_1$z = { key: 1 };
-function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_descriptions_cell = resolveComponent("el-descriptions-cell");
   return _ctx.descriptions.direction === "vertical" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
     createElementVNode("tr", null, [
@@ -22412,9 +22439,9 @@ function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128))
   ]));
 }
-var DescriptionsRow = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$17]]);
+var DescriptionsRow = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["render", _sfc_render$16]]);
 
-const _sfc_main$1a = defineComponent({
+const _sfc_main$1b = defineComponent({
   name: "ElDescriptions",
   components: {
     [DescriptionsRow.name]: DescriptionsRow
@@ -22518,7 +22545,7 @@ const _sfc_main$1a = defineComponent({
     };
   }
 });
-function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_descriptions_row = resolveComponent("el-descriptions-row");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.descriptionKls)
@@ -22560,7 +22587,7 @@ function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)
   ], 2);
 }
-var Descriptions = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$16]]);
+var Descriptions = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$15]]);
 
 var DescriptionsItem = defineComponent({
   name: "ElDescriptionsItem",
@@ -22664,61 +22691,380 @@ var Overlay = defineComponent({
 
 const ElOverlay = Overlay;
 
-const dialogProps = buildProps({
-  appendToBody: {
-    type: Boolean,
-    default: false
-  },
-  beforeClose: {
-    type: definePropType(Function)
-  },
-  destroyOnClose: {
-    type: Boolean,
-    default: false
+const obtainAllFocusableElements = (element) => {
+  const nodes = [];
+  const walker = document.createTreeWalker(element, NodeFilter.SHOW_ELEMENT, {
+    acceptNode: (node) => {
+      const isHiddenInput = node.tagName === "INPUT" && node.type === "hidden";
+      if (node.disabled || node.hidden || isHiddenInput)
+        return NodeFilter.FILTER_SKIP;
+      return node.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+    }
+  });
+  while (walker.nextNode())
+    nodes.push(walker.currentNode);
+  return nodes;
+};
+const getVisibleElement = (elements, container) => {
+  for (const element of elements) {
+    if (!isHidden(element, container))
+      return element;
+  }
+};
+const isHidden = (element, container) => {
+  if (getComputedStyle(element).visibility === "hidden")
+    return true;
+  while (element) {
+    if (container && element === container)
+      return false;
+    if (getComputedStyle(element).display === "none")
+      return true;
+    element = element.parentElement;
+  }
+  return false;
+};
+const getEdges = (container) => {
+  const focusable = obtainAllFocusableElements(container);
+  const first = getVisibleElement(focusable, container);
+  const last = getVisibleElement(focusable.reverse(), container);
+  return [first, last];
+};
+const isSelectable = (element) => {
+  return element instanceof HTMLInputElement && "select" in element;
+};
+const tryFocus = (element, shouldSelect) => {
+  if (element && element.focus) {
+    const prevFocusedElement = document.activeElement;
+    element.focus({ preventScroll: true });
+    if (element !== prevFocusedElement && isSelectable(element) && shouldSelect) {
+      element.select();
+    }
+  }
+};
+function removeFromStack(list, item) {
+  const copy = [...list];
+  const idx = list.indexOf(item);
+  if (idx !== -1) {
+    copy.splice(idx, 1);
+  }
+  return copy;
+}
+const createFocusableStack = () => {
+  let stack = [];
+  const push = (layer) => {
+    const currentLayer = stack[0];
+    if (currentLayer && layer !== currentLayer) {
+      currentLayer.pause();
+    }
+    stack = removeFromStack(stack, layer);
+    stack.unshift(layer);
+  };
+  const remove = (layer) => {
+    var _a, _b;
+    stack = removeFromStack(stack, layer);
+    (_b = (_a = stack[0]) == null ? void 0 : _a.resume) == null ? void 0 : _b.call(_a);
+  };
+  return {
+    push,
+    remove
+  };
+};
+const focusFirstDescendant = (elements, shouldSelect = false) => {
+  const prevFocusedElement = document.activeElement;
+  for (const element of elements) {
+    tryFocus(element, shouldSelect);
+    if (document.activeElement !== prevFocusedElement)
+      return;
+  }
+};
+const focusableStack = createFocusableStack();
+
+const FOCUS_ON_MOUNT = "focus-trap.focus-on-mount";
+const FOCUS_ON_UNMOUNT = "focus-trap.focus-on-unmount";
+const FOCUS_ON_MOUNT_OPTS = {
+  cancelable: true,
+  bubbles: false
+};
+const ON_MOUNT_FOCUS_EVT = "mountOnFocus";
+const ON_UNMOUNT_FOCUS_EVT = "unmountOnFocus";
+const FOCUS_TRAP_INJECTION_KEY = Symbol("elFocusTrap");
+
+const _sfc_main$1a = defineComponent({
+  name: "ElFocusTrap",
+  inheritAttrs: false,
+  props: {
+    loop: Boolean,
+    trapped: Boolean
   },
+  emits: [ON_MOUNT_FOCUS_EVT, ON_UNMOUNT_FOCUS_EVT],
+  setup(props, { emit }) {
+    const focusTrapRef = ref();
+    const forwardRef = ref(null);
+    let lastFocusBeforeMounted;
+    let lastFocusAfterMounted;
+    const focusLayer = {
+      paused: false,
+      pause() {
+        this.paused = true;
+      },
+      resume() {
+        this.paused = false;
+      }
+    };
+    const onKeydown = (e) => {
+      if (!props.loop && !props.trapped)
+        return;
+      if (focusLayer.paused)
+        return;
+      const { key, altKey, ctrlKey, metaKey, currentTarget, shiftKey } = e;
+      const { loop } = props;
+      const isTabbing = key === EVENT_CODE.tab && !altKey && !ctrlKey && !metaKey;
+      const currentFocusingEl = document.activeElement;
+      if (isTabbing && currentFocusingEl) {
+        const container = currentTarget;
+        const [first, last] = getEdges(container);
+        const isTabbable = first && last;
+        if (!isTabbable) {
+          if (currentFocusingEl === container)
+            e.preventDefault();
+        } else {
+          if (!shiftKey && currentFocusingEl === last) {
+            e.preventDefault();
+            if (loop)
+              tryFocus(first, true);
+          } else if (shiftKey && currentFocusingEl === first) {
+            e.preventDefault();
+            if (loop)
+              tryFocus(last, true);
+          }
+        }
+      }
+    };
+    provide(FOCUS_TRAP_INJECTION_KEY, {
+      focusTrapRef: forwardRef,
+      onKeydown
+    });
+    const focusOnMount = (e) => {
+      emit(ON_MOUNT_FOCUS_EVT, e);
+    };
+    const focusOnUnmount = (e) => emit(ON_UNMOUNT_FOCUS_EVT, e);
+    const onFocusIn = (e) => {
+      const trapContainer = unref(forwardRef);
+      if (focusLayer.paused || !trapContainer)
+        return;
+      const target = e.target;
+      if (target && trapContainer.contains(target)) {
+        lastFocusAfterMounted = target;
+      } else {
+        tryFocus(lastFocusAfterMounted, true);
+      }
+    };
+    const onFocusOut = (e) => {
+      const trapContainer = unref(forwardRef);
+      if (focusLayer.paused || !trapContainer)
+        return;
+      if (!trapContainer.contains(e.relatedTarget)) {
+        tryFocus(lastFocusAfterMounted, true);
+      }
+    };
+    const cleanupDocumentListeners = () => {
+      document.removeEventListener("focusin", onFocusIn);
+      document.removeEventListener("focusout", onFocusOut);
+    };
+    onMounted(() => {
+      const trapContainer = unref(forwardRef);
+      if (trapContainer) {
+        focusableStack.push(focusLayer);
+        const prevFocusedElement = document.activeElement;
+        lastFocusBeforeMounted = prevFocusedElement;
+        const isPrevFocusContained = trapContainer.contains(prevFocusedElement);
+        if (!isPrevFocusContained) {
+          const mountEvent = new Event(FOCUS_ON_MOUNT, FOCUS_ON_MOUNT_OPTS);
+          trapContainer.addEventListener(FOCUS_ON_MOUNT, focusOnMount);
+          trapContainer.dispatchEvent(mountEvent);
+          if (!mountEvent.defaultPrevented) {
+            nextTick(() => {
+              focusFirstDescendant(obtainAllFocusableElements(trapContainer), true);
+              if (document.activeElement === prevFocusedElement) {
+                tryFocus(trapContainer);
+              }
+            });
+          }
+        }
+      }
+      watch(() => props.trapped, (trapped) => {
+        if (trapped) {
+          document.addEventListener("focusin", onFocusIn);
+          document.addEventListener("focusout", onFocusOut);
+        } else {
+          cleanupDocumentListeners();
+        }
+      }, { immediate: true });
+    });
+    onBeforeUnmount(() => {
+      cleanupDocumentListeners();
+      const trapContainer = unref(forwardRef);
+      if (trapContainer) {
+        trapContainer.removeEventListener(FOCUS_ON_MOUNT, focusOnMount);
+        const unmountEvent = new Event(FOCUS_ON_UNMOUNT, FOCUS_ON_MOUNT_OPTS);
+        trapContainer.addEventListener(FOCUS_ON_UNMOUNT, focusOnUnmount);
+        trapContainer.dispatchEvent(unmountEvent);
+        if (!unmountEvent.defaultPrevented) {
+          tryFocus(lastFocusBeforeMounted != null ? lastFocusBeforeMounted : document.body, true);
+        }
+        trapContainer.removeEventListener(FOCUS_ON_UNMOUNT, focusOnMount);
+        focusableStack.remove(focusLayer);
+      }
+    });
+    return {
+      focusTrapRef,
+      forwardRef,
+      onKeydown
+    };
+  }
+});
+function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
+  return renderSlot(_ctx.$slots, "default");
+}
+var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$14]]);
+
+const dialogContentProps = buildProps({
   center: {
     type: Boolean,
     default: false
   },
+  closeIcon: {
+    type: iconPropType,
+    default: ""
+  },
   customClass: {
     type: String,
     default: ""
   },
-  closeIcon: {
-    type: iconPropType,
-    default: ""
+  draggable: {
+    type: Boolean,
+    default: false
   },
-  closeOnClickModal: {
+  fullscreen: {
     type: Boolean,
-    default: true
+    default: false
   },
-  closeOnPressEscape: {
+  showClose: {
     type: Boolean,
     default: true
   },
-  fullscreen: {
+  title: {
+    type: String,
+    default: ""
+  }
+});
+const dialogContentEmits = {
+  close: () => true
+};
+
+const elDialogInjectionKey = Symbol("elDialogInjectionKey");
+
+const _hoisted_1$y = ["aria-label"];
+const __default__$1 = { name: "ElDialogContent" };
+const _sfc_main$19 = /* @__PURE__ */ defineComponent({
+  ...__default__$1,
+  props: dialogContentProps,
+  emits: dialogContentEmits,
+  setup(__props) {
+    const { Close } = CloseComponents;
+    const { dialogRef, headerRef, ns, style } = inject(elDialogInjectionKey);
+    const { focusTrapRef, onKeydown } = inject(FOCUS_TRAP_INJECTION_KEY);
+    const composedDialogRef = composeRefs(focusTrapRef, dialogRef);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref: unref(composedDialogRef),
+        class: normalizeClass([
+          unref(ns).b(),
+          unref(ns).is("fullscreen", _ctx.fullscreen),
+          unref(ns).is("draggable", _ctx.draggable),
+          { [unref(ns).m("center")]: _ctx.center },
+          _ctx.customClass
+        ]),
+        "aria-modal": "true",
+        role: "dialog",
+        "aria-label": _ctx.title || "dialog",
+        style: normalizeStyle(unref(style)),
+        onClick: _cache[1] || (_cache[1] = withModifiers(() => {
+        }, ["stop"])),
+        onKeydown: _cache[2] || (_cache[2] = (...args) => unref(onKeydown) && unref(onKeydown)(...args))
+      }, [
+        createElementVNode("div", {
+          ref_key: "headerRef",
+          ref: headerRef,
+          class: normalizeClass(unref(ns).e("header"))
+        }, [
+          renderSlot(_ctx.$slots, "title", {}, () => [
+            createElementVNode("span", {
+              class: normalizeClass(unref(ns).e("title"))
+            }, toDisplayString(_ctx.title), 3)
+          ])
+        ], 2),
+        createElementVNode("div", {
+          class: normalizeClass(unref(ns).e("body"))
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 2),
+        _ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(unref(ns).e("footer"))
+        }, [
+          renderSlot(_ctx.$slots, "footer")
+        ], 2)) : createCommentVNode("v-if", true),
+        _ctx.showClose ? (openBlock(), createElementBlock("button", {
+          key: 1,
+          "aria-label": "close",
+          class: normalizeClass(unref(ns).e("headerbtn")),
+          type: "button",
+          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
+        }, [
+          createVNode(unref(ElIcon), {
+            class: normalizeClass(unref(ns).e("close"))
+          }, {
+            default: withCtx(() => [
+              (openBlock(), createBlock(resolveDynamicComponent(_ctx.closeIcon || unref(Close))))
+            ]),
+            _: 1
+          }, 8, ["class"])
+        ], 2)) : createCommentVNode("v-if", true)
+      ], 46, _hoisted_1$y);
+    };
+  }
+});
+var ElDialogContent = _sfc_main$19;
+
+const dialogProps = buildProps({
+  ...dialogContentProps,
+  appendToBody: {
     type: Boolean,
     default: false
   },
-  draggable: {
+  beforeClose: {
+    type: definePropType(Function)
+  },
+  destroyOnClose: {
     type: Boolean,
     default: false
   },
-  lockScroll: {
+  closeOnClickModal: {
     type: Boolean,
     default: true
   },
-  modal: {
+  closeOnPressEscape: {
     type: Boolean,
     default: true
   },
-  showClose: {
+  lockScroll: {
     type: Boolean,
     default: true
   },
-  title: {
-    type: String,
-    default: ""
+  modal: {
+    type: Boolean,
+    default: true
   },
   openDelay: {
     type: Number,
@@ -22748,7 +23094,9 @@ const dialogEmits = {
   opened: () => true,
   close: () => true,
   closed: () => true,
-  [UPDATE_MODEL_EVENT]: (value) => typeof value === "boolean"
+  [UPDATE_MODEL_EVENT]: (value) => typeof value === "boolean",
+  openAutoFocus: () => true,
+  closeAutoFocus: () => true
 };
 
 const useDialog = (props, { emit }, targetRef) => {
@@ -22892,133 +23240,110 @@ const useDialog = (props, { emit }, targetRef) => {
   };
 };
 
-const _sfc_main$19 = defineComponent({
-  name: "ElDialog",
-  components: {
-    ElOverlay,
-    ElIcon,
-    ...CloseComponents
-  },
-  directives: {
-    TrapFocus
-  },
+const __default__ = {
+  name: "ElDialog"
+};
+const _sfc_main$18 = /* @__PURE__ */ defineComponent({
+  ...__default__,
   props: dialogProps,
   emits: dialogEmits,
-  setup(props, ctx) {
+  setup(__props, { emit }) {
+    const props = __props;
     const ns = useNamespace("dialog");
-    const dialogRef = ref();
-    const headerRef = ref();
-    const dialog = useDialog(props, ctx, dialogRef);
+    const dialogRef = ref(null);
+    const headerRef = ref(null);
+    const dialog = useDialog(props, { emit }, dialogRef);
+    const {
+      visible,
+      afterEnter,
+      afterLeave,
+      beforeLeave,
+      style,
+      handleClose,
+      rendered
+    } = dialog;
+    provide(elDialogInjectionKey, {
+      dialogRef,
+      headerRef,
+      ns,
+      rendered,
+      style
+    });
     const overlayEvent = useSameTarget(dialog.onModalClick);
     const draggable = computed(() => props.draggable && !props.fullscreen);
     useDraggable(dialogRef, headerRef, draggable);
-    return {
-      ns,
-      dialogRef,
-      headerRef,
-      overlayEvent,
-      ...dialog
-    };
-  }
-});
-const _hoisted_1$y = ["aria-label"];
-function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_icon = resolveComponent("el-icon");
-  const _component_el_overlay = resolveComponent("el-overlay");
-  const _directive_trap_focus = resolveDirective("trap-focus");
-  return openBlock(), createBlock(Teleport, {
-    to: "body",
-    disabled: !_ctx.appendToBody
-  }, [
-    createVNode(Transition, {
-      name: "dialog-fade",
-      onAfterEnter: _ctx.afterEnter,
-      onAfterLeave: _ctx.afterLeave,
-      onBeforeLeave: _ctx.beforeLeave
-    }, {
-      default: withCtx(() => [
-        withDirectives(createVNode(_component_el_overlay, {
-          "custom-mask-event": "",
-          mask: _ctx.modal,
-          "overlay-class": _ctx.modalClass,
-          "z-index": _ctx.zIndex
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, {
+        to: "body",
+        disabled: !_ctx.appendToBody
+      }, [
+        createVNode(Transition, {
+          name: "dialog-fade",
+          onAfterEnter: unref(afterEnter),
+          onAfterLeave: unref(afterLeave),
+          onBeforeLeave: unref(beforeLeave)
         }, {
           default: withCtx(() => [
-            createElementVNode("div", {
-              class: normalizeClass(`${_ctx.ns.namespace.value}-overlay-dialog`),
-              onClick: _cache[2] || (_cache[2] = (...args) => _ctx.overlayEvent.onClick && _ctx.overlayEvent.onClick(...args)),
-              onMousedown: _cache[3] || (_cache[3] = (...args) => _ctx.overlayEvent.onMousedown && _ctx.overlayEvent.onMousedown(...args)),
-              onMouseup: _cache[4] || (_cache[4] = (...args) => _ctx.overlayEvent.onMouseup && _ctx.overlayEvent.onMouseup(...args))
-            }, [
-              withDirectives((openBlock(), createElementBlock("div", {
-                ref: "dialogRef",
-                class: normalizeClass([
-                  _ctx.ns.b(),
-                  _ctx.ns.is("fullscreen", _ctx.fullscreen),
-                  _ctx.ns.is("draggable", _ctx.draggable),
-                  { [_ctx.ns.m("center")]: _ctx.center },
-                  _ctx.customClass
-                ]),
-                "aria-modal": "true",
-                role: "dialog",
-                "aria-label": _ctx.title || "dialog",
-                style: normalizeStyle(_ctx.style),
-                onClick: _cache[1] || (_cache[1] = withModifiers(() => {
-                }, ["stop"]))
-              }, [
+            withDirectives(createVNode(unref(ElOverlay), {
+              "custom-mask-event": "",
+              mask: _ctx.modal,
+              "overlay-class": _ctx.modalClass,
+              "z-index": _ctx.zIndex
+            }, {
+              default: withCtx(() => [
                 createElementVNode("div", {
-                  ref: "headerRef",
-                  class: normalizeClass(_ctx.ns.e("header"))
+                  class: normalizeClass(`${unref(ns).namespace.value}-overlay-dialog`),
+                  onClick: _cache[2] || (_cache[2] = (...args) => unref(overlayEvent).onClick && unref(overlayEvent).onClick(...args)),
+                  onMousedown: _cache[3] || (_cache[3] = (...args) => unref(overlayEvent).onMousedown && unref(overlayEvent).onMousedown(...args)),
+                  onMouseup: _cache[4] || (_cache[4] = (...args) => unref(overlayEvent).onMouseup && unref(overlayEvent).onMouseup(...args))
                 }, [
-                  renderSlot(_ctx.$slots, "title", {}, () => [
-                    createElementVNode("span", {
-                      class: normalizeClass(_ctx.ns.e("title"))
-                    }, toDisplayString(_ctx.title), 3)
-                  ]),
-                  _ctx.showClose ? (openBlock(), createElementBlock("button", {
+                  unref(rendered) ? (openBlock(), createBlock(unref(ElFocusTrap), {
                     key: 0,
-                    "aria-label": "close",
-                    class: normalizeClass(_ctx.ns.e("headerbtn")),
-                    type: "button",
-                    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClose && _ctx.handleClose(...args))
-                  }, [
-                    createVNode(_component_el_icon, {
-                      class: normalizeClass(_ctx.ns.e("close"))
-                    }, {
-                      default: withCtx(() => [
-                        (openBlock(), createBlock(resolveDynamicComponent(_ctx.closeIcon || "close")))
-                      ]),
-                      _: 1
-                    }, 8, ["class"])
-                  ], 2)) : createCommentVNode("v-if", true)
-                ], 2),
-                _ctx.rendered ? (openBlock(), createElementBlock("div", {
-                  key: 0,
-                  class: normalizeClass(_ctx.ns.e("body"))
-                }, [
-                  renderSlot(_ctx.$slots, "default")
-                ], 2)) : createCommentVNode("v-if", true),
-                _ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
-                  key: 1,
-                  class: normalizeClass(_ctx.ns.e("footer"))
-                }, [
-                  renderSlot(_ctx.$slots, "footer")
-                ], 2)) : createCommentVNode("v-if", true)
-              ], 14, _hoisted_1$y)), [
-                [_directive_trap_focus]
-              ])
-            ], 34)
+                    loop: "",
+                    trapped: "",
+                    onMountOnFocus: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("openAutoFocus")),
+                    onUnmountOnFocus: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("closeAutoFocus"))
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(ElDialogContent, {
+                        "custom-class": _ctx.customClass,
+                        center: _ctx.center,
+                        "close-icon": _ctx.closeIcon,
+                        draggable: unref(draggable),
+                        fullscreen: _ctx.fullscreen,
+                        "show-close": _ctx.showClose,
+                        style: normalizeStyle(unref(style)),
+                        title: _ctx.title,
+                        onClose: unref(handleClose)
+                      }, {
+                        title: withCtx(() => [
+                          renderSlot(_ctx.$slots, "title")
+                        ]),
+                        footer: withCtx(() => [
+                          renderSlot(_ctx.$slots, "footer")
+                        ]),
+                        default: withCtx(() => [
+                          renderSlot(_ctx.$slots, "default")
+                        ]),
+                        _: 3
+                      }, 8, ["custom-class", "center", "close-icon", "draggable", "fullscreen", "show-close", "style", "title", "onClose"])
+                    ]),
+                    _: 3
+                  })) : createCommentVNode("v-if", true)
+                ], 34)
+              ]),
+              _: 3
+            }, 8, ["mask", "overlay-class", "z-index"]), [
+              [vShow, unref(visible)]
+            ])
           ]),
           _: 3
-        }, 8, ["mask", "overlay-class", "z-index"]), [
-          [vShow, _ctx.visible]
-        ])
-      ]),
-      _: 3
-    }, 8, ["onAfterEnter", "onAfterLeave", "onBeforeLeave"])
-  ], 8, ["disabled"]);
-}
-var Dialog = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$15]]);
+        }, 8, ["onAfterEnter", "onAfterLeave", "onBeforeLeave"])
+      ], 8, ["disabled"]);
+    };
+  }
+});
+var Dialog = _sfc_main$18;
 
 const ElDialog = withInstall(Dialog);
 
@@ -23039,7 +23364,7 @@ const dividerProps = buildProps({
   }
 });
 
-const _sfc_main$18 = defineComponent({
+const _sfc_main$17 = defineComponent({
   name: "ElDivider",
   props: dividerProps,
   setup(props) {
@@ -23055,7 +23380,7 @@ const _sfc_main$18 = defineComponent({
     };
   }
 });
-function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass([_ctx.ns.b(), _ctx.ns.m(_ctx.direction)]),
     style: normalizeStyle(_ctx.dividerStyle)
@@ -23068,7 +23393,7 @@ function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)) : createCommentVNode("v-if", true)
   ], 6);
 }
-var Divider = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$14]]);
+var Divider = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$13]]);
 
 const ElDivider = withInstall(Divider);
 
@@ -23094,7 +23419,7 @@ const drawerProps = buildProps({
 });
 const drawerEmits = dialogEmits;
 
-const _sfc_main$17 = defineComponent({
+const _sfc_main$16 = defineComponent({
   name: "ElDrawer",
   components: {
     ElOverlay,
@@ -23124,7 +23449,7 @@ const _hoisted_1$x = ["aria-labelledby", "aria-label"];
 const _hoisted_2$l = ["id"];
 const _hoisted_3$b = ["title"];
 const _hoisted_4$7 = ["aria-label"];
-function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_close = resolveComponent("close");
   const _component_el_icon = resolveComponent("el-icon");
   const _component_el_overlay = resolveComponent("el-overlay");
@@ -23211,241 +23536,10 @@ function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["name", "onAfterEnter", "onAfterLeave", "onBeforeLeave"])
   ], 8, ["disabled"]);
 }
-var Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$13]]);
+var Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$12]]);
 
 const ElDrawer = withInstall(Drawer);
 
-const obtainAllFocusableElements = (element) => {
-  const nodes = [];
-  const walker = document.createTreeWalker(element, NodeFilter.SHOW_ELEMENT, {
-    acceptNode: (node) => {
-      const isHiddenInput = node.tagName === "INPUT" && node.type === "hidden";
-      if (node.disabled || node.hidden || isHiddenInput)
-        return NodeFilter.FILTER_SKIP;
-      return node.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
-    }
-  });
-  while (walker.nextNode())
-    nodes.push(walker.currentNode);
-  return nodes;
-};
-const getVisibleElement = (elements, container) => {
-  for (const element of elements) {
-    if (!isHidden(element, container))
-      return element;
-  }
-};
-const isHidden = (element, container) => {
-  if (getComputedStyle(element).visibility === "hidden")
-    return true;
-  while (element) {
-    if (container && element === container)
-      return false;
-    if (getComputedStyle(element).display === "none")
-      return true;
-    element = element.parentElement;
-  }
-  return false;
-};
-const getEdges = (container) => {
-  const focusable = obtainAllFocusableElements(container);
-  const first = getVisibleElement(focusable, container);
-  const last = getVisibleElement(focusable.reverse(), container);
-  return [first, last];
-};
-const isSelectable = (element) => {
-  return element instanceof HTMLInputElement && "select" in element;
-};
-const tryFocus = (element, shouldSelect) => {
-  if (element && element.focus) {
-    const prevFocusedElement = document.activeElement;
-    element.focus({ preventScroll: true });
-    if (element !== prevFocusedElement && isSelectable(element) && shouldSelect) {
-      element.select();
-    }
-  }
-};
-function removeFromStack(list, item) {
-  const copy = [...list];
-  const idx = list.indexOf(item);
-  if (idx !== -1) {
-    copy.splice(idx, 1);
-  }
-  return copy;
-}
-const createFocusableStack = () => {
-  let stack = [];
-  const push = (layer) => {
-    const currentLayer = stack[0];
-    if (currentLayer && layer !== currentLayer) {
-      currentLayer.pause();
-    }
-    stack = removeFromStack(stack, layer);
-    stack.unshift(layer);
-  };
-  const remove = (layer) => {
-    var _a, _b;
-    stack = removeFromStack(stack, layer);
-    (_b = (_a = stack[0]) == null ? void 0 : _a.resume) == null ? void 0 : _b.call(_a);
-  };
-  return {
-    push,
-    remove
-  };
-};
-const focusFirstDescendant = (elements, shouldSelect = false) => {
-  const prevFocusedElement = document.activeElement;
-  for (const element of elements) {
-    tryFocus(element, shouldSelect);
-    if (document.activeElement !== prevFocusedElement)
-      return;
-  }
-};
-const focusableStack = createFocusableStack();
-
-const FOCUS_ON_MOUNT = "focus-trap.focus-on-mount";
-const FOCUS_ON_UNMOUNT = "focus-trap.focus-on-unmount";
-const FOCUS_ON_MOUNT_OPTS = {
-  cancelable: true,
-  bubbles: false
-};
-const ON_MOUNT_FOCUS_EVT = "mountOnFocus";
-const ON_UNMOUNT_FOCUS_EVT = "unmountOnFocus";
-const FOCUS_TRAP_INJECTION_KEY = Symbol("elFocusTrap");
-
-const _sfc_main$16 = defineComponent({
-  name: "ElFocusTrap",
-  inheritAttrs: false,
-  props: {
-    loop: Boolean,
-    trapped: Boolean
-  },
-  emits: [ON_MOUNT_FOCUS_EVT, ON_UNMOUNT_FOCUS_EVT],
-  setup(props, { emit }) {
-    const focusTrapRef = ref();
-    const forwardRef = ref(null);
-    let lastFocusBeforeMounted;
-    let lastFocusAfterMounted;
-    const focusLayer = {
-      paused: false,
-      pause() {
-        this.paused = true;
-      },
-      resume() {
-        this.paused = false;
-      }
-    };
-    const onKeydown = (e) => {
-      if (!props.loop && !props.trapped)
-        return;
-      if (focusLayer.paused)
-        return;
-      const { key, altKey, ctrlKey, metaKey, currentTarget, shiftKey } = e;
-      const { loop } = props;
-      const isTabbing = key === EVENT_CODE.tab && !altKey && !ctrlKey && !metaKey;
-      const currentFocusingEl = document.activeElement;
-      if (isTabbing && currentFocusingEl) {
-        const container = currentTarget;
-        const [first, last] = getEdges(container);
-        const isTabbable = first && last;
-        if (!isTabbable) {
-          if (currentFocusingEl === container)
-            e.preventDefault();
-        } else {
-          if (!shiftKey && currentFocusingEl === last) {
-            e.preventDefault();
-            if (loop)
-              tryFocus(first, true);
-          } else if (shiftKey && currentFocusingEl === first) {
-            e.preventDefault();
-            if (loop)
-              tryFocus(last, true);
-          }
-        }
-      }
-    };
-    provide(FOCUS_TRAP_INJECTION_KEY, {
-      focusTrapRef: forwardRef,
-      onKeydown
-    });
-    const focusOnMount = (e) => {
-      emit(ON_MOUNT_FOCUS_EVT, e);
-    };
-    const focusOnUnmount = (e) => emit(ON_UNMOUNT_FOCUS_EVT, e);
-    const onFocusIn = (e) => {
-      const trapContainer = unref(forwardRef);
-      if (focusLayer.paused || !trapContainer)
-        return;
-      const target = e.target;
-      if (target && trapContainer.contains(target)) {
-        lastFocusAfterMounted = target;
-      } else {
-        tryFocus(lastFocusAfterMounted, true);
-      }
-    };
-    const onFocusOut = (e) => {
-      const trapContainer = unref(forwardRef);
-      if (focusLayer.paused || !trapContainer)
-        return;
-      if (!trapContainer.contains(e.relatedTarget)) {
-        tryFocus(lastFocusAfterMounted, true);
-      }
-    };
-    onMounted(() => {
-      const trapContainer = unref(forwardRef);
-      if (trapContainer) {
-        focusableStack.push(focusLayer);
-        const prevFocusedElement = document.activeElement;
-        lastFocusBeforeMounted = prevFocusedElement;
-        const isPrevFocusContained = trapContainer.contains(prevFocusedElement);
-        if (!isPrevFocusContained) {
-          const mountEvent = new Event(FOCUS_ON_MOUNT, FOCUS_ON_MOUNT_OPTS);
-          on(trapContainer, FOCUS_ON_MOUNT, focusOnMount);
-          trapContainer.dispatchEvent(mountEvent);
-          if (!mountEvent.defaultPrevented) {
-            focusFirstDescendant(obtainAllFocusableElements(trapContainer), true);
-            if (document.activeElement === prevFocusedElement) {
-              tryFocus(trapContainer);
-            }
-          }
-        }
-      }
-      watch(() => props.trapped, (trapped) => {
-        if (trapped) {
-          on(document, "focusin", onFocusIn);
-          on(document, "focusout", onFocusOut);
-        } else {
-          off(document, "focusin", onFocusIn);
-          off(document, "focusout", onFocusOut);
-        }
-      }, { immediate: true });
-    });
-    onBeforeUnmount(() => {
-      const trapContainer = unref(forwardRef);
-      if (trapContainer) {
-        off(trapContainer, FOCUS_ON_MOUNT, focusOnMount);
-        const unmountEvent = new Event(FOCUS_ON_UNMOUNT, FOCUS_ON_MOUNT_OPTS);
-        on(trapContainer, FOCUS_ON_UNMOUNT, focusOnUnmount);
-        trapContainer.dispatchEvent(unmountEvent);
-        if (!unmountEvent.defaultPrevented) {
-          tryFocus(lastFocusBeforeMounted != null ? lastFocusBeforeMounted : document.body, true);
-        }
-        off(trapContainer, FOCUS_ON_UNMOUNT, focusOnUnmount);
-        focusableStack.remove(focusLayer);
-      }
-    });
-    return {
-      focusTrapRef,
-      forwardRef,
-      onKeydown
-    };
-  }
-});
-function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
-  return renderSlot(_ctx.$slots, "default");
-}
-var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$12]]);
-
 const _sfc_main$15 = defineComponent({
   inheritAttrs: false
 });
@@ -24134,7 +24228,7 @@ const _sfc_main$$ = defineComponent({
     ElIcon
   },
   props: dropdownItemProps,
-  emits: ["pointermove", "pointerleave", "click"],
+  emits: ["pointermove", "pointerleave", "click", "clickimpl"],
   setup(_, { emit }) {
     const ns = useNamespace("dropdown");
     const { collectionItemRef: dropdownCollectionItemRef } = inject(COLLECTION_ITEM_INJECTION_KEY, void 0);
@@ -24152,7 +24246,7 @@ const _sfc_main$$ = defineComponent({
       if (code === EVENT_CODE.enter || code === EVENT_CODE.space) {
         e.preventDefault();
         e.stopImmediatePropagation();
-        emit("click", e);
+        emit("clickimpl", e);
         return true;
       }
     }, handleItemKeydown);
@@ -24182,7 +24276,7 @@ function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
       class: [_ctx.ns.be("menu", "item"), _ctx.ns.is("disabled", _ctx.disabled)],
       tabindex: _ctx.tabIndex,
       role: "menuitem",
-      onClick: _cache[0] || (_cache[0] = (e) => _ctx.$emit("click", e)),
+      onClick: _cache[0] || (_cache[0] = (e) => _ctx.$emit("clickimpl", e)),
       onFocus: _cache[1] || (_cache[1] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
       onKeydown: _cache[2] || (_cache[2] = (...args) => _ctx.handleKeydown && _ctx.handleKeydown(...args)),
       onMousedown: _cache[3] || (_cache[3] = (...args) => _ctx.handleMousedown && _ctx.handleMousedown(...args)),
@@ -24292,13 +24386,13 @@ function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
           createVNode(_component_el_dropdown_item_impl, mergeProps(_ctx.propsAndAttrs, {
             onPointerleave: _ctx.handlePointerLeave,
             onPointermove: _ctx.handlePointerMove,
-            onClick: _ctx.handleClick
+            onClickimpl: _ctx.handleClick
           }), {
             default: withCtx(() => [
               renderSlot(_ctx.$slots, "default")
             ]),
             _: 3
-          }, 16, ["onPointerleave", "onPointermove", "onClick"])
+          }, 16, ["onPointerleave", "onPointermove", "onClickimpl"])
         ]),
         _: 3
       }, 8, ["focusable"])
@@ -30940,7 +31034,8 @@ const popconfirmProps = buildProps({
   onCancel: {
     type: definePropType(Function)
   },
-  teleported: useTooltipContentProps.teleported
+  teleported: useTooltipContentProps.teleported,
+  persistent: useTooltipContentProps.persistent
 });
 
 const COMPONENT_NAME$6 = "ElPopconfirm";
@@ -30998,7 +31093,7 @@ function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
     teleported: _ctx.compatTeleported,
     "fallback-placements": ["bottom", "top", "right", "left"],
     "hide-after": _ctx.hideAfter,
-    persistent: ""
+    persistent: _ctx.persistent
   }), {
     content: withCtx(() => [
       createElementVNode("div", {
@@ -31049,7 +31144,7 @@ function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
       _ctx.$slots.reference ? renderSlot(_ctx.$slots, "reference", { key: 0 }) : createCommentVNode("v-if", true)
     ]),
     _: 3
-  }, 16, ["popper-class", "teleported", "hide-after"]);
+  }, 16, ["popper-class", "teleported", "hide-after", "persistent"]);
 }
 var Popconfirm = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["render", _sfc_render$y]]);
 
@@ -31100,10 +31195,20 @@ const usePopoverProps = buildProps({
   showArrow: {
     type: Boolean,
     default: true
+  },
+  persistent: {
+    type: Boolean,
+    default: true
   }
 });
 
-const emits = ["update:visible", "after-enter", "after-leave"];
+const emits = [
+  "update:visible",
+  "before-enter",
+  "before-leave",
+  "after-enter",
+  "after-leave"
+];
 const COMPONENT_NAME$5 = "ElPopover";
 const _sfc_main$B = defineComponent({
   name: COMPONENT_NAME$5,
@@ -31141,6 +31246,12 @@ const _sfc_main$B = defineComponent({
       var _a;
       (_a = tooltipRef.value) == null ? void 0 : _a.hide();
     };
+    const beforeEnter = () => {
+      emit("before-enter");
+    };
+    const beforeLeave = () => {
+      emit("before-leave");
+    };
     const afterEnter = () => {
       emit("after-enter");
     };
@@ -31155,6 +31266,8 @@ const _sfc_main$B = defineComponent({
       tooltipRef,
       popperRef,
       hide,
+      beforeEnter,
+      beforeLeave,
       afterEnter,
       afterLeave
     };
@@ -31183,7 +31296,9 @@ function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
     "popper-class": _ctx.kls,
     "popper-style": _ctx.style,
     teleported: _ctx.compatTeleported,
-    persistent: "",
+    persistent: _ctx.persistent,
+    onBeforeShow: _ctx.beforeEnter,
+    onBeforeHide: _ctx.beforeLeave,
     onShow: _ctx.afterEnter,
     onHide: _ctx.afterLeave
   }), {
@@ -31201,7 +31316,7 @@ function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
       _ctx.$slots.reference ? renderSlot(_ctx.$slots, "reference", { key: 0 }) : createCommentVNode("v-if", true)
     ]),
     _: 3
-  }, 16, ["trigger", "placement", "disabled", "visible", "transition", "popper-options", "tabindex", "append-to-body", "content", "offset", "show-after", "hide-after", "auto-close", "show-arrow", "aria-label", "effect", "enterable", "popper-class", "popper-style", "teleported", "onShow", "onHide"]);
+  }, 16, ["trigger", "placement", "disabled", "visible", "transition", "popper-options", "tabindex", "append-to-body", "content", "offset", "show-after", "hide-after", "auto-close", "show-arrow", "aria-label", "effect", "enterable", "popper-class", "popper-style", "teleported", "persistent", "onBeforeShow", "onBeforeHide", "onShow", "onHide"]);
 }
 var Popover = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render$x]]);
 
@@ -36856,12 +36971,12 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
             key: 0,
             class: normalizeClass([_ctx.ns.is("text"), _ctx.checked ? _ctx.ns.is("show") : _ctx.ns.is("hide")]),
             "aria-hidden": !_ctx.checked
-          }, toDisplayString(_ctx.activeText.substr(0, 1)), 11, _hoisted_4$3)) : createCommentVNode("v-if", true),
+          }, toDisplayString(_ctx.activeText.substring(0, 3)), 11, _hoisted_4$3)) : createCommentVNode("v-if", true),
           _ctx.inactiveText ? (openBlock(), createElementBlock("span", {
             key: 1,
             class: normalizeClass([_ctx.ns.is("text"), !_ctx.checked ? _ctx.ns.is("show") : _ctx.ns.is("hide")]),
             "aria-hidden": _ctx.checked
-          }, toDisplayString(_ctx.inactiveText.substr(0, 1)), 11, _hoisted_5$2)) : createCommentVNode("v-if", true)
+          }, toDisplayString(_ctx.inactiveText.substring(0, 3)), 11, _hoisted_5$2)) : createCommentVNode("v-if", true)
         ], 64)) : createCommentVNode("v-if", true)
       ], 2)) : createCommentVNode("v-if", true),
       createElementVNode("div", {
@@ -38375,8 +38490,6 @@ class TableLayout {
       return;
     const fit = this.fit;
     const bodyWidth = this.table.vnode.el.clientWidth;
-    const { tableBody } = this.table.refs;
-    const bodyScrollWidth = (tableBody == null ? void 0 : tableBody.scrollWidth) || 0;
     let bodyMinWidth = 0;
     const flattenColumns = this.getFlattenColumns();
     const flexColumns = flattenColumns.filter((column) => typeof column.width !== "number");
@@ -38388,10 +38501,9 @@ class TableLayout {
       flattenColumns.forEach((column) => {
         bodyMinWidth += Number(column.width || column.minWidth || 80);
       });
-      const scrollYWidth = 0;
-      if (bodyMinWidth <= bodyWidth - scrollYWidth && bodyScrollWidth <= bodyWidth) {
+      if (bodyMinWidth <= bodyWidth) {
         this.scrollX.value = false;
-        const totalFlexWidth = bodyWidth - scrollYWidth - bodyMinWidth;
+        const totalFlexWidth = bodyWidth - bodyMinWidth;
         if (flexColumns.length === 1) {
           flexColumns[0].realWidth = Number(flexColumns[0].minWidth || 80) + totalFlexWidth;
         } else {
@@ -39915,7 +40027,9 @@ var TableFooter = defineComponent({
       cellpadding: "0",
       border: "0"
     }, [
-      hColgroup(columns),
+      hColgroup({
+        columns
+      }),
       h$1("tbody", [
         h$1("tr", {}, [
           ...columns.map((column, cellIndex) => h$1("td", {
@@ -40037,8 +40151,8 @@ function useStyle(props, layout, store, table) {
   };
   onMounted(async () => {
     setScrollClass("is-scrolling-left");
-    store.updateColumns();
     await nextTick();
+    store.updateColumns();
     bindEvents();
     requestAnimationFrame(doLayout);
     resizeState.value = {
@@ -40068,7 +40182,7 @@ function useStyle(props, layout, store, table) {
     setScrollClassByEl(tableWrapper, className);
   };
   const syncPostion = function() {
-    if (!table.refs.scrollWrapper)
+    if (!layout.scrollX.value || !table.refs.scrollWrapper)
       return;
     const scrollContainer = table.refs.scrollWrapper.wrap$;
     if (!scrollContainer)