@element-plus/nightly 0.0.20220130 → 0.0.20220203

package/dist/index.full.mjs

@@ -1,6 +1,6 @@
-/*! Element Plus v0.0.20220130 */
+/*! Element Plus v0.0.20220203 */
 
-import { getCurrentInstance, computed, warn, getCurrentScope, onScopeDispose, readonly, shallowRef, watchSyncEffect, ref, unref, watch, inject, provide, isRef, onMounted, onUnmounted, h as h$1, Teleport, onBeforeUnmount, onBeforeMount, nextTick, defineComponent, reactive, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, mergeProps, resolveComponent, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, Fragment, createVNode, vShow, onUpdated, withModifiers, toRef, cloneVNode, Text, Comment, resolveDirective, renderList, withKeys, createSlots, normalizeProps, guardReactiveProps, toRefs, vModelCheckbox, vModelRadio, onBeforeUpdate, vModelText, toHandlers, watchEffect, isVNode, camelize as camelize$1, markRaw, effectScope, toRaw, triggerRef, TransitionGroup, createApp, render } from 'vue';
+import { getCurrentInstance, computed, warn, getCurrentScope, onScopeDispose, readonly, shallowRef, watchSyncEffect, ref, unref, watch, inject, provide, onMounted, watchEffect, onBeforeUnmount, isRef, onUnmounted, h as h$1, Teleport, onBeforeMount, nextTick, defineComponent, reactive, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, mergeProps, resolveComponent, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, Fragment, createVNode, vShow, onUpdated, withModifiers, toRef, cloneVNode, Text, Comment, resolveDirective, renderList, withKeys, createSlots, normalizeProps, guardReactiveProps, toRefs, vModelCheckbox, vModelRadio, onBeforeUpdate, vModelText, toHandlers, isVNode, camelize as camelize$1, markRaw, effectScope, toRaw, triggerRef, TransitionGroup, createApp, render } from 'vue';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -3015,6 +3015,66 @@ const useDisabled$1 = (fallback) => {
   return computed(() => disabled.value || unref(fallback) || (form == null ? void 0 : form.disabled) || false);
 };
 
+const useDraggable = (targetRef, dragRef, draggable) => {
+  let transform = {
+    offsetX: 0,
+    offsetY: 0
+  };
+  const onMousedown = (e) => {
+    const downX = e.clientX;
+    const downY = e.clientY;
+    const { offsetX, offsetY } = transform;
+    const targetRect = targetRef.value.getBoundingClientRect();
+    const targetLeft = targetRect.left;
+    const targetTop = targetRect.top;
+    const targetWidth = targetRect.width;
+    const targetHeight = targetRect.height;
+    const clientWidth = document.documentElement.clientWidth;
+    const clientHeight = document.documentElement.clientHeight;
+    const minLeft = -targetLeft + offsetX;
+    const minTop = -targetTop + offsetY;
+    const maxLeft = clientWidth - targetLeft - targetWidth + offsetX;
+    const maxTop = clientHeight - targetTop - targetHeight + offsetY;
+    const onMousemove = (e2) => {
+      const moveX = Math.min(Math.max(offsetX + e2.clientX - downX, minLeft), maxLeft);
+      const moveY = Math.min(Math.max(offsetY + e2.clientY - downY, minTop), maxTop);
+      transform = {
+        offsetX: moveX,
+        offsetY: moveY
+      };
+      targetRef.value.style.transform = `translate(${addUnit(moveX)}, ${addUnit(moveY)})`;
+    };
+    const onMouseup = () => {
+      document.removeEventListener("mousemove", onMousemove);
+      document.removeEventListener("mouseup", onMouseup);
+    };
+    document.addEventListener("mousemove", onMousemove);
+    document.addEventListener("mouseup", onMouseup);
+  };
+  const onDraggable = () => {
+    if (dragRef.value && targetRef.value) {
+      dragRef.value.addEventListener("mousedown", onMousedown);
+    }
+  };
+  const offDraggable = () => {
+    if (dragRef.value && targetRef.value) {
+      dragRef.value.removeEventListener("mousedown", onMousedown);
+    }
+  };
+  onMounted(() => {
+    watchEffect(() => {
+      if (draggable.value) {
+        onDraggable();
+      } else {
+        offDraggable();
+      }
+    });
+  });
+  onBeforeUnmount(() => {
+    offDraggable();
+  });
+};
+
 const useFocus = (el) => {
   return {
     focus: () => {
@@ -4540,7 +4600,7 @@ if (isClient) {
   });
 }
 
-const version$1 = "0.0.20220130";
+const version$1 = "0.0.20220203";
 
 const INSTALLED_KEY = Symbol("INSTALLED_KEY");
 const makeInstaller = (components = []) => {
@@ -4787,7 +4847,7 @@ var _export_sfc = (sfc, props) => {
 const _sfc_main$2K = defineComponent({
   name: "ArrowDown"
 });
-const _hoisted_1$1P = {
+const _hoisted_1$1O = {
   class: "icon",
   width: "200",
   height: "200",
@@ -4802,14 +4862,14 @@ const _hoisted_3$1c = [
   _hoisted_2$1s
 ];
 function _sfc_render$2F(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1P, _hoisted_3$1c);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1O, _hoisted_3$1c);
 }
 var arrowDown = /* @__PURE__ */ _export_sfc(_sfc_main$2K, [["render", _sfc_render$2F]]);
 
 const _sfc_main$2J = defineComponent({
   name: "ArrowLeft"
 });
-const _hoisted_1$1O = {
+const _hoisted_1$1N = {
   class: "icon",
   width: "200",
   height: "200",
@@ -4824,14 +4884,14 @@ const _hoisted_3$1b = [
   _hoisted_2$1r
 ];
 function _sfc_render$2E(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1O, _hoisted_3$1b);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1N, _hoisted_3$1b);
 }
 var arrowLeft = /* @__PURE__ */ _export_sfc(_sfc_main$2J, [["render", _sfc_render$2E]]);
 
 const _sfc_main$2I = defineComponent({
   name: "ArrowRight"
 });
-const _hoisted_1$1N = {
+const _hoisted_1$1M = {
   class: "icon",
   width: "200",
   height: "200",
@@ -4846,14 +4906,14 @@ const _hoisted_3$1a = [
   _hoisted_2$1q
 ];
 function _sfc_render$2D(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1N, _hoisted_3$1a);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1M, _hoisted_3$1a);
 }
 var arrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$2I, [["render", _sfc_render$2D]]);
 
 const _sfc_main$2H = defineComponent({
   name: "ArrowUp"
 });
-const _hoisted_1$1M = {
+const _hoisted_1$1L = {
   class: "icon",
   width: "200",
   height: "200",
@@ -4868,14 +4928,14 @@ const _hoisted_3$19 = [
   _hoisted_2$1p
 ];
 function _sfc_render$2C(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1M, _hoisted_3$19);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1L, _hoisted_3$19);
 }
 var arrowUp = /* @__PURE__ */ _export_sfc(_sfc_main$2H, [["render", _sfc_render$2C]]);
 
 const _sfc_main$2G = defineComponent({
   name: "Back"
 });
-const _hoisted_1$1L = {
+const _hoisted_1$1K = {
   class: "icon",
   width: "200",
   height: "200",
@@ -4895,14 +4955,14 @@ const _hoisted_4$q = [
   _hoisted_3$18
 ];
 function _sfc_render$2B(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1L, _hoisted_4$q);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1K, _hoisted_4$q);
 }
 var back = /* @__PURE__ */ _export_sfc(_sfc_main$2G, [["render", _sfc_render$2B]]);
 
 const _sfc_main$2F = defineComponent({
   name: "Calendar"
 });
-const _hoisted_1$1K = {
+const _hoisted_1$1J = {
   class: "icon",
   width: "200",
   height: "200",
@@ -4917,14 +4977,14 @@ const _hoisted_3$17 = [
   _hoisted_2$1n
 ];
 function _sfc_render$2A(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1K, _hoisted_3$17);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1J, _hoisted_3$17);
 }
 var calendar = /* @__PURE__ */ _export_sfc(_sfc_main$2F, [["render", _sfc_render$2A]]);
 
 const _sfc_main$2E = defineComponent({
   name: "CaretRight"
 });
-const _hoisted_1$1J = {
+const _hoisted_1$1I = {
   class: "icon",
   width: "200",
   height: "200",
@@ -4939,14 +4999,14 @@ const _hoisted_3$16 = [
   _hoisted_2$1m
 ];
 function _sfc_render$2z(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1J, _hoisted_3$16);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1I, _hoisted_3$16);
 }
 var caretRight = /* @__PURE__ */ _export_sfc(_sfc_main$2E, [["render", _sfc_render$2z]]);
 
 const _sfc_main$2D = defineComponent({
   name: "CaretTop"
 });
-const _hoisted_1$1I = {
+const _hoisted_1$1H = {
   class: "icon",
   width: "200",
   height: "200",
@@ -4961,14 +5021,14 @@ const _hoisted_3$15 = [
   _hoisted_2$1l
 ];
 function _sfc_render$2y(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1I, _hoisted_3$15);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1H, _hoisted_3$15);
 }
 var caretTop = /* @__PURE__ */ _export_sfc(_sfc_main$2D, [["render", _sfc_render$2y]]);
 
 const _sfc_main$2C = defineComponent({
   name: "Check"
 });
-const _hoisted_1$1H = {
+const _hoisted_1$1G = {
   class: "icon",
   width: "200",
   height: "200",
@@ -4983,14 +5043,14 @@ const _hoisted_3$14 = [
   _hoisted_2$1k
 ];
 function _sfc_render$2x(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1H, _hoisted_3$14);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1G, _hoisted_3$14);
 }
 var check = /* @__PURE__ */ _export_sfc(_sfc_main$2C, [["render", _sfc_render$2x]]);
 
 const _sfc_main$2B = defineComponent({
   name: "CircleCheckFilled"
 });
-const _hoisted_1$1G = {
+const _hoisted_1$1F = {
   class: "icon",
   width: "200",
   height: "200",
@@ -5005,14 +5065,14 @@ const _hoisted_3$13 = [
   _hoisted_2$1j
 ];
 function _sfc_render$2w(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1G, _hoisted_3$13);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1F, _hoisted_3$13);
 }
 var circleCheckFilled = /* @__PURE__ */ _export_sfc(_sfc_main$2B, [["render", _sfc_render$2w]]);
 
 const _sfc_main$2A = defineComponent({
   name: "CircleCheck"
 });
-const _hoisted_1$1F = {
+const _hoisted_1$1E = {
   class: "icon",
   width: "200",
   height: "200",
@@ -5032,14 +5092,14 @@ const _hoisted_4$p = [
   _hoisted_3$12
 ];
 function _sfc_render$2v(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1F, _hoisted_4$p);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1E, _hoisted_4$p);
 }
 var circleCheck = /* @__PURE__ */ _export_sfc(_sfc_main$2A, [["render", _sfc_render$2v]]);
 
 const _sfc_main$2z = defineComponent({
   name: "CircleCloseFilled"
 });
-const _hoisted_1$1E = {
+const _hoisted_1$1D = {
   class: "icon",
   width: "200",
   height: "200",
@@ -5054,14 +5114,14 @@ const _hoisted_3$11 = [
   _hoisted_2$1h
 ];
 function _sfc_render$2u(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1E, _hoisted_3$11);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1D, _hoisted_3$11);
 }
 var circleCloseFilled = /* @__PURE__ */ _export_sfc(_sfc_main$2z, [["render", _sfc_render$2u]]);
 
 const _sfc_main$2y = defineComponent({
   name: "CircleClose"
 });
-const _hoisted_1$1D = {
+const _hoisted_1$1C = {
   class: "icon",
   width: "200",
   height: "200",
@@ -5081,14 +5141,14 @@ const _hoisted_4$o = [
   _hoisted_3$10
 ];
 function _sfc_render$2t(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1D, _hoisted_4$o);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1C, _hoisted_4$o);
 }
 var circleClose = /* @__PURE__ */ _export_sfc(_sfc_main$2y, [["render", _sfc_render$2t]]);
 
 const _sfc_main$2x = defineComponent({
   name: "Clock"
 });
-const _hoisted_1$1C = {
+const _hoisted_1$1B = {
   class: "icon",
   width: "200",
   height: "200",
@@ -5113,14 +5173,14 @@ const _hoisted_5$e = [
   _hoisted_4$n
 ];
 function _sfc_render$2s(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1C, _hoisted_5$e);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1B, _hoisted_5$e);
 }
 var clock = /* @__PURE__ */ _export_sfc(_sfc_main$2x, [["render", _sfc_render$2s]]);
 
 const _sfc_main$2w = defineComponent({
   name: "Close"
 });
-const _hoisted_1$1B = {
+const _hoisted_1$1A = {
   class: "icon",
   width: "200",
   height: "200",
@@ -5135,14 +5195,14 @@ const _hoisted_3$_ = [
   _hoisted_2$1e
 ];
 function _sfc_render$2r(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1B, _hoisted_3$_);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1A, _hoisted_3$_);
 }
 var close$2 = /* @__PURE__ */ _export_sfc(_sfc_main$2w, [["render", _sfc_render$2r]]);
 
 const _sfc_main$2v = defineComponent({
   name: "DArrowLeft"
 });
-const _hoisted_1$1A = {
+const _hoisted_1$1z = {
   class: "icon",
   width: "200",
   height: "200",
@@ -5157,14 +5217,14 @@ const _hoisted_3$Z = [
   _hoisted_2$1d
 ];
 function _sfc_render$2q(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1A, _hoisted_3$Z);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1z, _hoisted_3$Z);
 }
 var dArrowLeft = /* @__PURE__ */ _export_sfc(_sfc_main$2v, [["render", _sfc_render$2q]]);
 
 const _sfc_main$2u = defineComponent({
   name: "DArrowRight"
 });
-const _hoisted_1$1z = {
+const _hoisted_1$1y = {
   class: "icon",
   width: "200",
   height: "200",
@@ -5179,14 +5239,14 @@ const _hoisted_3$Y = [
   _hoisted_2$1c
 ];
 function _sfc_render$2p(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1z, _hoisted_3$Y);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1y, _hoisted_3$Y);
 }
 var dArrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$2u, [["render", _sfc_render$2p]]);
 
 const _sfc_main$2t = defineComponent({
   name: "Delete"
 });
-const _hoisted_1$1y = {
+const _hoisted_1$1x = {
   class: "icon",
   width: "200",
   height: "200",
@@ -5201,14 +5261,14 @@ const _hoisted_3$X = [
   _hoisted_2$1b
 ];
 function _sfc_render$2o(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1y, _hoisted_3$X);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1x, _hoisted_3$X);
 }
 var _delete = /* @__PURE__ */ _export_sfc(_sfc_main$2t, [["render", _sfc_render$2o]]);
 
 const _sfc_main$2s = defineComponent({
   name: "Document"
 });
-const _hoisted_1$1x = {
+const _hoisted_1$1w = {
   class: "icon",
   width: "200",
   height: "200",
@@ -5223,14 +5283,14 @@ const _hoisted_3$W = [
   _hoisted_2$1a
 ];
 function _sfc_render$2n(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1x, _hoisted_3$W);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1w, _hoisted_3$W);
 }
 var document$1 = /* @__PURE__ */ _export_sfc(_sfc_main$2s, [["render", _sfc_render$2n]]);
 
 const _sfc_main$2r = defineComponent({
   name: "FullScreen"
 });
-const _hoisted_1$1w = {
+const _hoisted_1$1v = {
   class: "icon",
   width: "200",
   height: "200",
@@ -5245,14 +5305,14 @@ const _hoisted_3$V = [
   _hoisted_2$19
 ];
 function _sfc_render$2m(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1w, _hoisted_3$V);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1v, _hoisted_3$V);
 }
 var fullScreen = /* @__PURE__ */ _export_sfc(_sfc_main$2r, [["render", _sfc_render$2m]]);
 
 const _sfc_main$2q = defineComponent({
   name: "InfoFilled"
 });
-const _hoisted_1$1v = {
+const _hoisted_1$1u = {
   class: "icon",
   width: "200",
   height: "200",
@@ -5267,14 +5327,14 @@ const _hoisted_3$U = [
   _hoisted_2$18
 ];
 function _sfc_render$2l(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1v, _hoisted_3$U);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1u, _hoisted_3$U);
 }
 var infoFilled = /* @__PURE__ */ _export_sfc(_sfc_main$2q, [["render", _sfc_render$2l]]);
 
 const _sfc_main$2p = defineComponent({
   name: "Loading"
 });
-const _hoisted_1$1u = {
+const _hoisted_1$1t = {
   class: "icon",
   width: "200",
   height: "200",
@@ -5289,14 +5349,14 @@ const _hoisted_3$T = [
   _hoisted_2$17
 ];
 function _sfc_render$2k(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1u, _hoisted_3$T);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1t, _hoisted_3$T);
 }
 var loading = /* @__PURE__ */ _export_sfc(_sfc_main$2p, [["render", _sfc_render$2k]]);
 
 const _sfc_main$2o = defineComponent({
   name: "Minus"
 });
-const _hoisted_1$1t = {
+const _hoisted_1$1s = {
   class: "icon",
   width: "200",
   height: "200",
@@ -5311,14 +5371,14 @@ const _hoisted_3$S = [
   _hoisted_2$16
 ];
 function _sfc_render$2j(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1t, _hoisted_3$S);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1s, _hoisted_3$S);
 }
 var minus = /* @__PURE__ */ _export_sfc(_sfc_main$2o, [["render", _sfc_render$2j]]);
 
 const _sfc_main$2n = defineComponent({
   name: "MoreFilled"
 });
-const _hoisted_1$1s = {
+const _hoisted_1$1r = {
   class: "icon",
   width: "200",
   height: "200",
@@ -5333,14 +5393,14 @@ const _hoisted_3$R = [
   _hoisted_2$15
 ];
 function _sfc_render$2i(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1s, _hoisted_3$R);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1r, _hoisted_3$R);
 }
 var moreFilled = /* @__PURE__ */ _export_sfc(_sfc_main$2n, [["render", _sfc_render$2i]]);
 
 const _sfc_main$2m = defineComponent({
   name: "More"
 });
-const _hoisted_1$1r = {
+const _hoisted_1$1q = {
   class: "icon",
   width: "200",
   height: "200",
@@ -5355,14 +5415,14 @@ const _hoisted_3$Q = [
   _hoisted_2$14
 ];
 function _sfc_render$2h(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1r, _hoisted_3$Q);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1q, _hoisted_3$Q);
 }
 var more = /* @__PURE__ */ _export_sfc(_sfc_main$2m, [["render", _sfc_render$2h]]);
 
 const _sfc_main$2l = defineComponent({
   name: "Plus"
 });
-const _hoisted_1$1q = {
+const _hoisted_1$1p = {
   class: "icon",
   width: "200",
   height: "200",
@@ -5377,14 +5437,14 @@ const _hoisted_3$P = [
   _hoisted_2$13
 ];
 function _sfc_render$2g(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1q, _hoisted_3$P);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1p, _hoisted_3$P);
 }
 var plus = /* @__PURE__ */ _export_sfc(_sfc_main$2l, [["render", _sfc_render$2g]]);
 
 const _sfc_main$2k = defineComponent({
   name: "QuestionFilled"
 });
-const _hoisted_1$1p = {
+const _hoisted_1$1o = {
   class: "icon",
   width: "200",
   height: "200",
@@ -5399,14 +5459,14 @@ const _hoisted_3$O = [
   _hoisted_2$12
 ];
 function _sfc_render$2f(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1p, _hoisted_3$O);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1o, _hoisted_3$O);
 }
 var questionFilled = /* @__PURE__ */ _export_sfc(_sfc_main$2k, [["render", _sfc_render$2f]]);
 
 const _sfc_main$2j = defineComponent({
   name: "RefreshLeft"
 });
-const _hoisted_1$1o = {
+const _hoisted_1$1n = {
   class: "icon",
   width: "200",
   height: "200",
@@ -5421,14 +5481,14 @@ const _hoisted_3$N = [
   _hoisted_2$11
 ];
 function _sfc_render$2e(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1o, _hoisted_3$N);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1n, _hoisted_3$N);
 }
 var refreshLeft = /* @__PURE__ */ _export_sfc(_sfc_main$2j, [["render", _sfc_render$2e]]);
 
 const _sfc_main$2i = defineComponent({
   name: "RefreshRight"
 });
-const _hoisted_1$1n = {
+const _hoisted_1$1m = {
   class: "icon",
   width: "200",
   height: "200",
@@ -5443,14 +5503,14 @@ const _hoisted_3$M = [
   _hoisted_2$10
 ];
 function _sfc_render$2d(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1n, _hoisted_3$M);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1m, _hoisted_3$M);
 }
 var refreshRight = /* @__PURE__ */ _export_sfc(_sfc_main$2i, [["render", _sfc_render$2d]]);
 
 const _sfc_main$2h = defineComponent({
   name: "ScaleToOriginal"
 });
-const _hoisted_1$1m = {
+const _hoisted_1$1l = {
   class: "icon",
   width: "200",
   height: "200",
@@ -5465,14 +5525,14 @@ const _hoisted_3$L = [
   _hoisted_2$$
 ];
 function _sfc_render$2c(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1m, _hoisted_3$L);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1l, _hoisted_3$L);
 }
 var scaleToOriginal = /* @__PURE__ */ _export_sfc(_sfc_main$2h, [["render", _sfc_render$2c]]);
 
 const _sfc_main$2g = defineComponent({
   name: "Search"
 });
-const _hoisted_1$1l = {
+const _hoisted_1$1k = {
   class: "icon",
   width: "200",
   height: "200",
@@ -5487,14 +5547,14 @@ const _hoisted_3$K = [
   _hoisted_2$_
 ];
 function _sfc_render$2b(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1l, _hoisted_3$K);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1k, _hoisted_3$K);
 }
 var search = /* @__PURE__ */ _export_sfc(_sfc_main$2g, [["render", _sfc_render$2b]]);
 
 const _sfc_main$2f = defineComponent({
   name: "StarFilled"
 });
-const _hoisted_1$1k = {
+const _hoisted_1$1j = {
   class: "icon",
   width: "200",
   height: "200",
@@ -5509,14 +5569,14 @@ const _hoisted_3$J = [
   _hoisted_2$Z
 ];
 function _sfc_render$2a(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1k, _hoisted_3$J);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1j, _hoisted_3$J);
 }
 var starFilled = /* @__PURE__ */ _export_sfc(_sfc_main$2f, [["render", _sfc_render$2a]]);
 
 const _sfc_main$2e = defineComponent({
   name: "Star"
 });
-const _hoisted_1$1j = {
+const _hoisted_1$1i = {
   class: "icon",
   width: "200",
   height: "200",
@@ -5531,14 +5591,14 @@ const _hoisted_3$I = [
   _hoisted_2$Y
 ];
 function _sfc_render$29(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1j, _hoisted_3$I);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1i, _hoisted_3$I);
 }
 var star = /* @__PURE__ */ _export_sfc(_sfc_main$2e, [["render", _sfc_render$29]]);
 
 const _sfc_main$2d = defineComponent({
   name: "SuccessFilled"
 });
-const _hoisted_1$1i = {
+const _hoisted_1$1h = {
   class: "icon",
   width: "200",
   height: "200",
@@ -5553,14 +5613,14 @@ const _hoisted_3$H = [
   _hoisted_2$X
 ];
 function _sfc_render$28(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1i, _hoisted_3$H);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1h, _hoisted_3$H);
 }
 var successFilled = /* @__PURE__ */ _export_sfc(_sfc_main$2d, [["render", _sfc_render$28]]);
 
 const _sfc_main$2c = defineComponent({
   name: "View"
 });
-const _hoisted_1$1h = {
+const _hoisted_1$1g = {
   class: "icon",
   width: "200",
   height: "200",
@@ -5575,14 +5635,14 @@ const _hoisted_3$G = [
   _hoisted_2$W
 ];
 function _sfc_render$27(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1h, _hoisted_3$G);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1g, _hoisted_3$G);
 }
 var view = /* @__PURE__ */ _export_sfc(_sfc_main$2c, [["render", _sfc_render$27]]);
 
 const _sfc_main$2b = defineComponent({
   name: "WarningFilled"
 });
-const _hoisted_1$1g = {
+const _hoisted_1$1f = {
   class: "icon",
   width: "200",
   height: "200",
@@ -5597,14 +5657,14 @@ const _hoisted_3$F = [
   _hoisted_2$V
 ];
 function _sfc_render$26(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1g, _hoisted_3$F);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1f, _hoisted_3$F);
 }
 var warningFilled = /* @__PURE__ */ _export_sfc(_sfc_main$2b, [["render", _sfc_render$26]]);
 
 const _sfc_main$2a = defineComponent({
   name: "ZoomIn"
 });
-const _hoisted_1$1f = {
+const _hoisted_1$1e = {
   class: "icon",
   width: "200",
   height: "200",
@@ -5619,14 +5679,14 @@ const _hoisted_3$E = [
   _hoisted_2$U
 ];
 function _sfc_render$25(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1f, _hoisted_3$E);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1e, _hoisted_3$E);
 }
 var zoomIn = /* @__PURE__ */ _export_sfc(_sfc_main$2a, [["render", _sfc_render$25]]);
 
 const _sfc_main$29 = defineComponent({
   name: "ZoomOut"
 });
-const _hoisted_1$1e = {
+const _hoisted_1$1d = {
   class: "icon",
   width: "200",
   height: "200",
@@ -5641,7 +5701,7 @@ const _hoisted_3$D = [
   _hoisted_2$T
 ];
 function _sfc_render$24(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1e, _hoisted_3$D);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1d, _hoisted_3$D);
 }
 var zoomOut = /* @__PURE__ */ _export_sfc(_sfc_main$29, [["render", _sfc_render$24]]);
 
@@ -6726,7 +6786,7 @@ const _sfc_main$27 = defineComponent({
     };
   }
 });
-const _hoisted_1$1d = ["type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder"];
+const _hoisted_1$1c = ["type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder"];
 const _hoisted_2$S = ["tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder"];
 function _sfc_render$22(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
@@ -6781,7 +6841,7 @@ function _sfc_render$22(_ctx, _cache, $props, $setup, $data, $options) {
         onBlur: _cache[5] || (_cache[5] = (...args) => _ctx.handleBlur && _ctx.handleBlur(...args)),
         onChange: _cache[6] || (_cache[6] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
         onKeydown: _cache[7] || (_cache[7] = (...args) => _ctx.handleKeydown && _ctx.handleKeydown(...args))
-      }), null, 16, _hoisted_1$1d),
+      }), null, 16, _hoisted_1$1c),
       createCommentVNode(" prefix slot "),
       _ctx.$slots.prefix || _ctx.prefixIcon ? (openBlock(), createElementBlock("span", {
         key: 1,
@@ -6949,6 +7009,7 @@ const _sfc_main$26 = defineComponent({
   props: thumbProps,
   setup(props) {
     const scrollbar = inject(scrollbarContextKey);
+    const ns = useNamespace("scrollbar");
     if (!scrollbar)
       throwError(COMPONENT_NAME$9, "can not inject scrollbar context");
     const instance = ref();
@@ -7034,6 +7095,7 @@ const _sfc_main$26 = defineComponent({
     useEventListener(toRef(scrollbar, "scrollbarElement"), "mousemove", mouseMoveScrollbarHandler);
     useEventListener(toRef(scrollbar, "scrollbarElement"), "mouseleave", mouseLeaveScrollbarHandler);
     return {
+      ns,
       instance,
       thumb,
       bar,
@@ -7045,25 +7107,27 @@ const _sfc_main$26 = defineComponent({
   }
 });
 function _sfc_render$21(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createBlock(Transition, { name: "el-scrollbar-fade" }, {
+  return openBlock(), createBlock(Transition, {
+    name: _ctx.ns.b("fade")
+  }, {
     default: withCtx(() => [
       withDirectives(createElementVNode("div", {
         ref: "instance",
-        class: normalizeClass(["el-scrollbar__bar", "is-" + _ctx.bar.key]),
+        class: normalizeClass([_ctx.ns.e("bar"), _ctx.ns.is(_ctx.bar.key)]),
         onMousedown: _cache[1] || (_cache[1] = (...args) => _ctx.clickTrackHandler && _ctx.clickTrackHandler(...args))
       }, [
         createElementVNode("div", {
           ref: "thumb",
-          class: "el-scrollbar__thumb",
+          class: normalizeClass(_ctx.ns.e("thumb")),
           style: normalizeStyle(_ctx.thumbStyle),
           onMousedown: _cache[0] || (_cache[0] = (...args) => _ctx.clickThumbHandler && _ctx.clickThumbHandler(...args))
-        }, null, 36)
+        }, null, 38)
       ], 34), [
         [vShow, _ctx.always || _ctx.visible]
       ])
     ]),
     _: 1
-  });
+  }, 8, ["name"]);
 }
 var Thumb = /* @__PURE__ */ _export_sfc$1(_sfc_main$26, [["render", _sfc_render$21]]);
 
@@ -7192,6 +7256,7 @@ const _sfc_main$24 = defineComponent({
   props: scrollbarProps,
   emits: scrollbarEmits,
   setup(props, { emit }) {
+    const ns = useNamespace("scrollbar");
     let stopResizeObserver = void 0;
     let stopResizeListener = void 0;
     const scrollbar$ = ref();
@@ -7267,6 +7332,7 @@ const _sfc_main$24 = defineComponent({
         nextTick(() => update());
     });
     return {
+      ns,
       scrollbar$,
       wrap$,
       resize$,
@@ -7285,26 +7351,25 @@ const _sfc_main$24 = defineComponent({
     };
   }
 });
-const _hoisted_1$1c = {
-  ref: "scrollbar$",
-  class: "el-scrollbar"
-};
 function _sfc_render$1$(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_bar = resolveComponent("bar");
-  return openBlock(), createElementBlock("div", _hoisted_1$1c, [
+  return openBlock(), createElementBlock("div", {
+    ref: "scrollbar$",
+    class: normalizeClass(_ctx.ns.b())
+  }, [
     createElementVNode("div", {
       ref: "wrap$",
       class: normalizeClass([
         _ctx.wrapClass,
-        "el-scrollbar__wrap",
-        _ctx.native ? "" : "el-scrollbar__wrap--hidden-default"
+        _ctx.ns.e("wrap"),
+        { [_ctx.ns.em("wrap", "hidden-default")]: !_ctx.native }
       ]),
       style: normalizeStyle(_ctx.style),
       onScroll: _cache[0] || (_cache[0] = (...args) => _ctx.handleScroll && _ctx.handleScroll(...args))
     }, [
       (openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
         ref: "resize$",
-        class: normalizeClass(["el-scrollbar__view", _ctx.viewClass]),
+        class: normalizeClass([_ctx.ns.e("view"), _ctx.viewClass]),
         style: normalizeStyle(_ctx.viewStyle)
       }, {
         default: withCtx(() => [
@@ -7322,7 +7387,7 @@ function _sfc_render$1$(_ctx, _cache, $props, $setup, $data, $options) {
       "ratio-x": _ctx.ratioX,
       "ratio-y": _ctx.ratioY
     }, null, 8, ["height", "width", "always", "ratio-x", "ratio-y"])) : createCommentVNode("v-if", true)
-  ], 512);
+  ], 2);
 }
 var Scrollbar$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$24, [["render", _sfc_render$1$]]);
 
@@ -17772,7 +17837,6 @@ function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
           ref: "input",
           modelValue: _ctx.inputValue,
           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.inputValue = $event),
-          modelModifiers: { trim: true },
           placeholder: _ctx.inputPlaceholder,
           readonly: _ctx.readonly,
           disabled: _ctx.isDisabled,
@@ -17843,12 +17907,7 @@ function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
             onCompositionupdate: _cache[9] || (_cache[9] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args)),
             onCompositionend: _cache[10] || (_cache[10] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args))
           }, null, 40, _hoisted_2$D)), [
-            [
-              vModelText,
-              _ctx.searchInputValue,
-              void 0,
-              { trim: true }
-            ]
+            [vModelText, _ctx.searchInputValue]
           ]) : createCommentVNode("v-if", true)
         ], 512)) : createCommentVNode("v-if", true)
       ], 38)), [
@@ -22477,6 +22536,10 @@ const dialogProps = buildProps({
     type: Boolean,
     default: false
   },
+  draggable: {
+    type: Boolean,
+    default: false
+  },
   lockScroll: {
     type: Boolean,
     default: true
@@ -22667,17 +22730,24 @@ const _sfc_main$19 = defineComponent({
   emits: dialogEmits,
   setup(props, ctx) {
     const dialogRef = ref();
+    const headerRef = ref();
     const dialog = useDialog(props, ctx, dialogRef);
     const overlayEvent = useSameTarget(dialog.onModalClick);
+    const draggable = computed(() => props.draggable && !props.fullscreen);
+    useDraggable(dialogRef, headerRef, draggable);
     return {
       dialogRef,
+      headerRef,
       overlayEvent,
       ...dialog
     };
   }
 });
 const _hoisted_1$I = ["aria-label"];
-const _hoisted_2$u = { class: "el-dialog__header" };
+const _hoisted_2$u = {
+  ref: "headerRef",
+  class: "el-dialog__header"
+};
 const _hoisted_3$l = { class: "el-dialog__title" };
 const _hoisted_4$c = {
   key: 0,
@@ -22721,6 +22791,7 @@ function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
                   "el-dialog",
                   {
                     "is-fullscreen": _ctx.fullscreen,
+                    "is-draggable": _ctx.draggable,
                     "el-dialog--center": _ctx.center
                   },
                   _ctx.customClass
@@ -22750,7 +22821,7 @@ function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
                       _: 1
                     })
                   ])) : createCommentVNode("v-if", true)
-                ]),
+                ], 512),
                 _ctx.rendered ? (openBlock(), createElementBlock("div", _hoisted_4$c, [
                   renderSlot(_ctx.$slots, "default")
                 ])) : createCommentVNode("v-if", true),
@@ -30758,7 +30829,7 @@ const _sfc_main$B = defineComponent({
   },
   props: usePopoverProps,
   emits,
-  setup(props) {
+  setup(props, { emit }) {
     const tooltipRef = ref(null);
     const popperRef = computed(() => {
       var _a;
@@ -30789,12 +30860,20 @@ const _sfc_main$B = defineComponent({
       var _a;
       (_a = tooltipRef.value) == null ? void 0 : _a.hide();
     };
+    const afterEnter = () => {
+      emit("after-enter");
+    };
+    const afterLeave = () => {
+      emit("after-leave");
+    };
     return {
       kls,
       style,
       tooltipRef,
       popperRef,
-      hide
+      hide,
+      afterEnter,
+      afterLeave
     };
   }
 });
@@ -30811,7 +30890,9 @@ function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
     enterable: _ctx.enterable,
     "popper-class": _ctx.kls,
     "popper-style": _ctx.style,
-    persistent: ""
+    persistent: "",
+    onShow: _ctx.afterEnter,
+    onHide: _ctx.afterLeave
   }), {
     content: withCtx(() => [
       _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_1$m, toDisplayString(_ctx.title), 1)) : createCommentVNode("v-if", true),
@@ -30823,7 +30904,7 @@ function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
       _ctx.$slots.reference ? renderSlot(_ctx.$slots, "reference", { key: 0 }) : createCommentVNode("v-if", true)
     ]),
     _: 3
-  }, 16, ["aria-label", "effect", "enterable", "popper-class", "popper-style"]);
+  }, 16, ["aria-label", "effect", "enterable", "popper-class", "popper-style", "onShow", "onHide"]);
 }
 var Popover = /* @__PURE__ */ _export_sfc$1(_sfc_main$B, [["render", _sfc_render$x]]);
 
@@ -34759,12 +34840,18 @@ const _sfc_main$s = defineComponent({
   components: {
     ImgPlaceholder
   },
-  props: skeletonItemProps
+  props: skeletonItemProps,
+  setup() {
+    const ns = useNamespace("skeleton");
+    return {
+      ns
+    };
+  }
 });
 function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_img_placeholder = resolveComponent("img-placeholder");
   return openBlock(), createElementBlock("div", {
-    class: normalizeClass(["el-skeleton__item", `el-skeleton__${_ctx.variant}`])
+    class: normalizeClass([_ctx.ns.e("item"), _ctx.ns.e(_ctx.variant)])
   }, [
     _ctx.variant === "image" ? (openBlock(), createBlock(_component_img_placeholder, { key: 0 })) : createCommentVNode("v-if", true)
   ], 2);
@@ -34800,11 +34887,13 @@ const _sfc_main$r = defineComponent({
   },
   props: skeletonProps,
   setup(props) {
+    const ns = useNamespace("skeleton");
     const innerLoading = computed(() => {
       return props.loading;
     });
     const uiLoading = useThrottleRender(innerLoading, props.throttle);
     return {
+      ns,
       uiLoading
     };
   }
@@ -34813,22 +34902,22 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_skeleton_item = resolveComponent("el-skeleton-item");
   return _ctx.uiLoading ? (openBlock(), createElementBlock("div", mergeProps({
     key: 0,
-    class: ["el-skeleton", _ctx.animated ? "is-animated" : ""]
+    class: [_ctx.ns.b(), _ctx.ns.is("animated", _ctx.animated)]
   }, _ctx.$attrs), [
     (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.count, (i) => {
       return openBlock(), createElementBlock(Fragment, { key: i }, [
         _ctx.loading ? renderSlot(_ctx.$slots, "template", { key: i }, () => [
           createVNode(_component_el_skeleton_item, {
-            class: "is-first",
+            class: normalizeClass(_ctx.ns.is("first")),
             variant: "p"
-          }),
+          }, null, 8, ["class"]),
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.rows, (item) => {
             return openBlock(), createBlock(_component_el_skeleton_item, {
               key: item,
-              class: normalizeClass({
-                "el-skeleton__paragraph": true,
-                "is-last": item === _ctx.rows && _ctx.rows > 1
-              }),
+              class: normalizeClass([
+                _ctx.ns.e("paragraph"),
+                _ctx.ns.is("last", item === _ctx.rows && _ctx.rows > 1)
+              ]),
               variant: "p"
             }, null, 8, ["class"]);
           }), 128))
@@ -47407,6 +47496,7 @@ const _sfc_main$1 = defineComponent({
       default: true
     },
     center: Boolean,
+    draggable: Boolean,
     roundButton: {
       default: false,
       type: Boolean
@@ -47465,8 +47555,10 @@ const _sfc_main$1 = defineComponent({
     const btnSize = useSize(computed(() => props.buttonSize), { prop: true, form: true, formItem: true });
     const iconComponent = computed(() => state.icon || TypeComponentsMap[state.type] || "");
     const hasMessage = computed(() => !!state.message);
-    const inputRef = ref(null);
-    const confirmRef = ref(null);
+    const rootRef = ref();
+    const headerRef = ref();
+    const inputRef = ref();
+    const confirmRef = ref();
     const confirmButtonClasses = computed(() => state.confirmButtonClass);
     watch(() => state.inputValue, async (val) => {
       await nextTick();
@@ -47497,6 +47589,8 @@ const _sfc_main$1 = defineComponent({
         state.validateError = false;
       }
     });
+    const draggable = computed(() => props.draggable);
+    useDraggable(rootRef, headerRef, draggable);
     onMounted(async () => {
       await nextTick();
       if (props.closeOnHashChange) {
@@ -47522,6 +47616,7 @@ const _sfc_main$1 = defineComponent({
         handleAction(state.distinguishCancelAndClose ? "close" : "cancel");
       }
     };
+    const overlayEvent = useSameTarget(handleWrapperClick);
     const handleInputEnter = () => {
       if (state.inputType !== "textarea") {
         return handleAction("confirm");
@@ -47586,12 +47681,15 @@ const _sfc_main$1 = defineComponent({
     useRestoreActive(visible);
     return {
       ...toRefs(state),
+      overlayEvent,
       visible,
       hasMessage,
       typeClass,
       btnSize,
       iconComponent,
       confirmButtonClasses,
+      rootRef,
+      headerRef,
       inputRef,
       confirmRef,
       doClose,
@@ -47606,6 +47704,7 @@ const _sfc_main$1 = defineComponent({
 const _hoisted_1$1 = ["aria-label"];
 const _hoisted_2$1 = {
   key: 0,
+  ref: "headerRef",
   class: "el-message-box__header"
 };
 const _hoisted_3$1 = { class: "el-message-box__title" };
@@ -47628,137 +47727,145 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _directive_trap_focus = resolveDirective("trap-focus");
   return openBlock(), createBlock(Transition, {
     name: "fade-in-linear",
-    onAfterLeave: _cache[7] || (_cache[7] = ($event) => _ctx.$emit("vanish"))
+    onAfterLeave: _cache[11] || (_cache[11] = ($event) => _ctx.$emit("vanish"))
   }, {
     default: withCtx(() => [
       withDirectives(createVNode(_component_el_overlay, {
         "z-index": _ctx.zIndex,
         "overlay-class": ["is-message-box", _ctx.modalClass],
-        mask: _ctx.modal,
-        onClick: withModifiers(_ctx.handleWrapperClick, ["self"])
+        mask: _ctx.modal
       }, {
         default: withCtx(() => [
-          withDirectives((openBlock(), createElementBlock("div", {
-            ref: "root",
-            role: "dialog",
-            "aria-label": _ctx.title || "dialog",
-            "aria-modal": "true",
-            class: normalizeClass([
-              "el-message-box",
-              _ctx.customClass,
-              { "el-message-box--center": _ctx.center }
-            ]),
-            style: normalizeStyle(_ctx.customStyle)
+          createElementVNode("div", {
+            class: "el-overlay-message-box",
+            onClick: _cache[8] || (_cache[8] = (...args) => _ctx.overlayEvent.onClick && _ctx.overlayEvent.onClick(...args)),
+            onMousedown: _cache[9] || (_cache[9] = (...args) => _ctx.overlayEvent.onMousedown && _ctx.overlayEvent.onMousedown(...args)),
+            onMouseup: _cache[10] || (_cache[10] = (...args) => _ctx.overlayEvent.onMouseup && _ctx.overlayEvent.onMouseup(...args))
           }, [
-            _ctx.title !== null && _ctx.title !== void 0 ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
-              createElementVNode("div", _hoisted_3$1, [
-                _ctx.iconComponent && _ctx.center ? (openBlock(), createBlock(_component_el_icon, {
+            withDirectives((openBlock(), createElementBlock("div", {
+              ref: "rootRef",
+              role: "dialog",
+              "aria-label": _ctx.title || "dialog",
+              "aria-modal": "true",
+              class: normalizeClass([
+                "el-message-box",
+                _ctx.customClass,
+                { "el-message-box--center": _ctx.center, "is-draggable": _ctx.draggable }
+              ]),
+              style: normalizeStyle(_ctx.customStyle),
+              onClick: _cache[7] || (_cache[7] = withModifiers(() => {
+              }, ["stop"]))
+            }, [
+              _ctx.title !== null && _ctx.title !== void 0 ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
+                createElementVNode("div", _hoisted_3$1, [
+                  _ctx.iconComponent && _ctx.center ? (openBlock(), createBlock(_component_el_icon, {
+                    key: 0,
+                    class: normalizeClass(["el-message-box__status", _ctx.typeClass])
+                  }, {
+                    default: withCtx(() => [
+                      (openBlock(), createBlock(resolveDynamicComponent(_ctx.iconComponent)))
+                    ]),
+                    _: 1
+                  }, 8, ["class"])) : createCommentVNode("v-if", true),
+                  createElementVNode("span", null, toDisplayString(_ctx.title), 1)
+                ]),
+                _ctx.showClose ? (openBlock(), createElementBlock("button", {
                   key: 0,
-                  class: normalizeClass(["el-message-box__status", _ctx.typeClass])
-                }, {
-                  default: withCtx(() => [
-                    (openBlock(), createBlock(resolveDynamicComponent(_ctx.iconComponent)))
-                  ]),
-                  _: 1
-                }, 8, ["class"])) : createCommentVNode("v-if", true),
-                createElementVNode("span", null, toDisplayString(_ctx.title), 1)
+                  type: "button",
+                  class: "el-message-box__headerbtn",
+                  "aria-label": "Close",
+                  onClick: _cache[0] || (_cache[0] = ($event) => _ctx.handleAction(_ctx.distinguishCancelAndClose ? "close" : "cancel")),
+                  onKeydown: _cache[1] || (_cache[1] = withKeys(withModifiers(($event) => _ctx.handleAction(_ctx.distinguishCancelAndClose ? "close" : "cancel"), ["prevent"]), ["enter"]))
+                }, [
+                  createVNode(_component_el_icon, { class: "el-message-box__close" }, {
+                    default: withCtx(() => [
+                      createVNode(_component_close)
+                    ]),
+                    _: 1
+                  })
+                ], 32)) : createCommentVNode("v-if", true)
+              ], 512)) : createCommentVNode("v-if", true),
+              createElementVNode("div", _hoisted_4$1, [
+                createElementVNode("div", _hoisted_5$1, [
+                  _ctx.iconComponent && !_ctx.center && _ctx.hasMessage ? (openBlock(), createBlock(_component_el_icon, {
+                    key: 0,
+                    class: normalizeClass(["el-message-box__status", _ctx.typeClass])
+                  }, {
+                    default: withCtx(() => [
+                      (openBlock(), createBlock(resolveDynamicComponent(_ctx.iconComponent)))
+                    ]),
+                    _: 1
+                  }, 8, ["class"])) : createCommentVNode("v-if", true),
+                  _ctx.hasMessage ? (openBlock(), createElementBlock("div", _hoisted_6, [
+                    renderSlot(_ctx.$slots, "default", {}, () => [
+                      !_ctx.dangerouslyUseHTMLString ? (openBlock(), createElementBlock("p", _hoisted_7, toDisplayString(_ctx.message), 1)) : (openBlock(), createElementBlock("p", {
+                        key: 1,
+                        innerHTML: _ctx.message
+                      }, null, 8, _hoisted_8))
+                    ])
+                  ])) : createCommentVNode("v-if", true)
+                ]),
+                withDirectives(createElementVNode("div", _hoisted_9, [
+                  createVNode(_component_el_input, {
+                    ref: "inputRef",
+                    modelValue: _ctx.inputValue,
+                    "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.inputValue = $event),
+                    type: _ctx.inputType,
+                    placeholder: _ctx.inputPlaceholder,
+                    class: normalizeClass({ invalid: _ctx.validateError }),
+                    onKeydown: withKeys(withModifiers(_ctx.handleInputEnter, ["prevent"]), ["enter"])
+                  }, null, 8, ["modelValue", "type", "placeholder", "class", "onKeydown"]),
+                  createElementVNode("div", {
+                    class: "el-message-box__errormsg",
+                    style: normalizeStyle({
+                      visibility: !!_ctx.editorErrorMessage ? "visible" : "hidden"
+                    })
+                  }, toDisplayString(_ctx.editorErrorMessage), 5)
+                ], 512), [
+                  [vShow, _ctx.showInput]
+                ])
               ]),
-              _ctx.showClose ? (openBlock(), createElementBlock("button", {
-                key: 0,
-                type: "button",
-                class: "el-message-box__headerbtn",
-                "aria-label": "Close",
-                onClick: _cache[0] || (_cache[0] = ($event) => _ctx.handleAction(_ctx.distinguishCancelAndClose ? "close" : "cancel")),
-                onKeydown: _cache[1] || (_cache[1] = withKeys(withModifiers(($event) => _ctx.handleAction(_ctx.distinguishCancelAndClose ? "close" : "cancel"), ["prevent"]), ["enter"]))
-              }, [
-                createVNode(_component_el_icon, { class: "el-message-box__close" }, {
+              createElementVNode("div", _hoisted_10, [
+                _ctx.showCancelButton ? (openBlock(), createBlock(_component_el_button, {
+                  key: 0,
+                  loading: _ctx.cancelButtonLoading,
+                  class: normalizeClass([_ctx.cancelButtonClass]),
+                  round: _ctx.roundButton,
+                  size: _ctx.btnSize,
+                  onClick: _cache[3] || (_cache[3] = ($event) => _ctx.handleAction("cancel")),
+                  onKeydown: _cache[4] || (_cache[4] = withKeys(withModifiers(($event) => _ctx.handleAction("cancel"), ["prevent"]), ["enter"]))
+                }, {
                   default: withCtx(() => [
-                    createVNode(_component_close)
+                    createTextVNode(toDisplayString(_ctx.cancelButtonText || _ctx.t("el.messagebox.cancel")), 1)
                   ]),
                   _: 1
-                })
-              ], 32)) : createCommentVNode("v-if", true)
-            ])) : createCommentVNode("v-if", true),
-            createElementVNode("div", _hoisted_4$1, [
-              createElementVNode("div", _hoisted_5$1, [
-                _ctx.iconComponent && !_ctx.center && _ctx.hasMessage ? (openBlock(), createBlock(_component_el_icon, {
-                  key: 0,
-                  class: normalizeClass(["el-message-box__status", _ctx.typeClass])
+                }, 8, ["loading", "class", "round", "size"])) : createCommentVNode("v-if", true),
+                withDirectives(createVNode(_component_el_button, {
+                  ref: "confirmRef",
+                  type: "primary",
+                  loading: _ctx.confirmButtonLoading,
+                  class: normalizeClass([_ctx.confirmButtonClasses]),
+                  round: _ctx.roundButton,
+                  disabled: _ctx.confirmButtonDisabled,
+                  size: _ctx.btnSize,
+                  onClick: _cache[5] || (_cache[5] = ($event) => _ctx.handleAction("confirm")),
+                  onKeydown: _cache[6] || (_cache[6] = withKeys(withModifiers(($event) => _ctx.handleAction("confirm"), ["prevent"]), ["enter"]))
                 }, {
                   default: withCtx(() => [
-                    (openBlock(), createBlock(resolveDynamicComponent(_ctx.iconComponent)))
+                    createTextVNode(toDisplayString(_ctx.confirmButtonText || _ctx.t("el.messagebox.confirm")), 1)
                   ]),
                   _: 1
-                }, 8, ["class"])) : createCommentVNode("v-if", true),
-                _ctx.hasMessage ? (openBlock(), createElementBlock("div", _hoisted_6, [
-                  renderSlot(_ctx.$slots, "default", {}, () => [
-                    !_ctx.dangerouslyUseHTMLString ? (openBlock(), createElementBlock("p", _hoisted_7, toDisplayString(_ctx.message), 1)) : (openBlock(), createElementBlock("p", {
-                      key: 1,
-                      innerHTML: _ctx.message
-                    }, null, 8, _hoisted_8))
-                  ])
-                ])) : createCommentVNode("v-if", true)
-              ]),
-              withDirectives(createElementVNode("div", _hoisted_9, [
-                createVNode(_component_el_input, {
-                  ref: "inputRef",
-                  modelValue: _ctx.inputValue,
-                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.inputValue = $event),
-                  type: _ctx.inputType,
-                  placeholder: _ctx.inputPlaceholder,
-                  class: normalizeClass({ invalid: _ctx.validateError }),
-                  onKeydown: withKeys(withModifiers(_ctx.handleInputEnter, ["prevent"]), ["enter"])
-                }, null, 8, ["modelValue", "type", "placeholder", "class", "onKeydown"]),
-                createElementVNode("div", {
-                  class: "el-message-box__errormsg",
-                  style: normalizeStyle({
-                    visibility: !!_ctx.editorErrorMessage ? "visible" : "hidden"
-                  })
-                }, toDisplayString(_ctx.editorErrorMessage), 5)
-              ], 512), [
-                [vShow, _ctx.showInput]
-              ])
-            ]),
-            createElementVNode("div", _hoisted_10, [
-              _ctx.showCancelButton ? (openBlock(), createBlock(_component_el_button, {
-                key: 0,
-                loading: _ctx.cancelButtonLoading,
-                class: normalizeClass([_ctx.cancelButtonClass]),
-                round: _ctx.roundButton,
-                size: _ctx.btnSize,
-                onClick: _cache[3] || (_cache[3] = ($event) => _ctx.handleAction("cancel")),
-                onKeydown: _cache[4] || (_cache[4] = withKeys(withModifiers(($event) => _ctx.handleAction("cancel"), ["prevent"]), ["enter"]))
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.cancelButtonText || _ctx.t("el.messagebox.cancel")), 1)
-                ]),
-                _: 1
-              }, 8, ["loading", "class", "round", "size"])) : createCommentVNode("v-if", true),
-              withDirectives(createVNode(_component_el_button, {
-                ref: "confirmRef",
-                type: "primary",
-                loading: _ctx.confirmButtonLoading,
-                class: normalizeClass([_ctx.confirmButtonClasses]),
-                round: _ctx.roundButton,
-                disabled: _ctx.confirmButtonDisabled,
-                size: _ctx.btnSize,
-                onClick: _cache[5] || (_cache[5] = ($event) => _ctx.handleAction("confirm")),
-                onKeydown: _cache[6] || (_cache[6] = withKeys(withModifiers(($event) => _ctx.handleAction("confirm"), ["prevent"]), ["enter"]))
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.confirmButtonText || _ctx.t("el.messagebox.confirm")), 1)
-                ]),
-                _: 1
-              }, 8, ["loading", "class", "round", "disabled", "size"]), [
-                [vShow, _ctx.showConfirmButton]
+                }, 8, ["loading", "class", "round", "disabled", "size"]), [
+                  [vShow, _ctx.showConfirmButton]
+                ])
               ])
+            ], 14, _hoisted_1$1)), [
+              [_directive_trap_focus]
             ])
-          ], 14, _hoisted_1$1)), [
-            [_directive_trap_focus]
-          ])
+          ], 32)
         ]),
         _: 3
-      }, 8, ["z-index", "overlay-class", "mask", "onClick"]), [
+      }, 8, ["z-index", "overlay-class", "mask"]), [
         [vShow, _ctx.visible]
       ])
     ]),
@@ -48241,4 +48348,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, 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, 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, FORWARD_REF_INJECTION_KEY, FixedSizeGrid$3 as FixedSizeGrid, FixedSizeList$1 as FixedSizeList, ID_INJECTION_KEY, IconComponentMap, IconMap, Mousewheel, POPPER_CONTAINER_ID, POPPER_CONTAINER_SELECTOR, POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY, PopupManager, RepeatClick, Resize, TOOLTIP_INJECTION_KEY, TimePickPanel, TrapFocus, affixEmits, affixProps, alertEffects, alertEmits, alertProps, avatarEmits, avatarProps, backtopEmits, backtopProps, badgeProps, breadcrumbItemProps, breadcrumbProps, buildLocaleContext, buildTranslator, buttonEmits, buttonGroupContextKey, buttonNativeType, buttonProps, buttonType, calendarEmits, calendarProps, cardProps, checkTagEmits, checkTagProps, colProps, configProviderContextKey, configProviderProps, createModelToggleComposable, installer as default, dialogEmits, dialogProps, dividerProps, drawerEmits, drawerProps, 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, useDialog, useDisabled$1 as useDisabled, 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, 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, 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, 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, FORWARD_REF_INJECTION_KEY, FixedSizeGrid$3 as FixedSizeGrid, FixedSizeList$1 as FixedSizeList, ID_INJECTION_KEY, IconComponentMap, IconMap, Mousewheel, POPPER_CONTAINER_ID, POPPER_CONTAINER_SELECTOR, POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY, PopupManager, RepeatClick, Resize, TOOLTIP_INJECTION_KEY, TimePickPanel, TrapFocus, affixEmits, affixProps, alertEffects, alertEmits, alertProps, avatarEmits, avatarProps, backtopEmits, backtopProps, badgeProps, breadcrumbItemProps, breadcrumbProps, buildLocaleContext, buildTranslator, buttonEmits, buttonGroupContextKey, buttonNativeType, buttonProps, buttonType, calendarEmits, calendarProps, cardProps, checkTagEmits, checkTagProps, colProps, configProviderContextKey, configProviderProps, createModelToggleComposable, installer as default, dialogEmits, dialogProps, dividerProps, drawerEmits, drawerProps, 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, 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, version, virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps };