@element-plus/nightly 0.0.20220228 → 0.0.20220301

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220228 */
+/*! Element Plus v0.0.20220301 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -865,6 +865,14 @@
   var getPrototype = overArg(Object.getPrototypeOf, Object);
   var getPrototype$1 = getPrototype;
 
+  function castArray$1() {
+    if (!arguments.length) {
+      return [];
+    }
+    var value = arguments[0];
+    return isArray$2(value) ? value : [value];
+  }
+
   function stackClear() {
     this.__data__ = new ListCache();
     this.size = 0;
@@ -1819,6 +1827,15 @@
     return createFilterWrapper(throttleFilter(ms, trailing, leading), fn);
   }
 
+  function tryOnMounted(fn, sync = true) {
+    if (vue.getCurrentInstance())
+      vue.onMounted(fn);
+    else if (sync)
+      fn();
+    else
+      vue.nextTick(fn);
+  }
+
   function useTimeoutFn(cb, interval, options = {}) {
     const {
       immediate = true
@@ -1986,6 +2003,54 @@
     };
   }
 
+  function useElementBounding(target) {
+    const height = vue.ref(0);
+    const bottom = vue.ref(0);
+    const left = vue.ref(0);
+    const right = vue.ref(0);
+    const top = vue.ref(0);
+    const width = vue.ref(0);
+    const x = vue.ref(0);
+    const y = vue.ref(0);
+    function update() {
+      const el = unrefElement(target);
+      if (!el) {
+        height.value = 0;
+        bottom.value = 0;
+        left.value = 0;
+        right.value = 0;
+        top.value = 0;
+        width.value = 0;
+        x.value = 0;
+        y.value = 0;
+        return;
+      }
+      const rect = el.getBoundingClientRect();
+      height.value = rect.height;
+      bottom.value = rect.bottom;
+      left.value = rect.left;
+      right.value = rect.right;
+      top.value = rect.top;
+      width.value = rect.width;
+      x.value = rect.x;
+      y.value = rect.y;
+    }
+    useEventListener("scroll", update, true);
+    useResizeObserver(target, update);
+    vue.watch(() => unrefElement(target), (ele) => !ele && update());
+    return {
+      height,
+      bottom,
+      left,
+      right,
+      top,
+      width,
+      x,
+      y,
+      update
+    };
+  }
+
   var _a, _b;
   isClient && (window == null ? void 0 : window.navigator) && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.platform) && /iP(ad|hone|od)/.test((_b = window == null ? void 0 : window.navigator) == null ? void 0 : _b.platform);
 
@@ -2030,6 +2095,21 @@
     return focused;
   }
 
+  function useWindowSize({ window = defaultWindow, initialWidth = Infinity, initialHeight = Infinity } = {}) {
+    const width = vue.ref(initialWidth);
+    const height = vue.ref(initialHeight);
+    const update = () => {
+      if (window) {
+        width.value = window.innerWidth;
+        height.value = window.innerHeight;
+      }
+    };
+    update();
+    tryOnMounted(update);
+    useEventListener("resize", update, { passive: true });
+    return { width, height };
+  }
+
   const isInContainer = (el, container) => {
     if (!isClient || !el || !container)
       return false;
@@ -2337,10 +2417,10 @@
   const _hoisted_3$10 = [
     _hoisted_2$1i
   ];
-  function _sfc_render$2w(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2r(_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$2w]]);
+  var arrowDown = /* @__PURE__ */ _export_sfc$1(_sfc_main$2N, [["render", _sfc_render$2r]]);
 
   const _sfc_main$2M = vue.defineComponent({
     name: "ArrowLeft"
@@ -2359,10 +2439,10 @@
   const _hoisted_3$$ = [
     _hoisted_2$1h
   ];
-  function _sfc_render$2v(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2q(_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$2v]]);
+  var arrowLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2M, [["render", _sfc_render$2q]]);
 
   const _sfc_main$2L = vue.defineComponent({
     name: "ArrowRight"
@@ -2381,10 +2461,10 @@
   const _hoisted_3$_ = [
     _hoisted_2$1g
   ];
-  function _sfc_render$2u(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2p(_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$2u]]);
+  var arrowRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2L, [["render", _sfc_render$2p]]);
 
   const _sfc_main$2K = vue.defineComponent({
     name: "ArrowUp"
@@ -2403,10 +2483,10 @@
   const _hoisted_3$Z = [
     _hoisted_2$1f
   ];
-  function _sfc_render$2t(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2o(_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$2t]]);
+  var arrowUp = /* @__PURE__ */ _export_sfc$1(_sfc_main$2K, [["render", _sfc_render$2o]]);
 
   const _sfc_main$2J = vue.defineComponent({
     name: "Back"
@@ -2430,10 +2510,10 @@
     _hoisted_2$1e,
     _hoisted_3$Y
   ];
-  function _sfc_render$2s(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2n(_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$2s]]);
+  var back = /* @__PURE__ */ _export_sfc$1(_sfc_main$2J, [["render", _sfc_render$2n]]);
 
   const _sfc_main$2I = vue.defineComponent({
     name: "Calendar"
@@ -2452,10 +2532,10 @@
   const _hoisted_3$X = [
     _hoisted_2$1d
   ];
-  function _sfc_render$2r(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2m(_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$2r]]);
+  var calendar = /* @__PURE__ */ _export_sfc$1(_sfc_main$2I, [["render", _sfc_render$2m]]);
 
   const _sfc_main$2H = vue.defineComponent({
     name: "CaretRight"
@@ -2474,10 +2554,10 @@
   const _hoisted_3$W = [
     _hoisted_2$1c
   ];
-  function _sfc_render$2q(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2l(_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$2q]]);
+  var caretRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2H, [["render", _sfc_render$2l]]);
 
   const _sfc_main$2G = vue.defineComponent({
     name: "CaretTop"
@@ -2496,10 +2576,10 @@
   const _hoisted_3$V = [
     _hoisted_2$1b
   ];
-  function _sfc_render$2p(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2k(_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$2p]]);
+  var caretTop = /* @__PURE__ */ _export_sfc$1(_sfc_main$2G, [["render", _sfc_render$2k]]);
 
   const _sfc_main$2F = vue.defineComponent({
     name: "Check"
@@ -2518,10 +2598,10 @@
   const _hoisted_3$U = [
     _hoisted_2$1a
   ];
-  function _sfc_render$2o(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2j(_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$2o]]);
+  var check = /* @__PURE__ */ _export_sfc$1(_sfc_main$2F, [["render", _sfc_render$2j]]);
 
   const _sfc_main$2E = vue.defineComponent({
     name: "CircleCheckFilled"
@@ -2540,10 +2620,10 @@
   const _hoisted_3$T = [
     _hoisted_2$19
   ];
-  function _sfc_render$2n(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2i(_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$2n]]);
+  var circleCheckFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2E, [["render", _sfc_render$2i]]);
 
   const _sfc_main$2D = vue.defineComponent({
     name: "CircleCheck"
@@ -2567,10 +2647,10 @@
     _hoisted_2$18,
     _hoisted_3$S
   ];
-  function _sfc_render$2m(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2h(_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$2m]]);
+  var circleCheck = /* @__PURE__ */ _export_sfc$1(_sfc_main$2D, [["render", _sfc_render$2h]]);
 
   const _sfc_main$2C = vue.defineComponent({
     name: "CircleCloseFilled"
@@ -2589,10 +2669,10 @@
   const _hoisted_3$R = [
     _hoisted_2$17
   ];
-  function _sfc_render$2l(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2g(_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$2l]]);
+  var circleCloseFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2C, [["render", _sfc_render$2g]]);
 
   const _sfc_main$2B = vue.defineComponent({
     name: "CircleClose"
@@ -2616,10 +2696,10 @@
     _hoisted_2$16,
     _hoisted_3$Q
   ];
-  function _sfc_render$2k(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2f(_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$2k]]);
+  var circleClose = /* @__PURE__ */ _export_sfc$1(_sfc_main$2B, [["render", _sfc_render$2f]]);
 
   const _sfc_main$2A = vue.defineComponent({
     name: "Clock"
@@ -2648,10 +2728,10 @@
     _hoisted_3$P,
     _hoisted_4$g
   ];
-  function _sfc_render$2j(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2e(_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$2j]]);
+  var clock = /* @__PURE__ */ _export_sfc$1(_sfc_main$2A, [["render", _sfc_render$2e]]);
 
   const _sfc_main$2z = vue.defineComponent({
     name: "Close"
@@ -2670,10 +2750,10 @@
   const _hoisted_3$O = [
     _hoisted_2$14
   ];
-  function _sfc_render$2i(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2d(_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$2i]]);
+  var close$2 = /* @__PURE__ */ _export_sfc$1(_sfc_main$2z, [["render", _sfc_render$2d]]);
 
   const _sfc_main$2y = vue.defineComponent({
     name: "DArrowLeft"
@@ -2692,10 +2772,10 @@
   const _hoisted_3$N = [
     _hoisted_2$13
   ];
-  function _sfc_render$2h(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2c(_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$2h]]);
+  var dArrowLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2y, [["render", _sfc_render$2c]]);
 
   const _sfc_main$2x = vue.defineComponent({
     name: "DArrowRight"
@@ -2714,10 +2794,10 @@
   const _hoisted_3$M = [
     _hoisted_2$12
   ];
-  function _sfc_render$2g(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2b(_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$2g]]);
+  var dArrowRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2x, [["render", _sfc_render$2b]]);
 
   const _sfc_main$2w = vue.defineComponent({
     name: "Delete"
@@ -2736,10 +2816,10 @@
   const _hoisted_3$L = [
     _hoisted_2$11
   ];
-  function _sfc_render$2f(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2a(_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$2f]]);
+  var _delete = /* @__PURE__ */ _export_sfc$1(_sfc_main$2w, [["render", _sfc_render$2a]]);
 
   const _sfc_main$2v = vue.defineComponent({
     name: "Document"
@@ -2758,10 +2838,10 @@
   const _hoisted_3$K = [
     _hoisted_2$10
   ];
-  function _sfc_render$2e(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$29(_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$2e]]);
+  var document$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$2v, [["render", _sfc_render$29]]);
 
   const _sfc_main$2u = vue.defineComponent({
     name: "FullScreen"
@@ -2780,10 +2860,10 @@
   const _hoisted_3$J = [
     _hoisted_2$$
   ];
-  function _sfc_render$2d(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$28(_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$2d]]);
+  var fullScreen = /* @__PURE__ */ _export_sfc$1(_sfc_main$2u, [["render", _sfc_render$28]]);
 
   const _sfc_main$2t = vue.defineComponent({
     name: "InfoFilled"
@@ -2802,10 +2882,10 @@
   const _hoisted_3$I = [
     _hoisted_2$_
   ];
-  function _sfc_render$2c(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$27(_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$2c]]);
+  var infoFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2t, [["render", _sfc_render$27]]);
 
   const _sfc_main$2s = vue.defineComponent({
     name: "Loading"
@@ -2824,10 +2904,10 @@
   const _hoisted_3$H = [
     _hoisted_2$Z
   ];
-  function _sfc_render$2b(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$26(_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$2b]]);
+  var loading = /* @__PURE__ */ _export_sfc$1(_sfc_main$2s, [["render", _sfc_render$26]]);
 
   const _sfc_main$2r = vue.defineComponent({
     name: "Minus"
@@ -2846,10 +2926,10 @@
   const _hoisted_3$G = [
     _hoisted_2$Y
   ];
-  function _sfc_render$2a(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$25(_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$2a]]);
+  var minus = /* @__PURE__ */ _export_sfc$1(_sfc_main$2r, [["render", _sfc_render$25]]);
 
   const _sfc_main$2q = vue.defineComponent({
     name: "MoreFilled"
@@ -2868,10 +2948,10 @@
   const _hoisted_3$F = [
     _hoisted_2$X
   ];
-  function _sfc_render$29(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$24(_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$29]]);
+  var moreFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2q, [["render", _sfc_render$24]]);
 
   const _sfc_main$2p = vue.defineComponent({
     name: "More"
@@ -2890,10 +2970,10 @@
   const _hoisted_3$E = [
     _hoisted_2$W
   ];
-  function _sfc_render$28(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$23(_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$28]]);
+  var more = /* @__PURE__ */ _export_sfc$1(_sfc_main$2p, [["render", _sfc_render$23]]);
 
   const _sfc_main$2o = vue.defineComponent({
     name: "Plus"
@@ -2912,10 +2992,10 @@
   const _hoisted_3$D = [
     _hoisted_2$V
   ];
-  function _sfc_render$27(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$22(_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$27]]);
+  var plus = /* @__PURE__ */ _export_sfc$1(_sfc_main$2o, [["render", _sfc_render$22]]);
 
   const _sfc_main$2n = vue.defineComponent({
     name: "QuestionFilled"
@@ -2934,10 +3014,10 @@
   const _hoisted_3$C = [
     _hoisted_2$U
   ];
-  function _sfc_render$26(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$21(_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$26]]);
+  var questionFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2n, [["render", _sfc_render$21]]);
 
   const _sfc_main$2m = vue.defineComponent({
     name: "RefreshLeft"
@@ -2956,10 +3036,10 @@
   const _hoisted_3$B = [
     _hoisted_2$T
   ];
-  function _sfc_render$25(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$20(_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$25]]);
+  var refreshLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2m, [["render", _sfc_render$20]]);
 
   const _sfc_main$2l = vue.defineComponent({
     name: "RefreshRight"
@@ -2978,10 +3058,10 @@
   const _hoisted_3$A = [
     _hoisted_2$S
   ];
-  function _sfc_render$24(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1$(_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$24]]);
+  var refreshRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2l, [["render", _sfc_render$1$]]);
 
   const _sfc_main$2k = vue.defineComponent({
     name: "ScaleToOriginal"
@@ -3000,10 +3080,10 @@
   const _hoisted_3$z = [
     _hoisted_2$R
   ];
-  function _sfc_render$23(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1_(_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$23]]);
+  var scaleToOriginal = /* @__PURE__ */ _export_sfc$1(_sfc_main$2k, [["render", _sfc_render$1_]]);
 
   const _sfc_main$2j = vue.defineComponent({
     name: "Search"
@@ -3022,10 +3102,10 @@
   const _hoisted_3$y = [
     _hoisted_2$Q
   ];
-  function _sfc_render$22(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1Z(_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$22]]);
+  var search = /* @__PURE__ */ _export_sfc$1(_sfc_main$2j, [["render", _sfc_render$1Z]]);
 
   const _sfc_main$2i = vue.defineComponent({
     name: "StarFilled"
@@ -3044,10 +3124,10 @@
   const _hoisted_3$x = [
     _hoisted_2$P
   ];
-  function _sfc_render$21(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1Y(_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$21]]);
+  var starFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2i, [["render", _sfc_render$1Y]]);
 
   const _sfc_main$2h = vue.defineComponent({
     name: "Star"
@@ -3066,10 +3146,10 @@
   const _hoisted_3$w = [
     _hoisted_2$O
   ];
-  function _sfc_render$20(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1X(_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$20]]);
+  var star = /* @__PURE__ */ _export_sfc$1(_sfc_main$2h, [["render", _sfc_render$1X]]);
 
   const _sfc_main$2g = vue.defineComponent({
     name: "SuccessFilled"
@@ -3088,10 +3168,10 @@
   const _hoisted_3$v = [
     _hoisted_2$N
   ];
-  function _sfc_render$1$(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1W(_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$1$]]);
+  var successFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2g, [["render", _sfc_render$1W]]);
 
   const _sfc_main$2f = vue.defineComponent({
     name: "View"
@@ -3110,10 +3190,10 @@
   const _hoisted_3$u = [
     _hoisted_2$M
   ];
-  function _sfc_render$1_(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1V(_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$1V]]);
 
   const _sfc_main$2e = vue.defineComponent({
     name: "WarningFilled"
@@ -3132,10 +3212,10 @@
   const _hoisted_3$t = [
     _hoisted_2$L
   ];
-  function _sfc_render$1Z(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1U(_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$1Z]]);
+  var warningFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2e, [["render", _sfc_render$1U]]);
 
   const _sfc_main$2d = vue.defineComponent({
     name: "ZoomIn"
@@ -3154,10 +3234,10 @@
   const _hoisted_3$s = [
     _hoisted_2$K
   ];
-  function _sfc_render$1Y(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1T(_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$1Y]]);
+  var zoomIn = /* @__PURE__ */ _export_sfc$1(_sfc_main$2d, [["render", _sfc_render$1T]]);
 
   const _sfc_main$2c = vue.defineComponent({
     name: "ZoomOut"
@@ -3176,10 +3256,10 @@
   const _hoisted_3$r = [
     _hoisted_2$J
   ];
-  function _sfc_render$1X(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1S(_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$1X]]);
+  var zoomOut = /* @__PURE__ */ _export_sfc$1(_sfc_main$2c, [["render", _sfc_render$1S]]);
 
   const wrapperKey = Symbol();
   const propKey = "__elPropsReservedKey";
@@ -3409,23 +3489,27 @@
     });
   };
 
-  const elFormKey = Symbol("elForm");
-  const elFormItemKey = Symbol("elFormItem");
+  const elBreadcrumbKey = Symbol("elBreadcrumbKey");
 
   const buttonGroupContextKey = Symbol("buttonGroupContextKey");
 
-  const elBreadcrumbKey = Symbol("elBreadcrumbKey");
-
-  const elPaginationKey = Symbol("elPaginationKey");
+  const collapseContextKey = Symbol("collapseContextKey");
 
   const configProviderContextKey = Symbol();
 
-  const radioGroupKey = Symbol("radioGroupKey");
+  const dialogInjectionKey = Symbol("dialogInjectionKey");
 
-  const tabsRootContextKey = Symbol("tabsRootContextKey");
+  const elFormKey = Symbol("elForm");
+  const elFormItemKey = Symbol("elFormItem");
+
+  const elPaginationKey = Symbol("elPaginationKey");
+
+  const radioGroupKey = Symbol("radioGroupKey");
 
   const scrollbarContextKey = Symbol("scrollbarContextKey");
 
+  const tabsRootContextKey = Symbol("tabsRootContextKey");
+
   const useProp = (name) => {
     const vm = vue.getCurrentInstance();
     return vue.computed(() => {
@@ -4278,7 +4362,7 @@
     };
   };
 
-  const version$1 = "0.0.20220228";
+  const version$1 = "0.0.20220301";
 
   const INSTALLED_KEY = Symbol("INSTALLED_KEY");
   const makeInstaller = (components = []) => {
@@ -4319,97 +4403,92 @@
     change: (fixed) => typeof fixed === "boolean"
   };
 
-  const __default__$b = {
+  const __default__$g = {
     name: "ElAffix"
   };
   const _sfc_main$2b = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$b,
+    ...__default__$g,
     props: affixProps,
     emits: affixEmits,
     setup(__props, { expose, emit }) {
       const props = __props;
+      const COMPONENT_NAME = "ElAffix";
       const ns = useNamespace("affix");
       const target = vue.shallowRef();
       const root = vue.shallowRef();
       const scrollContainer = vue.shallowRef();
+      const { height: windowHeight } = useWindowSize();
+      const {
+        height: rootHeight,
+        width: rootWidth,
+        top: rootTop,
+        bottom: rootBottom,
+        update: updateRoot
+      } = useElementBounding(root);
+      const targetRect = useElementBounding(target);
       const fixed = vue.ref(false);
-      const height = vue.ref(0);
-      const width = vue.ref(0);
       const scrollTop = vue.ref(0);
-      const clientHeight = vue.ref(0);
       const transform = vue.ref(0);
       const rootStyle = vue.computed(() => {
         return {
-          height: fixed.value ? `${height.value}px` : "",
-          width: fixed.value ? `${width.value}px` : ""
+          height: fixed.value ? `${rootHeight.value}px` : "",
+          width: fixed.value ? `${rootWidth.value}px` : ""
         };
       });
       const affixStyle = vue.computed(() => {
         if (!fixed.value)
-          return;
+          return {};
         const offset = props.offset ? `${props.offset}px` : 0;
-        const _transform = transform.value ? `translateY(${transform.value}px)` : "";
         return {
-          height: `${height.value}px`,
-          width: `${width.value}px`,
+          height: `${rootHeight.value}px`,
+          width: `${rootWidth.value}px`,
           top: props.position === "top" ? offset : "",
           bottom: props.position === "bottom" ? offset : "",
-          transform: _transform,
+          transform: transform.value ? `translateY(${transform.value}px)` : "",
           zIndex: props.zIndex
         };
       });
       const update = () => {
-        if (!root.value || !target.value || !scrollContainer.value)
+        if (!scrollContainer.value)
           return;
-        const rootRect = root.value.getBoundingClientRect();
-        const targetRect = target.value.getBoundingClientRect();
-        height.value = rootRect.height;
-        width.value = rootRect.width;
         scrollTop.value = scrollContainer.value instanceof Window ? document.documentElement.scrollTop : scrollContainer.value.scrollTop || 0;
-        clientHeight.value = document.documentElement.clientHeight;
         if (props.position === "top") {
           if (props.target) {
-            const difference = targetRect.bottom - props.offset - height.value;
-            fixed.value = props.offset > rootRect.top && targetRect.bottom > 0;
+            const difference = targetRect.bottom.value - props.offset - rootHeight.value;
+            fixed.value = props.offset > rootTop.value && targetRect.bottom.value > 0;
             transform.value = difference < 0 ? difference : 0;
           } else {
-            fixed.value = props.offset > rootRect.top;
+            fixed.value = props.offset > rootTop.value;
           }
+        } else if (props.target) {
+          const difference = windowHeight.value - targetRect.top.value - props.offset - rootHeight.value;
+          fixed.value = windowHeight.value - props.offset < rootBottom.value && windowHeight.value > targetRect.top.value;
+          transform.value = difference < 0 ? -difference : 0;
         } else {
-          if (props.target) {
-            const difference = clientHeight.value - targetRect.top - props.offset - height.value;
-            fixed.value = clientHeight.value - props.offset < rootRect.bottom && clientHeight.value > targetRect.top;
-            transform.value = difference < 0 ? -difference : 0;
-          } else {
-            fixed.value = clientHeight.value - props.offset < rootRect.bottom;
-          }
+          fixed.value = windowHeight.value - props.offset < rootBottom.value;
         }
       };
-      const onScroll = () => {
-        update();
+      const handleScroll = () => {
         emit("scroll", {
           scrollTop: scrollTop.value,
           fixed: fixed.value
         });
       };
-      vue.watch(fixed, (fixed2) => {
-        emit("change", fixed2);
-      });
+      vue.watch(fixed, (val) => emit("change", val));
       vue.onMounted(() => {
         var _a;
         if (props.target) {
           target.value = (_a = document.querySelector(props.target)) != null ? _a : void 0;
-          if (!target.value) {
-            throw new Error(`Target is not existed: ${props.target}`);
-          }
+          if (!target.value)
+            throwError(COMPONENT_NAME, `Target is not existed: ${props.target}`);
         } else {
           target.value = document.documentElement;
         }
         scrollContainer.value = getScrollContainer(root.value, true);
+        updateRoot();
       });
-      useEventListener(scrollContainer, "scroll", onScroll);
-      useResizeObserver(root, () => update());
-      useResizeObserver(target, () => update());
+      useEventListener(scrollContainer, "scroll", handleScroll);
+      vue.watchEffect(update);
       expose({
         update
       });
@@ -4443,12 +4522,12 @@
     }
   });
 
-  const __default__$a = {
+  const __default__$f = {
     name: "ElIcon",
     inheritAttrs: false
   };
   const _sfc_main$2a = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$a,
+    ...__default__$f,
     props: iconProps,
     setup(__props) {
       const props = __props;
@@ -4510,11 +4589,11 @@
     close: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$9 = {
+  const __default__$e = {
     name: "ElAlert"
   };
   const _sfc_main$29 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$9,
+    ...__default__$e,
     props: alertProps,
     emits: alertEmits,
     setup(__props, { emit }) {
@@ -4597,190 +4676,6 @@
 
   const ElAlert = withInstall(Alert);
 
-  const nodeList = /* @__PURE__ */ new Map();
-  let startClick;
-  if (isClient) {
-    document.addEventListener("mousedown", (e) => startClick = e);
-    document.addEventListener("mouseup", (e) => {
-      for (const handlers of nodeList.values()) {
-        for (const { documentHandler } of handlers) {
-          documentHandler(e, startClick);
-        }
-      }
-    });
-  }
-  function createDocumentHandler(el, binding) {
-    let excludes = [];
-    if (Array.isArray(binding.arg)) {
-      excludes = binding.arg;
-    } else if (isElement$1(binding.arg)) {
-      excludes.push(binding.arg);
-    }
-    return function(mouseup, mousedown) {
-      const popperRef = binding.instance.popperRef;
-      const mouseUpTarget = mouseup.target;
-      const mouseDownTarget = mousedown == null ? void 0 : mousedown.target;
-      const isBound = !binding || !binding.instance;
-      const isTargetExists = !mouseUpTarget || !mouseDownTarget;
-      const isContainedByEl = el.contains(mouseUpTarget) || el.contains(mouseDownTarget);
-      const isSelf = el === mouseUpTarget;
-      const isTargetExcluded = excludes.length && excludes.some((item) => item == null ? void 0 : item.contains(mouseUpTarget)) || excludes.length && excludes.includes(mouseDownTarget);
-      const isContainedByPopper = popperRef && (popperRef.contains(mouseUpTarget) || popperRef.contains(mouseDownTarget));
-      if (isBound || isTargetExists || isContainedByEl || isSelf || isTargetExcluded || isContainedByPopper) {
-        return;
-      }
-      binding.value(mouseup, mousedown);
-    };
-  }
-  const ClickOutside = {
-    beforeMount(el, binding) {
-      if (!nodeList.has(el)) {
-        nodeList.set(el, []);
-      }
-      nodeList.get(el).push({
-        documentHandler: createDocumentHandler(el, binding),
-        bindingFn: binding.value
-      });
-    },
-    updated(el, binding) {
-      if (!nodeList.has(el)) {
-        nodeList.set(el, []);
-      }
-      const handlers = nodeList.get(el);
-      const oldHandlerIndex = handlers.findIndex((item) => item.bindingFn === binding.oldValue);
-      const newHandler = {
-        documentHandler: createDocumentHandler(el, binding),
-        bindingFn: binding.value
-      };
-      if (oldHandlerIndex >= 0) {
-        handlers.splice(oldHandlerIndex, 1, newHandler);
-      } else {
-        handlers.push(newHandler);
-      }
-    },
-    unmounted(el) {
-      nodeList.delete(el);
-    }
-  };
-
-  var RepeatClick = {
-    beforeMount(el, binding) {
-      let interval = null;
-      let startTime;
-      const handler = () => binding.value && binding.value();
-      const clear = () => {
-        if (Date.now() - startTime < 100) {
-          handler();
-        }
-        clearInterval(interval);
-        interval = null;
-      };
-      on(el, "mousedown", (e) => {
-        if (e.button !== 0)
-          return;
-        startTime = Date.now();
-        once(document, "mouseup", clear);
-        clearInterval(interval);
-        interval = setInterval(handler, 100);
-      });
-    }
-  };
-
-  const FOCUSABLE_CHILDREN = "_trap-focus-children";
-  const FOCUS_STACK = [];
-  const FOCUS_HANDLER = (e) => {
-    if (FOCUS_STACK.length === 0)
-      return;
-    const focusableElement = FOCUS_STACK[FOCUS_STACK.length - 1][FOCUSABLE_CHILDREN];
-    if (focusableElement.length > 0 && e.code === EVENT_CODE.tab) {
-      if (focusableElement.length === 1) {
-        e.preventDefault();
-        if (document.activeElement !== focusableElement[0]) {
-          focusableElement[0].focus();
-        }
-        return;
-      }
-      const goingBackward = e.shiftKey;
-      const isFirst = e.target === focusableElement[0];
-      const isLast = e.target === focusableElement[focusableElement.length - 1];
-      if (isFirst && goingBackward) {
-        e.preventDefault();
-        focusableElement[focusableElement.length - 1].focus();
-      }
-      if (isLast && !goingBackward) {
-        e.preventDefault();
-        focusableElement[0].focus();
-      }
-    }
-  };
-  const TrapFocus = {
-    beforeMount(el) {
-      el[FOCUSABLE_CHILDREN] = obtainAllFocusableElements$1(el);
-      FOCUS_STACK.push(el);
-      if (FOCUS_STACK.length <= 1) {
-        on(document, "keydown", FOCUS_HANDLER);
-      }
-    },
-    updated(el) {
-      vue.nextTick(() => {
-        el[FOCUSABLE_CHILDREN] = obtainAllFocusableElements$1(el);
-      });
-    },
-    unmounted() {
-      FOCUS_STACK.shift();
-      if (FOCUS_STACK.length === 0) {
-        off(document, "keydown", FOCUS_HANDLER);
-      }
-    }
-  };
-
-  var h=!1,o,s,f,u,d,D,l,p,m,w,N,E,x,A,M;function a(){if(!h){h=!0;var e=navigator.userAgent,n=/(?:MSIE.(\d+\.\d+))|(?:(?:Firefox|GranParadiso|Iceweasel).(\d+\.\d+))|(?:Opera(?:.+Version.|.)(\d+\.\d+))|(?:AppleWebKit.(\d+(?:\.\d+)?))|(?:Trident\/\d+\.\d+.*rv:(\d+\.\d+))/.exec(e),i=/(Mac OS X)|(Windows)|(Linux)/.exec(e);if(E=/\b(iPhone|iP[ao]d)/.exec(e),x=/\b(iP[ao]d)/.exec(e),w=/Android/i.exec(e),A=/FBAN\/\w+;/i.exec(e),M=/Mobile/i.exec(e),N=!!/Win64/.exec(e),n){o=n[1]?parseFloat(n[1]):n[5]?parseFloat(n[5]):NaN,o&&document&&document.documentMode&&(o=document.documentMode);var r=/(?:Trident\/(\d+.\d+))/.exec(e);D=r?parseFloat(r[1])+4:o,s=n[2]?parseFloat(n[2]):NaN,f=n[3]?parseFloat(n[3]):NaN,u=n[4]?parseFloat(n[4]):NaN,u?(n=/(?:Chrome\/(\d+\.\d+))/.exec(e),d=n&&n[1]?parseFloat(n[1]):NaN):d=NaN;}else { o=s=f=d=u=NaN; }if(i){if(i[1]){var t=/(?:Mac OS X (\d+(?:[._]\d+)?))/.exec(e);l=t?parseFloat(t[1].replace("_",".")):!0;}else { l=!1; }p=!!i[2],m=!!i[3];}else { l=p=m=!1; }}}var _={ie:function(){return a()||o},ieCompatibilityMode:function(){return a()||D>o},ie64:function(){return _.ie()&&N},firefox:function(){return a()||s},opera:function(){return a()||f},webkit:function(){return a()||u},safari:function(){return _.webkit()},chrome:function(){return a()||d},windows:function(){return a()||p},osx:function(){return a()||l},linux:function(){return a()||m},iphone:function(){return a()||E},mobile:function(){return a()||E||x||w||M},nativeApp:function(){return a()||A},android:function(){return a()||w},ipad:function(){return a()||x}},F=_;var c=!!(typeof window!="undefined"&&window.document&&window.document.createElement),I={canUseDOM:c,canUseWorkers:typeof Worker!="undefined",canUseEventListeners:c&&!!(window.addEventListener||window.attachEvent),canUseViewport:c&&!!window.screen,isInWorker:!c},v=I;var X;v.canUseDOM&&(X=document.implementation&&document.implementation.hasFeature&&document.implementation.hasFeature("","")!==!0);function S(e,n){if(!v.canUseDOM||n&&!("addEventListener"in document)){ return !1; }var i="on"+e,r=i in document;if(!r){var t=document.createElement("div");t.setAttribute(i,"return;"),r=typeof t[i]=="function";}return !r&&X&&e==="wheel"&&(r=document.implementation.hasFeature("Events.wheel","3.0")),r}var b=S;var O=10,P=40,T=800;function U(e){var n=0,i=0,r=0,t=0;return "detail"in e&&(i=e.detail),"wheelDelta"in e&&(i=-e.wheelDelta/120),"wheelDeltaY"in e&&(i=-e.wheelDeltaY/120),"wheelDeltaX"in e&&(n=-e.wheelDeltaX/120),"axis"in e&&e.axis===e.HORIZONTAL_AXIS&&(n=i,i=0),r=n*O,t=i*O,"deltaY"in e&&(t=e.deltaY),"deltaX"in e&&(r=e.deltaX),(r||t)&&e.deltaMode&&(e.deltaMode==1?(r*=P,t*=P):(r*=T,t*=T)),r&&!n&&(n=r<1?-1:1),t&&!i&&(i=t<1?-1:1),{spinX:n,spinY:i,pixelX:r,pixelY:t}}U.getEventType=function(){return F.firefox()?"DOMMouseScroll":b("wheel")?"wheel":"mousewheel"};var W=U;/**
-   * Checks if an event is supported in the current execution environment.
-   *
-   * NOTE: This will not work correctly for non-generic events such as `change`,
-   * `reset`, `load`, `error`, and `select`.
-   *
-   * Borrows from Modernizr.
-   *
-   * @param {string} eventNameSuffix Event name, e.g. "click".
-   * @param {?boolean} capture Check if the capture phase is supported.
-   * @return {boolean} True if the event is supported.
-   * @internal
-   * @license Modernizr 3.0.0pre (Custom Build) | MIT
-   */
-
-  const mousewheel = function(element, callback) {
-    if (element && element.addEventListener) {
-      const fn = function(event) {
-        const normalized = W(event);
-        callback && callback.apply(this, [event, normalized]);
-      };
-      if (isFirefox()) {
-        element.addEventListener("DOMMouseScroll", fn);
-      } else {
-        element.onmousewheel = fn;
-      }
-    }
-  };
-  const Mousewheel = {
-    beforeMount(el, binding) {
-      mousewheel(el, binding.value);
-    }
-  };
-
-  const Resize = {
-    beforeMount(el, binding) {
-      el._handleResize = () => {
-        var _a;
-        el && ((_a = binding.value) == null ? void 0 : _a.call(binding, el));
-      };
-      addResizeListener(el, el._handleResize);
-    },
-    beforeUnmount(el) {
-      removeResizeListener(el, el._handleResize);
-    }
-  };
-
   let hiddenTextarea = void 0;
   const HIDDEN_STYLE = `
   height:0 !important;
@@ -5177,7 +5072,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$1W(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1R(_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");
@@ -5350,7 +5245,7 @@
       [vue.vShow, _ctx.type !== "hidden"]
     ]);
   }
-  var Input = /* @__PURE__ */ _export_sfc(_sfc_main$28, [["render", _sfc_render$1W]]);
+  var Input = /* @__PURE__ */ _export_sfc(_sfc_main$28, [["render", _sfc_render$1R]]);
 
   const ElInput = withInstall(Input);
 
@@ -5392,15 +5287,15 @@
     always: Boolean
   });
 
-  const COMPONENT_NAME$e = "Thumb";
+  const COMPONENT_NAME$d = "Thumb";
   const _sfc_main$27 = vue.defineComponent({
-    name: COMPONENT_NAME$e,
+    name: COMPONENT_NAME$d,
     props: thumbProps,
     setup(props) {
       const scrollbar = vue.inject(scrollbarContextKey);
       const ns = useNamespace("scrollbar");
       if (!scrollbar)
-        throwError(COMPONENT_NAME$e, "can not inject scrollbar context");
+        throwError(COMPONENT_NAME$d, "can not inject scrollbar context");
       const instance = vue.ref();
       const thumb = vue.ref();
       const thumbState = vue.ref({});
@@ -5495,7 +5390,7 @@
       };
     }
   });
-  function _sfc_render$1V(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1Q(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createBlock(vue.Transition, {
       name: _ctx.ns.b("fade")
     }, {
@@ -5518,7 +5413,7 @@
       _: 1
     }, 8, ["name"]);
   }
-  var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$27, [["render", _sfc_render$1V]]);
+  var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$27, [["render", _sfc_render$1Q]]);
 
   const barProps = buildProps({
     always: {
@@ -5567,7 +5462,7 @@
       };
     }
   });
-  function _sfc_render$1U(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1P(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_thumb = vue.resolveComponent("thumb");
     return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
       vue.createVNode(_component_thumb, {
@@ -5585,7 +5480,7 @@
       }, null, 8, ["move", "ratio", "size", "always"])
     ], 64);
   }
-  var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$26, [["render", _sfc_render$1U]]);
+  var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$26, [["render", _sfc_render$1P]]);
 
   const scrollbarProps = buildProps({
     height: {
@@ -5750,7 +5645,7 @@
       };
     }
   });
-  function _sfc_render$1T(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1O(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_bar = vue.resolveComponent("bar");
     return vue.openBlock(), vue.createElementBlock("div", {
       ref: "scrollbar$",
@@ -5788,7 +5683,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$1T]]);
+  var Scrollbar$1 = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["render", _sfc_render$1O]]);
 
   const ElScrollbar = withInstall(Scrollbar$1);
 
@@ -5808,10 +5703,10 @@
       return popperProvides;
     }
   });
-  function _sfc_render$1S(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1N(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default");
   }
-  var Popper = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["render", _sfc_render$1S]]);
+  var Popper = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["render", _sfc_render$1N]]);
 
   var top = "top";
   var bottom = "bottom";
@@ -7286,22 +7181,25 @@
       };
     }
   });
-  function _sfc_render$1R(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1M(_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$1R]]);
+  var ElPopperArrow = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["render", _sfc_render$1M]]);
 
   const NAME = "ElOnlyChild";
   const OnlyChild = vue.defineComponent({
     name: NAME,
-    setup(_, { slots, attrs }) {
+    setup(_, {
+      slots,
+      attrs
+    }) {
       var _a;
-      const forwardRefInjection = vue.inject(FORWARD_REF_INJECTION_KEY, void 0);
-      const forwardRefDirective = useForwardRefDirective((_a = forwardRefInjection.setForwardRef) != null ? _a : NOOP);
+      const forwardRefInjection = vue.inject(FORWARD_REF_INJECTION_KEY);
+      const forwardRefDirective = useForwardRefDirective((_a = forwardRefInjection == null ? void 0 : forwardRefInjection.setForwardRef) != null ? _a : NOOP);
       return () => {
         var _a2;
         const defaultSlot = (_a2 = slots.default) == null ? void 0 : _a2.call(slots, attrs);
@@ -7314,9 +7212,7 @@
         if (!firstLegitNode) {
           return null;
         }
-        return vue.withDirectives(vue.cloneVNode(firstLegitNode, attrs), [
-          [forwardRefDirective]
-        ]);
+        return vue.withDirectives(vue.cloneVNode(firstLegitNode, attrs), [[forwardRefDirective]]);
       };
     }
   });
@@ -7345,9 +7241,10 @@
     return null;
   }
   function wrapTextContent(s) {
-    return vue.h("span", { class: "el-only-child__content" }, [s]);
+    return vue.createVNode("span", {
+      "class": "el-only-child__content"
+    }, [s]);
   }
-  var ElOnlyChild = OnlyChild;
 
   const buildPopperOptions = (props, arrowProps) => {
     const { placement, strategy, popperOptions } = props;
@@ -7425,7 +7322,7 @@
 
   const _sfc_main$22 = vue.defineComponent({
     name: "ElPopperTrigger",
-    components: { ElOnlyChild },
+    components: { ElOnlyChild: OnlyChild },
     inheritAttrs: false,
     props: {
       ...usePopperTriggerProps,
@@ -7475,7 +7372,7 @@
       };
     }
   });
-  function _sfc_render$1Q(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1L(_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
@@ -7486,7 +7383,7 @@
       _: 3
     }, 16, ["aria-describedby"])) : vue.createCommentVNode("v-if", true);
   }
-  var ElPopperTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["render", _sfc_render$1Q]]);
+  var ElPopperTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["render", _sfc_render$1L]]);
 
   const _sfc_main$21 = vue.defineComponent({
     name: "ElPopperContent",
@@ -7581,7 +7478,7 @@
       };
     }
   });
-  function _sfc_render$1P(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1K(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       ref: "popperContentRef",
       style: vue.normalizeStyle(_ctx.contentStyle),
@@ -7593,7 +7490,7 @@
       vue.renderSlot(_ctx.$slots, "default")
     ], 38);
   }
-  var ElPopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["render", _sfc_render$1P]]);
+  var ElPopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["render", _sfc_render$1K]]);
 
   function useDeprecateAppendToBody(scope, from) {
     const vm = vue.getCurrentInstance();
@@ -7643,10 +7540,10 @@
       };
     }
   });
-  function _sfc_render$1O(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1J(_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$1O]]);
+  var ElVisuallyHidden = /* @__PURE__ */ _export_sfc(_sfc_main$20, [["render", _sfc_render$1J]]);
 
   const useTooltipContentProps = buildProps({
     ...useDelayedToggleProps,
@@ -7817,7 +7714,7 @@
       };
     }
   });
-  function _sfc_render$1N(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1I(_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, {
@@ -7876,7 +7773,7 @@
       }, 8, ["name", "onAfterLeave", "onBeforeEnter", "onAfterEnter", "onBeforeLeave"])
     ], 8, ["disabled", "to"]);
   }
-  var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$1$, [["render", _sfc_render$1N]]);
+  var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$1$, [["render", _sfc_render$1I]]);
 
   const isTriggerType = (trigger, type) => {
     if (isArray(trigger)) {
@@ -7940,7 +7837,7 @@
       };
     }
   });
-  function _sfc_render$1M(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1H(_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,
@@ -7962,7 +7859,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$1M]]);
+  var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$1_, [["render", _sfc_render$1H]]);
 
   const { useModelToggleProps, useModelToggle, useModelToggleEmits } = createModelToggleComposable("visible");
   const _sfc_main$1Z = vue.defineComponent({
@@ -8053,7 +7950,7 @@
   });
   const _hoisted_1$$ = ["innerHTML"];
   const _hoisted_2$H = { key: 1 };
-  function _sfc_render$1L(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1G(_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");
@@ -8115,112 +8012,113 @@
       _: 3
     }, 512);
   }
-  var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$1Z, [["render", _sfc_render$1L]]);
+  var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$1Z, [["render", _sfc_render$1G]]);
 
   const ElTooltip = withInstall(Tooltip);
 
-  const COMPONENT_NAME$d = "ElAutocomplete";
-  const _sfc_main$1Y = vue.defineComponent({
-    name: COMPONENT_NAME$d,
-    components: {
-      ElTooltip,
-      ElInput,
-      ElScrollbar,
-      ElIcon,
-      Loading: loading
+  const autocompleteProps = buildProps({
+    valueKey: {
+      type: String,
+      default: "value"
     },
-    directives: {
-      clickoutside: ClickOutside
+    modelValue: {
+      type: [String, Number],
+      default: ""
     },
-    inheritAttrs: false,
-    props: {
-      valueKey: {
-        type: String,
-        default: "value"
-      },
-      modelValue: {
-        type: [String, Number],
-        default: ""
-      },
-      debounce: {
-        type: Number,
-        default: 300
-      },
-      placement: {
-        type: String,
-        validator: (val) => {
-          return [
-            "top",
-            "top-start",
-            "top-end",
-            "bottom",
-            "bottom-start",
-            "bottom-end"
-          ].includes(val);
-        },
-        default: "bottom-start"
-      },
-      fetchSuggestions: {
-        type: Function,
-        default: NOOP
-      },
-      popperClass: {
-        type: String,
-        default: ""
-      },
-      triggerOnFocus: {
-        type: Boolean,
-        default: true
-      },
-      selectWhenUnmatched: {
-        type: Boolean,
-        default: false
-      },
-      hideLoading: {
-        type: Boolean,
-        default: false
-      },
-      popperAppendToBody: {
-        type: Boolean,
-        default: void 0
-      },
-      teleported: useTooltipContentProps.teleported,
-      highlightFirstItem: {
-        type: Boolean,
-        default: false
-      }
+    debounce: {
+      type: Number,
+      default: 300
     },
-    emits: [
-      UPDATE_MODEL_EVENT,
-      "input",
-      "change",
-      "focus",
-      "blur",
-      "clear",
-      "select"
-    ],
-    setup(props, ctx) {
+    placement: {
+      type: definePropType(String),
+      values: [
+        "top",
+        "top-start",
+        "top-end",
+        "bottom",
+        "bottom-start",
+        "bottom-end"
+      ],
+      default: "bottom-start"
+    },
+    fetchSuggestions: {
+      type: definePropType(Function),
+      default: NOOP
+    },
+    popperClass: {
+      type: String,
+      default: ""
+    },
+    triggerOnFocus: {
+      type: Boolean,
+      default: true
+    },
+    selectWhenUnmatched: {
+      type: Boolean,
+      default: false
+    },
+    hideLoading: {
+      type: Boolean,
+      default: false
+    },
+    popperAppendToBody: {
+      type: Boolean,
+      default: void 0
+    },
+    teleported: useTooltipContentProps.teleported,
+    highlightFirstItem: {
+      type: Boolean,
+      default: false
+    }
+  });
+  const autocompleteEmits = {
+    [UPDATE_MODEL_EVENT]: (value) => isString(value),
+    input: (value) => isString(value),
+    change: (value) => isString(value),
+    focus: (evt) => evt instanceof FocusEvent,
+    blur: (evt) => evt instanceof FocusEvent,
+    clear: () => true,
+    select: (item) => isObject$1(item)
+  };
+
+  const _hoisted_1$_ = ["aria-expanded", "aria-owns"];
+  const _hoisted_2$G = { key: 0 };
+  const _hoisted_3$q = ["id", "aria-selected", "onClick"];
+  const __default__$d = {
+    name: "ElAutocomplete",
+    inheritAttrs: false
+  };
+  const _sfc_main$1Y = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$d,
+    props: autocompleteProps,
+    emits: autocompleteEmits,
+    setup(__props, { expose, emit }) {
+      const props = __props;
+      const COMPONENT_NAME = "ElAutocomplete";
       const ns = useNamespace("autocomplete");
-      const { compatTeleported } = useDeprecateAppendToBody(COMPONENT_NAME$d, "popperAppendToBody");
+      const { compatTeleported } = useDeprecateAppendToBody(COMPONENT_NAME, "popperAppendToBody");
       const attrs = useAttrs();
+      const compAttrs = vue.useAttrs();
       const suggestions = vue.ref([]);
       const highlightedIndex = vue.ref(-1);
       const dropdownWidth = vue.ref("");
       const activated = vue.ref(false);
       const suggestionDisabled = vue.ref(false);
-      const loading = vue.ref(false);
-      const inputRef = vue.ref(null);
-      const regionRef = vue.ref(null);
-      const popper = vue.ref(null);
+      const loading$1 = vue.ref(false);
+      const inputRef = vue.ref();
+      const regionRef = vue.ref();
+      const popperRef = vue.ref();
+      const listboxRef = vue.ref();
       const id = vue.computed(() => {
         return ns.b(String(generateId()));
       });
+      const styles = vue.computed(() => compAttrs.style);
       const suggestionVisible = vue.computed(() => {
         const isValidData = isArray(suggestions.value) && suggestions.value.length > 0;
-        return (isValidData || loading.value) && activated.value;
+        return (isValidData || loading$1.value) && activated.value;
       });
       const suggestionLoading = vue.computed(() => {
-        return !props.hideLoading && loading.value;
+        return !props.hideLoading && loading$1.value;
       });
       const onSuggestionShow = () => {
         vue.nextTick(() => {
@@ -8229,19 +8127,13 @@
           }
         });
       };
-      vue.onMounted(() => {
-        inputRef.value.inputOrTextarea.setAttribute("role", "textbox");
-        inputRef.value.inputOrTextarea.setAttribute("aria-autocomplete", "list");
-        inputRef.value.inputOrTextarea.setAttribute("aria-controls", "id");
-        inputRef.value.inputOrTextarea.setAttribute("aria-activedescendant", `${id.value}-item-${highlightedIndex.value}`);
-      });
       const getData = (queryString) => {
         if (suggestionDisabled.value) {
           return;
         }
-        loading.value = true;
+        loading$1.value = true;
         props.fetchSuggestions(queryString, (suggestionsArg) => {
-          loading.value = false;
+          loading$1.value = false;
           if (suggestionDisabled.value) {
             return;
           }
@@ -8249,14 +8141,14 @@
             suggestions.value = suggestionsArg;
             highlightedIndex.value = props.highlightFirstItem ? 0 : -1;
           } else {
-            throwError("ElAutocomplete", "autocomplete suggestions must be an array");
+            throwError(COMPONENT_NAME, "autocomplete suggestions must be an array");
           }
         });
       };
       const debouncedGetData = debounce$1(getData, props.debounce);
       const handleInput = (value) => {
-        ctx.emit("input", value);
-        ctx.emit(UPDATE_MODEL_EVENT, value);
+        emit("input", value);
+        emit(UPDATE_MODEL_EVENT, value);
         suggestionDisabled.value = false;
         if (!props.triggerOnFocus && !value) {
           suggestionDisabled.value = true;
@@ -8266,28 +8158,28 @@
         debouncedGetData(value);
       };
       const handleChange = (value) => {
-        ctx.emit("change", value);
+        emit("change", value);
       };
-      const handleFocus = (e) => {
+      const handleFocus = (evt) => {
         activated.value = true;
-        ctx.emit("focus", e);
+        emit("focus", evt);
         if (props.triggerOnFocus) {
           debouncedGetData(String(props.modelValue));
         }
       };
-      const handleBlur = (e) => {
-        ctx.emit("blur", e);
+      const handleBlur = (evt) => {
+        emit("blur", evt);
       };
       const handleClear = () => {
         activated.value = false;
-        ctx.emit(UPDATE_MODEL_EVENT, "");
-        ctx.emit("clear");
+        emit(UPDATE_MODEL_EVENT, "");
+        emit("clear");
       };
       const handleKeyEnter = () => {
         if (suggestionVisible.value && highlightedIndex.value >= 0 && highlightedIndex.value < suggestions.value.length) {
-          select(suggestions.value[highlightedIndex.value]);
+          handleSelect(suggestions.value[highlightedIndex.value]);
         } else if (props.selectWhenUnmatched) {
-          ctx.emit("select", { value: props.modelValue });
+          emit("select", { value: props.modelValue });
           vue.nextTick(() => {
             suggestions.value = [];
             highlightedIndex.value = -1;
@@ -8301,17 +8193,17 @@
         var _a;
         (_a = inputRef.value) == null ? void 0 : _a.focus();
       };
-      const select = (item) => {
-        ctx.emit("input", item[props.valueKey]);
-        ctx.emit(UPDATE_MODEL_EVENT, item[props.valueKey]);
-        ctx.emit("select", item);
+      const handleSelect = (item) => {
+        emit("input", item[props.valueKey]);
+        emit(UPDATE_MODEL_EVENT, item[props.valueKey]);
+        emit("select", item);
         vue.nextTick(() => {
           suggestions.value = [];
           highlightedIndex.value = -1;
         });
       };
       const highlight = (index) => {
-        if (!suggestionVisible.value || loading.value) {
+        if (!suggestionVisible.value || loading$1.value) {
           return;
         }
         if (index < 0) {
@@ -8335,167 +8227,152 @@
         highlightedIndex.value = index;
         inputRef.value.inputOrTextarea.setAttribute("aria-activedescendant", `${id.value}-item-${highlightedIndex.value}`);
       };
-      return {
-        attrs,
-        suggestions,
+      onClickOutside(listboxRef, close);
+      vue.onMounted(() => {
+        inputRef.value.inputOrTextarea.setAttribute("role", "textbox");
+        inputRef.value.inputOrTextarea.setAttribute("aria-autocomplete", "list");
+        inputRef.value.inputOrTextarea.setAttribute("aria-controls", "id");
+        inputRef.value.inputOrTextarea.setAttribute("aria-activedescendant", `${id.value}-item-${highlightedIndex.value}`);
+      });
+      expose({
         highlightedIndex,
-        dropdownWidth,
         activated,
-        suggestionDisabled,
-        loading,
+        loading: loading$1,
         inputRef,
-        regionRef,
-        popper,
-        id,
-        suggestionVisible,
-        suggestionLoading,
-        compatTeleported,
-        getData,
-        handleInput,
-        handleChange,
-        handleFocus,
-        handleBlur,
-        handleClear,
+        popperRef,
+        suggestions,
+        handleSelect,
         handleKeyEnter,
-        close,
         focus,
-        select,
-        highlight,
-        onSuggestionShow,
-        ns
+        close,
+        highlight
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createBlock(vue.unref(ElTooltip), {
+          ref_key: "popperRef",
+          ref: popperRef,
+          visible: vue.unref(suggestionVisible),
+          "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => vue.isRef(suggestionVisible) ? suggestionVisible.value = $event : null),
+          placement: _ctx.placement,
+          "fallback-placements": ["bottom-start", "top-start"],
+          "popper-class": [vue.unref(ns).e("popper"), _ctx.popperClass],
+          teleported: vue.unref(compatTeleported),
+          "gpu-acceleration": false,
+          pure: "",
+          "manual-mode": "",
+          effect: "light",
+          trigger: "click",
+          transition: `${vue.unref(ns).namespace.value}-zoom-in-top`,
+          persistent: "",
+          onShow: onSuggestionShow
+        }, {
+          content: vue.withCtx(() => [
+            vue.createElementVNode("div", {
+              ref_key: "regionRef",
+              ref: regionRef,
+              class: vue.normalizeClass([vue.unref(ns).b("suggestion"), vue.unref(ns).is("loading", vue.unref(suggestionLoading))]),
+              style: vue.normalizeStyle({ minWidth: dropdownWidth.value, outline: "none" }),
+              role: "region"
+            }, [
+              vue.createVNode(vue.unref(ElScrollbar), {
+                id: vue.unref(id),
+                tag: "ul",
+                "wrap-class": vue.unref(ns).be("suggestion", "wrap"),
+                "view-class": vue.unref(ns).be("suggestion", "list"),
+                role: "listbox"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.unref(suggestionLoading) ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_2$G, [
+                    vue.createVNode(vue.unref(ElIcon), {
+                      class: vue.normalizeClass(vue.unref(ns).is("loading"))
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(vue.unref(loading))
+                      ]),
+                      _: 1
+                    }, 8, ["class"])
+                  ])) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(suggestions.value, (item, index) => {
+                    return vue.openBlock(), vue.createElementBlock("li", {
+                      id: `${vue.unref(id)}-item-${index}`,
+                      key: index,
+                      class: vue.normalizeClass({ highlighted: highlightedIndex.value === index }),
+                      role: "option",
+                      "aria-selected": highlightedIndex.value === index,
+                      onClick: ($event) => handleSelect(item)
+                    }, [
+                      vue.renderSlot(_ctx.$slots, "default", { item }, () => [
+                        vue.createTextVNode(vue.toDisplayString(item[_ctx.valueKey]), 1)
+                      ])
+                    ], 10, _hoisted_3$q);
+                  }), 128))
+                ]),
+                _: 3
+              }, 8, ["id", "wrap-class", "view-class"])
+            ], 6)
+          ]),
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", {
+              ref_key: "listboxRef",
+              ref: listboxRef,
+              class: vue.normalizeClass([vue.unref(ns).b(), _ctx.$attrs.class]),
+              style: vue.normalizeStyle(vue.unref(styles)),
+              role: "combobox",
+              "aria-haspopup": "listbox",
+              "aria-expanded": vue.unref(suggestionVisible),
+              "aria-owns": vue.unref(id)
+            }, [
+              vue.createVNode(vue.unref(ElInput), vue.mergeProps({
+                ref_key: "inputRef",
+                ref: inputRef
+              }, vue.unref(attrs), {
+                "model-value": _ctx.modelValue,
+                onInput: handleInput,
+                onChange: handleChange,
+                onFocus: handleFocus,
+                onBlur: handleBlur,
+                onClear: handleClear,
+                onKeydown: [
+                  _cache[0] || (_cache[0] = vue.withKeys(vue.withModifiers(($event) => highlight(highlightedIndex.value - 1), ["prevent"]), ["up"])),
+                  _cache[1] || (_cache[1] = vue.withKeys(vue.withModifiers(($event) => highlight(highlightedIndex.value + 1), ["prevent"]), ["down"])),
+                  vue.withKeys(handleKeyEnter, ["enter"]),
+                  vue.withKeys(close, ["tab"])
+                ]
+              }), vue.createSlots({ _: 2 }, [
+                _ctx.$slots.prepend ? {
+                  name: "prepend",
+                  fn: vue.withCtx(() => [
+                    vue.renderSlot(_ctx.$slots, "prepend")
+                  ])
+                } : void 0,
+                _ctx.$slots.append ? {
+                  name: "append",
+                  fn: vue.withCtx(() => [
+                    vue.renderSlot(_ctx.$slots, "append")
+                  ])
+                } : void 0,
+                _ctx.$slots.prefix ? {
+                  name: "prefix",
+                  fn: vue.withCtx(() => [
+                    vue.renderSlot(_ctx.$slots, "prefix")
+                  ])
+                } : void 0,
+                _ctx.$slots.suffix ? {
+                  name: "suffix",
+                  fn: vue.withCtx(() => [
+                    vue.renderSlot(_ctx.$slots, "suffix")
+                  ])
+                } : void 0
+              ]), 1040, ["model-value", "onKeydown"])
+            ], 14, _hoisted_1$_)
+          ]),
+          _: 3
+        }, 8, ["visible", "placement", "popper-class", "teleported", "transition"]);
       };
     }
   });
-  const _hoisted_1$_ = ["aria-expanded", "aria-owns"];
-  const _hoisted_2$G = { key: 0 };
-  const _hoisted_3$q = ["id", "aria-selected", "onClick"];
-  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");
-    const _component_el_scrollbar = vue.resolveComponent("el-scrollbar");
-    const _component_el_tooltip = vue.resolveComponent("el-tooltip");
-    const _directive_clickoutside = vue.resolveDirective("clickoutside");
-    return vue.openBlock(), vue.createBlock(_component_el_tooltip, {
-      ref: "popper",
-      visible: _ctx.suggestionVisible,
-      "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => _ctx.suggestionVisible = $event),
-      placement: _ctx.placement,
-      "fallback-placements": ["bottom-start", "top-start"],
-      "popper-class": `${_ctx.ns.e("popper")} ${_ctx.popperClass}`,
-      teleported: _ctx.compatTeleported,
-      "gpu-acceleration": false,
-      pure: "",
-      "manual-mode": "",
-      effect: "light",
-      trigger: "click",
-      transition: `${_ctx.ns.namespace.value}-zoom-in-top`,
-      persistent: "",
-      onShow: _ctx.onSuggestionShow
-    }, {
-      content: vue.withCtx(() => [
-        vue.createElementVNode("div", {
-          ref: "regionRef",
-          class: vue.normalizeClass([_ctx.ns.b("suggestion"), _ctx.ns.is("loading", _ctx.suggestionLoading)]),
-          style: vue.normalizeStyle({ minWidth: _ctx.dropdownWidth, outline: "none" }),
-          role: "region"
-        }, [
-          vue.createVNode(_component_el_scrollbar, {
-            id: _ctx.id,
-            tag: "ul",
-            "wrap-class": _ctx.ns.be("suggestion", "wrap"),
-            "view-class": _ctx.ns.be("suggestion", "list"),
-            role: "listbox"
-          }, {
-            default: vue.withCtx(() => [
-              _ctx.suggestionLoading ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_2$G, [
-                vue.createVNode(_component_el_icon, { class: "is-loading" }, {
-                  default: vue.withCtx(() => [
-                    vue.createVNode(_component_loading)
-                  ]),
-                  _: 1
-                })
-              ])) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(_ctx.suggestions, (item, index) => {
-                return vue.openBlock(), vue.createElementBlock("li", {
-                  id: `${_ctx.id}-item-${index}`,
-                  key: index,
-                  class: vue.normalizeClass({ highlighted: _ctx.highlightedIndex === index }),
-                  role: "option",
-                  "aria-selected": _ctx.highlightedIndex === index,
-                  onClick: ($event) => _ctx.select(item)
-                }, [
-                  vue.renderSlot(_ctx.$slots, "default", { item }, () => [
-                    vue.createTextVNode(vue.toDisplayString(item[_ctx.valueKey]), 1)
-                  ])
-                ], 10, _hoisted_3$q);
-              }), 128))
-            ]),
-            _: 3
-          }, 8, ["id", "wrap-class", "view-class"])
-        ], 6)
-      ]),
-      default: vue.withCtx(() => [
-        vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-          class: vue.normalizeClass([_ctx.ns.b(), _ctx.$attrs.class]),
-          style: vue.normalizeStyle(_ctx.$attrs.style),
-          role: "combobox",
-          "aria-haspopup": "listbox",
-          "aria-expanded": _ctx.suggestionVisible,
-          "aria-owns": _ctx.id
-        }, [
-          vue.createVNode(_component_el_input, vue.mergeProps({ ref: "inputRef" }, _ctx.attrs, {
-            "model-value": _ctx.modelValue,
-            onInput: _ctx.handleInput,
-            onChange: _ctx.handleChange,
-            onFocus: _ctx.handleFocus,
-            onBlur: _ctx.handleBlur,
-            onClear: _ctx.handleClear,
-            onKeydown: [
-              _cache[0] || (_cache[0] = vue.withKeys(vue.withModifiers(($event) => _ctx.highlight(_ctx.highlightedIndex - 1), ["prevent"]), ["up"])),
-              _cache[1] || (_cache[1] = vue.withKeys(vue.withModifiers(($event) => _ctx.highlight(_ctx.highlightedIndex + 1), ["prevent"]), ["down"])),
-              vue.withKeys(_ctx.handleKeyEnter, ["enter"]),
-              vue.withKeys(_ctx.close, ["tab"])
-            ]
-          }), vue.createSlots({ _: 2 }, [
-            _ctx.$slots.prepend ? {
-              name: "prepend",
-              fn: vue.withCtx(() => [
-                vue.renderSlot(_ctx.$slots, "prepend")
-              ])
-            } : void 0,
-            _ctx.$slots.append ? {
-              name: "append",
-              fn: vue.withCtx(() => [
-                vue.renderSlot(_ctx.$slots, "append")
-              ])
-            } : void 0,
-            _ctx.$slots.prefix ? {
-              name: "prefix",
-              fn: vue.withCtx(() => [
-                vue.renderSlot(_ctx.$slots, "prefix")
-              ])
-            } : void 0,
-            _ctx.$slots.suffix ? {
-              name: "suffix",
-              fn: vue.withCtx(() => [
-                vue.renderSlot(_ctx.$slots, "suffix")
-              ])
-            } : void 0
-          ]), 1040, ["model-value", "onInput", "onChange", "onFocus", "onBlur", "onClear", "onKeydown"])
-        ], 14, _hoisted_1$_)), [
-          [_directive_clickoutside, _ctx.close]
-        ])
-      ]),
-      _: 3
-    }, 8, ["visible", "placement", "popper-class", "teleported", "transition", "onShow"]);
-  }
-  var Autocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$1Y, [["render", _sfc_render$1K]]);
+  var Autocomplete = _sfc_main$1Y;
 
-  Autocomplete.install = (app) => {
-    app.component(Autocomplete.name, Autocomplete);
-  };
-  const _Autocomplete = Autocomplete;
-  const ElAutocomplete = _Autocomplete;
+  const ElAutocomplete = withInstall(Autocomplete);
 
   const avatarProps = buildProps({
     size: {
@@ -8528,11 +8405,11 @@
   };
 
   const _hoisted_1$Z = ["src", "alt", "srcset"];
-  const __default__$8 = {
+  const __default__$c = {
     name: "ElAvatar"
   };
   const _sfc_main$1X = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$8,
+    ...__default__$c,
     props: avatarProps,
     emits: avatarEmits,
     setup(__props, { emit }) {
@@ -8613,11 +8490,11 @@
   };
 
   const _hoisted_1$Y = ["onClick"];
-  const __default__$7 = {
+  const __default__$b = {
     name: "ElBacktop"
   };
   const _sfc_main$1W = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$7,
+    ...__default__$b,
     props: backtopProps,
     emits: backtopEmits,
     setup(__props, { emit }) {
@@ -8721,11 +8598,11 @@
   });
 
   const _hoisted_1$X = ["textContent"];
-  const __default__$6 = {
+  const __default__$a = {
     name: "ElBadge"
   };
   const _sfc_main$1V = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$6,
+    ...__default__$a,
     props: badgeProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -8802,7 +8679,7 @@
       };
     }
   });
-  function _sfc_render$1J(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1F(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       ref: "breadcrumb",
       class: vue.normalizeClass(_ctx.ns.b()),
@@ -8812,7 +8689,7 @@
       vue.renderSlot(_ctx.$slots, "default")
     ], 2);
   }
-  var Breadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$1U, [["render", _sfc_render$1J]]);
+  var Breadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$1U, [["render", _sfc_render$1F]]);
 
   const breadcrumbItemProps = buildProps({
     to: {
@@ -8854,7 +8731,7 @@
       };
     }
   });
-  function _sfc_render$1I(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1E(_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"))
@@ -8881,7 +8758,7 @@
       }, vue.toDisplayString(_ctx.separator), 3))
     ], 2);
   }
-  var BreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main$1T, [["render", _sfc_render$1I]]);
+  var BreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main$1T, [["render", _sfc_render$1E]]);
 
   const ElBreadcrumb = withInstall(Breadcrumb, {
     BreadcrumbItem
@@ -9809,11 +9686,11 @@
   };
 
   const _hoisted_1$W = ["disabled", "autofocus", "type"];
-  const __default__$5 = {
+  const __default__$9 = {
     name: "ElButton"
   };
   const _sfc_main$1S = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$5,
+    ...__default__$9,
     props: buttonProps,
     emits: buttonEmits,
     setup(__props, { expose, emit }) {
@@ -9945,11 +9822,11 @@
     type: buttonProps.type
   };
 
-  const __default__$4 = {
+  const __default__$8 = {
     name: "ElButtonGroup"
   };
   const _sfc_main$1R = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$4,
+    ...__default__$8,
     props: buttonGroupProps,
     setup(__props) {
       const props = __props;
@@ -10950,7 +10827,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$1H(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1D(_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");
@@ -11112,7 +10989,191 @@
       _: 3
     }, 16, ["visible", "popper-class", "popper-options", "onBeforeShow", "onShow", "onHide"]);
   }
-  var CommonPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1Q, [["render", _sfc_render$1H]]);
+  var CommonPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1Q, [["render", _sfc_render$1D]]);
+
+  const nodeList = /* @__PURE__ */ new Map();
+  let startClick;
+  if (isClient) {
+    document.addEventListener("mousedown", (e) => startClick = e);
+    document.addEventListener("mouseup", (e) => {
+      for (const handlers of nodeList.values()) {
+        for (const { documentHandler } of handlers) {
+          documentHandler(e, startClick);
+        }
+      }
+    });
+  }
+  function createDocumentHandler(el, binding) {
+    let excludes = [];
+    if (Array.isArray(binding.arg)) {
+      excludes = binding.arg;
+    } else if (isElement$1(binding.arg)) {
+      excludes.push(binding.arg);
+    }
+    return function(mouseup, mousedown) {
+      const popperRef = binding.instance.popperRef;
+      const mouseUpTarget = mouseup.target;
+      const mouseDownTarget = mousedown == null ? void 0 : mousedown.target;
+      const isBound = !binding || !binding.instance;
+      const isTargetExists = !mouseUpTarget || !mouseDownTarget;
+      const isContainedByEl = el.contains(mouseUpTarget) || el.contains(mouseDownTarget);
+      const isSelf = el === mouseUpTarget;
+      const isTargetExcluded = excludes.length && excludes.some((item) => item == null ? void 0 : item.contains(mouseUpTarget)) || excludes.length && excludes.includes(mouseDownTarget);
+      const isContainedByPopper = popperRef && (popperRef.contains(mouseUpTarget) || popperRef.contains(mouseDownTarget));
+      if (isBound || isTargetExists || isContainedByEl || isSelf || isTargetExcluded || isContainedByPopper) {
+        return;
+      }
+      binding.value(mouseup, mousedown);
+    };
+  }
+  const ClickOutside = {
+    beforeMount(el, binding) {
+      if (!nodeList.has(el)) {
+        nodeList.set(el, []);
+      }
+      nodeList.get(el).push({
+        documentHandler: createDocumentHandler(el, binding),
+        bindingFn: binding.value
+      });
+    },
+    updated(el, binding) {
+      if (!nodeList.has(el)) {
+        nodeList.set(el, []);
+      }
+      const handlers = nodeList.get(el);
+      const oldHandlerIndex = handlers.findIndex((item) => item.bindingFn === binding.oldValue);
+      const newHandler = {
+        documentHandler: createDocumentHandler(el, binding),
+        bindingFn: binding.value
+      };
+      if (oldHandlerIndex >= 0) {
+        handlers.splice(oldHandlerIndex, 1, newHandler);
+      } else {
+        handlers.push(newHandler);
+      }
+    },
+    unmounted(el) {
+      nodeList.delete(el);
+    }
+  };
+
+  var RepeatClick = {
+    beforeMount(el, binding) {
+      let interval = null;
+      let startTime;
+      const handler = () => binding.value && binding.value();
+      const clear = () => {
+        if (Date.now() - startTime < 100) {
+          handler();
+        }
+        clearInterval(interval);
+        interval = null;
+      };
+      on(el, "mousedown", (e) => {
+        if (e.button !== 0)
+          return;
+        startTime = Date.now();
+        once(document, "mouseup", clear);
+        clearInterval(interval);
+        interval = setInterval(handler, 100);
+      });
+    }
+  };
+
+  const FOCUSABLE_CHILDREN = "_trap-focus-children";
+  const FOCUS_STACK = [];
+  const FOCUS_HANDLER = (e) => {
+    if (FOCUS_STACK.length === 0)
+      return;
+    const focusableElement = FOCUS_STACK[FOCUS_STACK.length - 1][FOCUSABLE_CHILDREN];
+    if (focusableElement.length > 0 && e.code === EVENT_CODE.tab) {
+      if (focusableElement.length === 1) {
+        e.preventDefault();
+        if (document.activeElement !== focusableElement[0]) {
+          focusableElement[0].focus();
+        }
+        return;
+      }
+      const goingBackward = e.shiftKey;
+      const isFirst = e.target === focusableElement[0];
+      const isLast = e.target === focusableElement[focusableElement.length - 1];
+      if (isFirst && goingBackward) {
+        e.preventDefault();
+        focusableElement[focusableElement.length - 1].focus();
+      }
+      if (isLast && !goingBackward) {
+        e.preventDefault();
+        focusableElement[0].focus();
+      }
+    }
+  };
+  const TrapFocus = {
+    beforeMount(el) {
+      el[FOCUSABLE_CHILDREN] = obtainAllFocusableElements$1(el);
+      FOCUS_STACK.push(el);
+      if (FOCUS_STACK.length <= 1) {
+        on(document, "keydown", FOCUS_HANDLER);
+      }
+    },
+    updated(el) {
+      vue.nextTick(() => {
+        el[FOCUSABLE_CHILDREN] = obtainAllFocusableElements$1(el);
+      });
+    },
+    unmounted() {
+      FOCUS_STACK.shift();
+      if (FOCUS_STACK.length === 0) {
+        off(document, "keydown", FOCUS_HANDLER);
+      }
+    }
+  };
+
+  var h=!1,o,s,f,u,d,D,l,p,m,w,N,E,x,A,M;function a(){if(!h){h=!0;var e=navigator.userAgent,n=/(?:MSIE.(\d+\.\d+))|(?:(?:Firefox|GranParadiso|Iceweasel).(\d+\.\d+))|(?:Opera(?:.+Version.|.)(\d+\.\d+))|(?:AppleWebKit.(\d+(?:\.\d+)?))|(?:Trident\/\d+\.\d+.*rv:(\d+\.\d+))/.exec(e),i=/(Mac OS X)|(Windows)|(Linux)/.exec(e);if(E=/\b(iPhone|iP[ao]d)/.exec(e),x=/\b(iP[ao]d)/.exec(e),w=/Android/i.exec(e),A=/FBAN\/\w+;/i.exec(e),M=/Mobile/i.exec(e),N=!!/Win64/.exec(e),n){o=n[1]?parseFloat(n[1]):n[5]?parseFloat(n[5]):NaN,o&&document&&document.documentMode&&(o=document.documentMode);var r=/(?:Trident\/(\d+.\d+))/.exec(e);D=r?parseFloat(r[1])+4:o,s=n[2]?parseFloat(n[2]):NaN,f=n[3]?parseFloat(n[3]):NaN,u=n[4]?parseFloat(n[4]):NaN,u?(n=/(?:Chrome\/(\d+\.\d+))/.exec(e),d=n&&n[1]?parseFloat(n[1]):NaN):d=NaN;}else { o=s=f=d=u=NaN; }if(i){if(i[1]){var t=/(?:Mac OS X (\d+(?:[._]\d+)?))/.exec(e);l=t?parseFloat(t[1].replace("_",".")):!0;}else { l=!1; }p=!!i[2],m=!!i[3];}else { l=p=m=!1; }}}var _={ie:function(){return a()||o},ieCompatibilityMode:function(){return a()||D>o},ie64:function(){return _.ie()&&N},firefox:function(){return a()||s},opera:function(){return a()||f},webkit:function(){return a()||u},safari:function(){return _.webkit()},chrome:function(){return a()||d},windows:function(){return a()||p},osx:function(){return a()||l},linux:function(){return a()||m},iphone:function(){return a()||E},mobile:function(){return a()||E||x||w||M},nativeApp:function(){return a()||A},android:function(){return a()||w},ipad:function(){return a()||x}},F=_;var c=!!(typeof window!="undefined"&&window.document&&window.document.createElement),I={canUseDOM:c,canUseWorkers:typeof Worker!="undefined",canUseEventListeners:c&&!!(window.addEventListener||window.attachEvent),canUseViewport:c&&!!window.screen,isInWorker:!c},v=I;var X;v.canUseDOM&&(X=document.implementation&&document.implementation.hasFeature&&document.implementation.hasFeature("","")!==!0);function S(e,n){if(!v.canUseDOM||n&&!("addEventListener"in document)){ return !1; }var i="on"+e,r=i in document;if(!r){var t=document.createElement("div");t.setAttribute(i,"return;"),r=typeof t[i]=="function";}return !r&&X&&e==="wheel"&&(r=document.implementation.hasFeature("Events.wheel","3.0")),r}var b=S;var O=10,P=40,T=800;function U(e){var n=0,i=0,r=0,t=0;return "detail"in e&&(i=e.detail),"wheelDelta"in e&&(i=-e.wheelDelta/120),"wheelDeltaY"in e&&(i=-e.wheelDeltaY/120),"wheelDeltaX"in e&&(n=-e.wheelDeltaX/120),"axis"in e&&e.axis===e.HORIZONTAL_AXIS&&(n=i,i=0),r=n*O,t=i*O,"deltaY"in e&&(t=e.deltaY),"deltaX"in e&&(r=e.deltaX),(r||t)&&e.deltaMode&&(e.deltaMode==1?(r*=P,t*=P):(r*=T,t*=T)),r&&!n&&(n=r<1?-1:1),t&&!i&&(i=t<1?-1:1),{spinX:n,spinY:i,pixelX:r,pixelY:t}}U.getEventType=function(){return F.firefox()?"DOMMouseScroll":b("wheel")?"wheel":"mousewheel"};var W=U;/**
+   * Checks if an event is supported in the current execution environment.
+   *
+   * NOTE: This will not work correctly for non-generic events such as `change`,
+   * `reset`, `load`, `error`, and `select`.
+   *
+   * Borrows from Modernizr.
+   *
+   * @param {string} eventNameSuffix Event name, e.g. "click".
+   * @param {?boolean} capture Check if the capture phase is supported.
+   * @return {boolean} True if the event is supported.
+   * @internal
+   * @license Modernizr 3.0.0pre (Custom Build) | MIT
+   */
+
+  const mousewheel = function(element, callback) {
+    if (element && element.addEventListener) {
+      const fn = function(event) {
+        const normalized = W(event);
+        callback && callback.apply(this, [event, normalized]);
+      };
+      if (isFirefox()) {
+        element.addEventListener("DOMMouseScroll", fn);
+      } else {
+        element.onmousewheel = fn;
+      }
+    }
+  };
+  const Mousewheel = {
+    beforeMount(el, binding) {
+      mousewheel(el, binding.value);
+    }
+  };
+
+  const Resize = {
+    beforeMount(el, binding) {
+      el._handleResize = () => {
+        var _a;
+        el && ((_a = binding.value) == null ? void 0 : _a.call(binding, el));
+      };
+      addResizeListener(el, el._handleResize);
+    },
+    beforeUnmount(el) {
+      removeResizeListener(el, el._handleResize);
+    }
+  };
 
   const makeList = (total, method, methodFunc) => {
     const arr = [];
@@ -11437,7 +11498,7 @@
   const _hoisted_1$U = ["onClick"];
   const _hoisted_2$E = ["onMouseenter"];
   const _hoisted_3$o = { class: "el-time-spinner__list" };
-  function _sfc_render$1G(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1C(_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");
@@ -11522,7 +11583,7 @@
       }), 128)) : vue.createCommentVNode("v-if", true)
     ], 2);
   }
-  var TimeSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$1P, [["render", _sfc_render$1G]]);
+  var TimeSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$1P, [["render", _sfc_render$1C]]);
 
   const _sfc_main$1O = vue.defineComponent({
     components: {
@@ -11691,7 +11752,7 @@
     class: "el-time-panel"
   };
   const _hoisted_2$D = { class: "el-time-panel__footer" };
-  function _sfc_render$1F(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1B(_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(() => [
@@ -11731,7 +11792,7 @@
       _: 1
     }, 8, ["name"]);
   }
-  var TimePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1O, [["render", _sfc_render$1F]]);
+  var TimePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1O, [["render", _sfc_render$1B]]);
 
   const makeSelectRange = (start, end) => {
     const result = [];
@@ -11975,7 +12036,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$1E(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1A(_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, [
@@ -12037,7 +12098,7 @@
       ])
     ])) : vue.createCommentVNode("v-if", true);
   }
-  var TimeRangePanel = /* @__PURE__ */ _export_sfc(_sfc_main$1N, [["render", _sfc_render$1E]]);
+  var TimeRangePanel = /* @__PURE__ */ _export_sfc(_sfc_main$1N, [["render", _sfc_render$1A]]);
 
   dayjs.extend(customParseFormat);
   var TimePicker = vue.defineComponent({
@@ -12233,7 +12294,7 @@
   });
   const _hoisted_1$R = { key: 0 };
   const _hoisted_2$B = ["onClick"];
-  function _sfc_render$1D(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1z(_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",
@@ -12275,7 +12336,7 @@
       ])
     ], 2);
   }
-  var DateTable$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1M, [["render", _sfc_render$1D]]);
+  var DateTable$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1M, [["render", _sfc_render$1z]]);
 
   const calendarProps = buildProps({
     modelValue: {
@@ -12434,7 +12495,7 @@
       };
     }
   });
-  function _sfc_render$1C(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1y(_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");
@@ -12527,7 +12588,7 @@
       ], 2))
     ], 2);
   }
-  var Calendar = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["render", _sfc_render$1C]]);
+  var Calendar = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["render", _sfc_render$1y]]);
 
   const ElCalendar = withInstall(Calendar);
 
@@ -12546,11 +12607,11 @@
     }
   });
 
-  const __default__$3 = {
+  const __default__$7 = {
     name: "ElCard"
   };
   const _sfc_main$1K = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$3,
+    ...__default__$7,
     props: cardProps,
     setup(__props) {
       const ns = useNamespace("card");
@@ -12837,7 +12898,7 @@
   });
   const _hoisted_1$Q = ["onMouseenter", "onClick"];
   const _hoisted_2$A = { key: 0 };
-  function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1x(_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");
@@ -12932,7 +12993,7 @@
       ], 2)) : vue.createCommentVNode("v-if", true)
     ], 34);
   }
-  var Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$1J, [["render", _sfc_render$1B]]);
+  var Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$1J, [["render", _sfc_render$1x]]);
 
   const CARD_SCALE = 0.83;
   const _sfc_main$1I = vue.defineComponent({
@@ -13049,7 +13110,7 @@
       };
     }
   });
-  function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass([
         _ctx.ns.e("item"),
@@ -13073,7 +13134,7 @@
       [vue.vShow, _ctx.data.ready]
     ]);
   }
-  var CarouselItem = /* @__PURE__ */ _export_sfc(_sfc_main$1I, [["render", _sfc_render$1A]]);
+  var CarouselItem = /* @__PURE__ */ _export_sfc(_sfc_main$1I, [["render", _sfc_render$1w]]);
 
   const ElCarousel = withInstall(Carousel, {
     CarouselItem
@@ -13297,7 +13358,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$1z(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("label", {
       id: _ctx.id,
       class: vue.normalizeClass([
@@ -13368,7 +13429,7 @@
       ], 2)) : vue.createCommentVNode("v-if", true)
     ], 10, _hoisted_1$P);
   }
-  var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$1H, [["render", _sfc_render$1z]]);
+  var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$1H, [["render", _sfc_render$1v]]);
 
   const _sfc_main$1G = vue.defineComponent({
     name: "ElCheckboxButton",
@@ -13403,7 +13464,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$1y(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("label", {
       class: vue.normalizeClass([
         _ctx.ns.b("button"),
@@ -13457,7 +13518,7 @@
       ], 6)) : vue.createCommentVNode("v-if", true)
     ], 10, _hoisted_1$O);
   }
-  var CheckboxButton = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _sfc_render$1y]]);
+  var CheckboxButton = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _sfc_render$1u]]);
 
   const _sfc_main$1F = vue.defineComponent({
     name: "ElCheckboxGroup",
@@ -13624,7 +13685,7 @@
   });
   const _hoisted_1$N = ["aria-checked", "aria-disabled", "tabindex"];
   const _hoisted_2$x = ["value", "name", "disabled"];
-  function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("label", {
       class: vue.normalizeClass([
         _ctx.ns.b(),
@@ -13678,7 +13739,7 @@
       ], 34)
     ], 42, _hoisted_1$N);
   }
-  var Radio = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$1x]]);
+  var Radio = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$1t]]);
 
   const radioButtonProps = buildProps({
     ...radioPropsBase,
@@ -13726,7 +13787,7 @@
   });
   const _hoisted_1$M = ["aria-checked", "aria-disabled", "tabindex"];
   const _hoisted_2$w = ["value", "name", "disabled"];
-  function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("label", {
       class: vue.normalizeClass([
         _ctx.ns.b("button"),
@@ -13767,7 +13828,7 @@
       ], 38)
     ], 42, _hoisted_1$M);
   }
-  var RadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["render", _sfc_render$1w]]);
+  var RadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["render", _sfc_render$1s]]);
 
   const radioGroupProps = buildProps({
     size: useSizeProp,
@@ -13847,7 +13908,7 @@
       };
     }
   });
-  function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1r(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       ref: "radioGroupRef",
       class: vue.normalizeClass(_ctx.ns.b("group")),
@@ -13857,7 +13918,7 @@
       vue.renderSlot(_ctx.$slots, "default")
     ], 34);
   }
-  var RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1C, [["render", _sfc_render$1v]]);
+  var RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1C, [["render", _sfc_render$1r]]);
 
   const ElRadio = withInstall(Radio, {
     RadioButton,
@@ -13998,7 +14059,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$1u(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1q(_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");
@@ -14081,7 +14142,7 @@
       ], 2112)) : vue.createCommentVNode("v-if", true)
     ], 42, _hoisted_1$L);
   }
-  var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["render", _sfc_render$1u]]);
+  var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["render", _sfc_render$1q]]);
 
   const _sfc_main$1A = vue.defineComponent({
     name: "ElCascaderMenu",
@@ -14172,7 +14233,7 @@
     ref: "hoverZone",
     class: "el-cascader-menu__hover-zone"
   };
-  function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1p(_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");
@@ -14215,7 +14276,7 @@
       _: 1
     }, 8, ["view-class", "onMousemove", "onMouseleave"]);
   }
-  var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1A, [["render", _sfc_render$1t]]);
+  var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1A, [["render", _sfc_render$1p]]);
 
   var ExpandTrigger = /* @__PURE__ */ ((ExpandTrigger2) => {
     ExpandTrigger2["CLICK"] = "click";
@@ -14692,7 +14753,7 @@
       };
     }
   });
-  function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1o(_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"]),
@@ -14709,7 +14770,7 @@
       }), 128))
     ], 34);
   }
-  var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["render", _sfc_render$1s]]);
+  var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["render", _sfc_render$1o]]);
 
   CascaderPanel.install = (app) => {
     app.component(CascaderPanel.name, CascaderPanel);
@@ -14745,11 +14806,11 @@
     click: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$2 = {
+  const __default__$6 = {
     name: "ElTag"
   };
   const _sfc_main$1y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$2,
+    ...__default__$6,
     props: tagProps,
     emits: tagEmits,
     setup(__props, { emit }) {
@@ -15266,7 +15327,7 @@
   const _hoisted_2$t = ["placeholder"];
   const _hoisted_3$j = ["onClick"];
   const _hoisted_4$d = { class: "el-cascader__empty-text" };
-  function _sfc_render$1r(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1n(_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");
@@ -15449,7 +15510,7 @@
       _: 3
     }, 8, ["visible", "teleported", "popper-class", "popper-options", "onHide"]);
   }
-  var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["render", _sfc_render$1r]]);
+  var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["render", _sfc_render$1n]]);
 
   Cascader.install = (app) => {
     app.component(Cascader.name, Cascader);
@@ -15468,32 +15529,32 @@
     change: (value) => isBoolean(value)
   };
 
-  const _sfc_main$1w = vue.defineComponent({
-    name: "ElCheckTag",
+  const __default__$5 = {
+    name: "ElCheckTag"
+  };
+  const _sfc_main$1w = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$5,
     props: checkTagProps,
     emits: checkTagEmits,
-    setup(props, { emit }) {
+    setup(__props, { emit }) {
+      const props = __props;
       const ns = useNamespace("check-tag");
-      const onChange = () => {
+      const handleChange = () => {
         const checked = !props.checked;
         emit("change", checked);
         emit("update:checked", checked);
       };
-      return {
-        ns,
-        onChange
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("span", {
+          class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).is("checked", _ctx.checked)]),
+          onClick: handleChange
+        }, [
+          vue.renderSlot(_ctx.$slots, "default")
+        ], 2);
       };
     }
   });
-  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))
-    }, [
-      vue.renderSlot(_ctx.$slots, "default")
-    ], 2);
-  }
-  var CheckTag = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["render", _sfc_render$1q]]);
+  var CheckTag = _sfc_main$1w;
 
   const ElCheckTag = withInstall(CheckTag);
 
@@ -15542,8 +15603,16 @@
   var Col = vue.defineComponent({
     name: "ElCol",
     props: colProps,
-    setup(props, { slots }) {
-      const { gutter } = vue.inject("ElRow", { gutter: { value: 0 } });
+    setup(props, {
+      slots
+    }) {
+      const {
+        gutter
+      } = vue.inject("ElRow", {
+        gutter: {
+          value: 0
+        }
+      });
       const ns = useNamespace("col");
       const style = vue.computed(() => {
         if (gutter.value) {
@@ -15554,67 +15623,80 @@
         }
         return {};
       });
-      const classList = vue.computed(() => {
-        const classes = [];
+      const classes = vue.computed(() => {
+        const classes2 = [];
         const pos = ["span", "offset", "pull", "push"];
         pos.forEach((prop) => {
           const size = props[prop];
           if (typeof size === "number") {
             if (prop === "span")
-              classes.push(ns.b(`${props[prop]}`));
+              classes2.push(ns.b(`${props[prop]}`));
             else if (size > 0)
-              classes.push(ns.b(`${prop}-${props[prop]}`));
+              classes2.push(ns.b(`${prop}-${props[prop]}`));
           }
         });
         const sizes = ["xs", "sm", "md", "lg", "xl"];
         sizes.forEach((size) => {
           if (typeof props[size] === "number") {
-            classes.push(ns.b(`${size}-${props[size]}`));
+            classes2.push(ns.b(`${size}-${props[size]}`));
           } else if (typeof props[size] === "object") {
             const sizeProps = props[size];
             Object.keys(sizeProps).forEach((prop) => {
-              classes.push(prop !== "span" ? ns.b(`${size}-${prop}-${sizeProps[prop]}`) : ns.b(`${size}-${sizeProps[prop]}`));
+              classes2.push(prop !== "span" ? ns.b(`${size}-${prop}-${sizeProps[prop]}`) : ns.b(`${size}-${sizeProps[prop]}`));
             });
           }
         });
         if (gutter.value) {
-          classes.push("is-guttered");
+          classes2.push(ns.is("guttered"));
         }
-        return classes;
+        return classes2;
       });
-      return () => vue.h(props.tag, {
-        class: [ns.b(), classList.value],
-        style: style.value
-      }, [vue.renderSlot(slots, "default")]);
+      return () => vue.createVNode(props.tag, {
+        "class": [ns.b(), classes.value],
+        "style": style.value
+      }, slots);
     }
   });
 
   const ElCol = withInstall(Col);
 
-  const _sfc_main$1v = vue.defineComponent({
-    name: "ElCollapse",
-    props: {
-      accordion: Boolean,
-      modelValue: {
-        type: [Array, String, Number],
-        default: () => []
-      }
-    },
-    emits: [UPDATE_MODEL_EVENT, CHANGE_EVENT],
-    setup(props, { emit }) {
+  const emitChangeFn = (value) => typeof isNumber(value);
+  const collapseProps = buildProps({
+    accordion: Boolean,
+    modelValue: {
+      type: definePropType([Array, String, Number]),
+      default: () => mutable([])
+    }
+  });
+  const collapseEmits = {
+    [UPDATE_MODEL_EVENT]: emitChangeFn,
+    [CHANGE_EVENT]: emitChangeFn
+  };
+
+  const __default__$4 = {
+    name: "ElCollapse"
+  };
+  const _sfc_main$1v = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$4,
+    props: collapseProps,
+    emits: collapseEmits,
+    setup(__props, { expose, emit }) {
+      const props = __props;
       const ns = useNamespace("collapse");
-      const activeNames = vue.ref([].concat(props.modelValue));
+      const activeNames = vue.ref(castArray$1(props.modelValue));
       const setActiveNames = (_activeNames) => {
-        activeNames.value = [].concat(_activeNames);
+        activeNames.value = _activeNames;
         const value = props.accordion ? activeNames.value[0] : activeNames.value;
         emit(UPDATE_MODEL_EVENT, value);
         emit(CHANGE_EVENT, value);
       };
       const handleItemClick = (name) => {
         if (props.accordion) {
-          setActiveNames((activeNames.value[0] || activeNames.value[0] === 0) && activeNames.value[0] === name ? "" : name);
+          setActiveNames([
+            (activeNames.value[0] || activeNames.value[0] === 0) && activeNames.value[0] === name ? "" : name
+          ]);
         } else {
-          const _activeNames = activeNames.value.slice(0);
+          const _activeNames = [...activeNames.value];
           const index = _activeNames.indexOf(name);
           if (index > -1) {
             _activeNames.splice(index, 1);
@@ -15624,33 +15706,27 @@
           setActiveNames(_activeNames);
         }
       };
-      vue.watch(() => props.modelValue, () => {
-        activeNames.value = [].concat(props.modelValue);
-      }, {
-        deep: true
-      });
-      vue.provide("collapse", {
+      vue.watch(() => props.modelValue, () => activeNames.value = castArray$1(props.modelValue), { deep: true });
+      vue.provide(collapseContextKey, {
         activeNames,
         handleItemClick
       });
-      return {
-        ns,
+      expose({
         activeNames,
-        setActiveNames,
-        handleItemClick
+        setActiveNames
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass(vue.unref(ns).b()),
+          role: "tablist",
+          "aria-multiselectable": "true"
+        }, [
+          vue.renderSlot(_ctx.$slots, "default")
+        ], 2);
       };
     }
   });
-  function _sfc_render$1p(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("div", {
-      class: vue.normalizeClass(_ctx.ns.b()),
-      role: "tablist",
-      "aria-multiselectable": "true"
-    }, [
-      vue.renderSlot(_ctx.$slots, "default")
-    ], 2);
-  }
-  var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$1p]]);
+  var Collapse = _sfc_main$1v;
 
   const _sfc_main$1u = vue.defineComponent({
     name: "ElCollapseTransition",
@@ -15711,7 +15787,7 @@
       };
     }
   });
-  function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1m(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createBlock(vue.Transition, vue.mergeProps({
       name: _ctx.ns.b()
     }, vue.toHandlers(_ctx.on)), {
@@ -15721,7 +15797,7 @@
       _: 3
     }, 16, ["name"]);
   }
-  var CollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$1o]]);
+  var CollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$1m]]);
 
   CollapseTransition.install = (app) => {
     app.component(CollapseTransition.name, CollapseTransition);
@@ -15729,36 +15805,35 @@
   const _CollapseTransition = CollapseTransition;
   const ElCollapseTransition = _CollapseTransition;
 
-  const _sfc_main$1t = vue.defineComponent({
-    name: "ElCollapseItem",
-    components: { ElCollapseTransition: _CollapseTransition, ElIcon, ArrowRight: arrowRight },
-    props: {
-      title: {
-        type: String,
-        default: ""
-      },
-      name: {
-        type: [String, Number],
-        default: () => {
-          return generateId();
-        }
-      },
-      disabled: Boolean
+  const collapseItemProps = buildProps({
+    title: {
+      type: String,
+      default: ""
     },
-    setup(props) {
-      const collapse = vue.inject("collapse");
+    name: {
+      type: definePropType([String, Number]),
+      default: () => generateId()
+    },
+    disabled: Boolean
+  });
+
+  const _hoisted_1$I = ["aria-expanded", "aria-controls", "aria-describedby"];
+  const _hoisted_2$s = ["id", "tabindex", "onKeyup"];
+  const _hoisted_3$i = ["id", "aria-hidden", "aria-labelledby"];
+  const __default__$3 = {
+    name: "ElCollapseItem"
+  };
+  const _sfc_main$1t = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$3,
+    props: collapseItemProps,
+    setup(__props, { expose }) {
+      const props = __props;
+      const collapse = vue.inject(collapseContextKey);
       const ns = useNamespace("collapse");
-      const contentWrapStyle = vue.ref({
-        height: "auto",
-        display: "block"
-      });
-      const contentHeight = vue.ref(0);
       const focusing = vue.ref(false);
       const isClick = vue.ref(false);
       const id = vue.ref(generateId());
-      const isActive = vue.computed(() => {
-        return (collapse == null ? void 0 : collapse.activeNames.value.indexOf(props.name)) > -1;
-      });
+      const isActive = vue.computed(() => collapse == null ? void 0 : collapse.activeNames.value.includes(props.name));
       const handleFocus = () => {
         setTimeout(() => {
           if (!isClick.value) {
@@ -15778,91 +15853,75 @@
       const handleEnterClick = () => {
         collapse == null ? void 0 : collapse.handleItemClick(props.name);
       };
-      return {
-        isActive,
-        contentWrapStyle,
-        contentHeight,
-        focusing,
-        isClick,
-        id,
-        ns,
-        handleFocus,
-        handleHeaderClick,
-        handleEnterClick,
-        collapse
-      };
-    }
-  });
-  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$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");
-    return vue.openBlock(), vue.createElementBlock("div", {
-      class: vue.normalizeClass([
-        _ctx.ns.b("item"),
-        _ctx.ns.is("active", _ctx.isActive),
-        _ctx.ns.is("disabled", _ctx.disabled)
-      ])
-    }, [
-      vue.createElementVNode("div", {
-        role: "tab",
-        "aria-expanded": _ctx.isActive,
-        "aria-controls": _ctx.ns.b(`content-${_ctx.id}`),
-        "aria-describedby": _ctx.ns.b(`content-${_ctx.id}`)
-      }, [
-        vue.createElementVNode("div", {
-          id: _ctx.ns.b(`head-${_ctx.id}`),
+      expose({
+        isActive
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
           class: vue.normalizeClass([
-            _ctx.ns.be("item", "header"),
-            _ctx.ns.is("active", _ctx.isActive),
-            { focusing: _ctx.focusing }
-          ]),
-          role: "button",
-          tabindex: _ctx.disabled ? -1 : 0,
-          onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleHeaderClick && _ctx.handleHeaderClick(...args)),
-          onKeyup: _cache[1] || (_cache[1] = vue.withKeys(vue.withModifiers((...args) => _ctx.handleEnterClick && _ctx.handleEnterClick(...args), ["stop"]), ["space", "enter"])),
-          onFocus: _cache[2] || (_cache[2] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
-          onBlur: _cache[3] || (_cache[3] = ($event) => _ctx.focusing = false)
+            vue.unref(ns).b("item"),
+            vue.unref(ns).is("active", vue.unref(isActive)),
+            vue.unref(ns).is("disabled", _ctx.disabled)
+          ])
         }, [
-          vue.renderSlot(_ctx.$slots, "title", {}, () => [
-            vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
-          ]),
-          vue.createVNode(_component_el_icon, {
-            class: vue.normalizeClass([_ctx.ns.be("item", "arrow"), _ctx.ns.is("active", _ctx.isActive)])
-          }, {
-            default: vue.withCtx(() => [
-              vue.createVNode(_component_arrow_right)
-            ]),
-            _: 1
-          }, 8, ["class"])
-        ], 42, _hoisted_2$s)
-      ], 8, _hoisted_1$I),
-      vue.createVNode(_component_el_collapse_transition, null, {
-        default: vue.withCtx(() => [
-          vue.withDirectives(vue.createElementVNode("div", {
-            id: _ctx.ns.b(`content-${_ctx.id}`),
-            class: vue.normalizeClass(_ctx.ns.be("item", "wrap")),
-            role: "tabpanel",
-            "aria-hidden": !_ctx.isActive,
-            "aria-labelledby": _ctx.ns.b(`head-${_ctx.id}`)
+          vue.createElementVNode("div", {
+            role: "tab",
+            "aria-expanded": vue.unref(isActive),
+            "aria-controls": vue.unref(ns).b(`content-${id.value}`),
+            "aria-describedby": vue.unref(ns).b(`content-${id.value}`)
           }, [
             vue.createElementVNode("div", {
-              class: vue.normalizeClass(_ctx.ns.be("item", "content"))
+              id: vue.unref(ns).b(`head-${id.value}`),
+              class: vue.normalizeClass([
+                vue.unref(ns).be("item", "header"),
+                vue.unref(ns).is("active", vue.unref(isActive)),
+                { focusing: focusing.value }
+              ]),
+              role: "button",
+              tabindex: _ctx.disabled ? -1 : 0,
+              onClick: handleHeaderClick,
+              onKeyup: vue.withKeys(vue.withModifiers(handleEnterClick, ["stop"]), ["space", "enter"]),
+              onFocus: handleFocus,
+              onBlur: _cache[0] || (_cache[0] = ($event) => focusing.value = false)
             }, [
-              vue.renderSlot(_ctx.$slots, "default")
-            ], 2)
-          ], 10, _hoisted_3$i), [
-            [vue.vShow, _ctx.isActive]
-          ])
-        ]),
-        _: 3
-      })
-    ], 2);
-  }
-  var CollapseItem = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$1n]]);
+              vue.renderSlot(_ctx.$slots, "title", {}, () => [
+                vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
+              ]),
+              vue.createVNode(vue.unref(ElIcon), {
+                class: vue.normalizeClass([vue.unref(ns).be("item", "arrow"), vue.unref(ns).is("active", vue.unref(isActive))])
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(arrowRight))
+                ]),
+                _: 1
+              }, 8, ["class"])
+            ], 42, _hoisted_2$s)
+          ], 8, _hoisted_1$I),
+          vue.createVNode(vue.unref(_CollapseTransition), null, {
+            default: vue.withCtx(() => [
+              vue.withDirectives(vue.createElementVNode("div", {
+                id: vue.unref(ns).b(`content-${id.value}`),
+                class: vue.normalizeClass(vue.unref(ns).be("item", "wrap")),
+                role: "tabpanel",
+                "aria-hidden": !vue.unref(isActive),
+                "aria-labelledby": vue.unref(ns).b(`head-${id.value}`)
+              }, [
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass(vue.unref(ns).be("item", "content"))
+                }, [
+                  vue.renderSlot(_ctx.$slots, "default")
+                ], 2)
+              ], 10, _hoisted_3$i), [
+                [vue.vShow, vue.unref(isActive)]
+              ])
+            ]),
+            _: 3
+          })
+        ], 2);
+      };
+    }
+  });
+  var CollapseItem = _sfc_main$1t;
 
   const ElCollapse = withInstall(Collapse, {
     CollapseItem
@@ -16007,7 +16066,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-alpha-slider", { "is-vertical": _ctx.vertical }])
     }, [
@@ -16029,7 +16088,7 @@
       }, null, 4)
     ], 2);
   }
-  var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["render", _sfc_render$1m]]);
+  var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["render", _sfc_render$1l]]);
 
   const _sfc_main$1r = vue.defineComponent({
     name: "ElColorHueSlider",
@@ -16122,7 +16181,7 @@
       };
     }
   });
-  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(["el-color-hue-slider", { "is-vertical": _ctx.vertical }])
     }, [
@@ -16141,7 +16200,7 @@
       }, null, 4)
     ], 2);
   }
-  var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["render", _sfc_render$1l]]);
+  var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["render", _sfc_render$1k]]);
 
   const OPTIONS_KEY = Symbol();
   const useOptions = () => {
@@ -16462,7 +16521,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$1k(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1j(_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) => {
@@ -16479,7 +16538,7 @@
       ])
     ]);
   }
-  var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["render", _sfc_render$1k]]);
+  var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["render", _sfc_render$1j]]);
 
   const _sfc_main$1p = vue.defineComponent({
     name: "ElSlPanel",
@@ -16555,7 +16614,7 @@
   const _hoisted_4$c = [
     _hoisted_3$g
   ];
-  function _sfc_render$1j(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: "el-color-svpanel",
       style: vue.normalizeStyle({
@@ -16573,7 +16632,7 @@
       }, _hoisted_4$c, 4)
     ], 4);
   }
-  var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["render", _sfc_render$1j]]);
+  var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["render", _sfc_render$1i]]);
 
   const _sfc_main$1o = vue.defineComponent({
     name: "ElColorPicker",
@@ -16749,7 +16808,7 @@
       };
     }
   });
-  function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1h(_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");
@@ -16897,7 +16956,7 @@
       _: 1
     }, 8, ["visible", "popper-class"]);
   }
-  var ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["render", _sfc_render$1i]]);
+  var ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["render", _sfc_render$1h]]);
 
   ColorPicker.install = (app) => {
     app.component(ColorPicker.name, ColorPicker);
@@ -16974,14 +17033,14 @@
       };
     }
   });
-  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("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$1n, [["render", _sfc_render$1h]]);
+  var Container = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["render", _sfc_render$1g]]);
 
   const _sfc_main$1m = vue.defineComponent({
     name: "ElAside",
@@ -17001,7 +17060,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("aside", {
       class: vue.normalizeClass(_ctx.ns.b()),
       style: vue.normalizeStyle(_ctx.style)
@@ -17009,7 +17068,7 @@
       vue.renderSlot(_ctx.$slots, "default")
     ], 6);
   }
-  var Aside = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["render", _sfc_render$1g]]);
+  var Aside = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["render", _sfc_render$1f]]);
 
   const _sfc_main$1l = vue.defineComponent({
     name: "ElFooter",
@@ -17029,7 +17088,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("footer", {
       class: vue.normalizeClass(_ctx.ns.b()),
       style: vue.normalizeStyle(_ctx.style)
@@ -17037,7 +17096,7 @@
       vue.renderSlot(_ctx.$slots, "default")
     ], 6);
   }
-  var Footer = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["render", _sfc_render$1f]]);
+  var Footer = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["render", _sfc_render$1e]]);
 
   const _sfc_main$1k = vue.defineComponent({
     name: "ElHeader",
@@ -17057,7 +17116,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("header", {
       class: vue.normalizeClass(_ctx.ns.b()),
       style: vue.normalizeStyle(_ctx.style)
@@ -17065,7 +17124,7 @@
       vue.renderSlot(_ctx.$slots, "default")
     ], 6);
   }
-  var Header = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["render", _sfc_render$1e]]);
+  var Header = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["render", _sfc_render$1d]]);
 
   const _sfc_main$1j = vue.defineComponent({
     name: "ElMain",
@@ -17076,14 +17135,14 @@
       };
     }
   });
-  function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1c(_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$1j, [["render", _sfc_render$1d]]);
+  var Main = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["render", _sfc_render$1c]]);
 
   const ElContainer = withInstall(Container, {
     Aside,
@@ -17562,7 +17621,7 @@
     }
   });
   const _hoisted_1$F = { key: 0 };
-  function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1b(_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",
@@ -17596,7 +17655,7 @@
       ])
     ], 34);
   }
-  var DateTable = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["render", _sfc_render$1c]]);
+  var DateTable = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["render", _sfc_render$1b]]);
 
   const datesInMonth = (year, month, lang) => {
     const firstDay = dayjs().locale(lang).startOf("month").month(month).year(year);
@@ -17768,7 +17827,7 @@
     }
   });
   const _hoisted_1$E = { class: "cell" };
-  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-month-table",
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleMonthTableClick && _ctx.handleMonthTableClick(...args)),
@@ -17792,7 +17851,7 @@
       ])
     ], 32);
   }
-  var MonthTable = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["render", _sfc_render$1b]]);
+  var MonthTable = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["render", _sfc_render$1a]]);
 
   const datesInYear = (year, lang) => {
     const firstDay = dayjs(String(year)).locale(lang).startOf("year");
@@ -17854,7 +17913,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$1a(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$19(_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))
@@ -17921,7 +17980,7 @@
       ])
     ]);
   }
-  var YearTable = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["render", _sfc_render$1a]]);
+  var YearTable = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["render", _sfc_render$19]]);
 
   const timeWithinRange = (_, __, ___) => true;
   const _sfc_main$1f = vue.defineComponent({
@@ -18354,7 +18413,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$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_d_arrow_left = vue.resolveComponent("d-arrow-left");
@@ -18550,7 +18609,7 @@
       ])
     ], 2);
   }
-  var DatePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["render", _sfc_render$19]]);
+  var DatePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["render", _sfc_render$18]]);
 
   const _sfc_main$1e = vue.defineComponent({
     directives: { clickoutside: ClickOutside },
@@ -19016,7 +19075,7 @@
     key: 0,
     class: "el-picker-panel__footer"
   };
-  function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$17(_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");
@@ -19298,7 +19357,7 @@
       ])) : vue.createCommentVNode("v-if", true)
     ], 2);
   }
-  var DateRangePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["render", _sfc_render$18]]);
+  var DateRangePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["render", _sfc_render$17]]);
 
   const _sfc_main$1d = vue.defineComponent({
     components: { MonthTable, ElIcon, DArrowLeft: dArrowLeft, DArrowRight: dArrowRight },
@@ -19483,7 +19542,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$17(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$16(_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");
@@ -19596,7 +19655,7 @@
       ])
     ], 2);
   }
-  var MonthRangePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["render", _sfc_render$17]]);
+  var MonthRangePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["render", _sfc_render$16]]);
 
   dayjs.extend(localeData);
   dayjs.extend(advancedFormat);
@@ -19762,7 +19821,7 @@
     }
   });
   const _hoisted_1$z = { key: 1 };
-  function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$15(_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, [
@@ -19811,7 +19870,7 @@
       }), 128))
     ]));
   }
-  var DescriptionsRow = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["render", _sfc_render$16]]);
+  var DescriptionsRow = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["render", _sfc_render$15]]);
 
   const _sfc_main$1b = vue.defineComponent({
     name: "ElDescriptions",
@@ -19917,7 +19976,7 @@
       };
     }
   });
-  function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$14(_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)
@@ -19959,7 +20018,7 @@
       ], 2)
     ], 2);
   }
-  var Descriptions = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$15]]);
+  var Descriptions = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$14]]);
 
   var DescriptionsItem = vue.defineComponent({
     name: "ElDescriptionsItem",
@@ -20063,243 +20122,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,
@@ -20334,22 +20156,19 @@
     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,
+  const __default__$2 = { name: "ElDialogContent" };
+  const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$2,
     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);
+      const { dialogRef, headerRef, ns, style } = vue.inject(dialogInjectionKey);
       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),
@@ -20362,8 +20181,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",
@@ -20403,11 +20221,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,
@@ -20459,6 +20277,10 @@
     },
     zIndex: {
       type: Number
+    },
+    trapFocus: {
+      type: Boolean,
+      default: false
     }
   });
   const dialogEmits = {
@@ -20466,17 +20288,19 @@
     opened: () => true,
     close: () => true,
     closed: () => true,
-    [UPDATE_MODEL_EVENT]: (value) => typeof value === "boolean",
+    [UPDATE_MODEL_EVENT]: (value) => isBoolean(value),
     openAutoFocus: () => true,
     closeAutoFocus: () => true
   };
 
-  const useDialog = (props, { emit }, targetRef) => {
+  const useDialog = (props, targetRef) => {
+    const instance = vue.getCurrentInstance();
+    const emit = instance.emit;
+    const { nextZIndex } = useZIndex();
     let lastPosition = "";
     const visible = vue.ref(false);
     const closed = vue.ref(false);
     const rendered = vue.ref(false);
-    const { nextZIndex } = useZIndex();
     const zIndex = vue.ref(props.zIndex || nextZIndex());
     let openTimer = void 0;
     let closeTimer = void 0;
@@ -20525,13 +20349,13 @@
         doClose();
       }
     }
-    function hide(shouldCancel) {
-      if (shouldCancel)
-        return;
-      closed.value = true;
-      visible.value = false;
-    }
     function handleClose() {
+      function hide(shouldCancel) {
+        if (shouldCancel)
+          return;
+        closed.value = true;
+        visible.value = false;
+      }
       if (props.beforeClose) {
         props.beforeClose(hide);
       } else {
@@ -20544,9 +20368,8 @@
       }
     }
     function doOpen() {
-      if (!isClient) {
+      if (!isClient)
         return;
-      }
       visible.value = true;
     }
     function doClose() {
@@ -20612,38 +20435,42 @@
     };
   };
 
-  const __default__ = {
+  const __default__$1 = {
     name: "ElDialog"
   };
-  const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__,
+  const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1,
     props: dialogProps,
     emits: dialogEmits,
-    setup(__props, { emit }) {
+    setup(__props, { expose }) {
       const props = __props;
       const ns = useNamespace("dialog");
-      const dialogRef = vue.ref(null);
-      const headerRef = vue.ref(null);
-      const dialog = useDialog(props, { emit }, dialogRef);
+      const dialogRef = vue.ref();
+      const headerRef = vue.ref();
       const {
         visible,
+        style,
+        rendered,
+        zIndex,
         afterEnter,
         afterLeave,
         beforeLeave,
-        style,
         handleClose,
-        rendered
-      } = dialog;
-      vue.provide(elDialogInjectionKey, {
+        onModalClick
+      } = useDialog(props, dialogRef);
+      vue.provide(dialogInjectionKey, {
         dialogRef,
         headerRef,
         ns,
         rendered,
         style
       });
-      const overlayEvent = useSameTarget(dialog.onModalClick);
+      const overlayEvent = useSameTarget(onModalClick);
       const draggable = vue.computed(() => props.draggable && !props.fullscreen);
       useDraggable(dialogRef, headerRef, draggable);
+      expose({
+        visible
+      });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.Teleport, {
           to: "body",
@@ -20660,48 +20487,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
@@ -20715,7 +20532,7 @@
       };
     }
   });
-  var Dialog = _sfc_main$18;
+  var Dialog = _sfc_main$19;
 
   const ElDialog = withInstall(Dialog);
 
@@ -20736,7 +20553,7 @@
     }
   });
 
-  const _sfc_main$17 = vue.defineComponent({
+  const _sfc_main$18 = vue.defineComponent({
     name: "ElDivider",
     props: dividerProps,
     setup(props) {
@@ -20765,7 +20582,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$13]]);
 
   const ElDivider = withInstall(Divider);
 
@@ -20791,7 +20608,7 @@
   });
   const drawerEmits = dialogEmits;
 
-  const _sfc_main$16 = vue.defineComponent({
+  const _sfc_main$17 = vue.defineComponent({
     name: "ElDrawer",
     components: {
       ElOverlay,
@@ -20809,7 +20626,7 @@
       const isHorizontal = vue.computed(() => props.direction === "rtl" || props.direction === "ltr");
       const drawerSize = vue.computed(() => typeof props.size === "number" ? `${props.size}px` : props.size);
       return {
-        ...useDialog(props, ctx, drawerRef),
+        ...useDialog(props, ctx),
         drawerRef,
         isHorizontal,
         drawerSize,
@@ -20908,26 +20725,263 @@
       }, 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$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);
+        }
+      };
+      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$11(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.renderSlot(_ctx.$slots, "default");
+  }
+  var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$11]]);
+
   const _sfc_main$15 = vue.defineComponent({
     inheritAttrs: false
   });
-  function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$10(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default");
   }
-  var Collection = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$11]]);
+  var Collection = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$10]]);
 
   const _sfc_main$14 = vue.defineComponent({
     name: "ElCollectionItem",
     inheritAttrs: false
   });
-  function _sfc_render$10(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default");
   }
-  var CollectionItem = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$10]]);
+  var CollectionItem = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$$]]);
 
   const COLLECTION_ITEM_SIGN = `data-el-collection-item`;
   const createCollectionWithScope = (name) => {
@@ -21155,10 +21209,10 @@
       });
     }
   });
-  function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default");
   }
-  var ElRovingFocusGroupImpl = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$$]]);
+  var ElRovingFocusGroupImpl = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$_]]);
 
   const _sfc_main$12 = vue.defineComponent({
     name: "ElRovingFocusGroup",
@@ -21167,7 +21221,7 @@
       ElRovingFocusGroupImpl
     }
   });
-  function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$Z(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_roving_focus_group_impl = vue.resolveComponent("el-roving-focus-group-impl");
     const _component_el_focus_group_collection = vue.resolveComponent("el-focus-group-collection");
     return vue.openBlock(), vue.createBlock(_component_el_focus_group_collection, null, {
@@ -21182,7 +21236,7 @@
       _: 3
     });
   }
-  var ElRovingFocusGroup = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$_]]);
+  var ElRovingFocusGroup = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$Z]]);
 
   const _sfc_main$11 = vue.defineComponent({
     components: {
@@ -21269,7 +21323,7 @@
       };
     }
   });
-  function _sfc_render$Z(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_roving_focus_collection_item = vue.resolveComponent("el-roving-focus-collection-item");
     return vue.openBlock(), vue.createBlock(_component_el_roving_focus_collection_item, {
       id: _ctx.id,
@@ -21282,7 +21336,7 @@
       _: 3
     }, 8, ["id", "focusable", "active"]);
   }
-  var ElRovingFocusItem = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$Z]]);
+  var ElRovingFocusItem = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$Y]]);
 
   const dropdownProps = buildProps({
     trigger: useTooltipTriggerProps.trigger,
@@ -21469,7 +21523,7 @@
       };
     }
   });
-  function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
     var _a;
     const _component_el_dropdown_collection = vue.resolveComponent("el-dropdown-collection");
     const _component_el_roving_focus_group = vue.resolveComponent("el-roving-focus-group");
@@ -21592,7 +21646,7 @@
       })) : vue.createCommentVNode("v-if", true)
     ], 2);
   }
-  var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["render", _sfc_render$Y]]);
+  var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["render", _sfc_render$X]]);
 
   const _sfc_main$$ = vue.defineComponent({
     name: "DropdownItemImpl",
@@ -21636,7 +21690,7 @@
     }
   });
   const _hoisted_1$w = ["aria-disabled", "tabindex"];
-  function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_icon = vue.resolveComponent("el-icon");
     return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
       _ctx.divided ? (vue.openBlock(), vue.createElementBlock("li", vue.mergeProps({
@@ -21665,7 +21719,7 @@
       ], 16, _hoisted_1$w)
     ], 64);
   }
-  var ElDropdownItemImpl = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["render", _sfc_render$X]]);
+  var ElDropdownItemImpl = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["render", _sfc_render$W]]);
 
   const useDropdown = () => {
     const elDropdown = vue.inject("elDropdown", {});
@@ -21741,7 +21795,7 @@
       };
     }
   });
-  function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
     var _a;
     const _component_el_dropdown_item_impl = vue.resolveComponent("el-dropdown-item-impl");
     const _component_el_roving_focus_item = vue.resolveComponent("el-roving-focus-item");
@@ -21772,7 +21826,7 @@
       _: 3
     }, 8, ["disabled", "text-value"]);
   }
-  var DropdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["render", _sfc_render$W]]);
+  var DropdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["render", _sfc_render$V]]);
 
   const _sfc_main$Z = vue.defineComponent({
     name: "ElDropdownMenu",
@@ -21835,7 +21889,7 @@
       };
     }
   });
-  function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("ul", {
       ref: _ctx.dropdownListWrapperRef,
       class: vue.normalizeClass(_ctx.dropdownKls),
@@ -21850,7 +21904,7 @@
       vue.renderSlot(_ctx.$slots, "default")
     ], 38);
   }
-  var DropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["render", _sfc_render$V]]);
+  var DropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["render", _sfc_render$U]]);
 
   const ElDropdown = withInstall(Dropdown, {
     DropdownItem,
@@ -21964,7 +22018,7 @@
     transform: "translate(66.000000, 51.500000) scale(-1, 1) translate(-66.000000, -51.500000) ",
     points: "62 45 79 45 70 58 53 58"
   }, null, -1);
-  function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$v, [
       vue.createElementVNode("defs", null, [
         vue.createElementVNode("linearGradient", {
@@ -22045,7 +22099,7 @@
       ])
     ]);
   }
-  var ImgEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["render", _sfc_render$U]]);
+  var ImgEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["render", _sfc_render$T]]);
 
   const emptyProps = {
     image: {
@@ -22081,7 +22135,7 @@
   });
   const _hoisted_1$u = ["src"];
   const _hoisted_2$j = { key: 1 };
-  function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_img_empty = vue.resolveComponent("img-empty");
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.ns.b())
@@ -22111,7 +22165,7 @@
       ], 2)) : vue.createCommentVNode("v-if", true)
     ], 2);
   }
-  var Empty = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["render", _sfc_render$T]]);
+  var Empty = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["render", _sfc_render$S]]);
 
   const ElEmpty = withInstall(Empty);
 
@@ -22303,14 +22357,14 @@
       };
     }
   });
-  function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("form", {
       class: vue.normalizeClass(_ctx.formKls)
     }, [
       vue.renderSlot(_ctx.$slots, "default")
     ], 2);
   }
-  var Form = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["render", _sfc_render$S]]);
+  var Form = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["render", _sfc_render$R]]);
 
   function _extends() {
     _extends = Object.assign || function(target) {
@@ -23634,7 +23688,7 @@
     }
   });
   const _hoisted_1$t = ["for"];
-  function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_LabelWrap = vue.resolveComponent("LabelWrap");
     return vue.openBlock(), vue.createElementBlock("div", {
       ref: "formItemRef",
@@ -23681,7 +23735,7 @@
       ], 4)
     ], 2);
   }
-  var FormItem = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["render", _sfc_render$R]]);
+  var FormItem = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["render", _sfc_render$Q]]);
 
   const ElForm = withInstall(Form, {
     FormItem
@@ -23981,7 +24035,7 @@
     }
   });
   const _hoisted_1$s = ["src"];
-  function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_close = vue.resolveComponent("close");
     const _component_el_icon = vue.resolveComponent("el-icon");
     const _component_arrow_left = vue.resolveComponent("arrow-left");
@@ -24134,7 +24188,7 @@
       })
     ], 8, ["disabled"]);
   }
-  var ImageViewer = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$Q]]);
+  var ImageViewer = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$P]]);
 
   const ElImageViewer = withInstall(ImageViewer);
 
@@ -24373,7 +24427,7 @@
   });
   const _hoisted_1$r = ["src"];
   const _hoisted_2$i = { key: 0 };
-  function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_image_viewer = vue.resolveComponent("image-viewer");
     return vue.openBlock(), vue.createElementBlock("div", {
       ref: "container",
@@ -24415,7 +24469,7 @@
       ], 2112)) : vue.createCommentVNode("v-if", true)
     ], 6);
   }
-  var Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$P]]);
+  var Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$O]]);
 
   const ElImage = withInstall(Image$1);
 
@@ -24684,7 +24738,7 @@
       };
     }
   });
-  function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_arrow_down = vue.resolveComponent("arrow-down");
     const _component_minus = vue.resolveComponent("minus");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -24757,7 +24811,7 @@
       }, null, 8, ["step", "model-value", "placeholder", "disabled", "size", "max", "min", "name", "label", "onKeydown", "onBlur", "onFocus", "onInput", "onChange"])
     ], 34);
   }
-  var InputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["render", _sfc_render$O]]);
+  var InputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["render", _sfc_render$N]]);
 
   const ElInputNumber = withInstall(InputNumber);
 
@@ -24800,7 +24854,7 @@
     }
   });
   const _hoisted_1$q = ["href"];
-  function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_icon = vue.resolveComponent("el-icon");
     return vue.openBlock(), vue.createElementBlock("a", {
       class: vue.normalizeClass([
@@ -24827,7 +24881,7 @@
       _ctx.$slots.icon ? vue.renderSlot(_ctx.$slots, "icon", { key: 2 }) : vue.createCommentVNode("v-if", true)
     ], 10, _hoisted_1$q);
   }
-  var Link = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["render", _sfc_render$N]]);
+  var Link = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["render", _sfc_render$M]]);
 
   const ElLink = withInstall(Link);
 
@@ -24998,7 +25052,7 @@
       };
     }
   });
-  function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createBlock(vue.Transition, vue.mergeProps({ mode: "out-in" }, _ctx.listeners), {
       default: vue.withCtx(() => [
         vue.renderSlot(_ctx.$slots, "default")
@@ -25006,7 +25060,7 @@
       _: 3
     }, 16);
   }
-  var ElMenuCollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["render", _sfc_render$M]]);
+  var ElMenuCollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["render", _sfc_render$L]]);
 
   function useMenu(instance, currentIndex) {
     const rootMenu = vue.inject("rootMenu");
@@ -25680,17 +25734,8 @@
       };
     }
   });
-  const _hoisted_1$p = { style: {
-    position: "absolute",
-    left: 0,
-    top: 0,
-    height: "100%",
-    width: "100%",
-    display: "inline-block",
-    boxSizing: "border-box",
-    padding: "0 20px"
-  } };
-  function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$p = { class: "el-menu-tooltip__trigger" };
+  function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_tooltip = vue.resolveComponent("el-tooltip");
     return vue.openBlock(), vue.createElementBlock("li", {
       class: vue.normalizeClass(["el-menu-item", {
@@ -25723,7 +25768,7 @@
       ], 64))
     ], 6);
   }
-  var MenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["render", _sfc_render$L]]);
+  var MenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["render", _sfc_render$K]]);
 
   const menuItemGroupProps = {
     title: String
@@ -25757,7 +25802,7 @@
     }
   });
   const _hoisted_1$o = { class: "el-menu-item-group" };
-  function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("li", _hoisted_1$o, [
       vue.createElementVNode("div", {
         class: "el-menu-item-group__title",
@@ -25772,7 +25817,7 @@
       ])
     ]);
   }
-  var MenuItemGroup = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_render$K]]);
+  var MenuItemGroup = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_render$J]]);
 
   const ElMenu = withInstall(Menu, {
     MenuItem,
@@ -25783,81 +25828,75 @@
   const ElMenuItemGroup = withNoopInstall(MenuItemGroup);
   const ElSubMenu = withNoopInstall(SubMenu);
 
-  const pageHeaderProps = {
+  const pageHeaderProps = buildProps({
     icon: {
-      type: [String, Object],
-      default: back
+      type: iconPropType,
+      default: () => back
     },
     title: String,
     content: {
       type: String,
       default: ""
     }
-  };
+  });
   const pageHeaderEmits = {
     back: () => true
   };
 
-  const _sfc_main$N = vue.defineComponent({
-    name: "ElPageHeader",
-    components: {
-      ElIcon
-    },
+  const __default__ = {
+    name: "ElPageHeader"
+  };
+  const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
+    ...__default__,
     props: pageHeaderProps,
     emits: pageHeaderEmits,
-    setup(_, { emit }) {
+    setup(__props, { emit }) {
       const { t } = useLocale();
       const ns = useNamespace("page-header");
       function handleClick() {
         emit("back");
       }
-      return {
-        handleClick,
-        t,
-        ns
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass(vue.unref(ns).b())
+        }, [
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(vue.unref(ns).e("left")),
+            onClick: handleClick
+          }, [
+            _ctx.icon || _ctx.$slots.icon ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 0,
+              class: vue.normalizeClass(vue.unref(ns).e("icon"))
+            }, [
+              vue.renderSlot(_ctx.$slots, "icon", {}, () => [
+                _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 0 }, {
+                  default: vue.withCtx(() => [
+                    (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
+                  ]),
+                  _: 1
+                })) : vue.createCommentVNode("v-if", true)
+              ])
+            ], 2)) : vue.createCommentVNode("v-if", true),
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(vue.unref(ns).e("title"))
+            }, [
+              vue.renderSlot(_ctx.$slots, "title", {}, () => [
+                vue.createTextVNode(vue.toDisplayString(_ctx.title || vue.unref(t)("el.pageHeader.title")), 1)
+              ])
+            ], 2)
+          ], 2),
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(vue.unref(ns).e("content"))
+          }, [
+            vue.renderSlot(_ctx.$slots, "content", {}, () => [
+              vue.createTextVNode(vue.toDisplayString(_ctx.content), 1)
+            ])
+          ], 2)
+        ], 2);
       };
     }
   });
-  function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
-    const _component_el_icon = vue.resolveComponent("el-icon");
-    return vue.openBlock(), vue.createElementBlock("div", {
-      class: vue.normalizeClass(_ctx.ns.b())
-    }, [
-      vue.createElementVNode("div", {
-        class: vue.normalizeClass(_ctx.ns.e("left")),
-        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
-      }, [
-        _ctx.icon || _ctx.$slots.icon ? (vue.openBlock(), vue.createElementBlock("div", {
-          key: 0,
-          class: vue.normalizeClass(_ctx.ns.e("icon"))
-        }, [
-          vue.renderSlot(_ctx.$slots, "icon", {}, () => [
-            _ctx.icon ? (vue.openBlock(), vue.createBlock(_component_el_icon, { key: 0 }, {
-              default: vue.withCtx(() => [
-                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
-              ]),
-              _: 1
-            })) : vue.createCommentVNode("v-if", true)
-          ])
-        ], 2)) : vue.createCommentVNode("v-if", true),
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass(_ctx.ns.e("title"))
-        }, [
-          vue.renderSlot(_ctx.$slots, "title", {}, () => [
-            vue.createTextVNode(vue.toDisplayString(_ctx.title || _ctx.t("el.pageHeader.title")), 1)
-          ])
-        ], 2)
-      ], 2),
-      vue.createElementVNode("div", {
-        class: vue.normalizeClass(_ctx.ns.e("content"))
-      }, [
-        vue.renderSlot(_ctx.$slots, "content", {}, () => [
-          vue.createTextVNode(vue.toDisplayString(_ctx.content), 1)
-        ])
-      ], 2)
-    ], 2);
-  }
-  var PageHeader = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$J]]);
+  var PageHeader = _sfc_main$N;
 
   const ElPageHeader = withInstall(PageHeader);
 
@@ -45235,6 +45274,8 @@
   exports.alertEffects = alertEffects;
   exports.alertEmits = alertEmits;
   exports.alertProps = alertProps;
+  exports.autocompleteEmits = autocompleteEmits;
+  exports.autocompleteProps = autocompleteProps;
   exports.avatarEmits = avatarEmits;
   exports.avatarProps = avatarProps;
   exports.backtopEmits = backtopEmits;
@@ -45255,11 +45296,16 @@
   exports.checkTagEmits = checkTagEmits;
   exports.checkTagProps = checkTagProps;
   exports.colProps = colProps;
+  exports.collapseContextKey = collapseContextKey;
+  exports.collapseEmits = collapseEmits;
+  exports.collapseItemProps = collapseItemProps;
+  exports.collapseProps = collapseProps;
   exports.configProviderContextKey = configProviderContextKey;
   exports.configProviderProps = configProviderProps;
   exports.createModelToggleComposable = createModelToggleComposable;
   exports["default"] = installer;
   exports.dialogEmits = dialogEmits;
+  exports.dialogInjectionKey = dialogInjectionKey;
   exports.dialogProps = dialogProps;
   exports.dividerProps = dividerProps;
   exports.drawerEmits = drawerEmits;
@@ -45271,6 +45317,7 @@
   exports.elFormItemKey = elFormItemKey;
   exports.elFormKey = elFormKey;
   exports.elPaginationKey = elPaginationKey;
+  exports.emitChangeFn = emitChangeFn;
   exports.emptyProps = emptyProps;
   exports.extractDateFormat = extractDateFormat;
   exports.extractTimeFormat = extractTimeFormat;