@element-plus/nightly 0.0.20220218 → 0.0.20220222

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220218 */
+/*! Element Plus v0.0.20220222 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -4367,14 +4367,14 @@
       var _a;
       return unrefElement(target) || ((_a = window == null ? void 0 : window.document) == null ? void 0 : _a.documentElement);
     });
-    vue.watch(elRef, (el) => {
+    vue.watch([elRef, () => vue.unref(prop)], ([el, prop2]) => {
       if (el && window)
-        variable.value = window.getComputedStyle(el).getPropertyValue(prop);
+        variable.value = window.getComputedStyle(el).getPropertyValue(prop2);
     }, { immediate: true });
     vue.watch(variable, (val) => {
       var _a;
       if ((_a = elRef.value) == null ? void 0 : _a.style)
-        elRef.value.style.setProperty(prop, val);
+        elRef.value.style.setProperty(vue.unref(prop), val);
     });
     return variable;
   }
@@ -4781,7 +4781,7 @@
     return target;
   };
 
-  const _sfc_main$2M = vue.defineComponent({
+  const _sfc_main$2N = vue.defineComponent({
     name: "ArrowDown"
   });
   const _hoisted_1$1C = {
@@ -4798,12 +4798,12 @@
   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 vue.openBlock(), vue.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 = vue.defineComponent({
+  const _sfc_main$2M = vue.defineComponent({
     name: "ArrowLeft"
   });
   const _hoisted_1$1B = {
@@ -4820,12 +4820,12 @@
   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 vue.openBlock(), vue.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 = vue.defineComponent({
+  const _sfc_main$2L = vue.defineComponent({
     name: "ArrowRight"
   });
   const _hoisted_1$1A = {
@@ -4842,12 +4842,12 @@
   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 vue.openBlock(), vue.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 = vue.defineComponent({
+  const _sfc_main$2K = vue.defineComponent({
     name: "ArrowUp"
   });
   const _hoisted_1$1z = {
@@ -4864,12 +4864,12 @@
   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 vue.openBlock(), vue.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 = vue.defineComponent({
+  const _sfc_main$2J = vue.defineComponent({
     name: "Back"
   });
   const _hoisted_1$1y = {
@@ -4891,12 +4891,12 @@
     _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 vue.openBlock(), vue.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 = vue.defineComponent({
+  const _sfc_main$2I = vue.defineComponent({
     name: "Calendar"
   });
   const _hoisted_1$1x = {
@@ -4913,12 +4913,12 @@
   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 vue.openBlock(), vue.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 = vue.defineComponent({
+  const _sfc_main$2H = vue.defineComponent({
     name: "CaretRight"
   });
   const _hoisted_1$1w = {
@@ -4935,12 +4935,12 @@
   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 vue.openBlock(), vue.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 = vue.defineComponent({
+  const _sfc_main$2G = vue.defineComponent({
     name: "CaretTop"
   });
   const _hoisted_1$1v = {
@@ -4957,12 +4957,12 @@
   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 vue.openBlock(), vue.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 = vue.defineComponent({
+  const _sfc_main$2F = vue.defineComponent({
     name: "Check"
   });
   const _hoisted_1$1u = {
@@ -4979,12 +4979,12 @@
   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 vue.openBlock(), vue.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 = vue.defineComponent({
+  const _sfc_main$2E = vue.defineComponent({
     name: "CircleCheckFilled"
   });
   const _hoisted_1$1t = {
@@ -5001,12 +5001,12 @@
   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 vue.openBlock(), vue.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 = vue.defineComponent({
+  const _sfc_main$2D = vue.defineComponent({
     name: "CircleCheck"
   });
   const _hoisted_1$1s = {
@@ -5028,12 +5028,12 @@
     _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 vue.openBlock(), vue.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 = vue.defineComponent({
+  const _sfc_main$2C = vue.defineComponent({
     name: "CircleCloseFilled"
   });
   const _hoisted_1$1r = {
@@ -5050,12 +5050,12 @@
   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 vue.openBlock(), vue.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 = vue.defineComponent({
+  const _sfc_main$2B = vue.defineComponent({
     name: "CircleClose"
   });
   const _hoisted_1$1q = {
@@ -5077,12 +5077,12 @@
     _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 vue.openBlock(), vue.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 = vue.defineComponent({
+  const _sfc_main$2A = vue.defineComponent({
     name: "Clock"
   });
   const _hoisted_1$1p = {
@@ -5109,12 +5109,12 @@
     _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 vue.openBlock(), vue.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 = vue.defineComponent({
+  const _sfc_main$2z = vue.defineComponent({
     name: "Close"
   });
   const _hoisted_1$1o = {
@@ -5131,12 +5131,12 @@
   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 vue.openBlock(), vue.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 = vue.defineComponent({
+  const _sfc_main$2y = vue.defineComponent({
     name: "DArrowLeft"
   });
   const _hoisted_1$1n = {
@@ -5153,12 +5153,12 @@
   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 vue.openBlock(), vue.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 = vue.defineComponent({
+  const _sfc_main$2x = vue.defineComponent({
     name: "DArrowRight"
   });
   const _hoisted_1$1m = {
@@ -5175,12 +5175,12 @@
   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 vue.openBlock(), vue.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 = vue.defineComponent({
+  const _sfc_main$2w = vue.defineComponent({
     name: "Delete"
   });
   const _hoisted_1$1l = {
@@ -5197,12 +5197,12 @@
   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 vue.openBlock(), vue.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 = vue.defineComponent({
+  const _sfc_main$2v = vue.defineComponent({
     name: "Document"
   });
   const _hoisted_1$1k = {
@@ -5219,12 +5219,12 @@
   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 vue.openBlock(), vue.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 = vue.defineComponent({
+  const _sfc_main$2u = vue.defineComponent({
     name: "FullScreen"
   });
   const _hoisted_1$1j = {
@@ -5241,12 +5241,12 @@
   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 vue.openBlock(), vue.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 = vue.defineComponent({
+  const _sfc_main$2t = vue.defineComponent({
     name: "InfoFilled"
   });
   const _hoisted_1$1i = {
@@ -5263,12 +5263,12 @@
   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 vue.openBlock(), vue.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 = vue.defineComponent({
+  const _sfc_main$2s = vue.defineComponent({
     name: "Loading"
   });
   const _hoisted_1$1h = {
@@ -5285,12 +5285,12 @@
   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 vue.openBlock(), vue.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 = vue.defineComponent({
+  const _sfc_main$2r = vue.defineComponent({
     name: "Minus"
   });
   const _hoisted_1$1g = {
@@ -5307,12 +5307,12 @@
   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 vue.openBlock(), vue.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 = vue.defineComponent({
+  const _sfc_main$2q = vue.defineComponent({
     name: "MoreFilled"
   });
   const _hoisted_1$1f = {
@@ -5329,12 +5329,12 @@
   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 vue.openBlock(), vue.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 = vue.defineComponent({
+  const _sfc_main$2p = vue.defineComponent({
     name: "More"
   });
   const _hoisted_1$1e = {
@@ -5351,12 +5351,12 @@
   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 vue.openBlock(), vue.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 = vue.defineComponent({
+  const _sfc_main$2o = vue.defineComponent({
     name: "Plus"
   });
   const _hoisted_1$1d = {
@@ -5373,12 +5373,12 @@
   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 vue.openBlock(), vue.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 = vue.defineComponent({
+  const _sfc_main$2n = vue.defineComponent({
     name: "QuestionFilled"
   });
   const _hoisted_1$1c = {
@@ -5395,12 +5395,12 @@
   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 vue.openBlock(), vue.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 = vue.defineComponent({
+  const _sfc_main$2m = vue.defineComponent({
     name: "RefreshLeft"
   });
   const _hoisted_1$1b = {
@@ -5417,12 +5417,12 @@
   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 vue.openBlock(), vue.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 = vue.defineComponent({
+  const _sfc_main$2l = vue.defineComponent({
     name: "RefreshRight"
   });
   const _hoisted_1$1a = {
@@ -5439,12 +5439,12 @@
   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 vue.openBlock(), vue.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 = vue.defineComponent({
+  const _sfc_main$2k = vue.defineComponent({
     name: "ScaleToOriginal"
   });
   const _hoisted_1$19 = {
@@ -5461,12 +5461,12 @@
   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 vue.openBlock(), vue.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 = vue.defineComponent({
+  const _sfc_main$2j = vue.defineComponent({
     name: "Search"
   });
   const _hoisted_1$18 = {
@@ -5483,12 +5483,12 @@
   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 vue.openBlock(), vue.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 = vue.defineComponent({
+  const _sfc_main$2i = vue.defineComponent({
     name: "StarFilled"
   });
   const _hoisted_1$17 = {
@@ -5505,12 +5505,12 @@
   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 vue.openBlock(), vue.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 = vue.defineComponent({
+  const _sfc_main$2h = vue.defineComponent({
     name: "Star"
   });
   const _hoisted_1$16 = {
@@ -5527,12 +5527,12 @@
   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 vue.openBlock(), vue.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 = vue.defineComponent({
+  const _sfc_main$2g = vue.defineComponent({
     name: "SuccessFilled"
   });
   const _hoisted_1$15 = {
@@ -5549,12 +5549,12 @@
   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 vue.openBlock(), vue.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 = vue.defineComponent({
+  const _sfc_main$2f = vue.defineComponent({
     name: "View"
   });
   const _hoisted_1$14 = {
@@ -5571,12 +5571,12 @@
   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 vue.openBlock(), vue.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 = vue.defineComponent({
+  const _sfc_main$2e = vue.defineComponent({
     name: "WarningFilled"
   });
   const _hoisted_1$13 = {
@@ -5593,12 +5593,12 @@
   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 vue.openBlock(), vue.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 = vue.defineComponent({
+  const _sfc_main$2d = vue.defineComponent({
     name: "ZoomIn"
   });
   const _hoisted_1$12 = {
@@ -5615,12 +5615,12 @@
   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 vue.openBlock(), vue.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 = vue.defineComponent({
+  const _sfc_main$2c = vue.defineComponent({
     name: "ZoomOut"
   });
   const _hoisted_1$11 = {
@@ -5637,10 +5637,10 @@
   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 vue.openBlock(), vue.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";
@@ -6242,15 +6242,17 @@
   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 = ({
@@ -6736,7 +6738,7 @@
     };
   };
 
-  const version$1 = "0.0.20220218";
+  const version$1 = "0.0.20220222";
 
   const INSTALLED_KEY = Symbol("INSTALLED_KEY");
   const makeInstaller = (components = []) => {
@@ -6777,11 +6779,11 @@
     change: (fixed) => typeof fixed === "boolean"
   };
 
-  const __default__$5 = {
+  const __default__$7 = {
     name: "ElAffix"
   };
-  const _sfc_main$2a = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$5,
+  const _sfc_main$2b = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$7,
     props: affixProps,
     emits: affixEmits,
     setup(__props, { emit }) {
@@ -6887,7 +6889,7 @@
       };
     }
   });
-  var Affix = _sfc_main$2a;
+  var Affix = _sfc_main$2b;
 
   const ElAffix = withInstall(Affix);
 
@@ -6900,12 +6902,12 @@
     }
   });
 
-  const __default__$4 = {
+  const __default__$6 = {
     name: "ElIcon",
     inheritAttrs: false
   };
-  const _sfc_main$29 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$4,
+  const _sfc_main$2a = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$6,
     props: iconProps,
     setup(__props) {
       const props = __props;
@@ -6928,7 +6930,7 @@
       };
     }
   });
-  var Icon = _sfc_main$29;
+  var Icon = _sfc_main$2a;
 
   const ElIcon = withInstall(Icon);
 
@@ -6967,11 +6969,11 @@
     close: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$3 = {
+  const __default__$5 = {
     name: "ElAlert"
   };
-  const _sfc_main$28 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$3,
+  const _sfc_main$29 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$5,
     props: alertProps,
     emits: alertEmits,
     setup(__props, { emit }) {
@@ -7050,7 +7052,7 @@
       };
     }
   });
-  var Alert = _sfc_main$28;
+  var Alert = _sfc_main$29;
 
   const ElAlert = withInstall(Alert);
 
@@ -7408,7 +7410,7 @@
     suffix: "append",
     prefix: "prepend"
   };
-  const _sfc_main$27 = vue.defineComponent({
+  const _sfc_main$28 = vue.defineComponent({
     name: "ElInput",
     components: { ElIcon, CircleClose: circleClose, IconView: view },
     inheritAttrs: false,
@@ -7634,7 +7636,7 @@
   });
   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 = vue.resolveComponent("el-icon");
     const _component_circle_close = vue.resolveComponent("circle-close");
     const _component_icon_view = vue.resolveComponent("icon-view");
@@ -7807,7 +7809,7 @@
       [vue.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);
 
@@ -7850,7 +7852,7 @@
   });
 
   const COMPONENT_NAME$e = "Thumb";
-  const _sfc_main$26 = vue.defineComponent({
+  const _sfc_main$27 = vue.defineComponent({
     name: COMPONENT_NAME$e,
     props: thumbProps,
     setup(props) {
@@ -7952,7 +7954,7 @@
       };
     }
   });
-  function _sfc_render$1_(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1Z(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createBlock(vue.Transition, {
       name: _ctx.ns.b("fade")
     }, {
@@ -7975,7 +7977,7 @@
       _: 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: {
@@ -8000,7 +8002,7 @@
     }
   });
 
-  const _sfc_main$25 = vue.defineComponent({
+  const _sfc_main$26 = vue.defineComponent({
     components: {
       Thumb
     },
@@ -8024,7 +8026,7 @@
       };
     }
   });
-  function _sfc_render$1Z(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1Y(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_thumb = vue.resolveComponent("thumb");
     return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
       vue.createVNode(_component_thumb, {
@@ -8042,7 +8044,7 @@
       }, 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: {
@@ -8094,7 +8096,7 @@
     }) => isNumber(scrollTop) && isNumber(scrollLeft)
   };
 
-  const _sfc_main$24 = vue.defineComponent({
+  const _sfc_main$25 = vue.defineComponent({
     name: "ElScrollbar",
     components: {
       Bar
@@ -8207,7 +8209,7 @@
       };
     }
   });
-  function _sfc_render$1Y(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1X(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_bar = vue.resolveComponent("bar");
     return vue.openBlock(), vue.createElementBlock("div", {
       ref: "scrollbar$",
@@ -8245,14 +8247,14 @@
       }, null, 8, ["height", "width", "always", "ratio-x", "ratio-y"])) : vue.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 = vue.defineComponent({
+  const _sfc_main$24 = vue.defineComponent({
     name: "ElPopperProvider",
     inheritAttrs: false,
     setup() {
@@ -8265,10 +8267,10 @@
       return popperProvides;
     }
   });
-  function _sfc_render$1X(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1W(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.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';
@@ -10148,7 +10150,7 @@
     }
   });
 
-  const _sfc_main$22 = vue.defineComponent({
+  const _sfc_main$23 = vue.defineComponent({
     name: "ElPopperArrow",
     props: usePopperArrowProps,
     setup(props) {
@@ -10170,14 +10172,14 @@
       };
     }
   });
-  function _sfc_render$1W(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1V(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("span", {
       ref: "arrowRef",
       class: vue.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 = vue.defineComponent({
@@ -10216,6 +10218,8 @@
             continue;
           case vue.Text:
             return wrapTextContent(child);
+          case "svg":
+            return wrapTextContent(child);
           case vue.Fragment:
             return findFirstLegitChild(child.children);
           default:
@@ -10305,7 +10309,7 @@
     }
   }
 
-  const _sfc_main$21 = vue.defineComponent({
+  const _sfc_main$22 = vue.defineComponent({
     name: "ElPopperTrigger",
     components: { ElOnlyChild },
     inheritAttrs: false,
@@ -10357,7 +10361,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-only-child");
     return !_ctx.virtualTriggering ? (vue.openBlock(), vue.createBlock(_component_el_only_child, vue.mergeProps({ key: 0 }, _ctx.$attrs, {
       "aria-describedby": _ctx.open ? _ctx.id : void 0
@@ -10368,9 +10372,9 @@
       _: 3
     }, 16, ["aria-describedby"])) : vue.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 = vue.defineComponent({
+  const _sfc_main$21 = vue.defineComponent({
     name: "ElPopperContent",
     props: usePopperContentProps,
     emits: ["mouseenter", "mouseleave"],
@@ -10454,7 +10458,7 @@
       };
     }
   });
-  function _sfc_render$1U(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1T(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       ref: "popperContentRef",
       style: vue.normalizeStyle(_ctx.contentStyle),
@@ -10466,7 +10470,7 @@
       vue.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 = vue.getCurrentInstance();
@@ -10487,7 +10491,7 @@
 
   const ElPopper = withInstall(Popper);
 
-  const _sfc_main$1$ = vue.defineComponent({
+  const _sfc_main$20 = vue.defineComponent({
     name: "ElVisuallyHidden",
     props: {
       style: {
@@ -10516,10 +10520,10 @@
       };
     }
   });
-  function _sfc_render$1T(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1S(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("span", vue.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,
@@ -10582,7 +10586,7 @@
 
   const TOOLTIP_INJECTION_KEY = Symbol("elTooltip");
 
-  const _sfc_main$1_ = vue.defineComponent({
+  const _sfc_main$1$ = vue.defineComponent({
     name: "ElTooltipContent",
     components: {
       ElPopperContent,
@@ -10595,7 +10599,18 @@
       const intermediateOpen = vue.ref(false);
       const entering = vue.ref(false);
       const leaving = vue.ref(false);
-      const { controlled, id, open, trigger, onClose, onOpen, onShow, onHide } = vue.inject(TOOLTIP_INJECTION_KEY, void 0);
+      const {
+        controlled,
+        id,
+        open,
+        trigger,
+        onClose,
+        onOpen,
+        onShow,
+        onHide,
+        onBeforeShow,
+        onBeforeHide
+      } = vue.inject(TOOLTIP_INJECTION_KEY, void 0);
       const persistentRef = vue.computed(() => {
         return props.persistent;
       });
@@ -10631,6 +10646,10 @@
       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();
@@ -10668,13 +10687,14 @@
         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 = vue.resolveComponent("el-visually-hidden");
     const _component_el_popper_content = vue.resolveComponent("el-popper-content");
     return vue.openBlock(), vue.createBlock(vue.Teleport, {
@@ -10685,7 +10705,8 @@
         name: _ctx.transition,
         onAfterLeave: _ctx.onTransitionLeave,
         onBeforeEnter: _ctx.onBeforeEnter,
-        onAfterEnter: _ctx.onAfterShow
+        onAfterEnter: _ctx.onAfterShow,
+        onBeforeLeave: _ctx.onBeforeLeave
       }, {
         default: vue.withCtx(() => [
           _ctx.shouldRender ? vue.withDirectives((vue.openBlock(), vue.createBlock(_component_el_popper_content, vue.mergeProps({
@@ -10728,10 +10749,10 @@
           ]) : vue.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)) {
@@ -10745,7 +10766,7 @@
     };
   };
 
-  const _sfc_main$1Z = vue.defineComponent({
+  const _sfc_main$1_ = vue.defineComponent({
     name: "ElTooltipTrigger",
     components: {
       ElPopperTrigger
@@ -10795,7 +10816,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-popper-trigger");
     return vue.openBlock(), vue.createBlock(_component_el_popper_trigger, {
       id: _ctx.id,
@@ -10817,10 +10838,10 @@
       _: 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 = vue.defineComponent({
+  const _sfc_main$1Z = vue.defineComponent({
     name: "ElTooltip",
     components: {
       ElPopper,
@@ -10835,7 +10856,7 @@
       ...usePopperArrowProps,
       ...useTooltipProps
     },
-    emits: [...useModelToggleEmits, "show", "hide"],
+    emits: [...useModelToggleEmits, "before-show", "before-hide", "show", "hide"],
     setup(props, { emit }) {
       usePopperContainer();
       const compatShowAfter = vue.computed(() => {
@@ -10886,6 +10907,12 @@
         onHide: () => {
           emit("hide");
         },
+        onBeforeShow: () => {
+          emit("before-show");
+        },
+        onBeforeHide: () => {
+          emit("before-hide");
+        },
         updatePopper
       });
       return {
@@ -10902,7 +10929,7 @@
   });
   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 = vue.resolveComponent("el-tooltip-trigger");
     const _component_el_popper_arrow = vue.resolveComponent("el-popper-arrow");
     const _component_el_tooltip_content = vue.resolveComponent("el-tooltip-content");
@@ -10943,7 +10970,8 @@
           strategy: _ctx.strategy,
           teleported: _ctx.teleported,
           transition: _ctx.transition,
-          "z-index": _ctx.zIndex
+          "z-index": _ctx.zIndex,
+          "append-to": _ctx.appendTo
         }, {
           default: vue.withCtx(() => [
             vue.renderSlot(_ctx.$slots, "content", {}, () => [
@@ -10958,17 +10986,17 @@
             }, null, 8, ["arrow-offset"])) : vue.createCommentVNode("v-if", true)
           ]),
           _: 3
-        }, 8, ["aria-label", "boundaries-padding", "content", "disabled", "effect", "enterable", "fallback-placements", "hide-after", "gpu-acceleration", "offset", "persistent", "popper-class", "popper-style", "placement", "popper-options", "pure", "raw-content", "reference-el", "show-after", "strategy", "teleported", "transition", "z-index"])
+        }, 8, ["aria-label", "boundaries-padding", "content", "disabled", "effect", "enterable", "fallback-placements", "hide-after", "gpu-acceleration", "offset", "persistent", "popper-class", "popper-style", "placement", "popper-options", "pure", "raw-content", "reference-el", "show-after", "strategy", "teleported", "transition", "z-index", "append-to"])
       ]),
       _: 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 = vue.defineComponent({
+  const _sfc_main$1Y = vue.defineComponent({
     name: COMPONENT_NAME$d,
     components: {
       ElTooltip,
@@ -11217,7 +11245,7 @@
   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 = vue.resolveComponent("el-input");
     const _component_loading = vue.resolveComponent("loading");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -11337,7 +11365,7 @@
       _: 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);
@@ -11375,7 +11403,7 @@
     error: (evt) => evt instanceof Event
   };
 
-  const _sfc_main$1W = vue.defineComponent({
+  const _sfc_main$1X = vue.defineComponent({
     name: "ElAvatar",
     components: {
       ElIcon
@@ -11420,7 +11448,7 @@
     }
   });
   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 = vue.resolveComponent("el-icon");
     return vue.openBlock(), vue.createElementBlock("span", {
       class: vue.normalizeClass(_ctx.avatarClass),
@@ -11441,7 +11469,7 @@
       })) : vue.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);
 
@@ -11468,11 +11496,11 @@
   };
 
   const _hoisted_1$Y = ["onClick"];
-  const __default__$2 = {
+  const __default__$4 = {
     name: "ElBacktop"
   };
-  const _sfc_main$1V = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$2,
+  const _sfc_main$1W = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$4,
     props: backtopProps,
     emits: backtopEmits,
     setup(__props, { emit }) {
@@ -11553,7 +11581,7 @@
       };
     }
   });
-  var Backtop = _sfc_main$1V;
+  var Backtop = _sfc_main$1W;
 
   const ElBacktop = withInstall(Backtop);
 
@@ -11576,11 +11604,11 @@
   });
 
   const _hoisted_1$X = ["textContent"];
-  const __default__$1 = {
+  const __default__$3 = {
     name: "ElBadge"
   };
-  const _sfc_main$1U = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1,
+  const _sfc_main$1V = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$3,
     props: badgeProps,
     setup(__props) {
       const props = __props;
@@ -11620,7 +11648,7 @@
       };
     }
   });
-  var Badge = _sfc_main$1U;
+  var Badge = _sfc_main$1V;
 
   const ElBadge = withInstall(Badge);
 
@@ -11635,7 +11663,7 @@
     }
   });
 
-  const _sfc_main$1T = vue.defineComponent({
+  const _sfc_main$1U = vue.defineComponent({
     name: "ElBreadcrumb",
     props: breadcrumbProps,
     setup(props) {
@@ -11654,7 +11682,7 @@
       };
     }
   });
-  function _sfc_render$1N(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1M(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       ref: "breadcrumb",
       class: vue.normalizeClass(_ctx.ns.b()),
@@ -11664,7 +11692,7 @@
       vue.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: {
@@ -11678,7 +11706,7 @@
   });
 
   const COMPONENT_NAME$c = "ElBreadcrumbItem";
-  const _sfc_main$1S = vue.defineComponent({
+  const _sfc_main$1T = vue.defineComponent({
     name: COMPONENT_NAME$c,
     components: {
       ElIcon
@@ -11706,7 +11734,7 @@
       };
     }
   });
-  function _sfc_render$1M(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1L(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_icon = vue.resolveComponent("el-icon");
     return vue.openBlock(), vue.createElementBlock("span", {
       class: vue.normalizeClass(_ctx.ns.e("item"))
@@ -11733,7 +11761,7 @@
       }, vue.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
@@ -12905,11 +12933,11 @@
   };
 
   const _hoisted_1$W = ["disabled", "autofocus", "type"];
-  const __default__ = {
+  const __default__$2 = {
     name: "ElButton"
   };
-  const _sfc_main$1R = /* @__PURE__ */ vue.defineComponent({
-    ...__default__,
+  const _sfc_main$1S = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$2,
     props: buttonProps,
     emits: buttonEmits,
     setup(__props, { expose, emit }) {
@@ -13035,14 +13063,14 @@
       };
     }
   });
-  var Button = _sfc_main$1R;
+  var Button = _sfc_main$1S;
 
   const buttonGroupProps = {
     size: buttonProps.size,
     type: buttonProps.type
   };
 
-  const _sfc_main$1Q = vue.defineComponent({
+  const _sfc_main$1R = vue.defineComponent({
     name: "ElButtonGroup",
     props: buttonGroupProps,
     setup(props) {
@@ -13056,14 +13084,14 @@
       };
     }
   });
-  function _sfc_render$1L(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1K(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(`${_ctx.ns.b("group")}`)
     }, [
       vue.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
@@ -13253,7 +13281,7 @@
       return +date;
     return dayjs(date).locale(lang).format(format);
   };
-  const _sfc_main$1P = vue.defineComponent({
+  const _sfc_main$1Q = vue.defineComponent({
     name: "Picker",
     components: {
       ElInput,
@@ -13647,7 +13675,7 @@
   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 = vue.resolveComponent("el-icon");
     const _component_el_input = vue.resolveComponent("el-input");
     const _component_el_tooltip = vue.resolveComponent("el-tooltip");
@@ -13808,7 +13836,7 @@
       _: 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 = [];
@@ -13864,7 +13892,7 @@
     return oldValue;
   };
 
-  const _sfc_main$1O = vue.defineComponent({
+  const _sfc_main$1P = vue.defineComponent({
     directives: {
       repeatClick: RepeatClick
     },
@@ -14133,7 +14161,7 @@
   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 = vue.resolveComponent("el-scrollbar");
     const _component_arrow_up = vue.resolveComponent("arrow-up");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -14218,9 +14246,9 @@
       }), 128)) : vue.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 = vue.defineComponent({
+  const _sfc_main$1O = vue.defineComponent({
     components: {
       TimeSpinner
     },
@@ -14387,7 +14415,7 @@
     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 = vue.resolveComponent("time-spinner");
     return vue.openBlock(), vue.createBlock(vue.Transition, { name: _ctx.transitionName }, {
       default: vue.withCtx(() => [
@@ -14427,7 +14455,7 @@
       _: 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 = [];
@@ -14436,7 +14464,7 @@
     }
     return result;
   };
-  const _sfc_main$1M = vue.defineComponent({
+  const _sfc_main$1N = vue.defineComponent({
     components: { TimeSpinner },
     props: {
       visible: Boolean,
@@ -14671,7 +14699,7 @@
   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 = vue.resolveComponent("time-spinner");
     return _ctx.actualVisible ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$S, [
       vue.createElementVNode("div", _hoisted_2$C, [
@@ -14733,7 +14761,7 @@
       ])
     ])) : vue.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 = vue.defineComponent({
@@ -14827,7 +14855,7 @@
     const start = index * 7;
     return days.slice(start, start + 7);
   });
-  const _sfc_main$1L = vue.defineComponent({
+  const _sfc_main$1M = vue.defineComponent({
     props: dateTableProps,
     emits: dateTableEmits,
     setup(props, { emit }) {
@@ -14929,7 +14957,7 @@
   });
   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 vue.openBlock(), vue.createElementBlock("table", {
       class: vue.normalizeClass([_ctx.nsTable.b(), _ctx.nsTable.is("range", _ctx.isInRange)]),
       cellspacing: "0",
@@ -14971,7 +14999,7 @@
       ])
     ], 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: {
@@ -14987,7 +15015,7 @@
     input: (value) => value instanceof Date
   };
 
-  const _sfc_main$1K = vue.defineComponent({
+  const _sfc_main$1L = vue.defineComponent({
     name: "ElCalendar",
     components: {
       DateTable: DateTable$1,
@@ -15130,7 +15158,7 @@
       };
     }
   });
-  function _sfc_render$1F(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1E(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_button = vue.resolveComponent("el-button");
     const _component_el_button_group = vue.resolveComponent("el-button-group");
     const _component_date_table = vue.resolveComponent("date-table");
@@ -15223,7 +15251,7 @@
       ], 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);
 
@@ -15242,7 +15270,7 @@
     }
   });
 
-  const _sfc_main$1J = vue.defineComponent({
+  const _sfc_main$1K = vue.defineComponent({
     name: "ElCard",
     props: cardProps,
     setup() {
@@ -15252,7 +15280,7 @@
       };
     }
   });
-  function _sfc_render$1E(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1D(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass([_ctx.ns.b(), _ctx.ns.is(`${_ctx.shadow}-shadow`)])
     }, [
@@ -15272,11 +15300,11 @@
       ], 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 = vue.defineComponent({
+  const _sfc_main$1J = vue.defineComponent({
     name: "ElCarousel",
     components: {
       ElIcon,
@@ -15533,7 +15561,7 @@
   });
   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 = vue.resolveComponent("arrow-left");
     const _component_el_icon = vue.resolveComponent("el-icon");
     const _component_arrow_right = vue.resolveComponent("arrow-right");
@@ -15628,10 +15656,10 @@
       ], 2)) : vue.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 = vue.defineComponent({
+  const _sfc_main$1I = vue.defineComponent({
     name: "ElCarouselItem",
     props: {
       name: { type: String, default: "" },
@@ -15745,7 +15773,7 @@
       };
     }
   });
-  function _sfc_render$1C(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass([
         _ctx.ns.e("item"),
@@ -15769,7 +15797,7 @@
       [vue.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
@@ -15940,7 +15968,7 @@
     };
   };
 
-  const _sfc_main$1G = vue.defineComponent({
+  const _sfc_main$1H = vue.defineComponent({
     name: "ElCheckbox",
     props: {
       modelValue: {
@@ -15993,7 +16021,7 @@
   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 vue.openBlock(), vue.createElementBlock("label", {
       id: _ctx.id,
       class: vue.normalizeClass([
@@ -16064,9 +16092,9 @@
       ], 2)) : vue.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 = vue.defineComponent({
+  const _sfc_main$1G = vue.defineComponent({
     name: "ElCheckboxButton",
     props: useCheckboxProps,
     emits: [UPDATE_MODEL_EVENT, "change"],
@@ -16099,7 +16127,7 @@
   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 vue.openBlock(), vue.createElementBlock("label", {
       class: vue.normalizeClass([
         _ctx.ns.b("button"),
@@ -16153,9 +16181,9 @@
       ], 6)) : vue.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 = vue.defineComponent({
+  const _sfc_main$1F = vue.defineComponent({
     name: "ElCheckboxGroup",
     props: {
       modelValue: {
@@ -16227,7 +16255,7 @@
       };
     }
   });
-  var CheckboxGroup = _sfc_main$1E;
+  var CheckboxGroup = _sfc_main$1F;
 
   const ElCheckbox = withInstall(Checkbox, {
     CheckboxButton,
@@ -16295,7 +16323,7 @@
     };
   };
 
-  const _sfc_main$1D = vue.defineComponent({
+  const _sfc_main$1E = vue.defineComponent({
     name: "ElRadio",
     props: radioProps,
     emits: radioEmits,
@@ -16320,7 +16348,7 @@
   });
   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 vue.openBlock(), vue.createElementBlock("label", {
       class: vue.normalizeClass([
         _ctx.ns.b(),
@@ -16374,7 +16402,7 @@
       ], 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,
@@ -16384,7 +16412,7 @@
     }
   });
 
-  const _sfc_main$1C = vue.defineComponent({
+  const _sfc_main$1D = vue.defineComponent({
     name: "ElRadioButton",
     props: radioButtonProps,
     setup(props, { emit }) {
@@ -16422,7 +16450,7 @@
   });
   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 vue.openBlock(), vue.createElementBlock("label", {
       class: vue.normalizeClass([
         _ctx.ns.b("button"),
@@ -16463,7 +16491,7 @@
       ], 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,
@@ -16483,7 +16511,7 @@
   });
   const radioGroupEmits = radioEmits;
 
-  const _sfc_main$1B = vue.defineComponent({
+  const _sfc_main$1C = vue.defineComponent({
     name: "ElRadioGroup",
     props: radioGroupProps,
     emits: radioGroupEmits,
@@ -16543,7 +16571,7 @@
       };
     }
   });
-  function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       ref: "radioGroupRef",
       class: vue.normalizeClass(_ctx.ns.b("group")),
@@ -16553,7 +16581,7 @@
       vue.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,
@@ -16579,7 +16607,7 @@
   })(ExpandTrigger$1 || {});
   const CASCADER_PANEL_INJECTION_KEY = Symbol();
 
-  const _sfc_main$1A = vue.defineComponent({
+  const _sfc_main$1B = vue.defineComponent({
     name: "ElCascaderNode",
     components: {
       ElCheckbox,
@@ -16694,7 +16722,7 @@
   });
   const _hoisted_1$L = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
   const _hoisted_2$v = /* @__PURE__ */ vue.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 = vue.resolveComponent("el-checkbox");
     const _component_el_radio = vue.resolveComponent("el-radio");
     const _component_check = vue.resolveComponent("check");
@@ -16777,9 +16805,9 @@
       ], 2112)) : vue.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 = vue.defineComponent({
+  const _sfc_main$1A = vue.defineComponent({
     name: "ElCascaderMenu",
     components: {
       Loading: loading,
@@ -16868,7 +16896,7 @@
     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 = vue.resolveComponent("el-cascader-node");
     const _component_loading = vue.resolveComponent("loading");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -16911,7 +16939,7 @@
       _: 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";
@@ -17146,7 +17174,7 @@
     return res;
   };
 
-  const _sfc_main$1y = vue.defineComponent({
+  const _sfc_main$1z = vue.defineComponent({
     name: "ElCascaderPanel",
     components: {
       ElCascaderMenu
@@ -17388,7 +17416,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-cascader-menu");
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(["el-cascader-panel", _ctx.border && "is-bordered"]),
@@ -17405,7 +17433,7 @@
       }), 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);
@@ -17441,7 +17469,7 @@
     click: (evt) => evt instanceof MouseEvent
   };
 
-  const _sfc_main$1x = vue.defineComponent({
+  const _sfc_main$1y = vue.defineComponent({
     name: "ElTag",
     components: { ElIcon, Close: close$2 },
     props: tagProps,
@@ -17475,7 +17503,7 @@
       };
     }
   });
-  function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_close = vue.resolveComponent("close");
     const _component_el_icon = vue.resolveComponent("el-icon");
     return !_ctx.disableTransitions ? (vue.openBlock(), vue.createElementBlock("span", {
@@ -17529,7 +17557,7 @@
       _: 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);
 
@@ -17556,7 +17584,7 @@
     ]
   };
   const COMPONENT_NAME$b = "ElCascader";
-  const _sfc_main$1w = vue.defineComponent({
+  const _sfc_main$1x = vue.defineComponent({
     name: COMPONENT_NAME$b,
     components: {
       ElCascaderPanel: _CascaderPanel,
@@ -17967,7 +17995,7 @@
   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 = vue.resolveComponent("circle-close");
     const _component_el_icon = vue.resolveComponent("el-icon");
     const _component_arrow_down = vue.resolveComponent("arrow-down");
@@ -18150,7 +18178,7 @@
       _: 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);
@@ -18169,7 +18197,7 @@
     change: (value) => isBoolean(value)
   };
 
-  const _sfc_main$1v = vue.defineComponent({
+  const _sfc_main$1w = vue.defineComponent({
     name: "ElCheckTag",
     props: checkTagProps,
     emits: checkTagEmits,
@@ -18186,7 +18214,7 @@
       };
     }
   });
-  function _sfc_render$1r(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("span", {
       class: vue.normalizeClass([_ctx.ns.b(), _ctx.ns.is("checked", _ctx.checked)]),
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onChange && _ctx.onChange(...args))
@@ -18194,7 +18222,7 @@
       vue.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);
 
@@ -18292,7 +18320,7 @@
 
   const ElCol = withInstall(Col);
 
-  const _sfc_main$1u = vue.defineComponent({
+  const _sfc_main$1v = vue.defineComponent({
     name: "ElCollapse",
     props: {
       accordion: Boolean,
@@ -18342,7 +18370,7 @@
       };
     }
   });
-  function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1p(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.ns.b()),
       role: "tablist",
@@ -18351,9 +18379,9 @@
       vue.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 = vue.defineComponent({
+  const _sfc_main$1u = vue.defineComponent({
     name: "ElCollapseTransition",
     setup() {
       const ns = useNamespace("collapse-transition");
@@ -18412,7 +18440,7 @@
       };
     }
   });
-  function _sfc_render$1p(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createBlock(vue.Transition, vue.mergeProps({
       name: _ctx.ns.b()
     }, vue.toHandlers(_ctx.on)), {
@@ -18422,7 +18450,7 @@
       _: 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);
@@ -18430,7 +18458,7 @@
   const _CollapseTransition = CollapseTransition;
   const ElCollapseTransition = _CollapseTransition;
 
-  const _sfc_main$1s = vue.defineComponent({
+  const _sfc_main$1t = vue.defineComponent({
     name: "ElCollapseItem",
     components: { ElCollapseTransition: _CollapseTransition, ElIcon, ArrowRight: arrowRight },
     props: {
@@ -18497,7 +18525,7 @@
   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 = vue.resolveComponent("arrow-right");
     const _component_el_icon = vue.resolveComponent("el-icon");
     const _component_el_collapse_transition = vue.resolveComponent("el-collapse-transition");
@@ -18563,7 +18591,7 @@
       })
     ], 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
@@ -18607,7 +18635,7 @@
     on(element, "touchstart", downFn);
   }
 
-  const _sfc_main$1r = vue.defineComponent({
+  const _sfc_main$1s = vue.defineComponent({
     name: "ElColorAlphaSlider",
     props: {
       color: {
@@ -18708,7 +18736,7 @@
       };
     }
   });
-  function _sfc_render$1n(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1m(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(["el-color-alpha-slider", { "is-vertical": _ctx.vertical }])
     }, [
@@ -18730,9 +18758,9 @@
       }, 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 = vue.defineComponent({
+  const _sfc_main$1r = vue.defineComponent({
     name: "ElColorHueSlider",
     props: {
       color: {
@@ -18823,7 +18851,7 @@
       };
     }
   });
-  function _sfc_render$1m(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(["el-color-hue-slider", { "is-vertical": _ctx.vertical }])
     }, [
@@ -18842,7 +18870,7 @@
       }, 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 = () => {
@@ -19120,7 +19148,7 @@
     }
   }
 
-  const _sfc_main$1p = vue.defineComponent({
+  const _sfc_main$1q = vue.defineComponent({
     props: {
       colors: { type: Array, required: true },
       color: {
@@ -19163,7 +19191,7 @@
   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 vue.openBlock(), vue.createElementBlock("div", _hoisted_1$H, [
       vue.createElementVNode("div", _hoisted_2$r, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.rgbaColors, (item, index) => {
@@ -19180,9 +19208,9 @@
       ])
     ]);
   }
-  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 = vue.defineComponent({
+  const _sfc_main$1p = vue.defineComponent({
     name: "ElSlPanel",
     props: {
       color: {
@@ -19256,7 +19284,7 @@
   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 vue.openBlock(), vue.createElementBlock("div", {
       class: "el-color-svpanel",
       style: vue.normalizeStyle({
@@ -19274,9 +19302,9 @@
       }, _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 = vue.defineComponent({
+  const _sfc_main$1o = vue.defineComponent({
     name: "ElColorPicker",
     components: {
       ElButton,
@@ -19450,7 +19478,7 @@
       };
     }
   });
-  function _sfc_render$1j(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_hue_slider = vue.resolveComponent("hue-slider");
     const _component_sv_panel = vue.resolveComponent("sv-panel");
     const _component_alpha_slider = vue.resolveComponent("alpha-slider");
@@ -19598,7 +19626,7 @@
       _: 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);
@@ -19643,7 +19671,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const _sfc_main$1m = vue.defineComponent({
+  const _sfc_main$1n = vue.defineComponent({
     name: "ElContainer",
     props: {
       direction: {
@@ -19675,16 +19703,16 @@
       };
     }
   });
-  function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("section", {
       class: vue.normalizeClass([_ctx.ns.b(), _ctx.ns.is("vertical", _ctx.isVertical)])
     }, [
       vue.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 = vue.defineComponent({
+  const _sfc_main$1m = vue.defineComponent({
     name: "ElAside",
     props: {
       width: {
@@ -19702,7 +19730,7 @@
       };
     }
   });
-  function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("aside", {
       class: vue.normalizeClass(_ctx.ns.b()),
       style: vue.normalizeStyle(_ctx.style)
@@ -19710,9 +19738,9 @@
       vue.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 = vue.defineComponent({
+  const _sfc_main$1l = vue.defineComponent({
     name: "ElFooter",
     props: {
       height: {
@@ -19730,7 +19758,7 @@
       };
     }
   });
-  function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("footer", {
       class: vue.normalizeClass(_ctx.ns.b()),
       style: vue.normalizeStyle(_ctx.style)
@@ -19738,9 +19766,9 @@
       vue.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 = vue.defineComponent({
+  const _sfc_main$1k = vue.defineComponent({
     name: "ElHeader",
     props: {
       height: {
@@ -19758,7 +19786,7 @@
       };
     }
   });
-  function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("header", {
       class: vue.normalizeClass(_ctx.ns.b()),
       style: vue.normalizeStyle(_ctx.style)
@@ -19766,9 +19794,9 @@
       vue.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 = vue.defineComponent({
+  const _sfc_main$1j = vue.defineComponent({
     name: "ElMain",
     setup() {
       const ns = useNamespace("main");
@@ -19777,14 +19805,14 @@
       };
     }
   });
-  function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("main", {
       class: vue.normalizeClass(_ctx.ns.b())
     }, [
       vue.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,
@@ -19877,7 +19905,7 @@
     }
   });
 
-  const _sfc_main$1h = vue.defineComponent({
+  const _sfc_main$1i = vue.defineComponent({
     components: {
       ElDatePickerCell
     },
@@ -20166,7 +20194,7 @@
     }
   });
   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 = vue.resolveComponent("el-date-picker-cell");
     return vue.openBlock(), vue.createElementBlock("table", {
       cellspacing: "0",
@@ -20200,14 +20228,14 @@
       ])
     ], 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 = vue.defineComponent({
+  const _sfc_main$1h = vue.defineComponent({
     props: {
       disabledDate: {
         type: Function
@@ -20372,7 +20400,7 @@
     }
   });
   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 vue.openBlock(), vue.createElementBlock("table", {
       class: "el-month-table",
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleMonthTableClick && _ctx.handleMonthTableClick(...args)),
@@ -20396,7 +20424,7 @@
       ])
     ], 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");
@@ -20404,7 +20432,7 @@
     const numOfDays = lastDay.dayOfYear();
     return rangeArr(numOfDays).map((n) => firstDay.add(n, "day").toDate());
   };
-  const _sfc_main$1f = vue.defineComponent({
+  const _sfc_main$1g = vue.defineComponent({
     props: {
       disabledDate: {
         type: Function
@@ -20458,7 +20486,7 @@
   const _hoisted_10$5 = { class: "cell" };
   const _hoisted_11$3 = /* @__PURE__ */ vue.createElementVNode("td", null, null, -1);
   const _hoisted_12$3 = /* @__PURE__ */ vue.createElementVNode("td", null, null, -1);
-  function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("table", {
       class: "el-year-table",
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleYearTableClick && _ctx.handleYearTableClick(...args))
@@ -20525,10 +20553,10 @@
       ])
     ]);
   }
-  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 = vue.defineComponent({
+  const _sfc_main$1f = vue.defineComponent({
     components: {
       DateTable,
       ElInput,
@@ -20958,7 +20986,7 @@
   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 = vue.resolveComponent("el-input");
     const _component_time_pick_panel = vue.resolveComponent("time-pick-panel");
     const _component_d_arrow_left = vue.resolveComponent("d-arrow-left");
@@ -21154,9 +21182,9 @@
       ])
     ], 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 = vue.defineComponent({
+  const _sfc_main$1e = vue.defineComponent({
     directives: { clickoutside: ClickOutside },
     components: {
       TimePickPanel,
@@ -21620,7 +21648,7 @@
     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 = vue.resolveComponent("el-input");
     const _component_time_pick_panel = vue.resolveComponent("time-pick-panel");
     const _component_arrow_right = vue.resolveComponent("arrow-right");
@@ -21902,9 +21930,9 @@
       ])) : vue.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 = vue.defineComponent({
+  const _sfc_main$1d = vue.defineComponent({
     components: { MonthTable, ElIcon, DArrowLeft: dArrowLeft, DArrowRight: dArrowRight },
     props: {
       unlinkPanels: Boolean,
@@ -22087,7 +22115,7 @@
   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 = vue.resolveComponent("d-arrow-left");
     const _component_el_icon = vue.resolveComponent("el-icon");
     const _component_d_arrow_right = vue.resolveComponent("d-arrow-right");
@@ -22200,7 +22228,7 @@
       ])
     ], 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);
@@ -22348,7 +22376,7 @@
     }
   });
 
-  const _sfc_main$1b = vue.defineComponent({
+  const _sfc_main$1c = vue.defineComponent({
     name: "ElDescriptionsRow",
     components: {
       [DescriptionsCell.name]: DescriptionsCell
@@ -22366,7 +22394,7 @@
     }
   });
   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 = vue.resolveComponent("el-descriptions-cell");
     return _ctx.descriptions.direction === "vertical" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
       vue.createElementVNode("tr", null, [
@@ -22415,9 +22443,9 @@
       }), 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 = vue.defineComponent({
+  const _sfc_main$1b = vue.defineComponent({
     name: "ElDescriptions",
     components: {
       [DescriptionsRow.name]: DescriptionsRow
@@ -22521,7 +22549,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-descriptions-row");
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.descriptionKls)
@@ -22563,7 +22591,7 @@
       ], 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 = vue.defineComponent({
     name: "ElDescriptionsItem",
@@ -22667,61 +22695,380 @@
 
   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 = vue.defineComponent({
+    name: "ElFocusTrap",
+    inheritAttrs: false,
+    props: {
+      loop: Boolean,
+      trapped: Boolean
     },
+    emits: [ON_MOUNT_FOCUS_EVT, ON_UNMOUNT_FOCUS_EVT],
+    setup(props, { emit }) {
+      const focusTrapRef = vue.ref();
+      const forwardRef = vue.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);
+            }
+          }
+        }
+      };
+      vue.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 = vue.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 = vue.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);
+      };
+      vue.onMounted(() => {
+        const trapContainer = vue.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) {
+              vue.nextTick(() => {
+                focusFirstDescendant(obtainAllFocusableElements(trapContainer), true);
+                if (document.activeElement === prevFocusedElement) {
+                  tryFocus(trapContainer);
+                }
+              });
+            }
+          }
+        }
+        vue.watch(() => props.trapped, (trapped) => {
+          if (trapped) {
+            document.addEventListener("focusin", onFocusIn);
+            document.addEventListener("focusout", onFocusOut);
+          } else {
+            cleanupDocumentListeners();
+          }
+        }, { immediate: true });
+      });
+      vue.onBeforeUnmount(() => {
+        cleanupDocumentListeners();
+        const trapContainer = vue.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 vue.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__ */ vue.defineComponent({
+    ...__default__$1,
+    props: dialogContentProps,
+    emits: dialogContentEmits,
+    setup(__props) {
+      const { Close } = CloseComponents;
+      const { dialogRef, headerRef, ns, style } = vue.inject(elDialogInjectionKey);
+      const { focusTrapRef, onKeydown } = vue.inject(FOCUS_TRAP_INJECTION_KEY);
+      const composedDialogRef = composeRefs(focusTrapRef, dialogRef);
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          ref: vue.unref(composedDialogRef),
+          class: vue.normalizeClass([
+            vue.unref(ns).b(),
+            vue.unref(ns).is("fullscreen", _ctx.fullscreen),
+            vue.unref(ns).is("draggable", _ctx.draggable),
+            { [vue.unref(ns).m("center")]: _ctx.center },
+            _ctx.customClass
+          ]),
+          "aria-modal": "true",
+          role: "dialog",
+          "aria-label": _ctx.title || "dialog",
+          style: vue.normalizeStyle(vue.unref(style)),
+          onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {
+          }, ["stop"])),
+          onKeydown: _cache[2] || (_cache[2] = (...args) => vue.unref(onKeydown) && vue.unref(onKeydown)(...args))
+        }, [
+          vue.createElementVNode("div", {
+            ref_key: "headerRef",
+            ref: headerRef,
+            class: vue.normalizeClass(vue.unref(ns).e("header"))
+          }, [
+            vue.renderSlot(_ctx.$slots, "title", {}, () => [
+              vue.createElementVNode("span", {
+                class: vue.normalizeClass(vue.unref(ns).e("title"))
+              }, vue.toDisplayString(_ctx.title), 3)
+            ])
+          ], 2),
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(vue.unref(ns).e("body"))
+          }, [
+            vue.renderSlot(_ctx.$slots, "default")
+          ], 2),
+          _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: vue.normalizeClass(vue.unref(ns).e("footer"))
+          }, [
+            vue.renderSlot(_ctx.$slots, "footer")
+          ], 2)) : vue.createCommentVNode("v-if", true),
+          _ctx.showClose ? (vue.openBlock(), vue.createElementBlock("button", {
+            key: 1,
+            "aria-label": "close",
+            class: vue.normalizeClass(vue.unref(ns).e("headerbtn")),
+            type: "button",
+            onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
+          }, [
+            vue.createVNode(vue.unref(ElIcon), {
+              class: vue.normalizeClass(vue.unref(ns).e("close"))
+            }, {
+              default: vue.withCtx(() => [
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.closeIcon || vue.unref(Close))))
+              ]),
+              _: 1
+            }, 8, ["class"])
+          ], 2)) : vue.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,
@@ -22751,7 +23098,9 @@
     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) => {
@@ -22895,133 +23244,110 @@
     };
   };
 
-  const _sfc_main$19 = vue.defineComponent({
-    name: "ElDialog",
-    components: {
-      ElOverlay,
-      ElIcon,
-      ...CloseComponents
-    },
-    directives: {
-      TrapFocus
-    },
+  const __default__ = {
+    name: "ElDialog"
+  };
+  const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__,
     props: dialogProps,
     emits: dialogEmits,
-    setup(props, ctx) {
+    setup(__props, { emit }) {
+      const props = __props;
       const ns = useNamespace("dialog");
-      const dialogRef = vue.ref();
-      const headerRef = vue.ref();
-      const dialog = useDialog(props, ctx, dialogRef);
+      const dialogRef = vue.ref(null);
+      const headerRef = vue.ref(null);
+      const dialog = useDialog(props, { emit }, dialogRef);
+      const {
+        visible,
+        afterEnter,
+        afterLeave,
+        beforeLeave,
+        style,
+        handleClose,
+        rendered
+      } = dialog;
+      vue.provide(elDialogInjectionKey, {
+        dialogRef,
+        headerRef,
+        ns,
+        rendered,
+        style
+      });
       const overlayEvent = useSameTarget(dialog.onModalClick);
       const draggable = vue.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 = vue.resolveComponent("el-icon");
-    const _component_el_overlay = vue.resolveComponent("el-overlay");
-    const _directive_trap_focus = vue.resolveDirective("trap-focus");
-    return vue.openBlock(), vue.createBlock(vue.Teleport, {
-      to: "body",
-      disabled: !_ctx.appendToBody
-    }, [
-      vue.createVNode(vue.Transition, {
-        name: "dialog-fade",
-        onAfterEnter: _ctx.afterEnter,
-        onAfterLeave: _ctx.afterLeave,
-        onBeforeLeave: _ctx.beforeLeave
-      }, {
-        default: vue.withCtx(() => [
-          vue.withDirectives(vue.createVNode(_component_el_overlay, {
-            "custom-mask-event": "",
-            mask: _ctx.modal,
-            "overlay-class": _ctx.modalClass,
-            "z-index": _ctx.zIndex
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createBlock(vue.Teleport, {
+          to: "body",
+          disabled: !_ctx.appendToBody
+        }, [
+          vue.createVNode(vue.Transition, {
+            name: "dialog-fade",
+            onAfterEnter: vue.unref(afterEnter),
+            onAfterLeave: vue.unref(afterLeave),
+            onBeforeLeave: vue.unref(beforeLeave)
           }, {
             default: vue.withCtx(() => [
-              vue.createElementVNode("div", {
-                class: vue.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))
-              }, [
-                vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-                  ref: "dialogRef",
-                  class: vue.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: vue.normalizeStyle(_ctx.style),
-                  onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {
-                  }, ["stop"]))
-                }, [
+              vue.withDirectives(vue.createVNode(vue.unref(ElOverlay), {
+                "custom-mask-event": "",
+                mask: _ctx.modal,
+                "overlay-class": _ctx.modalClass,
+                "z-index": _ctx.zIndex
+              }, {
+                default: vue.withCtx(() => [
                   vue.createElementVNode("div", {
-                    ref: "headerRef",
-                    class: vue.normalizeClass(_ctx.ns.e("header"))
+                    class: vue.normalizeClass(`${vue.unref(ns).namespace.value}-overlay-dialog`),
+                    onClick: _cache[2] || (_cache[2] = (...args) => vue.unref(overlayEvent).onClick && vue.unref(overlayEvent).onClick(...args)),
+                    onMousedown: _cache[3] || (_cache[3] = (...args) => vue.unref(overlayEvent).onMousedown && vue.unref(overlayEvent).onMousedown(...args)),
+                    onMouseup: _cache[4] || (_cache[4] = (...args) => vue.unref(overlayEvent).onMouseup && vue.unref(overlayEvent).onMouseup(...args))
                   }, [
-                    vue.renderSlot(_ctx.$slots, "title", {}, () => [
-                      vue.createElementVNode("span", {
-                        class: vue.normalizeClass(_ctx.ns.e("title"))
-                      }, vue.toDisplayString(_ctx.title), 3)
-                    ]),
-                    _ctx.showClose ? (vue.openBlock(), vue.createElementBlock("button", {
+                    vue.unref(rendered) ? (vue.openBlock(), vue.createBlock(vue.unref(ElFocusTrap), {
                       key: 0,
-                      "aria-label": "close",
-                      class: vue.normalizeClass(_ctx.ns.e("headerbtn")),
-                      type: "button",
-                      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClose && _ctx.handleClose(...args))
-                    }, [
-                      vue.createVNode(_component_el_icon, {
-                        class: vue.normalizeClass(_ctx.ns.e("close"))
-                      }, {
-                        default: vue.withCtx(() => [
-                          (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.closeIcon || "close")))
-                        ]),
-                        _: 1
-                      }, 8, ["class"])
-                    ], 2)) : vue.createCommentVNode("v-if", true)
-                  ], 2),
-                  _ctx.rendered ? (vue.openBlock(), vue.createElementBlock("div", {
-                    key: 0,
-                    class: vue.normalizeClass(_ctx.ns.e("body"))
-                  }, [
-                    vue.renderSlot(_ctx.$slots, "default")
-                  ], 2)) : vue.createCommentVNode("v-if", true),
-                  _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", {
-                    key: 1,
-                    class: vue.normalizeClass(_ctx.ns.e("footer"))
-                  }, [
-                    vue.renderSlot(_ctx.$slots, "footer")
-                  ], 2)) : vue.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: vue.withCtx(() => [
+                        vue.createVNode(ElDialogContent, {
+                          "custom-class": _ctx.customClass,
+                          center: _ctx.center,
+                          "close-icon": _ctx.closeIcon,
+                          draggable: vue.unref(draggable),
+                          fullscreen: _ctx.fullscreen,
+                          "show-close": _ctx.showClose,
+                          style: vue.normalizeStyle(vue.unref(style)),
+                          title: _ctx.title,
+                          onClose: vue.unref(handleClose)
+                        }, {
+                          title: vue.withCtx(() => [
+                            vue.renderSlot(_ctx.$slots, "title")
+                          ]),
+                          footer: vue.withCtx(() => [
+                            vue.renderSlot(_ctx.$slots, "footer")
+                          ]),
+                          default: vue.withCtx(() => [
+                            vue.renderSlot(_ctx.$slots, "default")
+                          ]),
+                          _: 3
+                        }, 8, ["custom-class", "center", "close-icon", "draggable", "fullscreen", "show-close", "style", "title", "onClose"])
+                      ]),
+                      _: 3
+                    })) : vue.createCommentVNode("v-if", true)
+                  ], 34)
+                ]),
+                _: 3
+              }, 8, ["mask", "overlay-class", "z-index"]), [
+                [vue.vShow, vue.unref(visible)]
+              ])
             ]),
             _: 3
-          }, 8, ["mask", "overlay-class", "z-index"]), [
-            [vue.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);
 
@@ -23042,7 +23368,7 @@
     }
   });
 
-  const _sfc_main$18 = vue.defineComponent({
+  const _sfc_main$17 = vue.defineComponent({
     name: "ElDivider",
     props: dividerProps,
     setup(props) {
@@ -23058,7 +23384,7 @@
       };
     }
   });
-  function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass([_ctx.ns.b(), _ctx.ns.m(_ctx.direction)]),
       style: vue.normalizeStyle(_ctx.dividerStyle)
@@ -23071,7 +23397,7 @@
       ], 2)) : vue.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);
 
@@ -23097,7 +23423,7 @@
   });
   const drawerEmits = dialogEmits;
 
-  const _sfc_main$17 = vue.defineComponent({
+  const _sfc_main$16 = vue.defineComponent({
     name: "ElDrawer",
     components: {
       ElOverlay,
@@ -23127,7 +23453,7 @@
   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 = vue.resolveComponent("close");
     const _component_el_icon = vue.resolveComponent("el-icon");
     const _component_el_overlay = vue.resolveComponent("el-overlay");
@@ -23214,241 +23540,10 @@
       }, 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 = vue.defineComponent({
-    name: "ElFocusTrap",
-    inheritAttrs: false,
-    props: {
-      loop: Boolean,
-      trapped: Boolean
-    },
-    emits: [ON_MOUNT_FOCUS_EVT, ON_UNMOUNT_FOCUS_EVT],
-    setup(props, { emit }) {
-      const focusTrapRef = vue.ref();
-      const forwardRef = vue.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);
-            }
-          }
-        }
-      };
-      vue.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 = vue.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 = vue.unref(forwardRef);
-        if (focusLayer.paused || !trapContainer)
-          return;
-        if (!trapContainer.contains(e.relatedTarget)) {
-          tryFocus(lastFocusAfterMounted, true);
-        }
-      };
-      vue.onMounted(() => {
-        const trapContainer = vue.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);
-              }
-            }
-          }
-        }
-        vue.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 });
-      });
-      vue.onBeforeUnmount(() => {
-        const trapContainer = vue.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 vue.renderSlot(_ctx.$slots, "default");
-  }
-  var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$12]]);
-
   const _sfc_main$15 = vue.defineComponent({
     inheritAttrs: false
   });
@@ -24137,7 +24232,7 @@
       ElIcon
     },
     props: dropdownItemProps,
-    emits: ["pointermove", "pointerleave", "click"],
+    emits: ["pointermove", "pointerleave", "click", "clickimpl"],
     setup(_, { emit }) {
       const ns = useNamespace("dropdown");
       const { collectionItemRef: dropdownCollectionItemRef } = vue.inject(COLLECTION_ITEM_INJECTION_KEY, void 0);
@@ -24155,7 +24250,7 @@
         if (code === EVENT_CODE.enter || code === EVENT_CODE.space) {
           e.preventDefault();
           e.stopImmediatePropagation();
-          emit("click", e);
+          emit("clickimpl", e);
           return true;
         }
       }, handleItemKeydown);
@@ -24185,7 +24280,7 @@
         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)),
@@ -24295,13 +24390,13 @@
             vue.createVNode(_component_el_dropdown_item_impl, vue.mergeProps(_ctx.propsAndAttrs, {
               onPointerleave: _ctx.handlePointerLeave,
               onPointermove: _ctx.handlePointerMove,
-              onClick: _ctx.handleClick
+              onClickimpl: _ctx.handleClick
             }), {
               default: vue.withCtx(() => [
                 vue.renderSlot(_ctx.$slots, "default")
               ]),
               _: 3
-            }, 16, ["onPointerleave", "onPointermove", "onClick"])
+            }, 16, ["onPointerleave", "onPointermove", "onClickimpl"])
           ]),
           _: 3
         }, 8, ["focusable"])
@@ -30943,7 +31038,8 @@
     onCancel: {
       type: definePropType(Function)
     },
-    teleported: useTooltipContentProps.teleported
+    teleported: useTooltipContentProps.teleported,
+    persistent: useTooltipContentProps.persistent
   });
 
   const COMPONENT_NAME$6 = "ElPopconfirm";
@@ -31001,7 +31097,7 @@
       teleported: _ctx.compatTeleported,
       "fallback-placements": ["bottom", "top", "right", "left"],
       "hide-after": _ctx.hideAfter,
-      persistent: ""
+      persistent: _ctx.persistent
     }), {
       content: vue.withCtx(() => [
         vue.createElementVNode("div", {
@@ -31052,7 +31148,7 @@
         _ctx.$slots.reference ? vue.renderSlot(_ctx.$slots, "reference", { key: 0 }) : vue.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]]);
 
@@ -31103,10 +31199,20 @@
     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 = vue.defineComponent({
     name: COMPONENT_NAME$5,
@@ -31144,6 +31250,12 @@
         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");
       };
@@ -31158,6 +31270,8 @@
         tooltipRef,
         popperRef,
         hide,
+        beforeEnter,
+        beforeLeave,
         afterEnter,
         afterLeave
       };
@@ -31186,7 +31300,9 @@
       "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
     }), {
@@ -31204,7 +31320,7 @@
         _ctx.$slots.reference ? vue.renderSlot(_ctx.$slots, "reference", { key: 0 }) : vue.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]]);
 
@@ -36859,12 +36975,12 @@
               key: 0,
               class: vue.normalizeClass([_ctx.ns.is("text"), _ctx.checked ? _ctx.ns.is("show") : _ctx.ns.is("hide")]),
               "aria-hidden": !_ctx.checked
-            }, vue.toDisplayString(_ctx.activeText.substr(0, 1)), 11, _hoisted_4$3)) : vue.createCommentVNode("v-if", true),
+            }, vue.toDisplayString(_ctx.activeText.substring(0, 3)), 11, _hoisted_4$3)) : vue.createCommentVNode("v-if", true),
             _ctx.inactiveText ? (vue.openBlock(), vue.createElementBlock("span", {
               key: 1,
               class: vue.normalizeClass([_ctx.ns.is("text"), !_ctx.checked ? _ctx.ns.is("show") : _ctx.ns.is("hide")]),
               "aria-hidden": _ctx.checked
-            }, vue.toDisplayString(_ctx.inactiveText.substr(0, 1)), 11, _hoisted_5$2)) : vue.createCommentVNode("v-if", true)
+            }, vue.toDisplayString(_ctx.inactiveText.substring(0, 3)), 11, _hoisted_5$2)) : vue.createCommentVNode("v-if", true)
           ], 64)) : vue.createCommentVNode("v-if", true)
         ], 2)) : vue.createCommentVNode("v-if", true),
         vue.createElementVNode("div", {
@@ -38378,8 +38494,6 @@
         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");
@@ -38391,10 +38505,9 @@
         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 {
@@ -39918,7 +40031,9 @@
         cellpadding: "0",
         border: "0"
       }, [
-        hColgroup(columns),
+        hColgroup({
+          columns
+        }),
         vue.h("tbody", [
           vue.h("tr", {}, [
             ...columns.map((column, cellIndex) => vue.h("td", {
@@ -40040,8 +40155,8 @@
     };
     vue.onMounted(async () => {
       setScrollClass("is-scrolling-left");
-      store.updateColumns();
       await vue.nextTick();
+      store.updateColumns();
       bindEvents();
       requestAnimationFrame(doLayout);
       resizeState.value = {
@@ -40071,7 +40186,7 @@
       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)