element-plus 2.0.3 → 2.0.4

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v2.0.3 */
+/*! Element Plus v2.0.4 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -2141,6 +2141,7 @@
 
   const isUndefined = (val) => val === void 0;
   const isEmpty = (val) => !val && val !== 0 || isArray(val) && val.length === 0 || isObject$1(val) && !Object.keys(val).length;
+  const isElement$1 = (e) => e instanceof Element;
 
   const escapeStringRegexp = (string = "") => string.replace(/[|\\{}()[\]^$+*?.]/g, "\\$&").replace(/-/g, "\\x2d");
 
@@ -2336,10 +2337,10 @@
   const _hoisted_3$10 = [
     _hoisted_2$1i
   ];
-  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$1C, _hoisted_3$10);
   }
-  var arrowDown = /* @__PURE__ */ _export_sfc$1(_sfc_main$2N, [["render", _sfc_render$2x]]);
+  var arrowDown = /* @__PURE__ */ _export_sfc$1(_sfc_main$2N, [["render", _sfc_render$2w]]);
 
   const _sfc_main$2M = vue.defineComponent({
     name: "ArrowLeft"
@@ -2358,10 +2359,10 @@
   const _hoisted_3$$ = [
     _hoisted_2$1h
   ];
-  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$1B, _hoisted_3$$);
   }
-  var arrowLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2M, [["render", _sfc_render$2w]]);
+  var arrowLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2M, [["render", _sfc_render$2v]]);
 
   const _sfc_main$2L = vue.defineComponent({
     name: "ArrowRight"
@@ -2380,10 +2381,10 @@
   const _hoisted_3$_ = [
     _hoisted_2$1g
   ];
-  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$1A, _hoisted_3$_);
   }
-  var arrowRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2L, [["render", _sfc_render$2v]]);
+  var arrowRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2L, [["render", _sfc_render$2u]]);
 
   const _sfc_main$2K = vue.defineComponent({
     name: "ArrowUp"
@@ -2402,10 +2403,10 @@
   const _hoisted_3$Z = [
     _hoisted_2$1f
   ];
-  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$1z, _hoisted_3$Z);
   }
-  var arrowUp = /* @__PURE__ */ _export_sfc$1(_sfc_main$2K, [["render", _sfc_render$2u]]);
+  var arrowUp = /* @__PURE__ */ _export_sfc$1(_sfc_main$2K, [["render", _sfc_render$2t]]);
 
   const _sfc_main$2J = vue.defineComponent({
     name: "Back"
@@ -2429,10 +2430,10 @@
     _hoisted_2$1e,
     _hoisted_3$Y
   ];
-  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$1y, _hoisted_4$j);
   }
-  var back = /* @__PURE__ */ _export_sfc$1(_sfc_main$2J, [["render", _sfc_render$2t]]);
+  var back = /* @__PURE__ */ _export_sfc$1(_sfc_main$2J, [["render", _sfc_render$2s]]);
 
   const _sfc_main$2I = vue.defineComponent({
     name: "Calendar"
@@ -2451,10 +2452,10 @@
   const _hoisted_3$X = [
     _hoisted_2$1d
   ];
-  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$1x, _hoisted_3$X);
   }
-  var calendar = /* @__PURE__ */ _export_sfc$1(_sfc_main$2I, [["render", _sfc_render$2s]]);
+  var calendar = /* @__PURE__ */ _export_sfc$1(_sfc_main$2I, [["render", _sfc_render$2r]]);
 
   const _sfc_main$2H = vue.defineComponent({
     name: "CaretRight"
@@ -2473,10 +2474,10 @@
   const _hoisted_3$W = [
     _hoisted_2$1c
   ];
-  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$1w, _hoisted_3$W);
   }
-  var caretRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2H, [["render", _sfc_render$2r]]);
+  var caretRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2H, [["render", _sfc_render$2q]]);
 
   const _sfc_main$2G = vue.defineComponent({
     name: "CaretTop"
@@ -2495,10 +2496,10 @@
   const _hoisted_3$V = [
     _hoisted_2$1b
   ];
-  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$1v, _hoisted_3$V);
   }
-  var caretTop = /* @__PURE__ */ _export_sfc$1(_sfc_main$2G, [["render", _sfc_render$2q]]);
+  var caretTop = /* @__PURE__ */ _export_sfc$1(_sfc_main$2G, [["render", _sfc_render$2p]]);
 
   const _sfc_main$2F = vue.defineComponent({
     name: "Check"
@@ -2517,10 +2518,10 @@
   const _hoisted_3$U = [
     _hoisted_2$1a
   ];
-  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$1u, _hoisted_3$U);
   }
-  var check = /* @__PURE__ */ _export_sfc$1(_sfc_main$2F, [["render", _sfc_render$2p]]);
+  var check = /* @__PURE__ */ _export_sfc$1(_sfc_main$2F, [["render", _sfc_render$2o]]);
 
   const _sfc_main$2E = vue.defineComponent({
     name: "CircleCheckFilled"
@@ -2539,10 +2540,10 @@
   const _hoisted_3$T = [
     _hoisted_2$19
   ];
-  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$1t, _hoisted_3$T);
   }
-  var circleCheckFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2E, [["render", _sfc_render$2o]]);
+  var circleCheckFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2E, [["render", _sfc_render$2n]]);
 
   const _sfc_main$2D = vue.defineComponent({
     name: "CircleCheck"
@@ -2566,10 +2567,10 @@
     _hoisted_2$18,
     _hoisted_3$S
   ];
-  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$1s, _hoisted_4$i);
   }
-  var circleCheck = /* @__PURE__ */ _export_sfc$1(_sfc_main$2D, [["render", _sfc_render$2n]]);
+  var circleCheck = /* @__PURE__ */ _export_sfc$1(_sfc_main$2D, [["render", _sfc_render$2m]]);
 
   const _sfc_main$2C = vue.defineComponent({
     name: "CircleCloseFilled"
@@ -2588,10 +2589,10 @@
   const _hoisted_3$R = [
     _hoisted_2$17
   ];
-  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$1r, _hoisted_3$R);
   }
-  var circleCloseFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2C, [["render", _sfc_render$2m]]);
+  var circleCloseFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2C, [["render", _sfc_render$2l]]);
 
   const _sfc_main$2B = vue.defineComponent({
     name: "CircleClose"
@@ -2615,10 +2616,10 @@
     _hoisted_2$16,
     _hoisted_3$Q
   ];
-  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$1q, _hoisted_4$h);
   }
-  var circleClose = /* @__PURE__ */ _export_sfc$1(_sfc_main$2B, [["render", _sfc_render$2l]]);
+  var circleClose = /* @__PURE__ */ _export_sfc$1(_sfc_main$2B, [["render", _sfc_render$2k]]);
 
   const _sfc_main$2A = vue.defineComponent({
     name: "Clock"
@@ -2647,10 +2648,10 @@
     _hoisted_3$P,
     _hoisted_4$g
   ];
-  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$1p, _hoisted_5$b);
   }
-  var clock = /* @__PURE__ */ _export_sfc$1(_sfc_main$2A, [["render", _sfc_render$2k]]);
+  var clock = /* @__PURE__ */ _export_sfc$1(_sfc_main$2A, [["render", _sfc_render$2j]]);
 
   const _sfc_main$2z = vue.defineComponent({
     name: "Close"
@@ -2669,10 +2670,10 @@
   const _hoisted_3$O = [
     _hoisted_2$14
   ];
-  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$1o, _hoisted_3$O);
   }
-  var close$2 = /* @__PURE__ */ _export_sfc$1(_sfc_main$2z, [["render", _sfc_render$2j]]);
+  var close$2 = /* @__PURE__ */ _export_sfc$1(_sfc_main$2z, [["render", _sfc_render$2i]]);
 
   const _sfc_main$2y = vue.defineComponent({
     name: "DArrowLeft"
@@ -2691,10 +2692,10 @@
   const _hoisted_3$N = [
     _hoisted_2$13
   ];
-  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$1n, _hoisted_3$N);
   }
-  var dArrowLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2y, [["render", _sfc_render$2i]]);
+  var dArrowLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2y, [["render", _sfc_render$2h]]);
 
   const _sfc_main$2x = vue.defineComponent({
     name: "DArrowRight"
@@ -2713,10 +2714,10 @@
   const _hoisted_3$M = [
     _hoisted_2$12
   ];
-  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$1m, _hoisted_3$M);
   }
-  var dArrowRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2x, [["render", _sfc_render$2h]]);
+  var dArrowRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2x, [["render", _sfc_render$2g]]);
 
   const _sfc_main$2w = vue.defineComponent({
     name: "Delete"
@@ -2735,10 +2736,10 @@
   const _hoisted_3$L = [
     _hoisted_2$11
   ];
-  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$1l, _hoisted_3$L);
   }
-  var _delete = /* @__PURE__ */ _export_sfc$1(_sfc_main$2w, [["render", _sfc_render$2g]]);
+  var _delete = /* @__PURE__ */ _export_sfc$1(_sfc_main$2w, [["render", _sfc_render$2f]]);
 
   const _sfc_main$2v = vue.defineComponent({
     name: "Document"
@@ -2757,10 +2758,10 @@
   const _hoisted_3$K = [
     _hoisted_2$10
   ];
-  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$1k, _hoisted_3$K);
   }
-  var document$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$2v, [["render", _sfc_render$2f]]);
+  var document$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$2v, [["render", _sfc_render$2e]]);
 
   const _sfc_main$2u = vue.defineComponent({
     name: "FullScreen"
@@ -2779,10 +2780,10 @@
   const _hoisted_3$J = [
     _hoisted_2$$
   ];
-  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$1j, _hoisted_3$J);
   }
-  var fullScreen = /* @__PURE__ */ _export_sfc$1(_sfc_main$2u, [["render", _sfc_render$2e]]);
+  var fullScreen = /* @__PURE__ */ _export_sfc$1(_sfc_main$2u, [["render", _sfc_render$2d]]);
 
   const _sfc_main$2t = vue.defineComponent({
     name: "InfoFilled"
@@ -2801,10 +2802,10 @@
   const _hoisted_3$I = [
     _hoisted_2$_
   ];
-  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$1i, _hoisted_3$I);
   }
-  var infoFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2t, [["render", _sfc_render$2d]]);
+  var infoFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2t, [["render", _sfc_render$2c]]);
 
   const _sfc_main$2s = vue.defineComponent({
     name: "Loading"
@@ -2823,10 +2824,10 @@
   const _hoisted_3$H = [
     _hoisted_2$Z
   ];
-  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$1h, _hoisted_3$H);
   }
-  var loading = /* @__PURE__ */ _export_sfc$1(_sfc_main$2s, [["render", _sfc_render$2c]]);
+  var loading = /* @__PURE__ */ _export_sfc$1(_sfc_main$2s, [["render", _sfc_render$2b]]);
 
   const _sfc_main$2r = vue.defineComponent({
     name: "Minus"
@@ -2845,10 +2846,10 @@
   const _hoisted_3$G = [
     _hoisted_2$Y
   ];
-  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$1g, _hoisted_3$G);
   }
-  var minus = /* @__PURE__ */ _export_sfc$1(_sfc_main$2r, [["render", _sfc_render$2b]]);
+  var minus = /* @__PURE__ */ _export_sfc$1(_sfc_main$2r, [["render", _sfc_render$2a]]);
 
   const _sfc_main$2q = vue.defineComponent({
     name: "MoreFilled"
@@ -2867,10 +2868,10 @@
   const _hoisted_3$F = [
     _hoisted_2$X
   ];
-  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$1f, _hoisted_3$F);
   }
-  var moreFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2q, [["render", _sfc_render$2a]]);
+  var moreFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2q, [["render", _sfc_render$29]]);
 
   const _sfc_main$2p = vue.defineComponent({
     name: "More"
@@ -2889,10 +2890,10 @@
   const _hoisted_3$E = [
     _hoisted_2$W
   ];
-  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$1e, _hoisted_3$E);
   }
-  var more = /* @__PURE__ */ _export_sfc$1(_sfc_main$2p, [["render", _sfc_render$29]]);
+  var more = /* @__PURE__ */ _export_sfc$1(_sfc_main$2p, [["render", _sfc_render$28]]);
 
   const _sfc_main$2o = vue.defineComponent({
     name: "Plus"
@@ -2911,10 +2912,10 @@
   const _hoisted_3$D = [
     _hoisted_2$V
   ];
-  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$1d, _hoisted_3$D);
   }
-  var plus = /* @__PURE__ */ _export_sfc$1(_sfc_main$2o, [["render", _sfc_render$28]]);
+  var plus = /* @__PURE__ */ _export_sfc$1(_sfc_main$2o, [["render", _sfc_render$27]]);
 
   const _sfc_main$2n = vue.defineComponent({
     name: "QuestionFilled"
@@ -2933,10 +2934,10 @@
   const _hoisted_3$C = [
     _hoisted_2$U
   ];
-  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$1c, _hoisted_3$C);
   }
-  var questionFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2n, [["render", _sfc_render$27]]);
+  var questionFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2n, [["render", _sfc_render$26]]);
 
   const _sfc_main$2m = vue.defineComponent({
     name: "RefreshLeft"
@@ -2955,10 +2956,10 @@
   const _hoisted_3$B = [
     _hoisted_2$T
   ];
-  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$1b, _hoisted_3$B);
   }
-  var refreshLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2m, [["render", _sfc_render$26]]);
+  var refreshLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2m, [["render", _sfc_render$25]]);
 
   const _sfc_main$2l = vue.defineComponent({
     name: "RefreshRight"
@@ -2977,10 +2978,10 @@
   const _hoisted_3$A = [
     _hoisted_2$S
   ];
-  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$1a, _hoisted_3$A);
   }
-  var refreshRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2l, [["render", _sfc_render$25]]);
+  var refreshRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2l, [["render", _sfc_render$24]]);
 
   const _sfc_main$2k = vue.defineComponent({
     name: "ScaleToOriginal"
@@ -2999,10 +3000,10 @@
   const _hoisted_3$z = [
     _hoisted_2$R
   ];
-  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$19, _hoisted_3$z);
   }
-  var scaleToOriginal = /* @__PURE__ */ _export_sfc$1(_sfc_main$2k, [["render", _sfc_render$24]]);
+  var scaleToOriginal = /* @__PURE__ */ _export_sfc$1(_sfc_main$2k, [["render", _sfc_render$23]]);
 
   const _sfc_main$2j = vue.defineComponent({
     name: "Search"
@@ -3021,10 +3022,10 @@
   const _hoisted_3$y = [
     _hoisted_2$Q
   ];
-  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$18, _hoisted_3$y);
   }
-  var search = /* @__PURE__ */ _export_sfc$1(_sfc_main$2j, [["render", _sfc_render$23]]);
+  var search = /* @__PURE__ */ _export_sfc$1(_sfc_main$2j, [["render", _sfc_render$22]]);
 
   const _sfc_main$2i = vue.defineComponent({
     name: "StarFilled"
@@ -3043,10 +3044,10 @@
   const _hoisted_3$x = [
     _hoisted_2$P
   ];
-  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$17, _hoisted_3$x);
   }
-  var starFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2i, [["render", _sfc_render$22]]);
+  var starFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2i, [["render", _sfc_render$21]]);
 
   const _sfc_main$2h = vue.defineComponent({
     name: "Star"
@@ -3065,10 +3066,10 @@
   const _hoisted_3$w = [
     _hoisted_2$O
   ];
-  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$16, _hoisted_3$w);
   }
-  var star = /* @__PURE__ */ _export_sfc$1(_sfc_main$2h, [["render", _sfc_render$21]]);
+  var star = /* @__PURE__ */ _export_sfc$1(_sfc_main$2h, [["render", _sfc_render$20]]);
 
   const _sfc_main$2g = vue.defineComponent({
     name: "SuccessFilled"
@@ -3087,10 +3088,10 @@
   const _hoisted_3$v = [
     _hoisted_2$N
   ];
-  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$15, _hoisted_3$v);
   }
-  var successFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2g, [["render", _sfc_render$20]]);
+  var successFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2g, [["render", _sfc_render$1$]]);
 
   const _sfc_main$2f = vue.defineComponent({
     name: "View"
@@ -3109,10 +3110,10 @@
   const _hoisted_3$u = [
     _hoisted_2$M
   ];
-  function _sfc_render$1$(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1_(_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$2f, [["render", _sfc_render$1$]]);
+  var view = /* @__PURE__ */ _export_sfc$1(_sfc_main$2f, [["render", _sfc_render$1_]]);
 
   const _sfc_main$2e = vue.defineComponent({
     name: "WarningFilled"
@@ -3131,10 +3132,10 @@
   const _hoisted_3$t = [
     _hoisted_2$L
   ];
-  function _sfc_render$1_(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1Z(_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$2e, [["render", _sfc_render$1_]]);
+  var warningFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2e, [["render", _sfc_render$1Z]]);
 
   const _sfc_main$2d = vue.defineComponent({
     name: "ZoomIn"
@@ -3153,10 +3154,10 @@
   const _hoisted_3$s = [
     _hoisted_2$K
   ];
-  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("svg", _hoisted_1$12, _hoisted_3$s);
   }
-  var zoomIn = /* @__PURE__ */ _export_sfc$1(_sfc_main$2d, [["render", _sfc_render$1Z]]);
+  var zoomIn = /* @__PURE__ */ _export_sfc$1(_sfc_main$2d, [["render", _sfc_render$1Y]]);
 
   const _sfc_main$2c = vue.defineComponent({
     name: "ZoomOut"
@@ -3175,10 +3176,10 @@
   const _hoisted_3$r = [
     _hoisted_2$J
   ];
-  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("svg", _hoisted_1$11, _hoisted_3$r);
   }
-  var zoomOut = /* @__PURE__ */ _export_sfc$1(_sfc_main$2c, [["render", _sfc_render$1Y]]);
+  var zoomOut = /* @__PURE__ */ _export_sfc$1(_sfc_main$2c, [["render", _sfc_render$1X]]);
 
   const wrapperKey = Symbol();
   const propKey = "__elPropsReservedKey";
@@ -4277,7 +4278,7 @@
     };
   };
 
-  const version$1 = "2.0.3";
+  const version$1 = "2.0.4";
 
   const INSTALLED_KEY = Symbol("INSTALLED_KEY");
   const makeInstaller = (components = []) => {
@@ -4318,11 +4319,11 @@
     change: (fixed) => typeof fixed === "boolean"
   };
 
-  const __default__$a = {
+  const __default__$b = {
     name: "ElAffix"
   };
   const _sfc_main$2b = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$a,
+    ...__default__$b,
     props: affixProps,
     emits: affixEmits,
     setup(__props, { expose, emit }) {
@@ -4442,12 +4443,12 @@
     }
   });
 
-  const __default__$9 = {
+  const __default__$a = {
     name: "ElIcon",
     inheritAttrs: false
   };
   const _sfc_main$2a = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$9,
+    ...__default__$a,
     props: iconProps,
     setup(__props) {
       const props = __props;
@@ -4509,11 +4510,11 @@
     close: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$8 = {
+  const __default__$9 = {
     name: "ElAlert"
   };
   const _sfc_main$29 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$8,
+    ...__default__$9,
     props: alertProps,
     emits: alertEmits,
     setup(__props, { emit }) {
@@ -4599,8 +4600,8 @@
   const nodeList = /* @__PURE__ */ new Map();
   let startClick;
   if (isClient) {
-    on(document, "mousedown", (e) => startClick = e);
-    on(document, "mouseup", (e) => {
+    document.addEventListener("mousedown", (e) => startClick = e);
+    document.addEventListener("mouseup", (e) => {
       for (const handlers of nodeList.values()) {
         for (const { documentHandler } of handlers) {
           documentHandler(e, startClick);
@@ -4612,7 +4613,7 @@
     let excludes = [];
     if (Array.isArray(binding.arg)) {
       excludes = binding.arg;
-    } else if (binding.arg instanceof HTMLElement) {
+    } else if (isElement$1(binding.arg)) {
       excludes.push(binding.arg);
     }
     return function(mouseup, mousedown) {
@@ -5176,7 +5177,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$1X(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1W(_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");
@@ -5349,7 +5350,7 @@
       [vue.vShow, _ctx.type !== "hidden"]
     ]);
   }
-  var Input = /* @__PURE__ */ _export_sfc(_sfc_main$28, [["render", _sfc_render$1X]]);
+  var Input = /* @__PURE__ */ _export_sfc(_sfc_main$28, [["render", _sfc_render$1W]]);
 
   const ElInput = withInstall(Input);
 
@@ -5494,7 +5495,7 @@
       };
     }
   });
-  function _sfc_render$1W(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1V(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createBlock(vue.Transition, {
       name: _ctx.ns.b("fade")
     }, {
@@ -5517,7 +5518,7 @@
       _: 1
     }, 8, ["name"]);
   }
-  var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$27, [["render", _sfc_render$1W]]);
+  var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$27, [["render", _sfc_render$1V]]);
 
   const barProps = buildProps({
     always: {
@@ -5566,7 +5567,7 @@
       };
     }
   });
-  function _sfc_render$1V(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1U(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_thumb = vue.resolveComponent("thumb");
     return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
       vue.createVNode(_component_thumb, {
@@ -5584,7 +5585,7 @@
       }, null, 8, ["move", "ratio", "size", "always"])
     ], 64);
   }
-  var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$26, [["render", _sfc_render$1V]]);
+  var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$26, [["render", _sfc_render$1U]]);
 
   const scrollbarProps = buildProps({
     height: {
@@ -5749,7 +5750,7 @@
       };
     }
   });
-  function _sfc_render$1U(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1T(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_bar = vue.resolveComponent("bar");
     return vue.openBlock(), vue.createElementBlock("div", {
       ref: "scrollbar$",
@@ -5787,7 +5788,7 @@
       }, null, 8, ["height", "width", "always", "ratio-x", "ratio-y"])) : vue.createCommentVNode("v-if", true)
     ], 2);
   }
-  var Scrollbar$1 = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["render", _sfc_render$1U]]);
+  var Scrollbar$1 = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["render", _sfc_render$1T]]);
 
   const ElScrollbar = withInstall(Scrollbar$1);
 
@@ -5807,10 +5808,10 @@
       return popperProvides;
     }
   });
-  function _sfc_render$1T(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1S(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default");
   }
-  var Popper = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["render", _sfc_render$1T]]);
+  var Popper = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["render", _sfc_render$1S]]);
 
   var top = "top";
   var bottom = "bottom";
@@ -7285,14 +7286,14 @@
       };
     }
   });
-  function _sfc_render$1S(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1R(_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$23, [["render", _sfc_render$1S]]);
+  var ElPopperArrow = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["render", _sfc_render$1R]]);
 
   const NAME = "ElOnlyChild";
   const OnlyChild = vue.defineComponent({
@@ -7364,7 +7365,7 @@
     let el = null;
     if (!$el)
       return null;
-    if ("getBoundingClientRect" in $el || $el instanceof HTMLElement) {
+    if ("getBoundingClientRect" in $el || isElement$1($el)) {
       el = $el;
     } else {
       el = $el.$el;
@@ -7449,7 +7450,7 @@
         immediate: true
       });
       vue.watch(() => triggerRef.value, (el, prevEl) => {
-        if (el && el instanceof HTMLElement) {
+        if (isElement$1(el)) {
           [
             "onMouseenter",
             "onMouseleave",
@@ -7474,7 +7475,7 @@
       };
     }
   });
-  function _sfc_render$1R(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1Q(_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
@@ -7485,7 +7486,7 @@
       _: 3
     }, 16, ["aria-describedby"])) : vue.createCommentVNode("v-if", true);
   }
-  var ElPopperTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["render", _sfc_render$1R]]);
+  var ElPopperTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["render", _sfc_render$1Q]]);
 
   const _sfc_main$21 = vue.defineComponent({
     name: "ElPopperContent",
@@ -7580,7 +7581,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", {
       ref: "popperContentRef",
       style: vue.normalizeStyle(_ctx.contentStyle),
@@ -7592,7 +7593,7 @@
       vue.renderSlot(_ctx.$slots, "default")
     ], 38);
   }
-  var ElPopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["render", _sfc_render$1Q]]);
+  var ElPopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["render", _sfc_render$1P]]);
 
   function useDeprecateAppendToBody(scope, from) {
     const vm = vue.getCurrentInstance();
@@ -7642,10 +7643,10 @@
       };
     }
   });
-  function _sfc_render$1P(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1O(_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$20, [["render", _sfc_render$1P]]);
+  var ElVisuallyHidden = /* @__PURE__ */ _export_sfc(_sfc_main$20, [["render", _sfc_render$1O]]);
 
   const useTooltipContentProps = buildProps({
     ...useDelayedToggleProps,
@@ -7816,7 +7817,7 @@
       };
     }
   });
-  function _sfc_render$1O(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1N(_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, {
@@ -7875,7 +7876,7 @@
       }, 8, ["name", "onAfterLeave", "onBeforeEnter", "onAfterEnter", "onBeforeLeave"])
     ], 8, ["disabled", "to"]);
   }
-  var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$1$, [["render", _sfc_render$1O]]);
+  var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$1$, [["render", _sfc_render$1N]]);
 
   const isTriggerType = (trigger, type) => {
     if (isArray(trigger)) {
@@ -7939,7 +7940,7 @@
       };
     }
   });
-  function _sfc_render$1N(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1M(_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,
@@ -7961,7 +7962,7 @@
       _: 3
     }, 8, ["id", "virtual-ref", "open", "virtual-triggering", "class", "onBlur", "onClick", "onContextmenu", "onFocus", "onMouseenter", "onMouseleave", "onKeydown"]);
   }
-  var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$1_, [["render", _sfc_render$1N]]);
+  var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$1_, [["render", _sfc_render$1M]]);
 
   const { useModelToggleProps, useModelToggle, useModelToggleEmits } = createModelToggleComposable("visible");
   const _sfc_main$1Z = vue.defineComponent({
@@ -8052,7 +8053,7 @@
   });
   const _hoisted_1$$ = ["innerHTML"];
   const _hoisted_2$H = { key: 1 };
-  function _sfc_render$1M(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1L(_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");
@@ -8114,7 +8115,7 @@
       _: 3
     }, 512);
   }
-  var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$1Z, [["render", _sfc_render$1M]]);
+  var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$1Z, [["render", _sfc_render$1L]]);
 
   const ElTooltip = withInstall(Tooltip);
 
@@ -8368,7 +8369,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$1L(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1K(_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");
@@ -8488,7 +8489,7 @@
       _: 3
     }, 8, ["visible", "placement", "popper-class", "teleported", "transition", "onShow"]);
   }
-  var Autocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$1Y, [["render", _sfc_render$1L]]);
+  var Autocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$1Y, [["render", _sfc_render$1K]]);
 
   Autocomplete.install = (app) => {
     app.component(Autocomplete.name, Autocomplete);
@@ -8527,11 +8528,11 @@
   };
 
   const _hoisted_1$Z = ["src", "alt", "srcset"];
-  const __default__$7 = {
+  const __default__$8 = {
     name: "ElAvatar"
   };
   const _sfc_main$1X = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$7,
+    ...__default__$8,
     props: avatarProps,
     emits: avatarEmits,
     setup(__props, { emit }) {
@@ -8612,11 +8613,11 @@
   };
 
   const _hoisted_1$Y = ["onClick"];
-  const __default__$6 = {
+  const __default__$7 = {
     name: "ElBacktop"
   };
   const _sfc_main$1W = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$6,
+    ...__default__$7,
     props: backtopProps,
     emits: backtopEmits,
     setup(__props, { emit }) {
@@ -8720,11 +8721,11 @@
   });
 
   const _hoisted_1$X = ["textContent"];
-  const __default__$5 = {
+  const __default__$6 = {
     name: "ElBadge"
   };
   const _sfc_main$1V = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$5,
+    ...__default__$6,
     props: badgeProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -8801,7 +8802,7 @@
       };
     }
   });
-  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", {
       ref: "breadcrumb",
       class: vue.normalizeClass(_ctx.ns.b()),
@@ -8811,7 +8812,7 @@
       vue.renderSlot(_ctx.$slots, "default")
     ], 2);
   }
-  var Breadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$1U, [["render", _sfc_render$1K]]);
+  var Breadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$1U, [["render", _sfc_render$1J]]);
 
   const breadcrumbItemProps = buildProps({
     to: {
@@ -8853,7 +8854,7 @@
       };
     }
   });
-  function _sfc_render$1J(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1I(_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"))
@@ -8880,7 +8881,7 @@
       }, vue.toDisplayString(_ctx.separator), 3))
     ], 2);
   }
-  var BreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main$1T, [["render", _sfc_render$1J]]);
+  var BreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main$1T, [["render", _sfc_render$1I]]);
 
   const ElBreadcrumb = withInstall(Breadcrumb, {
     BreadcrumbItem
@@ -9808,11 +9809,11 @@
   };
 
   const _hoisted_1$W = ["disabled", "autofocus", "type"];
-  const __default__$4 = {
+  const __default__$5 = {
     name: "ElButton"
   };
   const _sfc_main$1S = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$4,
+    ...__default__$5,
     props: buttonProps,
     emits: buttonEmits,
     setup(__props, { expose, emit }) {
@@ -9921,11 +9922,11 @@
               ]),
               _: 1
             }, 8, ["class"]))
-          ], 2112)) : _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
+          ], 2112)) : _ctx.icon || _ctx.$slots.icon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
             default: vue.withCtx(() => [
-              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
+              _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon), { key: 0 })) : vue.renderSlot(_ctx.$slots, "icon", { key: 1 })
             ]),
-            _: 1
+            _: 3
           })) : vue.createCommentVNode("v-if", true),
           _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("span", {
             key: 2,
@@ -9944,11 +9945,11 @@
     type: buttonProps.type
   };
 
-  const __default__$3 = {
+  const __default__$4 = {
     name: "ElButtonGroup"
   };
   const _sfc_main$1R = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$3,
+    ...__default__$4,
     props: buttonGroupProps,
     setup(__props) {
       const props = __props;
@@ -10949,7 +10950,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$1I(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1H(_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");
@@ -11111,7 +11112,7 @@
       _: 3
     }, 16, ["visible", "popper-class", "popper-options", "onBeforeShow", "onShow", "onHide"]);
   }
-  var CommonPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1Q, [["render", _sfc_render$1I]]);
+  var CommonPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1Q, [["render", _sfc_render$1H]]);
 
   const makeList = (total, method, methodFunc) => {
     const arr = [];
@@ -11436,7 +11437,7 @@
   const _hoisted_1$U = ["onClick"];
   const _hoisted_2$E = ["onMouseenter"];
   const _hoisted_3$o = { class: "el-time-spinner__list" };
-  function _sfc_render$1H(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1G(_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");
@@ -11521,7 +11522,7 @@
       }), 128)) : vue.createCommentVNode("v-if", true)
     ], 2);
   }
-  var TimeSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$1P, [["render", _sfc_render$1H]]);
+  var TimeSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$1P, [["render", _sfc_render$1G]]);
 
   const _sfc_main$1O = vue.defineComponent({
     components: {
@@ -11690,7 +11691,7 @@
     class: "el-time-panel"
   };
   const _hoisted_2$D = { class: "el-time-panel__footer" };
-  function _sfc_render$1G(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1F(_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(() => [
@@ -11730,7 +11731,7 @@
       _: 1
     }, 8, ["name"]);
   }
-  var TimePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1O, [["render", _sfc_render$1G]]);
+  var TimePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1O, [["render", _sfc_render$1F]]);
 
   const makeSelectRange = (start, end) => {
     const result = [];
@@ -11974,7 +11975,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$1F(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1E(_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, [
@@ -12036,7 +12037,7 @@
       ])
     ])) : vue.createCommentVNode("v-if", true);
   }
-  var TimeRangePanel = /* @__PURE__ */ _export_sfc(_sfc_main$1N, [["render", _sfc_render$1F]]);
+  var TimeRangePanel = /* @__PURE__ */ _export_sfc(_sfc_main$1N, [["render", _sfc_render$1E]]);
 
   dayjs.extend(customParseFormat);
   var TimePicker = vue.defineComponent({
@@ -12232,7 +12233,7 @@
   });
   const _hoisted_1$R = { key: 0 };
   const _hoisted_2$B = ["onClick"];
-  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("table", {
       class: vue.normalizeClass([_ctx.nsTable.b(), _ctx.nsTable.is("range", _ctx.isInRange)]),
       cellspacing: "0",
@@ -12274,7 +12275,7 @@
       ])
     ], 2);
   }
-  var DateTable$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1M, [["render", _sfc_render$1E]]);
+  var DateTable$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1M, [["render", _sfc_render$1D]]);
 
   const calendarProps = buildProps({
     modelValue: {
@@ -12433,7 +12434,7 @@
       };
     }
   });
-  function _sfc_render$1D(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1C(_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");
@@ -12526,7 +12527,7 @@
       ], 2))
     ], 2);
   }
-  var Calendar = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["render", _sfc_render$1D]]);
+  var Calendar = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["render", _sfc_render$1C]]);
 
   const ElCalendar = withInstall(Calendar);
 
@@ -12545,11 +12546,11 @@
     }
   });
 
-  const __default__$2 = {
+  const __default__$3 = {
     name: "ElCard"
   };
   const _sfc_main$1K = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$2,
+    ...__default__$3,
     props: cardProps,
     setup(__props) {
       const ns = useNamespace("card");
@@ -12836,7 +12837,7 @@
   });
   const _hoisted_1$Q = ["onMouseenter", "onClick"];
   const _hoisted_2$A = { key: 0 };
-  function _sfc_render$1C(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1B(_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");
@@ -12931,7 +12932,7 @@
       ], 2)) : vue.createCommentVNode("v-if", true)
     ], 34);
   }
-  var Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$1J, [["render", _sfc_render$1C]]);
+  var Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$1J, [["render", _sfc_render$1B]]);
 
   const CARD_SCALE = 0.83;
   const _sfc_main$1I = vue.defineComponent({
@@ -13048,7 +13049,7 @@
       };
     }
   });
-  function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass([
         _ctx.ns.e("item"),
@@ -13072,7 +13073,7 @@
       [vue.vShow, _ctx.data.ready]
     ]);
   }
-  var CarouselItem = /* @__PURE__ */ _export_sfc(_sfc_main$1I, [["render", _sfc_render$1B]]);
+  var CarouselItem = /* @__PURE__ */ _export_sfc(_sfc_main$1I, [["render", _sfc_render$1A]]);
 
   const ElCarousel = withInstall(Carousel, {
     CarouselItem
@@ -13296,7 +13297,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$1A(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("label", {
       id: _ctx.id,
       class: vue.normalizeClass([
@@ -13367,7 +13368,7 @@
       ], 2)) : vue.createCommentVNode("v-if", true)
     ], 10, _hoisted_1$P);
   }
-  var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$1H, [["render", _sfc_render$1A]]);
+  var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$1H, [["render", _sfc_render$1z]]);
 
   const _sfc_main$1G = vue.defineComponent({
     name: "ElCheckboxButton",
@@ -13402,7 +13403,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$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("button"),
@@ -13456,7 +13457,7 @@
       ], 6)) : vue.createCommentVNode("v-if", true)
     ], 10, _hoisted_1$O);
   }
-  var CheckboxButton = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _sfc_render$1z]]);
+  var CheckboxButton = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _sfc_render$1y]]);
 
   const _sfc_main$1F = vue.defineComponent({
     name: "ElCheckboxGroup",
@@ -13623,7 +13624,7 @@
   });
   const _hoisted_1$N = ["aria-checked", "aria-disabled", "tabindex"];
   const _hoisted_2$x = ["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(),
@@ -13677,7 +13678,7 @@
       ], 34)
     ], 42, _hoisted_1$N);
   }
-  var Radio = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$1y]]);
+  var Radio = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$1x]]);
 
   const radioButtonProps = buildProps({
     ...radioPropsBase,
@@ -13725,7 +13726,7 @@
   });
   const _hoisted_1$M = ["aria-checked", "aria-disabled", "tabindex"];
   const _hoisted_2$w = ["value", "name", "disabled"];
-  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("label", {
       class: vue.normalizeClass([
         _ctx.ns.b("button"),
@@ -13766,7 +13767,7 @@
       ], 38)
     ], 42, _hoisted_1$M);
   }
-  var RadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["render", _sfc_render$1x]]);
+  var RadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["render", _sfc_render$1w]]);
 
   const radioGroupProps = buildProps({
     size: useSizeProp,
@@ -13846,7 +13847,7 @@
       };
     }
   });
-  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("div", {
       ref: "radioGroupRef",
       class: vue.normalizeClass(_ctx.ns.b("group")),
@@ -13856,7 +13857,7 @@
       vue.renderSlot(_ctx.$slots, "default")
     ], 34);
   }
-  var RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1C, [["render", _sfc_render$1w]]);
+  var RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1C, [["render", _sfc_render$1v]]);
 
   const ElRadio = withInstall(Radio, {
     RadioButton,
@@ -13997,7 +13998,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$1v(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1u(_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");
@@ -14080,7 +14081,7 @@
       ], 2112)) : vue.createCommentVNode("v-if", true)
     ], 42, _hoisted_1$L);
   }
-  var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["render", _sfc_render$1v]]);
+  var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["render", _sfc_render$1u]]);
 
   const _sfc_main$1A = vue.defineComponent({
     name: "ElCascaderMenu",
@@ -14171,7 +14172,7 @@
     ref: "hoverZone",
     class: "el-cascader-menu__hover-zone"
   };
-  function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1t(_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");
@@ -14214,7 +14215,7 @@
       _: 1
     }, 8, ["view-class", "onMousemove", "onMouseleave"]);
   }
-  var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1A, [["render", _sfc_render$1u]]);
+  var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1A, [["render", _sfc_render$1t]]);
 
   var ExpandTrigger = /* @__PURE__ */ ((ExpandTrigger2) => {
     ExpandTrigger2["CLICK"] = "click";
@@ -14231,7 +14232,7 @@
     }
     return nodes;
   };
-  class Node$3 {
+  class Node$2 {
     constructor(data, config, parent, root = false) {
       this.data = data;
       this.config = config;
@@ -14251,7 +14252,7 @@
       this.pathValues = pathNodes.map((node) => node.value);
       this.pathLabels = pathNodes.map((node) => node.label);
       this.childrenData = childrenData;
-      this.children = (childrenData || []).map((child) => new Node$3(child, config, this));
+      this.children = (childrenData || []).map((child) => new Node$2(child, config, this));
       this.loaded = !config.lazy || this.isLeaf || !isEmpty(childrenData);
     }
     get isDisabled() {
@@ -14271,7 +14272,7 @@
     }
     appendChild(childData) {
       const { childrenData, children } = this;
-      const node = new Node$3(childData, this.config, this);
+      const node = new Node$2(childData, this.config, this);
       if (Array.isArray(childrenData)) {
         childrenData.push(childData);
       } else {
@@ -14350,7 +14351,7 @@
   class Store {
     constructor(data, config) {
       this.config = config;
-      const nodes = (data || []).map((nodeData) => new Node$3(nodeData, this.config));
+      const nodes = (data || []).map((nodeData) => new Node$2(nodeData, this.config));
       this.nodes = nodes;
       this.allNodes = flatNodes(nodes, false);
       this.leafNodes = flatNodes(nodes, true);
@@ -14362,7 +14363,7 @@
       return leafOnly ? this.leafNodes : this.allNodes;
     }
     appendNode(nodeData, parentNode) {
-      const node = parentNode ? parentNode.appendChild(nodeData) : new Node$3(nodeData, this.config);
+      const node = parentNode ? parentNode.appendChild(nodeData) : new Node$2(nodeData, this.config);
       if (!parentNode)
         this.nodes.push(node);
       this.allNodes.push(node);
@@ -14497,7 +14498,7 @@
       };
       const lazyLoad = (node, cb) => {
         const cfg = config.value;
-        node = node || new Node$3({}, cfg, void 0, true);
+        node = node || new Node$2({}, cfg, void 0, true);
         node.loading = true;
         const resolve = (dataList) => {
           const _node = node;
@@ -14691,7 +14692,7 @@
       };
     }
   });
-  function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1s(_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"]),
@@ -14708,7 +14709,7 @@
       }), 128))
     ], 34);
   }
-  var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["render", _sfc_render$1t]]);
+  var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["render", _sfc_render$1s]]);
 
   CascaderPanel.install = (app) => {
     app.component(CascaderPanel.name, CascaderPanel);
@@ -14744,12 +14745,15 @@
     click: (evt) => evt instanceof MouseEvent
   };
 
-  const _sfc_main$1y = vue.defineComponent({
-    name: "ElTag",
-    components: { ElIcon, Close: close$2 },
+  const __default__$2 = {
+    name: "ElTag"
+  };
+  const _sfc_main$1y = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$2,
     props: tagProps,
     emits: tagEmits,
-    setup(props, { emit }) {
+    setup(__props, { emit }) {
+      const props = __props;
       const tagSize = useSize();
       const ns = useNamespace("tag");
       const classes = vue.computed(() => {
@@ -14770,69 +14774,61 @@
       const handleClick = (event) => {
         emit("click", event);
       };
-      return {
-        ns,
-        classes,
-        handleClose,
-        handleClick
-      };
-    }
-  });
-  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", {
-      key: 0,
-      class: vue.normalizeClass(_ctx.classes),
-      style: vue.normalizeStyle({ backgroundColor: _ctx.color }),
-      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
-    }, [
-      vue.createElementVNode("span", {
-        class: vue.normalizeClass(_ctx.ns.e("content"))
-      }, [
-        vue.renderSlot(_ctx.$slots, "default")
-      ], 2),
-      _ctx.closable ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-        key: 0,
-        class: vue.normalizeClass(_ctx.ns.e("close")),
-        onClick: _ctx.handleClose
-      }, {
-        default: vue.withCtx(() => [
-          vue.createVNode(_component_close)
-        ]),
-        _: 1
-      }, 8, ["class", "onClick"])) : vue.createCommentVNode("v-if", true)
-    ], 6)) : (vue.openBlock(), vue.createBlock(vue.Transition, {
-      key: 1,
-      name: `${_ctx.ns.namespace.value}-zoom-in-center`
-    }, {
-      default: vue.withCtx(() => [
-        vue.createElementVNode("span", {
-          class: vue.normalizeClass(_ctx.classes),
+      return (_ctx, _cache) => {
+        return !_ctx.disableTransitions ? (vue.openBlock(), vue.createElementBlock("span", {
+          key: 0,
+          class: vue.normalizeClass(vue.unref(classes)),
           style: vue.normalizeStyle({ backgroundColor: _ctx.color }),
-          onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+          onClick: handleClick
         }, [
           vue.createElementVNode("span", {
-            class: vue.normalizeClass(_ctx.ns.e("content"))
+            class: vue.normalizeClass(vue.unref(ns).e("content"))
           }, [
             vue.renderSlot(_ctx.$slots, "default")
           ], 2),
-          _ctx.closable ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
+          _ctx.closable ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
             key: 0,
-            class: vue.normalizeClass(_ctx.ns.e("close")),
-            onClick: _ctx.handleClose
+            class: vue.normalizeClass(vue.unref(ns).e("close")),
+            onClick: handleClose
           }, {
             default: vue.withCtx(() => [
-              vue.createVNode(_component_close)
+              vue.createVNode(vue.unref(close$2))
             ]),
             _: 1
-          }, 8, ["class", "onClick"])) : vue.createCommentVNode("v-if", true)
-        ], 6)
-      ]),
-      _: 3
-    }, 8, ["name"]));
-  }
-  var Tag = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["render", _sfc_render$1s]]);
+          }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
+        ], 6)) : (vue.openBlock(), vue.createBlock(vue.Transition, {
+          key: 1,
+          name: `${vue.unref(ns).namespace.value}-zoom-in-center`
+        }, {
+          default: vue.withCtx(() => [
+            vue.createElementVNode("span", {
+              class: vue.normalizeClass(vue.unref(classes)),
+              style: vue.normalizeStyle({ backgroundColor: _ctx.color }),
+              onClick: handleClick
+            }, [
+              vue.createElementVNode("span", {
+                class: vue.normalizeClass(vue.unref(ns).e("content"))
+              }, [
+                vue.renderSlot(_ctx.$slots, "default")
+              ], 2),
+              _ctx.closable ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
+                key: 0,
+                class: vue.normalizeClass(vue.unref(ns).e("close")),
+                onClick: handleClose
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(close$2))
+                ]),
+                _: 1
+              }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
+            ], 6)
+          ]),
+          _: 3
+        }, 8, ["name"]));
+      };
+    }
+  });
+  var Tag = _sfc_main$1y;
 
   const ElTag = withInstall(Tag);
 
@@ -20067,243 +20063,6 @@
 
   const ElOverlay = Overlay;
 
-  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,
@@ -20342,18 +20101,17 @@
 
   const _hoisted_1$y = ["aria-label"];
   const __default__$1 = { name: "ElDialogContent" };
-  const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1a = /* @__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),
+          ref_key: "dialogRef",
+          ref: dialogRef,
           class: vue.normalizeClass([
             vue.unref(ns).b(),
             vue.unref(ns).is("fullscreen", _ctx.fullscreen),
@@ -20366,8 +20124,7 @@
           "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))
+          }, ["stop"]))
         }, [
           vue.createElementVNode("div", {
             ref_key: "headerRef",
@@ -20407,11 +20164,11 @@
               _: 1
             }, 8, ["class"])
           ], 2)) : vue.createCommentVNode("v-if", true)
-        ], 46, _hoisted_1$y);
+        ], 14, _hoisted_1$y);
       };
     }
   });
-  var ElDialogContent = _sfc_main$19;
+  var ElDialogContent = _sfc_main$1a;
 
   const dialogProps = buildProps({
     ...dialogContentProps,
@@ -20463,6 +20220,10 @@
     },
     zIndex: {
       type: Number
+    },
+    trapFocus: {
+      type: Boolean,
+      default: false
     }
   });
   const dialogEmits = {
@@ -20619,7 +20380,7 @@
   const __default__ = {
     name: "ElDialog"
   };
-  const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
     ...__default__,
     props: dialogProps,
     emits: dialogEmits,
@@ -20636,7 +20397,8 @@
         beforeLeave,
         style,
         handleClose,
-        rendered
+        rendered,
+        zIndex
       } = dialog;
       vue.provide(elDialogInjectionKey, {
         dialogRef,
@@ -20664,48 +20426,38 @@
                 "custom-mask-event": "",
                 mask: _ctx.modal,
                 "overlay-class": _ctx.modalClass,
-                "z-index": _ctx.zIndex
+                "z-index": vue.unref(zIndex)
               }, {
                 default: vue.withCtx(() => [
                   vue.createElementVNode("div", {
                     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))
+                    onClick: _cache[0] || (_cache[0] = (...args) => vue.unref(overlayEvent).onClick && vue.unref(overlayEvent).onClick(...args)),
+                    onMousedown: _cache[1] || (_cache[1] = (...args) => vue.unref(overlayEvent).onMousedown && vue.unref(overlayEvent).onMousedown(...args)),
+                    onMouseup: _cache[2] || (_cache[2] = (...args) => vue.unref(overlayEvent).onMouseup && vue.unref(overlayEvent).onMouseup(...args))
                   }, [
-                    vue.unref(rendered) ? (vue.openBlock(), vue.createBlock(vue.unref(ElFocusTrap), {
+                    vue.unref(rendered) ? (vue.openBlock(), vue.createBlock(ElDialogContent, {
                       key: 0,
-                      loop: "",
-                      trapped: "",
-                      onMountOnFocus: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("openAutoFocus")),
-                      onUnmountOnFocus: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("closeAutoFocus"))
+                      "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.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"])
+                        vue.renderSlot(_ctx.$slots, "default")
                       ]),
                       _: 3
-                    })) : vue.createCommentVNode("v-if", true)
+                    }, 8, ["custom-class", "center", "close-icon", "draggable", "fullscreen", "show-close", "style", "title", "onClose"])) : vue.createCommentVNode("v-if", true)
                   ], 34)
                 ]),
                 _: 3
@@ -20719,7 +20471,7 @@
       };
     }
   });
-  var Dialog = _sfc_main$18;
+  var Dialog = _sfc_main$19;
 
   const ElDialog = withInstall(Dialog);
 
@@ -20740,7 +20492,7 @@
     }
   });
 
-  const _sfc_main$17 = vue.defineComponent({
+  const _sfc_main$18 = vue.defineComponent({
     name: "ElDivider",
     props: dividerProps,
     setup(props) {
@@ -20756,7 +20508,7 @@
       };
     }
   });
-  function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$14(_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)
@@ -20769,7 +20521,7 @@
       ], 2)) : vue.createCommentVNode("v-if", true)
     ], 6);
   }
-  var Divider = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$13]]);
+  var Divider = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$14]]);
 
   const ElDivider = withInstall(Divider);
 
@@ -20795,7 +20547,7 @@
   });
   const drawerEmits = dialogEmits;
 
-  const _sfc_main$16 = vue.defineComponent({
+  const _sfc_main$17 = vue.defineComponent({
     name: "ElDrawer",
     components: {
       ElOverlay,
@@ -20825,7 +20577,7 @@
   const _hoisted_2$l = ["id"];
   const _hoisted_3$b = ["title"];
   const _hoisted_4$7 = ["aria-label"];
-  function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$13(_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");
@@ -20912,10 +20664,247 @@
       }, 8, ["name", "onAfterEnter", "onAfterLeave", "onBeforeLeave"])
     ], 8, ["disabled"]);
   }
-  var Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$12]]);
+  var Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$13]]);
 
   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);
+        }
+      };
+      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$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
   });
@@ -24189,7 +24178,6 @@
     close: () => true
   };
 
-  const isHtmlElement = (e) => e && e.nodeType === Node.ELEMENT_NODE;
   let prevOverflow = "";
   const _sfc_main$T = vue.defineComponent({
     name: "ElImage",
@@ -24292,7 +24280,7 @@
           return;
         await vue.nextTick();
         const { scrollContainer } = props;
-        if (isHtmlElement(scrollContainer)) {
+        if (isElement$1(scrollContainer)) {
           _scrollContainer.value = scrollContainer;
         } else if (isString(scrollContainer) && scrollContainer !== "") {
           _scrollContainer.value = (_a = document.querySelector(scrollContainer)) != null ? _a : void 0;
@@ -39997,7 +39985,7 @@
     }
   };
   let nodeIdSeed = 0;
-  class Node$1 {
+  class Node {
     constructor(options) {
       this.id = nodeIdSeed++;
       this.text = null;
@@ -40125,7 +40113,7 @@
     insertChild(child, index, batch) {
       if (!child)
         throw new Error("InsertChild error: child is required.");
-      if (!(child instanceof Node$1)) {
+      if (!(child instanceof Node)) {
         if (!batch) {
           const children = this.getChildren(true);
           if (children.indexOf(child.data) === -1) {
@@ -40140,8 +40128,8 @@
           parent: this,
           store: this.store
         });
-        child = vue.reactive(new Node$1(child));
-        if (child instanceof Node$1) {
+        child = vue.reactive(new Node(child));
+        if (child instanceof Node) {
           child.initialize();
         }
       }
@@ -40363,7 +40351,7 @@
       }
     }
   }
-  var Node$2 = Node$1;
+  var Node$1 = Node;
 
   class TreeStore {
     constructor(options) {
@@ -40377,7 +40365,7 @@
       this.nodesMap = {};
     }
     initialize() {
-      this.root = new Node$2({
+      this.root = new Node$1({
         data: this.data,
         store: this
       });
@@ -40427,7 +40415,7 @@
       }
     }
     getNode(data) {
-      if (data instanceof Node$2)
+      if (data instanceof Node$1)
         return data;
       const key = typeof data !== "object" ? data : getNodeKey(this.key, data);
       return this.nodesMap[key] || null;
@@ -40864,7 +40852,7 @@
     },
     props: {
       node: {
-        type: Node$2,
+        type: Node$1,
         default: () => ({})
       },
       props: {
@@ -44127,12 +44115,12 @@
       }
     };
     let appendTo = document.body;
-    if (options.appendTo instanceof HTMLElement) {
+    if (isElement$1(options.appendTo)) {
       appendTo = options.appendTo;
     } else if (isString(options.appendTo)) {
       appendTo = document.querySelector(options.appendTo);
     }
-    if (!(appendTo instanceof HTMLElement)) {
+    if (!isElement$1(appendTo)) {
       appendTo = document.body;
     }
     const container = document.createElement("div");
@@ -45007,12 +44995,12 @@
       }
     };
     let appendTo = document.body;
-    if (options.appendTo instanceof HTMLElement) {
+    if (isElement$1(options.appendTo)) {
       appendTo = options.appendTo;
-    } else if (typeof options.appendTo === "string") {
+    } else if (isString(options.appendTo)) {
       appendTo = document.querySelector(options.appendTo);
     }
-    if (!(appendTo instanceof HTMLElement)) {
+    if (!isElement$1(appendTo)) {
       appendTo = document.body;
     }
     const container = document.createElement("div");