@element-plus/nightly 0.0.20220228 → 0.0.20220301

package/dist/index.full.mjs

@@ -1,6 +1,6 @@
-/*! Element Plus v0.0.20220228 */
+/*! Element Plus v0.0.20220301 */
 
-import { getCurrentScope, onScopeDispose, readonly, shallowRef, watchEffect, ref, unref, watch, defineComponent, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, camelize as camelize$1, getCurrentInstance, computed, inject, provide, onMounted, onBeforeUnmount, isRef, onUnmounted, h as h$1, Teleport, onBeforeMount, nextTick, normalizeClass, normalizeStyle, renderSlot, mergeProps, useSlots, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, onUpdated, resolveComponent, withModifiers, toRef, reactive, cloneVNode, Text, resolveDirective, renderList, withKeys, createSlots, normalizeProps, guardReactiveProps, toRefs, vModelCheckbox, vModelRadio, onBeforeUpdate, vModelText, toHandlers, markRaw, effectScope, toRaw, triggerRef, TransitionGroup, createApp, render } from 'vue';
+import { getCurrentScope, onScopeDispose, readonly, shallowRef, watchEffect, ref, unref, getCurrentInstance, onMounted, nextTick, watch, defineComponent, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, camelize as camelize$1, computed, inject, provide, onBeforeUnmount, isRef, onUnmounted, h as h$1, Teleport, onBeforeMount, normalizeClass, normalizeStyle, renderSlot, mergeProps, useSlots, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, onUpdated, resolveComponent, withModifiers, toRef, reactive, cloneVNode, Text, useAttrs as useAttrs$1, renderList, withKeys, createSlots, resolveDirective, normalizeProps, guardReactiveProps, toRefs, vModelCheckbox, vModelRadio, onBeforeUpdate, vModelText, toHandlers, markRaw, effectScope, toRaw, triggerRef, TransitionGroup, createApp, render } from 'vue';
 
 var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
 var freeGlobal$1 = freeGlobal;
@@ -861,6 +861,14 @@ function baseFlatten(array, depth, predicate, isStrict, result) {
 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;
@@ -1815,6 +1823,15 @@ function useThrottleFn(fn, ms = 200, trailing = true, leading = true) {
   return createFilterWrapper(throttleFilter(ms, trailing, leading), fn);
 }
 
+function tryOnMounted(fn, sync = true) {
+  if (getCurrentInstance())
+    onMounted(fn);
+  else if (sync)
+    fn();
+  else
+    nextTick(fn);
+}
+
 function useTimeoutFn(cb, interval, options = {}) {
   const {
     immediate = true
@@ -1982,6 +1999,54 @@ function useResizeObserver(target, callback, options = {}) {
   };
 }
 
+function useElementBounding(target) {
+  const height = ref(0);
+  const bottom = ref(0);
+  const left = ref(0);
+  const right = ref(0);
+  const top = ref(0);
+  const width = ref(0);
+  const x = ref(0);
+  const y = 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);
+  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);
 
@@ -2026,6 +2091,21 @@ function useWindowFocus({ window = defaultWindow } = {}) {
   return focused;
 }
 
+function useWindowSize({ window = defaultWindow, initialWidth = Infinity, initialHeight = Infinity } = {}) {
+  const width = ref(initialWidth);
+  const height = 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;
@@ -2333,10 +2413,10 @@ const _hoisted_2$1i = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
   name: "ArrowLeft"
@@ -2355,10 +2435,10 @@ const _hoisted_2$1h = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
   name: "ArrowRight"
@@ -2377,10 +2457,10 @@ const _hoisted_2$1g = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
   name: "ArrowUp"
@@ -2399,10 +2479,10 @@ const _hoisted_2$1f = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
   name: "Back"
@@ -2426,10 +2506,10 @@ const _hoisted_4$j = [
   _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 openBlock(), 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 = defineComponent({
   name: "Calendar"
@@ -2448,10 +2528,10 @@ const _hoisted_2$1d = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
   name: "CaretRight"
@@ -2470,10 +2550,10 @@ const _hoisted_2$1c = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
   name: "CaretTop"
@@ -2492,10 +2572,10 @@ const _hoisted_2$1b = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
   name: "Check"
@@ -2514,10 +2594,10 @@ const _hoisted_2$1a = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
   name: "CircleCheckFilled"
@@ -2536,10 +2616,10 @@ const _hoisted_2$19 = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
   name: "CircleCheck"
@@ -2563,10 +2643,10 @@ const _hoisted_4$i = [
   _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 openBlock(), 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 = defineComponent({
   name: "CircleCloseFilled"
@@ -2585,10 +2665,10 @@ const _hoisted_2$17 = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
   name: "CircleClose"
@@ -2612,10 +2692,10 @@ const _hoisted_4$h = [
   _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 openBlock(), 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 = defineComponent({
   name: "Clock"
@@ -2644,10 +2724,10 @@ const _hoisted_5$b = [
   _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 openBlock(), 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 = defineComponent({
   name: "Close"
@@ -2666,10 +2746,10 @@ const _hoisted_2$14 = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
   name: "DArrowLeft"
@@ -2688,10 +2768,10 @@ const _hoisted_2$13 = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
   name: "DArrowRight"
@@ -2710,10 +2790,10 @@ const _hoisted_2$12 = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
   name: "Delete"
@@ -2732,10 +2812,10 @@ const _hoisted_2$11 = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
   name: "Document"
@@ -2754,10 +2834,10 @@ const _hoisted_2$10 = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
   name: "FullScreen"
@@ -2776,10 +2856,10 @@ const _hoisted_2$$ = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
   name: "InfoFilled"
@@ -2798,10 +2878,10 @@ const _hoisted_2$_ = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
   name: "Loading"
@@ -2820,10 +2900,10 @@ const _hoisted_2$Z = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
   name: "Minus"
@@ -2842,10 +2922,10 @@ const _hoisted_2$Y = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
   name: "MoreFilled"
@@ -2864,10 +2944,10 @@ const _hoisted_2$X = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
   name: "More"
@@ -2886,10 +2966,10 @@ const _hoisted_2$W = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
   name: "Plus"
@@ -2908,10 +2988,10 @@ const _hoisted_2$V = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
   name: "QuestionFilled"
@@ -2930,10 +3010,10 @@ const _hoisted_2$U = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
   name: "RefreshLeft"
@@ -2952,10 +3032,10 @@ const _hoisted_2$T = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
   name: "RefreshRight"
@@ -2974,10 +3054,10 @@ const _hoisted_2$S = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
   name: "ScaleToOriginal"
@@ -2996,10 +3076,10 @@ const _hoisted_2$R = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
   name: "Search"
@@ -3018,10 +3098,10 @@ const _hoisted_2$Q = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
   name: "StarFilled"
@@ -3040,10 +3120,10 @@ const _hoisted_2$P = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
   name: "Star"
@@ -3062,10 +3142,10 @@ const _hoisted_2$O = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
   name: "SuccessFilled"
@@ -3084,10 +3164,10 @@ const _hoisted_2$N = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
   name: "View"
@@ -3106,10 +3186,10 @@ const _hoisted_2$M = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
   name: "WarningFilled"
@@ -3128,10 +3208,10 @@ const _hoisted_2$L = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
   name: "ZoomIn"
@@ -3150,10 +3230,10 @@ const _hoisted_2$K = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
   name: "ZoomOut"
@@ -3172,10 +3252,10 @@ const _hoisted_2$J = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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";
@@ -3405,23 +3485,27 @@ const useAttrs = (params = {}) => {
   });
 };
 
-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 = getCurrentInstance();
   return computed(() => {
@@ -4274,7 +4358,7 @@ const useZIndex = () => {
   };
 };
 
-const version$1 = "0.0.20220228";
+const version$1 = "0.0.20220301";
 
 const INSTALLED_KEY = Symbol("INSTALLED_KEY");
 const makeInstaller = (components = []) => {
@@ -4315,97 +4399,92 @@ const affixEmits = {
   change: (fixed) => typeof fixed === "boolean"
 };
 
-const __default__$b = {
+const __default__$g = {
   name: "ElAffix"
 };
 const _sfc_main$2b = /* @__PURE__ */ 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 = shallowRef();
     const root = shallowRef();
     const scrollContainer = shallowRef();
+    const { height: windowHeight } = useWindowSize();
+    const {
+      height: rootHeight,
+      width: rootWidth,
+      top: rootTop,
+      bottom: rootBottom,
+      update: updateRoot
+    } = useElementBounding(root);
+    const targetRect = useElementBounding(target);
     const fixed = ref(false);
-    const height = ref(0);
-    const width = ref(0);
     const scrollTop = ref(0);
-    const clientHeight = ref(0);
     const transform = ref(0);
     const rootStyle = 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 = 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
       });
     };
-    watch(fixed, (fixed2) => {
-      emit("change", fixed2);
-    });
+    watch(fixed, (val) => emit("change", val));
     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);
+    watchEffect(update);
     expose({
       update
     });
@@ -4439,12 +4518,12 @@ const iconProps = buildProps({
   }
 });
 
-const __default__$a = {
+const __default__$f = {
   name: "ElIcon",
   inheritAttrs: false
 };
 const _sfc_main$2a = /* @__PURE__ */ defineComponent({
-  ...__default__$a,
+  ...__default__$f,
   props: iconProps,
   setup(__props) {
     const props = __props;
@@ -4506,11 +4585,11 @@ const alertEmits = {
   close: (evt) => evt instanceof MouseEvent
 };
 
-const __default__$9 = {
+const __default__$e = {
   name: "ElAlert"
 };
 const _sfc_main$29 = /* @__PURE__ */ defineComponent({
-  ...__default__$9,
+  ...__default__$e,
   props: alertProps,
   emits: alertEmits,
   setup(__props, { emit }) {
@@ -4593,190 +4672,6 @@ var Alert = _sfc_main$29;
 
 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) {
-    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;
@@ -5173,7 +5068,7 @@ const _sfc_main$28 = defineComponent({
 });
 const _hoisted_1$10 = ["type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder"];
 const _hoisted_2$I = ["tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder"];
-function _sfc_render$1W(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1R(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
   const _component_circle_close = resolveComponent("circle-close");
   const _component_icon_view = resolveComponent("icon-view");
@@ -5346,7 +5241,7 @@ function _sfc_render$1W(_ctx, _cache, $props, $setup, $data, $options) {
     [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);
 
@@ -5388,15 +5283,15 @@ const thumbProps = buildProps({
   always: Boolean
 });
 
-const COMPONENT_NAME$e = "Thumb";
+const COMPONENT_NAME$d = "Thumb";
 const _sfc_main$27 = defineComponent({
-  name: COMPONENT_NAME$e,
+  name: COMPONENT_NAME$d,
   props: thumbProps,
   setup(props) {
     const scrollbar = inject(scrollbarContextKey);
     const ns = useNamespace("scrollbar");
     if (!scrollbar)
-      throwError(COMPONENT_NAME$e, "can not inject scrollbar context");
+      throwError(COMPONENT_NAME$d, "can not inject scrollbar context");
     const instance = ref();
     const thumb = ref();
     const thumbState = ref({});
@@ -5491,7 +5386,7 @@ const _sfc_main$27 = defineComponent({
     };
   }
 });
-function _sfc_render$1V(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1Q(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(Transition, {
     name: _ctx.ns.b("fade")
   }, {
@@ -5514,7 +5409,7 @@ function _sfc_render$1V(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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: {
@@ -5563,7 +5458,7 @@ const _sfc_main$26 = defineComponent({
     };
   }
 });
-function _sfc_render$1U(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1P(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_thumb = resolveComponent("thumb");
   return openBlock(), createElementBlock(Fragment, null, [
     createVNode(_component_thumb, {
@@ -5581,7 +5476,7 @@ function _sfc_render$1U(_ctx, _cache, $props, $setup, $data, $options) {
     }, 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: {
@@ -5746,7 +5641,7 @@ const _sfc_main$25 = defineComponent({
     };
   }
 });
-function _sfc_render$1T(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1O(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_bar = resolveComponent("bar");
   return openBlock(), createElementBlock("div", {
     ref: "scrollbar$",
@@ -5784,7 +5679,7 @@ function _sfc_render$1T(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["height", "width", "always", "ratio-x", "ratio-y"])) : createCommentVNode("v-if", true)
   ], 2);
 }
-var Scrollbar$1 = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["render", _sfc_render$1T]]);
+var Scrollbar$1 = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["render", _sfc_render$1O]]);
 
 const ElScrollbar = withInstall(Scrollbar$1);
 
@@ -5804,10 +5699,10 @@ const _sfc_main$24 = defineComponent({
     return popperProvides;
   }
 });
-function _sfc_render$1S(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1N(_ctx, _cache, $props, $setup, $data, $options) {
   return 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";
@@ -7282,22 +7177,25 @@ const _sfc_main$23 = defineComponent({
     };
   }
 });
-function _sfc_render$1R(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1M(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("span", {
     ref: "arrowRef",
     class: normalizeClass(_ctx.ns.e("arrow")),
     "data-popper-arrow": ""
   }, null, 2);
 }
-var ElPopperArrow = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["render", _sfc_render$1R]]);
+var ElPopperArrow = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["render", _sfc_render$1M]]);
 
 const NAME = "ElOnlyChild";
 const OnlyChild = defineComponent({
   name: NAME,
-  setup(_, { slots, attrs }) {
+  setup(_, {
+    slots,
+    attrs
+  }) {
     var _a;
-    const forwardRefInjection = inject(FORWARD_REF_INJECTION_KEY, void 0);
-    const forwardRefDirective = useForwardRefDirective((_a = forwardRefInjection.setForwardRef) != null ? _a : NOOP);
+    const forwardRefInjection = 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);
@@ -7310,9 +7208,7 @@ const OnlyChild = defineComponent({
       if (!firstLegitNode) {
         return null;
       }
-      return withDirectives(cloneVNode(firstLegitNode, attrs), [
-        [forwardRefDirective]
-      ]);
+      return withDirectives(cloneVNode(firstLegitNode, attrs), [[forwardRefDirective]]);
     };
   }
 });
@@ -7341,9 +7237,10 @@ function findFirstLegitChild(node) {
   return null;
 }
 function wrapTextContent(s) {
-  return h$1("span", { class: "el-only-child__content" }, [s]);
+  return createVNode("span", {
+    "class": "el-only-child__content"
+  }, [s]);
 }
-var ElOnlyChild = OnlyChild;
 
 const buildPopperOptions = (props, arrowProps) => {
   const { placement, strategy, popperOptions } = props;
@@ -7421,7 +7318,7 @@ function deriveExtraModifiers(options, modifiers) {
 
 const _sfc_main$22 = defineComponent({
   name: "ElPopperTrigger",
-  components: { ElOnlyChild },
+  components: { ElOnlyChild: OnlyChild },
   inheritAttrs: false,
   props: {
     ...usePopperTriggerProps,
@@ -7471,7 +7368,7 @@ const _sfc_main$22 = defineComponent({
     };
   }
 });
-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 = resolveComponent("el-only-child");
   return !_ctx.virtualTriggering ? (openBlock(), createBlock(_component_el_only_child, mergeProps({ key: 0 }, _ctx.$attrs, {
     "aria-describedby": _ctx.open ? _ctx.id : void 0
@@ -7482,7 +7379,7 @@ function _sfc_render$1Q(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 16, ["aria-describedby"])) : createCommentVNode("v-if", true);
 }
-var ElPopperTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["render", _sfc_render$1Q]]);
+var ElPopperTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["render", _sfc_render$1L]]);
 
 const _sfc_main$21 = defineComponent({
   name: "ElPopperContent",
@@ -7577,7 +7474,7 @@ const _sfc_main$21 = defineComponent({
     };
   }
 });
-function _sfc_render$1P(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1K(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: "popperContentRef",
     style: normalizeStyle(_ctx.contentStyle),
@@ -7589,7 +7486,7 @@ function _sfc_render$1P(_ctx, _cache, $props, $setup, $data, $options) {
     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 = getCurrentInstance();
@@ -7639,10 +7536,10 @@ const _sfc_main$20 = defineComponent({
     };
   }
 });
-function _sfc_render$1O(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1J(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("span", mergeProps(_ctx.$attrs, { style: _ctx.computedStyle }), null, 16);
 }
-var ElVisuallyHidden = /* @__PURE__ */ _export_sfc(_sfc_main$20, [["render", _sfc_render$1O]]);
+var ElVisuallyHidden = /* @__PURE__ */ _export_sfc(_sfc_main$20, [["render", _sfc_render$1J]]);
 
 const useTooltipContentProps = buildProps({
   ...useDelayedToggleProps,
@@ -7813,7 +7710,7 @@ const _sfc_main$1$ = defineComponent({
     };
   }
 });
-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 = resolveComponent("el-visually-hidden");
   const _component_el_popper_content = resolveComponent("el-popper-content");
   return openBlock(), createBlock(Teleport, {
@@ -7872,7 +7769,7 @@ function _sfc_render$1N(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["name", "onAfterLeave", "onBeforeEnter", "onAfterEnter", "onBeforeLeave"])
   ], 8, ["disabled", "to"]);
 }
-var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$1$, [["render", _sfc_render$1N]]);
+var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$1$, [["render", _sfc_render$1I]]);
 
 const isTriggerType = (trigger, type) => {
   if (isArray(trigger)) {
@@ -7936,7 +7833,7 @@ const _sfc_main$1_ = defineComponent({
     };
   }
 });
-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 = resolveComponent("el-popper-trigger");
   return openBlock(), createBlock(_component_el_popper_trigger, {
     id: _ctx.id,
@@ -7958,7 +7855,7 @@ function _sfc_render$1M(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["id", "virtual-ref", "open", "virtual-triggering", "class", "onBlur", "onClick", "onContextmenu", "onFocus", "onMouseenter", "onMouseleave", "onKeydown"]);
 }
-var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$1_, [["render", _sfc_render$1M]]);
+var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$1_, [["render", _sfc_render$1H]]);
 
 const { useModelToggleProps, useModelToggle, useModelToggleEmits } = createModelToggleComposable("visible");
 const _sfc_main$1Z = defineComponent({
@@ -8049,7 +7946,7 @@ const _sfc_main$1Z = defineComponent({
 });
 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 = resolveComponent("el-tooltip-trigger");
   const _component_el_popper_arrow = resolveComponent("el-popper-arrow");
   const _component_el_tooltip_content = resolveComponent("el-tooltip-content");
@@ -8111,112 +8008,113 @@ function _sfc_render$1L(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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 = 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__ */ 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 = useAttrs$1();
     const suggestions = ref([]);
     const highlightedIndex = ref(-1);
     const dropdownWidth = ref("");
     const activated = ref(false);
     const suggestionDisabled = ref(false);
-    const loading = ref(false);
-    const inputRef = ref(null);
-    const regionRef = ref(null);
-    const popper = ref(null);
+    const loading$1 = ref(false);
+    const inputRef = ref();
+    const regionRef = ref();
+    const popperRef = ref();
+    const listboxRef = ref();
     const id = computed(() => {
       return ns.b(String(generateId()));
     });
+    const styles = computed(() => compAttrs.style);
     const suggestionVisible = 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 = computed(() => {
-      return !props.hideLoading && loading.value;
+      return !props.hideLoading && loading$1.value;
     });
     const onSuggestionShow = () => {
       nextTick(() => {
@@ -8225,19 +8123,13 @@ const _sfc_main$1Y = defineComponent({
         }
       });
     };
-    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;
         }
@@ -8245,14 +8137,14 @@ const _sfc_main$1Y = defineComponent({
           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;
@@ -8262,28 +8154,28 @@ const _sfc_main$1Y = defineComponent({
       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 });
         nextTick(() => {
           suggestions.value = [];
           highlightedIndex.value = -1;
@@ -8297,17 +8189,17 @@ const _sfc_main$1Y = defineComponent({
       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);
       nextTick(() => {
         suggestions.value = [];
         highlightedIndex.value = -1;
       });
     };
     const highlight = (index) => {
-      if (!suggestionVisible.value || loading.value) {
+      if (!suggestionVisible.value || loading$1.value) {
         return;
       }
       if (index < 0) {
@@ -8331,167 +8223,152 @@ const _sfc_main$1Y = defineComponent({
       highlightedIndex.value = index;
       inputRef.value.inputOrTextarea.setAttribute("aria-activedescendant", `${id.value}-item-${highlightedIndex.value}`);
     };
-    return {
-      attrs,
-      suggestions,
+    onClickOutside(listboxRef, close);
+    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 openBlock(), createBlock(unref(ElTooltip), {
+        ref_key: "popperRef",
+        ref: popperRef,
+        visible: unref(suggestionVisible),
+        "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => isRef(suggestionVisible) ? suggestionVisible.value = $event : null),
+        placement: _ctx.placement,
+        "fallback-placements": ["bottom-start", "top-start"],
+        "popper-class": [unref(ns).e("popper"), _ctx.popperClass],
+        teleported: unref(compatTeleported),
+        "gpu-acceleration": false,
+        pure: "",
+        "manual-mode": "",
+        effect: "light",
+        trigger: "click",
+        transition: `${unref(ns).namespace.value}-zoom-in-top`,
+        persistent: "",
+        onShow: onSuggestionShow
+      }, {
+        content: withCtx(() => [
+          createElementVNode("div", {
+            ref_key: "regionRef",
+            ref: regionRef,
+            class: normalizeClass([unref(ns).b("suggestion"), unref(ns).is("loading", unref(suggestionLoading))]),
+            style: normalizeStyle({ minWidth: dropdownWidth.value, outline: "none" }),
+            role: "region"
+          }, [
+            createVNode(unref(ElScrollbar), {
+              id: unref(id),
+              tag: "ul",
+              "wrap-class": unref(ns).be("suggestion", "wrap"),
+              "view-class": unref(ns).be("suggestion", "list"),
+              role: "listbox"
+            }, {
+              default: withCtx(() => [
+                unref(suggestionLoading) ? (openBlock(), createElementBlock("li", _hoisted_2$G, [
+                  createVNode(unref(ElIcon), {
+                    class: normalizeClass(unref(ns).is("loading"))
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(loading))
+                    ]),
+                    _: 1
+                  }, 8, ["class"])
+                ])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(suggestions.value, (item, index) => {
+                  return openBlock(), createElementBlock("li", {
+                    id: `${unref(id)}-item-${index}`,
+                    key: index,
+                    class: normalizeClass({ highlighted: highlightedIndex.value === index }),
+                    role: "option",
+                    "aria-selected": highlightedIndex.value === index,
+                    onClick: ($event) => handleSelect(item)
+                  }, [
+                    renderSlot(_ctx.$slots, "default", { item }, () => [
+                      createTextVNode(toDisplayString(item[_ctx.valueKey]), 1)
+                    ])
+                  ], 10, _hoisted_3$q);
+                }), 128))
+              ]),
+              _: 3
+            }, 8, ["id", "wrap-class", "view-class"])
+          ], 6)
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", {
+            ref_key: "listboxRef",
+            ref: listboxRef,
+            class: normalizeClass([unref(ns).b(), _ctx.$attrs.class]),
+            style: normalizeStyle(unref(styles)),
+            role: "combobox",
+            "aria-haspopup": "listbox",
+            "aria-expanded": unref(suggestionVisible),
+            "aria-owns": unref(id)
+          }, [
+            createVNode(unref(ElInput), mergeProps({
+              ref_key: "inputRef",
+              ref: inputRef
+            }, unref(attrs), {
+              "model-value": _ctx.modelValue,
+              onInput: handleInput,
+              onChange: handleChange,
+              onFocus: handleFocus,
+              onBlur: handleBlur,
+              onClear: handleClear,
+              onKeydown: [
+                _cache[0] || (_cache[0] = withKeys(withModifiers(($event) => highlight(highlightedIndex.value - 1), ["prevent"]), ["up"])),
+                _cache[1] || (_cache[1] = withKeys(withModifiers(($event) => highlight(highlightedIndex.value + 1), ["prevent"]), ["down"])),
+                withKeys(handleKeyEnter, ["enter"]),
+                withKeys(close, ["tab"])
+              ]
+            }), createSlots({ _: 2 }, [
+              _ctx.$slots.prepend ? {
+                name: "prepend",
+                fn: withCtx(() => [
+                  renderSlot(_ctx.$slots, "prepend")
+                ])
+              } : void 0,
+              _ctx.$slots.append ? {
+                name: "append",
+                fn: withCtx(() => [
+                  renderSlot(_ctx.$slots, "append")
+                ])
+              } : void 0,
+              _ctx.$slots.prefix ? {
+                name: "prefix",
+                fn: withCtx(() => [
+                  renderSlot(_ctx.$slots, "prefix")
+                ])
+              } : void 0,
+              _ctx.$slots.suffix ? {
+                name: "suffix",
+                fn: withCtx(() => [
+                  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 = resolveComponent("el-input");
-  const _component_loading = resolveComponent("loading");
-  const _component_el_icon = resolveComponent("el-icon");
-  const _component_el_scrollbar = resolveComponent("el-scrollbar");
-  const _component_el_tooltip = resolveComponent("el-tooltip");
-  const _directive_clickoutside = resolveDirective("clickoutside");
-  return openBlock(), 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: withCtx(() => [
-      createElementVNode("div", {
-        ref: "regionRef",
-        class: normalizeClass([_ctx.ns.b("suggestion"), _ctx.ns.is("loading", _ctx.suggestionLoading)]),
-        style: normalizeStyle({ minWidth: _ctx.dropdownWidth, outline: "none" }),
-        role: "region"
-      }, [
-        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: withCtx(() => [
-            _ctx.suggestionLoading ? (openBlock(), createElementBlock("li", _hoisted_2$G, [
-              createVNode(_component_el_icon, { class: "is-loading" }, {
-                default: withCtx(() => [
-                  createVNode(_component_loading)
-                ]),
-                _: 1
-              })
-            ])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.suggestions, (item, index) => {
-              return openBlock(), createElementBlock("li", {
-                id: `${_ctx.id}-item-${index}`,
-                key: index,
-                class: normalizeClass({ highlighted: _ctx.highlightedIndex === index }),
-                role: "option",
-                "aria-selected": _ctx.highlightedIndex === index,
-                onClick: ($event) => _ctx.select(item)
-              }, [
-                renderSlot(_ctx.$slots, "default", { item }, () => [
-                  createTextVNode(toDisplayString(item[_ctx.valueKey]), 1)
-                ])
-              ], 10, _hoisted_3$q);
-            }), 128))
-          ]),
-          _: 3
-        }, 8, ["id", "wrap-class", "view-class"])
-      ], 6)
-    ]),
-    default: withCtx(() => [
-      withDirectives((openBlock(), createElementBlock("div", {
-        class: normalizeClass([_ctx.ns.b(), _ctx.$attrs.class]),
-        style: normalizeStyle(_ctx.$attrs.style),
-        role: "combobox",
-        "aria-haspopup": "listbox",
-        "aria-expanded": _ctx.suggestionVisible,
-        "aria-owns": _ctx.id
-      }, [
-        createVNode(_component_el_input, 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] = withKeys(withModifiers(($event) => _ctx.highlight(_ctx.highlightedIndex - 1), ["prevent"]), ["up"])),
-            _cache[1] || (_cache[1] = withKeys(withModifiers(($event) => _ctx.highlight(_ctx.highlightedIndex + 1), ["prevent"]), ["down"])),
-            withKeys(_ctx.handleKeyEnter, ["enter"]),
-            withKeys(_ctx.close, ["tab"])
-          ]
-        }), createSlots({ _: 2 }, [
-          _ctx.$slots.prepend ? {
-            name: "prepend",
-            fn: withCtx(() => [
-              renderSlot(_ctx.$slots, "prepend")
-            ])
-          } : void 0,
-          _ctx.$slots.append ? {
-            name: "append",
-            fn: withCtx(() => [
-              renderSlot(_ctx.$slots, "append")
-            ])
-          } : void 0,
-          _ctx.$slots.prefix ? {
-            name: "prefix",
-            fn: withCtx(() => [
-              renderSlot(_ctx.$slots, "prefix")
-            ])
-          } : void 0,
-          _ctx.$slots.suffix ? {
-            name: "suffix",
-            fn: withCtx(() => [
-              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: {
@@ -8524,11 +8401,11 @@ const avatarEmits = {
 };
 
 const _hoisted_1$Z = ["src", "alt", "srcset"];
-const __default__$8 = {
+const __default__$c = {
   name: "ElAvatar"
 };
 const _sfc_main$1X = /* @__PURE__ */ defineComponent({
-  ...__default__$8,
+  ...__default__$c,
   props: avatarProps,
   emits: avatarEmits,
   setup(__props, { emit }) {
@@ -8609,11 +8486,11 @@ const backtopEmits = {
 };
 
 const _hoisted_1$Y = ["onClick"];
-const __default__$7 = {
+const __default__$b = {
   name: "ElBacktop"
 };
 const _sfc_main$1W = /* @__PURE__ */ defineComponent({
-  ...__default__$7,
+  ...__default__$b,
   props: backtopProps,
   emits: backtopEmits,
   setup(__props, { emit }) {
@@ -8717,11 +8594,11 @@ const badgeProps = buildProps({
 });
 
 const _hoisted_1$X = ["textContent"];
-const __default__$6 = {
+const __default__$a = {
   name: "ElBadge"
 };
 const _sfc_main$1V = /* @__PURE__ */ defineComponent({
-  ...__default__$6,
+  ...__default__$a,
   props: badgeProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -8798,7 +8675,7 @@ const _sfc_main$1U = defineComponent({
     };
   }
 });
-function _sfc_render$1J(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1F(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: "breadcrumb",
     class: normalizeClass(_ctx.ns.b()),
@@ -8808,7 +8685,7 @@ function _sfc_render$1J(_ctx, _cache, $props, $setup, $data, $options) {
     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: {
@@ -8850,7 +8727,7 @@ const _sfc_main$1T = defineComponent({
     };
   }
 });
-function _sfc_render$1I(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1E(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
   return openBlock(), createElementBlock("span", {
     class: normalizeClass(_ctx.ns.e("item"))
@@ -8877,7 +8754,7 @@ function _sfc_render$1I(_ctx, _cache, $props, $setup, $data, $options) {
     }, 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
@@ -9805,11 +9682,11 @@ const buttonEmits = {
 };
 
 const _hoisted_1$W = ["disabled", "autofocus", "type"];
-const __default__$5 = {
+const __default__$9 = {
   name: "ElButton"
 };
 const _sfc_main$1S = /* @__PURE__ */ defineComponent({
-  ...__default__$5,
+  ...__default__$9,
   props: buttonProps,
   emits: buttonEmits,
   setup(__props, { expose, emit }) {
@@ -9941,11 +9818,11 @@ const buttonGroupProps = {
   type: buttonProps.type
 };
 
-const __default__$4 = {
+const __default__$8 = {
   name: "ElButtonGroup"
 };
 const _sfc_main$1R = /* @__PURE__ */ defineComponent({
-  ...__default__$4,
+  ...__default__$8,
   props: buttonGroupProps,
   setup(__props) {
     const props = __props;
@@ -10946,7 +10823,7 @@ const _sfc_main$1Q = defineComponent({
 const _hoisted_1$V = ["id", "name", "placeholder", "value", "disabled", "readonly"];
 const _hoisted_2$F = { class: "el-range-separator" };
 const _hoisted_3$p = ["id", "name", "placeholder", "value", "disabled", "readonly"];
-function _sfc_render$1H(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1D(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
   const _component_el_input = resolveComponent("el-input");
   const _component_el_tooltip = resolveComponent("el-tooltip");
@@ -11108,7 +10985,191 @@ function _sfc_render$1H(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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) {
+    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 = [];
@@ -11433,7 +11494,7 @@ const _sfc_main$1P = defineComponent({
 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 = resolveComponent("el-scrollbar");
   const _component_arrow_up = resolveComponent("arrow-up");
   const _component_el_icon = resolveComponent("el-icon");
@@ -11518,7 +11579,7 @@ function _sfc_render$1G(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128)) : 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 = defineComponent({
   components: {
@@ -11687,7 +11748,7 @@ const _hoisted_1$T = {
   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 = resolveComponent("time-spinner");
   return openBlock(), createBlock(Transition, { name: _ctx.transitionName }, {
     default: withCtx(() => [
@@ -11727,7 +11788,7 @@ function _sfc_render$1F(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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 = [];
@@ -11971,7 +12032,7 @@ const _hoisted_5$a = { class: "el-time-range-picker__cell" };
 const _hoisted_6$7 = { class: "el-time-range-picker__header" };
 const _hoisted_7$6 = { class: "el-time-panel__footer" };
 const _hoisted_8$6 = ["disabled"];
-function _sfc_render$1E(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_time_spinner = resolveComponent("time-spinner");
   return _ctx.actualVisible ? (openBlock(), createElementBlock("div", _hoisted_1$S, [
     createElementVNode("div", _hoisted_2$C, [
@@ -12033,7 +12094,7 @@ function _sfc_render$1E(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ])) : 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 = defineComponent({
@@ -12229,7 +12290,7 @@ const _sfc_main$1M = defineComponent({
 });
 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 openBlock(), createElementBlock("table", {
     class: normalizeClass([_ctx.nsTable.b(), _ctx.nsTable.is("range", _ctx.isInRange)]),
     cellspacing: "0",
@@ -12271,7 +12332,7 @@ function _sfc_render$1D(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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: {
@@ -12430,7 +12491,7 @@ const _sfc_main$1L = defineComponent({
     };
   }
 });
-function _sfc_render$1C(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_button = resolveComponent("el-button");
   const _component_el_button_group = resolveComponent("el-button-group");
   const _component_date_table = resolveComponent("date-table");
@@ -12523,7 +12584,7 @@ function _sfc_render$1C(_ctx, _cache, $props, $setup, $data, $options) {
     ], 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);
 
@@ -12542,11 +12603,11 @@ const cardProps = buildProps({
   }
 });
 
-const __default__$3 = {
+const __default__$7 = {
   name: "ElCard"
 };
 const _sfc_main$1K = /* @__PURE__ */ defineComponent({
-  ...__default__$3,
+  ...__default__$7,
   props: cardProps,
   setup(__props) {
     const ns = useNamespace("card");
@@ -12833,7 +12894,7 @@ const _sfc_main$1J = defineComponent({
 });
 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 = resolveComponent("arrow-left");
   const _component_el_icon = resolveComponent("el-icon");
   const _component_arrow_right = resolveComponent("arrow-right");
@@ -12928,7 +12989,7 @@ function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)) : 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 = defineComponent({
@@ -13045,7 +13106,7 @@ const _sfc_main$1I = defineComponent({
     };
   }
 });
-function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
   return withDirectives((openBlock(), createElementBlock("div", {
     class: normalizeClass([
       _ctx.ns.e("item"),
@@ -13069,7 +13130,7 @@ function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
     [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
@@ -13293,7 +13354,7 @@ const _hoisted_1$P = ["id", "aria-controls"];
 const _hoisted_2$z = ["tabindex", "role", "aria-checked"];
 const _hoisted_3$m = ["aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"];
 const _hoisted_4$e = ["aria-hidden", "disabled", "value", "name", "tabindex"];
-function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("label", {
     id: _ctx.id,
     class: normalizeClass([
@@ -13364,7 +13425,7 @@ function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)) : 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 = defineComponent({
   name: "ElCheckboxButton",
@@ -13399,7 +13460,7 @@ const _sfc_main$1G = defineComponent({
 const _hoisted_1$O = ["aria-checked", "aria-disabled"];
 const _hoisted_2$y = ["name", "tabindex", "disabled", "true-value", "false-value"];
 const _hoisted_3$l = ["name", "tabindex", "disabled", "value"];
-function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("label", {
     class: normalizeClass([
       _ctx.ns.b("button"),
@@ -13453,7 +13514,7 @@ function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
     ], 6)) : 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 = defineComponent({
   name: "ElCheckboxGroup",
@@ -13620,7 +13681,7 @@ const _sfc_main$1E = defineComponent({
 });
 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 openBlock(), createElementBlock("label", {
     class: normalizeClass([
       _ctx.ns.b(),
@@ -13674,7 +13735,7 @@ function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
     ], 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,
@@ -13722,7 +13783,7 @@ const _sfc_main$1D = defineComponent({
 });
 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 openBlock(), createElementBlock("label", {
     class: normalizeClass([
       _ctx.ns.b("button"),
@@ -13763,7 +13824,7 @@ function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
     ], 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,
@@ -13843,7 +13904,7 @@ const _sfc_main$1C = defineComponent({
     };
   }
 });
-function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1r(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: "radioGroupRef",
     class: normalizeClass(_ctx.ns.b("group")),
@@ -13853,7 +13914,7 @@ function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
     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,
@@ -13994,7 +14055,7 @@ const _sfc_main$1B = defineComponent({
 });
 const _hoisted_1$L = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
 const _hoisted_2$v = /* @__PURE__ */ createElementVNode("span", null, null, -1);
-function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_checkbox = resolveComponent("el-checkbox");
   const _component_el_radio = resolveComponent("el-radio");
   const _component_check = resolveComponent("check");
@@ -14077,7 +14138,7 @@ function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2112)) : 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 = defineComponent({
   name: "ElCascaderMenu",
@@ -14168,7 +14229,7 @@ const _hoisted_3$k = {
   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 = resolveComponent("el-cascader-node");
   const _component_loading = resolveComponent("loading");
   const _component_el_icon = resolveComponent("el-icon");
@@ -14211,7 +14272,7 @@ function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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";
@@ -14688,7 +14749,7 @@ const _sfc_main$1z = defineComponent({
     };
   }
 });
-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 = resolveComponent("el-cascader-menu");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["el-cascader-panel", _ctx.border && "is-bordered"]),
@@ -14705,7 +14766,7 @@ function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
     }), 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);
@@ -14741,11 +14802,11 @@ const tagEmits = {
   click: (evt) => evt instanceof MouseEvent
 };
 
-const __default__$2 = {
+const __default__$6 = {
   name: "ElTag"
 };
 const _sfc_main$1y = /* @__PURE__ */ defineComponent({
-  ...__default__$2,
+  ...__default__$6,
   props: tagProps,
   emits: tagEmits,
   setup(__props, { emit }) {
@@ -15262,7 +15323,7 @@ const _hoisted_1$J = {
 const _hoisted_2$t = ["placeholder"];
 const _hoisted_3$j = ["onClick"];
 const _hoisted_4$d = { class: "el-cascader__empty-text" };
-function _sfc_render$1r(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1n(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_circle_close = resolveComponent("circle-close");
   const _component_el_icon = resolveComponent("el-icon");
   const _component_arrow_down = resolveComponent("arrow-down");
@@ -15445,7 +15506,7 @@ function _sfc_render$1r(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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);
@@ -15464,32 +15525,32 @@ const checkTagEmits = {
   change: (value) => isBoolean(value)
 };
 
-const _sfc_main$1w = defineComponent({
-  name: "ElCheckTag",
+const __default__$5 = {
+  name: "ElCheckTag"
+};
+const _sfc_main$1w = /* @__PURE__ */ 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 openBlock(), createElementBlock("span", {
+        class: normalizeClass([unref(ns).b(), unref(ns).is("checked", _ctx.checked)]),
+        onClick: handleChange
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
     };
   }
 });
-function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("span", {
-    class: normalizeClass([_ctx.ns.b(), _ctx.ns.is("checked", _ctx.checked)]),
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onChange && _ctx.onChange(...args))
-  }, [
-    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);
 
@@ -15538,8 +15599,16 @@ const colProps = buildProps({
 var Col = defineComponent({
   name: "ElCol",
   props: colProps,
-  setup(props, { slots }) {
-    const { gutter } = inject("ElRow", { gutter: { value: 0 } });
+  setup(props, {
+    slots
+  }) {
+    const {
+      gutter
+    } = inject("ElRow", {
+      gutter: {
+        value: 0
+      }
+    });
     const ns = useNamespace("col");
     const style = computed(() => {
       if (gutter.value) {
@@ -15550,67 +15619,80 @@ var Col = defineComponent({
       }
       return {};
     });
-    const classList = computed(() => {
-      const classes = [];
+    const classes = 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 () => h$1(props.tag, {
-      class: [ns.b(), classList.value],
-      style: style.value
-    }, [renderSlot(slots, "default")]);
+    return () => createVNode(props.tag, {
+      "class": [ns.b(), classes.value],
+      "style": style.value
+    }, slots);
   }
 });
 
 const ElCol = withInstall(Col);
 
-const _sfc_main$1v = 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__ */ defineComponent({
+  ...__default__$4,
+  props: collapseProps,
+  emits: collapseEmits,
+  setup(__props, { expose, emit }) {
+    const props = __props;
     const ns = useNamespace("collapse");
-    const activeNames = ref([].concat(props.modelValue));
+    const activeNames = 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);
@@ -15620,33 +15702,27 @@ const _sfc_main$1v = defineComponent({
         setActiveNames(_activeNames);
       }
     };
-    watch(() => props.modelValue, () => {
-      activeNames.value = [].concat(props.modelValue);
-    }, {
-      deep: true
-    });
-    provide("collapse", {
+    watch(() => props.modelValue, () => activeNames.value = castArray$1(props.modelValue), { deep: true });
+    provide(collapseContextKey, {
       activeNames,
       handleItemClick
     });
-    return {
-      ns,
+    expose({
       activeNames,
-      setActiveNames,
-      handleItemClick
+      setActiveNames
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(ns).b()),
+        role: "tablist",
+        "aria-multiselectable": "true"
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
     };
   }
 });
-function _sfc_render$1p(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass(_ctx.ns.b()),
-    role: "tablist",
-    "aria-multiselectable": "true"
-  }, [
-    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 = defineComponent({
   name: "ElCollapseTransition",
@@ -15707,7 +15783,7 @@ const _sfc_main$1u = defineComponent({
     };
   }
 });
-function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1m(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(Transition, mergeProps({
     name: _ctx.ns.b()
   }, toHandlers(_ctx.on)), {
@@ -15717,7 +15793,7 @@ function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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);
@@ -15725,36 +15801,35 @@ CollapseTransition.install = (app) => {
 const _CollapseTransition = CollapseTransition;
 const ElCollapseTransition = _CollapseTransition;
 
-const _sfc_main$1t = 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 = 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__ */ defineComponent({
+  ...__default__$3,
+  props: collapseItemProps,
+  setup(__props, { expose }) {
+    const props = __props;
+    const collapse = inject(collapseContextKey);
     const ns = useNamespace("collapse");
-    const contentWrapStyle = ref({
-      height: "auto",
-      display: "block"
-    });
-    const contentHeight = ref(0);
     const focusing = ref(false);
     const isClick = ref(false);
     const id = ref(generateId());
-    const isActive = computed(() => {
-      return (collapse == null ? void 0 : collapse.activeNames.value.indexOf(props.name)) > -1;
-    });
+    const isActive = computed(() => collapse == null ? void 0 : collapse.activeNames.value.includes(props.name));
     const handleFocus = () => {
       setTimeout(() => {
         if (!isClick.value) {
@@ -15774,91 +15849,75 @@ const _sfc_main$1t = defineComponent({
     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 = resolveComponent("arrow-right");
-  const _component_el_icon = resolveComponent("el-icon");
-  const _component_el_collapse_transition = resolveComponent("el-collapse-transition");
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass([
-      _ctx.ns.b("item"),
-      _ctx.ns.is("active", _ctx.isActive),
-      _ctx.ns.is("disabled", _ctx.disabled)
-    ])
-  }, [
-    createElementVNode("div", {
-      role: "tab",
-      "aria-expanded": _ctx.isActive,
-      "aria-controls": _ctx.ns.b(`content-${_ctx.id}`),
-      "aria-describedby": _ctx.ns.b(`content-${_ctx.id}`)
-    }, [
-      createElementVNode("div", {
-        id: _ctx.ns.b(`head-${_ctx.id}`),
+    expose({
+      isActive
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
         class: 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] = withKeys(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)
+          unref(ns).b("item"),
+          unref(ns).is("active", unref(isActive)),
+          unref(ns).is("disabled", _ctx.disabled)
+        ])
       }, [
-        renderSlot(_ctx.$slots, "title", {}, () => [
-          createTextVNode(toDisplayString(_ctx.title), 1)
-        ]),
-        createVNode(_component_el_icon, {
-          class: normalizeClass([_ctx.ns.be("item", "arrow"), _ctx.ns.is("active", _ctx.isActive)])
-        }, {
-          default: withCtx(() => [
-            createVNode(_component_arrow_right)
-          ]),
-          _: 1
-        }, 8, ["class"])
-      ], 42, _hoisted_2$s)
-    ], 8, _hoisted_1$I),
-    createVNode(_component_el_collapse_transition, null, {
-      default: withCtx(() => [
-        withDirectives(createElementVNode("div", {
-          id: _ctx.ns.b(`content-${_ctx.id}`),
-          class: normalizeClass(_ctx.ns.be("item", "wrap")),
-          role: "tabpanel",
-          "aria-hidden": !_ctx.isActive,
-          "aria-labelledby": _ctx.ns.b(`head-${_ctx.id}`)
+        createElementVNode("div", {
+          role: "tab",
+          "aria-expanded": unref(isActive),
+          "aria-controls": unref(ns).b(`content-${id.value}`),
+          "aria-describedby": unref(ns).b(`content-${id.value}`)
         }, [
           createElementVNode("div", {
-            class: normalizeClass(_ctx.ns.be("item", "content"))
+            id: unref(ns).b(`head-${id.value}`),
+            class: normalizeClass([
+              unref(ns).be("item", "header"),
+              unref(ns).is("active", unref(isActive)),
+              { focusing: focusing.value }
+            ]),
+            role: "button",
+            tabindex: _ctx.disabled ? -1 : 0,
+            onClick: handleHeaderClick,
+            onKeyup: withKeys(withModifiers(handleEnterClick, ["stop"]), ["space", "enter"]),
+            onFocus: handleFocus,
+            onBlur: _cache[0] || (_cache[0] = ($event) => focusing.value = false)
           }, [
-            renderSlot(_ctx.$slots, "default")
-          ], 2)
-        ], 10, _hoisted_3$i), [
-          [vShow, _ctx.isActive]
-        ])
-      ]),
-      _: 3
-    })
-  ], 2);
-}
-var CollapseItem = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$1n]]);
+            renderSlot(_ctx.$slots, "title", {}, () => [
+              createTextVNode(toDisplayString(_ctx.title), 1)
+            ]),
+            createVNode(unref(ElIcon), {
+              class: normalizeClass([unref(ns).be("item", "arrow"), unref(ns).is("active", unref(isActive))])
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(arrowRight))
+              ]),
+              _: 1
+            }, 8, ["class"])
+          ], 42, _hoisted_2$s)
+        ], 8, _hoisted_1$I),
+        createVNode(unref(_CollapseTransition), null, {
+          default: withCtx(() => [
+            withDirectives(createElementVNode("div", {
+              id: unref(ns).b(`content-${id.value}`),
+              class: normalizeClass(unref(ns).be("item", "wrap")),
+              role: "tabpanel",
+              "aria-hidden": !unref(isActive),
+              "aria-labelledby": unref(ns).b(`head-${id.value}`)
+            }, [
+              createElementVNode("div", {
+                class: normalizeClass(unref(ns).be("item", "content"))
+              }, [
+                renderSlot(_ctx.$slots, "default")
+              ], 2)
+            ], 10, _hoisted_3$i), [
+              [vShow, unref(isActive)]
+            ])
+          ]),
+          _: 3
+        })
+      ], 2);
+    };
+  }
+});
+var CollapseItem = _sfc_main$1t;
 
 const ElCollapse = withInstall(Collapse, {
   CollapseItem
@@ -16003,7 +16062,7 @@ const _sfc_main$1s = defineComponent({
     };
   }
 });
-function _sfc_render$1m(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["el-color-alpha-slider", { "is-vertical": _ctx.vertical }])
   }, [
@@ -16025,7 +16084,7 @@ function _sfc_render$1m(_ctx, _cache, $props, $setup, $data, $options) {
     }, 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 = defineComponent({
   name: "ElColorHueSlider",
@@ -16118,7 +16177,7 @@ const _sfc_main$1r = defineComponent({
     };
   }
 });
-function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["el-color-hue-slider", { "is-vertical": _ctx.vertical }])
   }, [
@@ -16137,7 +16196,7 @@ function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
     }, 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 = () => {
@@ -16458,7 +16517,7 @@ const _sfc_main$1q = defineComponent({
 const _hoisted_1$H = { class: "el-color-predefine" };
 const _hoisted_2$r = { class: "el-color-predefine__colors" };
 const _hoisted_3$h = ["onClick"];
-function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1j(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1$H, [
     createElementVNode("div", _hoisted_2$r, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.rgbaColors, (item, index) => {
@@ -16475,7 +16534,7 @@ function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-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 = defineComponent({
   name: "ElSlPanel",
@@ -16551,7 +16610,7 @@ const _hoisted_3$g = /* @__PURE__ */ createElementVNode("div", null, null, -1);
 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 openBlock(), createElementBlock("div", {
     class: "el-color-svpanel",
     style: normalizeStyle({
@@ -16569,7 +16628,7 @@ function _sfc_render$1j(_ctx, _cache, $props, $setup, $data, $options) {
     }, _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 = defineComponent({
   name: "ElColorPicker",
@@ -16745,7 +16804,7 @@ const _sfc_main$1o = defineComponent({
     };
   }
 });
-function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_hue_slider = resolveComponent("hue-slider");
   const _component_sv_panel = resolveComponent("sv-panel");
   const _component_alpha_slider = resolveComponent("alpha-slider");
@@ -16893,7 +16952,7 @@ function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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);
@@ -16970,14 +17029,14 @@ const _sfc_main$1n = defineComponent({
     };
   }
 });
-function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("section", {
     class: normalizeClass([_ctx.ns.b(), _ctx.ns.is("vertical", _ctx.isVertical)])
   }, [
     renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-var Container = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["render", _sfc_render$1h]]);
+var Container = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["render", _sfc_render$1g]]);
 
 const _sfc_main$1m = defineComponent({
   name: "ElAside",
@@ -16997,7 +17056,7 @@ const _sfc_main$1m = defineComponent({
     };
   }
 });
-function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("aside", {
     class: normalizeClass(_ctx.ns.b()),
     style: normalizeStyle(_ctx.style)
@@ -17005,7 +17064,7 @@ function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
     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 = defineComponent({
   name: "ElFooter",
@@ -17025,7 +17084,7 @@ const _sfc_main$1l = defineComponent({
     };
   }
 });
-function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("footer", {
     class: normalizeClass(_ctx.ns.b()),
     style: normalizeStyle(_ctx.style)
@@ -17033,7 +17092,7 @@ function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
     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 = defineComponent({
   name: "ElHeader",
@@ -17053,7 +17112,7 @@ const _sfc_main$1k = defineComponent({
     };
   }
 });
-function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("header", {
     class: normalizeClass(_ctx.ns.b()),
     style: normalizeStyle(_ctx.style)
@@ -17061,7 +17120,7 @@ function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
     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 = defineComponent({
   name: "ElMain",
@@ -17072,14 +17131,14 @@ const _sfc_main$1j = defineComponent({
     };
   }
 });
-function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("main", {
     class: normalizeClass(_ctx.ns.b())
   }, [
     renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-var Main = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["render", _sfc_render$1d]]);
+var Main = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["render", _sfc_render$1c]]);
 
 const ElContainer = withInstall(Container, {
   Aside,
@@ -17558,7 +17617,7 @@ const _sfc_main$1i = defineComponent({
   }
 });
 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 = resolveComponent("el-date-picker-cell");
   return openBlock(), createElementBlock("table", {
     cellspacing: "0",
@@ -17592,7 +17651,7 @@ function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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);
@@ -17764,7 +17823,7 @@ const _sfc_main$1h = defineComponent({
   }
 });
 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 openBlock(), createElementBlock("table", {
     class: "el-month-table",
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleMonthTableClick && _ctx.handleMonthTableClick(...args)),
@@ -17788,7 +17847,7 @@ function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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");
@@ -17850,7 +17909,7 @@ const _hoisted_9$5 = { class: "cell" };
 const _hoisted_10$5 = { class: "cell" };
 const _hoisted_11$3 = /* @__PURE__ */ createElementVNode("td", null, null, -1);
 const _hoisted_12$3 = /* @__PURE__ */ createElementVNode("td", null, null, -1);
-function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("table", {
     class: "el-year-table",
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleYearTableClick && _ctx.handleYearTableClick(...args))
@@ -17917,7 +17976,7 @@ function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-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 = defineComponent({
@@ -18350,7 +18409,7 @@ const _hoisted_10$4 = ["aria-label"];
 const _hoisted_11$2 = ["aria-label"];
 const _hoisted_12$2 = { class: "el-picker-panel__content" };
 const _hoisted_13$2 = { class: "el-picker-panel__footer" };
-function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_input = resolveComponent("el-input");
   const _component_time_pick_panel = resolveComponent("time-pick-panel");
   const _component_d_arrow_left = resolveComponent("d-arrow-left");
@@ -18546,7 +18605,7 @@ function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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 = defineComponent({
   directives: { clickoutside: ClickOutside },
@@ -19012,7 +19071,7 @@ const _hoisted_20$1 = {
   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 = resolveComponent("el-input");
   const _component_time_pick_panel = resolveComponent("time-pick-panel");
   const _component_arrow_right = resolveComponent("arrow-right");
@@ -19294,7 +19353,7 @@ function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : 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 = defineComponent({
   components: { MonthTable, ElIcon, DArrowLeft: dArrowLeft, DArrowRight: dArrowRight },
@@ -19479,7 +19538,7 @@ const _hoisted_7$2 = ["disabled"];
 const _hoisted_8$2 = { class: "el-picker-panel__content el-date-range-picker__content is-right" };
 const _hoisted_9$2 = { class: "el-date-range-picker__header" };
 const _hoisted_10$2 = ["disabled"];
-function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_d_arrow_left = resolveComponent("d-arrow-left");
   const _component_el_icon = resolveComponent("el-icon");
   const _component_d_arrow_right = resolveComponent("d-arrow-right");
@@ -19592,7 +19651,7 @@ function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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);
@@ -19758,7 +19817,7 @@ const _sfc_main$1c = defineComponent({
   }
 });
 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 = resolveComponent("el-descriptions-cell");
   return _ctx.descriptions.direction === "vertical" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
     createElementVNode("tr", null, [
@@ -19807,7 +19866,7 @@ function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
     }), 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 = defineComponent({
   name: "ElDescriptions",
@@ -19913,7 +19972,7 @@ const _sfc_main$1b = defineComponent({
     };
   }
 });
-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 = resolveComponent("el-descriptions-row");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.descriptionKls)
@@ -19955,7 +20014,7 @@ function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
     ], 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 = defineComponent({
   name: "ElDescriptionsItem",
@@ -20059,243 +20118,6 @@ var Overlay = defineComponent({
 
 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 = defineComponent({
-  name: "ElFocusTrap",
-  inheritAttrs: false,
-  props: {
-    loop: Boolean,
-    trapped: Boolean
-  },
-  emits: [ON_MOUNT_FOCUS_EVT, ON_UNMOUNT_FOCUS_EVT],
-  setup(props, { emit }) {
-    const focusTrapRef = ref();
-    const forwardRef = ref(null);
-    let lastFocusBeforeMounted;
-    let lastFocusAfterMounted;
-    const focusLayer = {
-      paused: false,
-      pause() {
-        this.paused = true;
-      },
-      resume() {
-        this.paused = false;
-      }
-    };
-    const onKeydown = (e) => {
-      if (!props.loop && !props.trapped)
-        return;
-      if (focusLayer.paused)
-        return;
-      const { key, altKey, ctrlKey, metaKey, currentTarget, shiftKey } = e;
-      const { loop } = props;
-      const isTabbing = key === EVENT_CODE.tab && !altKey && !ctrlKey && !metaKey;
-      const currentFocusingEl = document.activeElement;
-      if (isTabbing && currentFocusingEl) {
-        const container = currentTarget;
-        const [first, last] = getEdges(container);
-        const isTabbable = first && last;
-        if (!isTabbable) {
-          if (currentFocusingEl === container)
-            e.preventDefault();
-        } else {
-          if (!shiftKey && currentFocusingEl === last) {
-            e.preventDefault();
-            if (loop)
-              tryFocus(first, true);
-          } else if (shiftKey && currentFocusingEl === first) {
-            e.preventDefault();
-            if (loop)
-              tryFocus(last, true);
-          }
-        }
-      }
-    };
-    provide(FOCUS_TRAP_INJECTION_KEY, {
-      focusTrapRef: forwardRef,
-      onKeydown
-    });
-    const focusOnMount = (e) => {
-      emit(ON_MOUNT_FOCUS_EVT, e);
-    };
-    const focusOnUnmount = (e) => emit(ON_UNMOUNT_FOCUS_EVT, e);
-    const onFocusIn = (e) => {
-      const trapContainer = unref(forwardRef);
-      if (focusLayer.paused || !trapContainer)
-        return;
-      const target = e.target;
-      if (target && trapContainer.contains(target)) {
-        lastFocusAfterMounted = target;
-      } else {
-        tryFocus(lastFocusAfterMounted, true);
-      }
-    };
-    const onFocusOut = (e) => {
-      const trapContainer = unref(forwardRef);
-      if (focusLayer.paused || !trapContainer)
-        return;
-      if (!trapContainer.contains(e.relatedTarget)) {
-        tryFocus(lastFocusAfterMounted, true);
-      }
-    };
-    const cleanupDocumentListeners = () => {
-      document.removeEventListener("focusin", onFocusIn);
-      document.removeEventListener("focusout", onFocusOut);
-    };
-    onMounted(() => {
-      const trapContainer = unref(forwardRef);
-      if (trapContainer) {
-        focusableStack.push(focusLayer);
-        const prevFocusedElement = document.activeElement;
-        lastFocusBeforeMounted = prevFocusedElement;
-        const isPrevFocusContained = trapContainer.contains(prevFocusedElement);
-        if (!isPrevFocusContained) {
-          const mountEvent = new Event(FOCUS_ON_MOUNT, FOCUS_ON_MOUNT_OPTS);
-          trapContainer.addEventListener(FOCUS_ON_MOUNT, focusOnMount);
-          trapContainer.dispatchEvent(mountEvent);
-          if (!mountEvent.defaultPrevented) {
-            nextTick(() => {
-              focusFirstDescendant(obtainAllFocusableElements(trapContainer), true);
-              if (document.activeElement === prevFocusedElement) {
-                tryFocus(trapContainer);
-              }
-            });
-          }
-        }
-      }
-      watch(() => props.trapped, (trapped) => {
-        if (trapped) {
-          document.addEventListener("focusin", onFocusIn);
-          document.addEventListener("focusout", onFocusOut);
-        } else {
-          cleanupDocumentListeners();
-        }
-      }, { immediate: true });
-    });
-    onBeforeUnmount(() => {
-      cleanupDocumentListeners();
-      const trapContainer = unref(forwardRef);
-      if (trapContainer) {
-        trapContainer.removeEventListener(FOCUS_ON_MOUNT, focusOnMount);
-        const unmountEvent = new Event(FOCUS_ON_UNMOUNT, FOCUS_ON_MOUNT_OPTS);
-        trapContainer.addEventListener(FOCUS_ON_UNMOUNT, focusOnUnmount);
-        trapContainer.dispatchEvent(unmountEvent);
-        if (!unmountEvent.defaultPrevented) {
-          tryFocus(lastFocusBeforeMounted != null ? lastFocusBeforeMounted : document.body, true);
-        }
-        trapContainer.removeEventListener(FOCUS_ON_UNMOUNT, focusOnMount);
-        focusableStack.remove(focusLayer);
-      }
-    });
-    return {
-      focusTrapRef,
-      forwardRef,
-      onKeydown
-    };
-  }
-});
-function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
-  return renderSlot(_ctx.$slots, "default");
-}
-var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$14]]);
-
 const dialogContentProps = buildProps({
   center: {
     type: Boolean,
@@ -20330,22 +20152,19 @@ const dialogContentEmits = {
   close: () => true
 };
 
-const elDialogInjectionKey = Symbol("elDialogInjectionKey");
-
 const _hoisted_1$y = ["aria-label"];
-const __default__$1 = { name: "ElDialogContent" };
-const _sfc_main$19 = /* @__PURE__ */ defineComponent({
-  ...__default__$1,
+const __default__$2 = { name: "ElDialogContent" };
+const _sfc_main$1a = /* @__PURE__ */ defineComponent({
+  ...__default__$2,
   props: dialogContentProps,
   emits: dialogContentEmits,
   setup(__props) {
     const { Close } = CloseComponents;
-    const { dialogRef, headerRef, ns, style } = inject(elDialogInjectionKey);
-    const { focusTrapRef, onKeydown } = inject(FOCUS_TRAP_INJECTION_KEY);
-    const composedDialogRef = composeRefs(focusTrapRef, dialogRef);
+    const { dialogRef, headerRef, ns, style } = inject(dialogInjectionKey);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        ref: unref(composedDialogRef),
+        ref_key: "dialogRef",
+        ref: dialogRef,
         class: normalizeClass([
           unref(ns).b(),
           unref(ns).is("fullscreen", _ctx.fullscreen),
@@ -20358,8 +20177,7 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
         "aria-label": _ctx.title || "dialog",
         style: normalizeStyle(unref(style)),
         onClick: _cache[1] || (_cache[1] = withModifiers(() => {
-        }, ["stop"])),
-        onKeydown: _cache[2] || (_cache[2] = (...args) => unref(onKeydown) && unref(onKeydown)(...args))
+        }, ["stop"]))
       }, [
         createElementVNode("div", {
           ref_key: "headerRef",
@@ -20399,11 +20217,11 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
             _: 1
           }, 8, ["class"])
         ], 2)) : 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,
@@ -20455,6 +20273,10 @@ const dialogProps = buildProps({
   },
   zIndex: {
     type: Number
+  },
+  trapFocus: {
+    type: Boolean,
+    default: false
   }
 });
 const dialogEmits = {
@@ -20462,17 +20284,19 @@ const dialogEmits = {
   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 = getCurrentInstance();
+  const emit = instance.emit;
+  const { nextZIndex } = useZIndex();
   let lastPosition = "";
   const visible = ref(false);
   const closed = ref(false);
   const rendered = ref(false);
-  const { nextZIndex } = useZIndex();
   const zIndex = ref(props.zIndex || nextZIndex());
   let openTimer = void 0;
   let closeTimer = void 0;
@@ -20521,13 +20345,13 @@ const useDialog = (props, { emit }, targetRef) => {
       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 {
@@ -20540,9 +20364,8 @@ const useDialog = (props, { emit }, targetRef) => {
     }
   }
   function doOpen() {
-    if (!isClient) {
+    if (!isClient)
       return;
-    }
     visible.value = true;
   }
   function doClose() {
@@ -20608,38 +20431,42 @@ const useDialog = (props, { emit }, targetRef) => {
   };
 };
 
-const __default__ = {
+const __default__$1 = {
   name: "ElDialog"
 };
-const _sfc_main$18 = /* @__PURE__ */ defineComponent({
-  ...__default__,
+const _sfc_main$19 = /* @__PURE__ */ defineComponent({
+  ...__default__$1,
   props: dialogProps,
   emits: dialogEmits,
-  setup(__props, { emit }) {
+  setup(__props, { expose }) {
     const props = __props;
     const ns = useNamespace("dialog");
-    const dialogRef = ref(null);
-    const headerRef = ref(null);
-    const dialog = useDialog(props, { emit }, dialogRef);
+    const dialogRef = ref();
+    const headerRef = ref();
     const {
       visible,
+      style,
+      rendered,
+      zIndex,
       afterEnter,
       afterLeave,
       beforeLeave,
-      style,
       handleClose,
-      rendered
-    } = dialog;
-    provide(elDialogInjectionKey, {
+      onModalClick
+    } = useDialog(props, dialogRef);
+    provide(dialogInjectionKey, {
       dialogRef,
       headerRef,
       ns,
       rendered,
       style
     });
-    const overlayEvent = useSameTarget(dialog.onModalClick);
+    const overlayEvent = useSameTarget(onModalClick);
     const draggable = computed(() => props.draggable && !props.fullscreen);
     useDraggable(dialogRef, headerRef, draggable);
+    expose({
+      visible
+    });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(Teleport, {
         to: "body",
@@ -20656,48 +20483,38 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
               "custom-mask-event": "",
               mask: _ctx.modal,
               "overlay-class": _ctx.modalClass,
-              "z-index": _ctx.zIndex
+              "z-index": unref(zIndex)
             }, {
               default: withCtx(() => [
                 createElementVNode("div", {
                   class: normalizeClass(`${unref(ns).namespace.value}-overlay-dialog`),
-                  onClick: _cache[2] || (_cache[2] = (...args) => unref(overlayEvent).onClick && unref(overlayEvent).onClick(...args)),
-                  onMousedown: _cache[3] || (_cache[3] = (...args) => unref(overlayEvent).onMousedown && unref(overlayEvent).onMousedown(...args)),
-                  onMouseup: _cache[4] || (_cache[4] = (...args) => unref(overlayEvent).onMouseup && unref(overlayEvent).onMouseup(...args))
+                  onClick: _cache[0] || (_cache[0] = (...args) => unref(overlayEvent).onClick && unref(overlayEvent).onClick(...args)),
+                  onMousedown: _cache[1] || (_cache[1] = (...args) => unref(overlayEvent).onMousedown && unref(overlayEvent).onMousedown(...args)),
+                  onMouseup: _cache[2] || (_cache[2] = (...args) => unref(overlayEvent).onMouseup && unref(overlayEvent).onMouseup(...args))
                 }, [
-                  unref(rendered) ? (openBlock(), createBlock(unref(ElFocusTrap), {
+                  unref(rendered) ? (openBlock(), 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: unref(draggable),
+                    fullscreen: _ctx.fullscreen,
+                    "show-close": _ctx.showClose,
+                    style: normalizeStyle(unref(style)),
+                    title: _ctx.title,
+                    onClose: unref(handleClose)
                   }, {
+                    title: withCtx(() => [
+                      renderSlot(_ctx.$slots, "title")
+                    ]),
+                    footer: withCtx(() => [
+                      renderSlot(_ctx.$slots, "footer")
+                    ]),
                     default: withCtx(() => [
-                      createVNode(ElDialogContent, {
-                        "custom-class": _ctx.customClass,
-                        center: _ctx.center,
-                        "close-icon": _ctx.closeIcon,
-                        draggable: unref(draggable),
-                        fullscreen: _ctx.fullscreen,
-                        "show-close": _ctx.showClose,
-                        style: normalizeStyle(unref(style)),
-                        title: _ctx.title,
-                        onClose: unref(handleClose)
-                      }, {
-                        title: withCtx(() => [
-                          renderSlot(_ctx.$slots, "title")
-                        ]),
-                        footer: withCtx(() => [
-                          renderSlot(_ctx.$slots, "footer")
-                        ]),
-                        default: withCtx(() => [
-                          renderSlot(_ctx.$slots, "default")
-                        ]),
-                        _: 3
-                      }, 8, ["custom-class", "center", "close-icon", "draggable", "fullscreen", "show-close", "style", "title", "onClose"])
+                      renderSlot(_ctx.$slots, "default")
                     ]),
                     _: 3
-                  })) : createCommentVNode("v-if", true)
+                  }, 8, ["custom-class", "center", "close-icon", "draggable", "fullscreen", "show-close", "style", "title", "onClose"])) : createCommentVNode("v-if", true)
                 ], 34)
               ]),
               _: 3
@@ -20711,7 +20528,7 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Dialog = _sfc_main$18;
+var Dialog = _sfc_main$19;
 
 const ElDialog = withInstall(Dialog);
 
@@ -20732,7 +20549,7 @@ const dividerProps = buildProps({
   }
 });
 
-const _sfc_main$17 = defineComponent({
+const _sfc_main$18 = defineComponent({
   name: "ElDivider",
   props: dividerProps,
   setup(props) {
@@ -20761,7 +20578,7 @@ function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)) : 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);
 
@@ -20787,7 +20604,7 @@ const drawerProps = buildProps({
 });
 const drawerEmits = dialogEmits;
 
-const _sfc_main$16 = defineComponent({
+const _sfc_main$17 = defineComponent({
   name: "ElDrawer",
   components: {
     ElOverlay,
@@ -20805,7 +20622,7 @@ const _sfc_main$16 = defineComponent({
     const isHorizontal = computed(() => props.direction === "rtl" || props.direction === "ltr");
     const drawerSize = computed(() => typeof props.size === "number" ? `${props.size}px` : props.size);
     return {
-      ...useDialog(props, ctx, drawerRef),
+      ...useDialog(props, ctx),
       drawerRef,
       isHorizontal,
       drawerSize,
@@ -20904,26 +20721,263 @@ function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
     }, 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 = defineComponent({
+  name: "ElFocusTrap",
+  inheritAttrs: false,
+  props: {
+    loop: Boolean,
+    trapped: Boolean
+  },
+  emits: [ON_MOUNT_FOCUS_EVT, ON_UNMOUNT_FOCUS_EVT],
+  setup(props, { emit }) {
+    const focusTrapRef = ref();
+    const forwardRef = ref(null);
+    let lastFocusBeforeMounted;
+    let lastFocusAfterMounted;
+    const focusLayer = {
+      paused: false,
+      pause() {
+        this.paused = true;
+      },
+      resume() {
+        this.paused = false;
+      }
+    };
+    const onKeydown = (e) => {
+      if (!props.loop && !props.trapped)
+        return;
+      if (focusLayer.paused)
+        return;
+      const { key, altKey, ctrlKey, metaKey, currentTarget, shiftKey } = e;
+      const { loop } = props;
+      const isTabbing = key === EVENT_CODE.tab && !altKey && !ctrlKey && !metaKey;
+      const currentFocusingEl = document.activeElement;
+      if (isTabbing && currentFocusingEl) {
+        const container = currentTarget;
+        const [first, last] = getEdges(container);
+        const isTabbable = first && last;
+        if (!isTabbable) {
+          if (currentFocusingEl === container)
+            e.preventDefault();
+        } else {
+          if (!shiftKey && currentFocusingEl === last) {
+            e.preventDefault();
+            if (loop)
+              tryFocus(first, true);
+          } else if (shiftKey && currentFocusingEl === first) {
+            e.preventDefault();
+            if (loop)
+              tryFocus(last, true);
+          }
+        }
+      }
+    };
+    provide(FOCUS_TRAP_INJECTION_KEY, {
+      focusTrapRef: forwardRef,
+      onKeydown
+    });
+    const focusOnMount = (e) => {
+      emit(ON_MOUNT_FOCUS_EVT, e);
+    };
+    const focusOnUnmount = (e) => emit(ON_UNMOUNT_FOCUS_EVT, e);
+    const onFocusIn = (e) => {
+      const trapContainer = unref(forwardRef);
+      if (focusLayer.paused || !trapContainer)
+        return;
+      const target = e.target;
+      if (target && trapContainer.contains(target)) {
+        lastFocusAfterMounted = target;
+      } else {
+        tryFocus(lastFocusAfterMounted, true);
+      }
+    };
+    const onFocusOut = (e) => {
+      const trapContainer = unref(forwardRef);
+      if (focusLayer.paused || !trapContainer)
+        return;
+      if (!trapContainer.contains(e.relatedTarget)) {
+        tryFocus(lastFocusAfterMounted, true);
+      }
+    };
+    const cleanupDocumentListeners = () => {
+      document.removeEventListener("focusin", onFocusIn);
+      document.removeEventListener("focusout", onFocusOut);
+    };
+    onMounted(() => {
+      const trapContainer = unref(forwardRef);
+      if (trapContainer) {
+        focusableStack.push(focusLayer);
+        const prevFocusedElement = document.activeElement;
+        lastFocusBeforeMounted = prevFocusedElement;
+        const isPrevFocusContained = trapContainer.contains(prevFocusedElement);
+        if (!isPrevFocusContained) {
+          const mountEvent = new Event(FOCUS_ON_MOUNT, FOCUS_ON_MOUNT_OPTS);
+          trapContainer.addEventListener(FOCUS_ON_MOUNT, focusOnMount);
+          trapContainer.dispatchEvent(mountEvent);
+          if (!mountEvent.defaultPrevented) {
+            nextTick(() => {
+              focusFirstDescendant(obtainAllFocusableElements(trapContainer), true);
+              if (document.activeElement === prevFocusedElement) {
+                tryFocus(trapContainer);
+              }
+            });
+          }
+        }
+      }
+      watch(() => props.trapped, (trapped) => {
+        if (trapped) {
+          document.addEventListener("focusin", onFocusIn);
+          document.addEventListener("focusout", onFocusOut);
+        } else {
+          cleanupDocumentListeners();
+        }
+      }, { immediate: true });
+    });
+    onBeforeUnmount(() => {
+      cleanupDocumentListeners();
+      const trapContainer = unref(forwardRef);
+      if (trapContainer) {
+        trapContainer.removeEventListener(FOCUS_ON_MOUNT, focusOnMount);
+        const unmountEvent = new Event(FOCUS_ON_UNMOUNT, FOCUS_ON_MOUNT_OPTS);
+        trapContainer.addEventListener(FOCUS_ON_UNMOUNT, focusOnUnmount);
+        trapContainer.dispatchEvent(unmountEvent);
+        if (!unmountEvent.defaultPrevented) {
+          tryFocus(lastFocusBeforeMounted != null ? lastFocusBeforeMounted : document.body, true);
+        }
+        trapContainer.removeEventListener(FOCUS_ON_UNMOUNT, focusOnMount);
+        focusableStack.remove(focusLayer);
+      }
+    });
+    return {
+      focusTrapRef,
+      forwardRef,
+      onKeydown
+    };
+  }
+});
+function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
+  return renderSlot(_ctx.$slots, "default");
+}
+var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$11]]);
+
 const _sfc_main$15 = defineComponent({
   inheritAttrs: false
 });
-function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$10(_ctx, _cache, $props, $setup, $data, $options) {
   return 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 = 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 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) => {
@@ -21151,10 +21205,10 @@ const _sfc_main$13 = defineComponent({
     });
   }
 });
-function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
   return 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 = defineComponent({
   name: "ElRovingFocusGroup",
@@ -21163,7 +21217,7 @@ const _sfc_main$12 = defineComponent({
     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 = resolveComponent("el-roving-focus-group-impl");
   const _component_el_focus_group_collection = resolveComponent("el-focus-group-collection");
   return openBlock(), createBlock(_component_el_focus_group_collection, null, {
@@ -21178,7 +21232,7 @@ function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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 = defineComponent({
   components: {
@@ -21265,7 +21319,7 @@ const _sfc_main$11 = defineComponent({
     };
   }
 });
-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 = resolveComponent("el-roving-focus-collection-item");
   return openBlock(), createBlock(_component_el_roving_focus_collection_item, {
     id: _ctx.id,
@@ -21278,7 +21332,7 @@ function _sfc_render$Z(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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,
@@ -21465,7 +21519,7 @@ const _sfc_main$10 = defineComponent({
     };
   }
 });
-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 = resolveComponent("el-dropdown-collection");
   const _component_el_roving_focus_group = resolveComponent("el-roving-focus-group");
@@ -21588,7 +21642,7 @@ function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
     })) : 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$$ = defineComponent({
   name: "DropdownItemImpl",
@@ -21632,7 +21686,7 @@ const _sfc_main$$ = defineComponent({
   }
 });
 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 = resolveComponent("el-icon");
   return openBlock(), createElementBlock(Fragment, null, [
     _ctx.divided ? (openBlock(), createElementBlock("li", mergeProps({
@@ -21661,7 +21715,7 @@ function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
     ], 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 = inject("elDropdown", {});
@@ -21737,7 +21791,7 @@ const _sfc_main$_ = defineComponent({
     };
   }
 });
-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 = resolveComponent("el-dropdown-item-impl");
   const _component_el_roving_focus_item = resolveComponent("el-roving-focus-item");
@@ -21768,7 +21822,7 @@ function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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 = defineComponent({
   name: "ElDropdownMenu",
@@ -21831,7 +21885,7 @@ const _sfc_main$Z = defineComponent({
     };
   }
 });
-function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("ul", {
     ref: _ctx.dropdownListWrapperRef,
     class: normalizeClass(_ctx.dropdownKls),
@@ -21846,7 +21900,7 @@ function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
     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,
@@ -21960,7 +22014,7 @@ const _hoisted_27 = /* @__PURE__ */ createElementVNode("polygon", {
   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 openBlock(), createElementBlock("svg", _hoisted_1$v, [
     createElementVNode("defs", null, [
       createElementVNode("linearGradient", {
@@ -22041,7 +22095,7 @@ function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-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: {
@@ -22077,7 +22131,7 @@ const _sfc_main$X = defineComponent({
 });
 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 = resolveComponent("img-empty");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.ns.b())
@@ -22107,7 +22161,7 @@ function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)) : 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);
 
@@ -22299,14 +22353,14 @@ const _sfc_main$W = defineComponent({
     };
   }
 });
-function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("form", {
     class: normalizeClass(_ctx.formKls)
   }, [
     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) {
@@ -23630,7 +23684,7 @@ const _sfc_main$V = defineComponent({
   }
 });
 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 = resolveComponent("LabelWrap");
   return openBlock(), createElementBlock("div", {
     ref: "formItemRef",
@@ -23677,7 +23731,7 @@ function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
     ], 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
@@ -23977,7 +24031,7 @@ const _sfc_main$U = defineComponent({
   }
 });
 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 = resolveComponent("close");
   const _component_el_icon = resolveComponent("el-icon");
   const _component_arrow_left = resolveComponent("arrow-left");
@@ -24130,7 +24184,7 @@ function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
     })
   ], 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);
 
@@ -24369,7 +24423,7 @@ const _sfc_main$T = defineComponent({
 });
 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 = resolveComponent("image-viewer");
   return openBlock(), createElementBlock("div", {
     ref: "container",
@@ -24411,7 +24465,7 @@ function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2112)) : 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);
 
@@ -24680,7 +24734,7 @@ const _sfc_main$S = defineComponent({
     };
   }
 });
-function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_arrow_down = resolveComponent("arrow-down");
   const _component_minus = resolveComponent("minus");
   const _component_el_icon = resolveComponent("el-icon");
@@ -24753,7 +24807,7 @@ function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
     }, 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);
 
@@ -24796,7 +24850,7 @@ const _sfc_main$R = defineComponent({
   }
 });
 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 = resolveComponent("el-icon");
   return openBlock(), createElementBlock("a", {
     class: normalizeClass([
@@ -24823,7 +24877,7 @@ function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
     _ctx.$slots.icon ? renderSlot(_ctx.$slots, "icon", { key: 2 }) : 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);
 
@@ -24994,7 +25048,7 @@ const _sfc_main$Q = defineComponent({
     };
   }
 });
-function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(Transition, mergeProps({ mode: "out-in" }, _ctx.listeners), {
     default: withCtx(() => [
       renderSlot(_ctx.$slots, "default")
@@ -25002,7 +25056,7 @@ function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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 = inject("rootMenu");
@@ -25676,17 +25730,8 @@ const _sfc_main$P = defineComponent({
     };
   }
 });
-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 = resolveComponent("el-tooltip");
   return openBlock(), createElementBlock("li", {
     class: normalizeClass(["el-menu-item", {
@@ -25719,7 +25764,7 @@ function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
     ], 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
@@ -25753,7 +25798,7 @@ const _sfc_main$O = defineComponent({
   }
 });
 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 openBlock(), createElementBlock("li", _hoisted_1$o, [
     createElementVNode("div", {
       class: "el-menu-item-group__title",
@@ -25768,7 +25813,7 @@ function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-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,
@@ -25779,81 +25824,75 @@ const ElMenuItem = withNoopInstall(MenuItem);
 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 = defineComponent({
-  name: "ElPageHeader",
-  components: {
-    ElIcon
-  },
+const __default__ = {
+  name: "ElPageHeader"
+};
+const _sfc_main$N = /* @__PURE__ */ 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 openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(ns).b())
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(unref(ns).e("left")),
+          onClick: handleClick
+        }, [
+          _ctx.icon || _ctx.$slots.icon ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(unref(ns).e("icon"))
+          }, [
+            renderSlot(_ctx.$slots, "icon", {}, () => [
+              _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), { key: 0 }, {
+                default: withCtx(() => [
+                  (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
+                ]),
+                _: 1
+              })) : createCommentVNode("v-if", true)
+            ])
+          ], 2)) : createCommentVNode("v-if", true),
+          createElementVNode("div", {
+            class: normalizeClass(unref(ns).e("title"))
+          }, [
+            renderSlot(_ctx.$slots, "title", {}, () => [
+              createTextVNode(toDisplayString(_ctx.title || unref(t)("el.pageHeader.title")), 1)
+            ])
+          ], 2)
+        ], 2),
+        createElementVNode("div", {
+          class: normalizeClass(unref(ns).e("content"))
+        }, [
+          renderSlot(_ctx.$slots, "content", {}, () => [
+            createTextVNode(toDisplayString(_ctx.content), 1)
+          ])
+        ], 2)
+      ], 2);
     };
   }
 });
-function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_icon = resolveComponent("el-icon");
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass(_ctx.ns.b())
-  }, [
-    createElementVNode("div", {
-      class: normalizeClass(_ctx.ns.e("left")),
-      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
-    }, [
-      _ctx.icon || _ctx.$slots.icon ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        class: normalizeClass(_ctx.ns.e("icon"))
-      }, [
-        renderSlot(_ctx.$slots, "icon", {}, () => [
-          _ctx.icon ? (openBlock(), createBlock(_component_el_icon, { key: 0 }, {
-            default: withCtx(() => [
-              (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
-            ]),
-            _: 1
-          })) : createCommentVNode("v-if", true)
-        ])
-      ], 2)) : createCommentVNode("v-if", true),
-      createElementVNode("div", {
-        class: normalizeClass(_ctx.ns.e("title"))
-      }, [
-        renderSlot(_ctx.$slots, "title", {}, () => [
-          createTextVNode(toDisplayString(_ctx.title || _ctx.t("el.pageHeader.title")), 1)
-        ])
-      ], 2)
-    ], 2),
-    createElementVNode("div", {
-      class: normalizeClass(_ctx.ns.e("content"))
-    }, [
-      renderSlot(_ctx.$slots, "content", {}, () => [
-        createTextVNode(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);
 
@@ -45085,4 +45124,4 @@ var installer = makeInstaller([...Components, ...Plugins]);
 const install = installer.install;
 const version = installer.version;
 
-export { BAR_MAP, CASCADER_PANEL_INJECTION_KEY, CHANGE_EVENT, ClickOutside, CommonPicker, CommonProps, DEFAULT_FORMATS_DATE, DEFAULT_FORMATS_DATEPICKER, DEFAULT_FORMATS_TIME, COLLECTION_INJECTION_KEY as DROPDOWN_COLLECTION_INJECTION_KEY, COLLECTION_ITEM_INJECTION_KEY as DROPDOWN_COLLECTION_ITEM_INJECTION_KEY, DROPDOWN_INJECTION_KEY, DefaultProps, FixedSizeGrid$1 as DynamicSizeGrid, DynamicSizeList$1 as DynamicSizeList, Effect, ElAffix, ElAlert, ElAside, ElAutocomplete, ElAvatar, ElBacktop, ElBadge, ElBreadcrumb, ElBreadcrumbItem, ElButton, ElButtonGroup$1 as ElButtonGroup, ElCalendar, ElCard, ElCarousel, ElCarouselItem, ElCascader, ElCascaderPanel, ElCheckTag, ElCheckbox, ElCheckboxButton, ElCheckboxGroup$1 as ElCheckboxGroup, ElCol, ElCollapse, ElCollapseItem, ElCollapseTransition, ElCollection, ElCollectionItem, ElColorPicker, ElConfigProvider, ElContainer, ElDatePicker, ElDescriptions, ElDescriptionsItem, ElDialog, ElDivider, ElDrawer, ElDropdown, ElDropdownItem, ElDropdownMenu, ElEmpty, ElFooter, ElForm, ElFormItem, ElHeader, ElIcon, ElImage, ElImageViewer, ElInfiniteScroll, ElInput, ElInputNumber, ElLink, ElLoading, ElLoadingDirective, ElLoadingService, ElMain, ElMenu, ElMenuItem, ElMenuItemGroup, ElMessage, ElMessageBox, ElNotification, ElOption$1 as ElOption, ElOptionGroup, ElOverlay, ElPageHeader, ElPagination, ElPopconfirm, ElPopover, ElPopoverDirective, ElPopper, ElPopperArrow, ElPopperContent, ElPopperTrigger, ElProgress, ElRadio, ElRadioButton, ElRadioGroup, ElRate, ElResult, ElRow, ElScrollbar, ElSelect, ElSelectV2, ElSkeleton, ElSkeletonItem, ElSlider, ElSpace, ElStep, ElSteps, ElSubMenu, ElSwitch, ElTabPane, ElTable, ElTableColumn, ElTabs, ElTag, ElTimePicker, ElTimeSelect, ElTimeline, ElTimelineItem, ElTooltip, ElTransfer, ElTree, ElTreeV2, ElUpload, ExpandTrigger$1 as ExpandTrigger, FIRST_KEYS, FIRST_LAST_KEYS, FORWARD_REF_INJECTION_KEY, FixedSizeGrid$3 as FixedSizeGrid, FixedSizeList$1 as FixedSizeList, ID_INJECTION_KEY, IconComponentMap, IconMap, LAST_KEYS, Mousewheel, POPPER_CONTAINER_ID, POPPER_CONTAINER_SELECTOR, POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY, RepeatClick, Resize, TOOLTIP_INJECTION_KEY, TimePickPanel, TrapFocus, affixEmits, affixProps, alertEffects, alertEmits, alertProps, avatarEmits, avatarProps, backtopEmits, backtopProps, badgeProps, breadcrumbItemProps, breadcrumbProps, buildLocaleContext, buildTranslator, buttonEmits, buttonGroupContextKey, buttonNativeTypes, buttonProps, buttonTypes, calendarEmits, calendarProps, cardProps, checkTagEmits, checkTagProps, colProps, configProviderContextKey, configProviderProps, createModelToggleComposable, installer as default, dialogEmits, dialogProps, dividerProps, drawerEmits, drawerProps, dropdownItemProps, dropdownMenuProps, dropdownProps, elBreadcrumbKey, elFormItemKey, elFormKey, elPaginationKey, emptyProps, extractDateFormat, extractTimeFormat, iconProps, imageEmits, imageProps, imageViewerEmits, imageViewerProps, inputEmits, inputNumberEmits, inputNumberProps, inputProps, install, linkEmits, linkProps, makeInstaller, menuEmits, menuItemEmits, menuItemGroupProps, menuItemProps, menuProps, messageConfig, messageEmits, messageProps, messageTypes, notificationEmits, notificationProps, notificationTypes, overlayEmits, overlayProps, pageHeaderEmits, pageHeaderProps, paginationEmits, paginationProps, popconfirmProps, progressProps, provideGlobalConfig, radioButtonProps, radioEmits, radioGroupEmits, radioGroupKey, radioGroupProps, radioProps, radioPropsBase, rangeArr, rateEmits, rateProps, renderThumbStyle$1 as renderThumbStyle, resultProps, rowProps, scrollbarContextKey, scrollbarEmits, scrollbarProps, selectGroupKey, selectKey, selectV2InjectionKey, skeletonItemProps, skeletonProps, spaceProps, subMenuProps, switchEmits, switchProps, tabBar, tabNavProps, tabPaneProps, tabsEmits, tabsProps, tabsRootContextKey, tagEmits, tagProps, thumbProps, timePickerDefaultProps, timelineItemProps, translate, useAttrs, useCascaderConfig, useDelayedRender, useDelayedToggle, useDelayedToggleProps, useDeprecateAppendToBody, useDeprecated, useDialog, useDisabled$1 as useDisabled, useDraggable, useEscapeKeydown, useFocus, useFormItem, useForwardRef, useForwardRefDirective, useGlobalConfig, useId, useLocale, useLockscreen, useModal, useModelToggle$1 as useModelToggle, useModelToggleEmits$1 as useModelToggleEmits, useModelToggleProps$1 as useModelToggleProps, useNamespace, usePopperArrowProps, usePopperContainer, usePopperContentProps, usePopperCoreConfigProps, usePopperProps, usePopperTriggerProps, usePreventGlobal, useProp, useRadio, useRestoreActive, useSameTarget, useSize, useSizeProp, useSpace, useTeleport, useThrottleRender, useTimeout, useTooltipContentProps, useTooltipProps, useTooltipTriggerProps, useTransitionFallthrough, useTransitionFallthroughEmits, useZIndex, version, virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps };
+export { BAR_MAP, CASCADER_PANEL_INJECTION_KEY, CHANGE_EVENT, ClickOutside, CommonPicker, CommonProps, DEFAULT_FORMATS_DATE, DEFAULT_FORMATS_DATEPICKER, DEFAULT_FORMATS_TIME, COLLECTION_INJECTION_KEY as DROPDOWN_COLLECTION_INJECTION_KEY, COLLECTION_ITEM_INJECTION_KEY as DROPDOWN_COLLECTION_ITEM_INJECTION_KEY, DROPDOWN_INJECTION_KEY, DefaultProps, FixedSizeGrid$1 as DynamicSizeGrid, DynamicSizeList$1 as DynamicSizeList, Effect, ElAffix, ElAlert, ElAside, ElAutocomplete, ElAvatar, ElBacktop, ElBadge, ElBreadcrumb, ElBreadcrumbItem, ElButton, ElButtonGroup$1 as ElButtonGroup, ElCalendar, ElCard, ElCarousel, ElCarouselItem, ElCascader, ElCascaderPanel, ElCheckTag, ElCheckbox, ElCheckboxButton, ElCheckboxGroup$1 as ElCheckboxGroup, ElCol, ElCollapse, ElCollapseItem, ElCollapseTransition, ElCollection, ElCollectionItem, ElColorPicker, ElConfigProvider, ElContainer, ElDatePicker, ElDescriptions, ElDescriptionsItem, ElDialog, ElDivider, ElDrawer, ElDropdown, ElDropdownItem, ElDropdownMenu, ElEmpty, ElFooter, ElForm, ElFormItem, ElHeader, ElIcon, ElImage, ElImageViewer, ElInfiniteScroll, ElInput, ElInputNumber, ElLink, ElLoading, ElLoadingDirective, ElLoadingService, ElMain, ElMenu, ElMenuItem, ElMenuItemGroup, ElMessage, ElMessageBox, ElNotification, ElOption$1 as ElOption, ElOptionGroup, ElOverlay, ElPageHeader, ElPagination, ElPopconfirm, ElPopover, ElPopoverDirective, ElPopper, ElPopperArrow, ElPopperContent, ElPopperTrigger, ElProgress, ElRadio, ElRadioButton, ElRadioGroup, ElRate, ElResult, ElRow, ElScrollbar, ElSelect, ElSelectV2, ElSkeleton, ElSkeletonItem, ElSlider, ElSpace, ElStep, ElSteps, ElSubMenu, ElSwitch, ElTabPane, ElTable, ElTableColumn, ElTabs, ElTag, ElTimePicker, ElTimeSelect, ElTimeline, ElTimelineItem, ElTooltip, ElTransfer, ElTree, ElTreeV2, ElUpload, ExpandTrigger$1 as ExpandTrigger, FIRST_KEYS, FIRST_LAST_KEYS, FORWARD_REF_INJECTION_KEY, FixedSizeGrid$3 as FixedSizeGrid, FixedSizeList$1 as FixedSizeList, ID_INJECTION_KEY, IconComponentMap, IconMap, LAST_KEYS, Mousewheel, POPPER_CONTAINER_ID, POPPER_CONTAINER_SELECTOR, POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY, RepeatClick, Resize, TOOLTIP_INJECTION_KEY, TimePickPanel, TrapFocus, affixEmits, affixProps, alertEffects, alertEmits, alertProps, autocompleteEmits, autocompleteProps, avatarEmits, avatarProps, backtopEmits, backtopProps, badgeProps, breadcrumbItemProps, breadcrumbProps, buildLocaleContext, buildTranslator, buttonEmits, buttonGroupContextKey, buttonNativeTypes, buttonProps, buttonTypes, calendarEmits, calendarProps, cardProps, checkTagEmits, checkTagProps, colProps, collapseContextKey, collapseEmits, collapseItemProps, collapseProps, configProviderContextKey, configProviderProps, createModelToggleComposable, installer as default, dialogEmits, dialogInjectionKey, dialogProps, dividerProps, drawerEmits, drawerProps, dropdownItemProps, dropdownMenuProps, dropdownProps, elBreadcrumbKey, elFormItemKey, elFormKey, elPaginationKey, emitChangeFn, emptyProps, extractDateFormat, extractTimeFormat, iconProps, imageEmits, imageProps, imageViewerEmits, imageViewerProps, inputEmits, inputNumberEmits, inputNumberProps, inputProps, install, linkEmits, linkProps, makeInstaller, menuEmits, menuItemEmits, menuItemGroupProps, menuItemProps, menuProps, messageConfig, messageEmits, messageProps, messageTypes, notificationEmits, notificationProps, notificationTypes, overlayEmits, overlayProps, pageHeaderEmits, pageHeaderProps, paginationEmits, paginationProps, popconfirmProps, progressProps, provideGlobalConfig, radioButtonProps, radioEmits, radioGroupEmits, radioGroupKey, radioGroupProps, radioProps, radioPropsBase, rangeArr, rateEmits, rateProps, renderThumbStyle$1 as renderThumbStyle, resultProps, rowProps, scrollbarContextKey, scrollbarEmits, scrollbarProps, selectGroupKey, selectKey, selectV2InjectionKey, skeletonItemProps, skeletonProps, spaceProps, subMenuProps, switchEmits, switchProps, tabBar, tabNavProps, tabPaneProps, tabsEmits, tabsProps, tabsRootContextKey, tagEmits, tagProps, thumbProps, timePickerDefaultProps, timelineItemProps, translate, useAttrs, useCascaderConfig, useDelayedRender, useDelayedToggle, useDelayedToggleProps, useDeprecateAppendToBody, useDeprecated, useDialog, useDisabled$1 as useDisabled, useDraggable, useEscapeKeydown, useFocus, useFormItem, useForwardRef, useForwardRefDirective, useGlobalConfig, useId, useLocale, useLockscreen, useModal, useModelToggle$1 as useModelToggle, useModelToggleEmits$1 as useModelToggleEmits, useModelToggleProps$1 as useModelToggleProps, useNamespace, usePopperArrowProps, usePopperContainer, usePopperContentProps, usePopperCoreConfigProps, usePopperProps, usePopperTriggerProps, usePreventGlobal, useProp, useRadio, useRestoreActive, useSameTarget, useSize, useSizeProp, useSpace, useTeleport, useThrottleRender, useTimeout, useTooltipContentProps, useTooltipProps, useTooltipTriggerProps, useTransitionFallthrough, useTransitionFallthroughEmits, useZIndex, version, virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps };