@element-plus/nightly 0.0.20220131 → 0.0.20220204

package/dist/index.full.mjs

@@ -1,6 +1,6 @@
-/*! Element Plus v0.0.20220131 */
+/*! Element Plus v0.0.20220204 */
 
-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,73 @@ const useDisabled$1 = (fallback) => {
   return computed(() => disabled.value || unref(fallback) || (form == null ? void 0 : form.disabled) || false);
 };
 
+const useDeprecated = ({ from, replacement, scope, version, ref }, condition) => {
+  watch(() => unref(condition), (val) => {
+  }, {
+    immediate: true
+  });
+};
+
+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 +4607,7 @@ if (isClient) {
   });
 }
 
-const version$1 = "0.0.20220131";
+const version$1 = "0.0.20220204";
 
 const INSTALLED_KEY = Symbol("INSTALLED_KEY");
 const makeInstaller = (components = []) => {
@@ -6943,15 +7010,15 @@ const thumbProps = buildProps({
   always: Boolean
 });
 
-const COMPONENT_NAME$9 = "Thumb";
+const COMPONENT_NAME$f = "Thumb";
 const _sfc_main$26 = defineComponent({
-  name: COMPONENT_NAME$9,
+  name: COMPONENT_NAME$f,
   props: thumbProps,
   setup(props) {
     const scrollbar = inject(scrollbarContextKey);
     const ns = useNamespace("scrollbar");
     if (!scrollbar)
-      throwError(COMPONENT_NAME$9, "can not inject scrollbar context");
+      throwError(COMPONENT_NAME$f, "can not inject scrollbar context");
     const instance = ref();
     const thumb = ref();
     const thumbState = ref({});
@@ -9258,9 +9325,9 @@ function _sfc_render$1Z(_ctx, _cache, $props, $setup, $data, $options) {
 }
 var ElPopperArrow = /* @__PURE__ */ _export_sfc$1(_sfc_main$22, [["render", _sfc_render$1Z]]);
 
-const NAME$1 = "ElOnlyChild";
+const NAME = "ElOnlyChild";
 const OnlyChild = defineComponent({
-  name: NAME$1,
+  name: NAME,
   setup(_, { slots, attrs }) {
     var _a;
     const forwardRefInjection = inject(FORWARD_REF_INJECTION_KEY, void 0);
@@ -9539,6 +9606,23 @@ function _sfc_render$1X(_ctx, _cache, $props, $setup, $data, $options) {
 }
 var ElPopperContent = /* @__PURE__ */ _export_sfc$1(_sfc_main$20, [["render", _sfc_render$1X]]);
 
+function useDeprecateAppendToBody(scope, from) {
+  const vm = getCurrentInstance();
+  const compatTeleported = computed(() => {
+    return isBool(vm.props[from]) ? vm.props[from] : vm.props.teleported;
+  });
+  useDeprecated({
+    scope,
+    from,
+    replacement: "teleported",
+    version: "2.1.0",
+    ref: "https://element-plus.org/en-US/component/tooltip.html#attributes"
+  }, computed(() => isBool(vm.props[from])));
+  return {
+    compatTeleported
+  };
+}
+
 const ElPopper = withInstall(Popper);
 
 const _sfc_main$1$ = defineComponent({
@@ -10021,8 +10105,9 @@ var Tooltip = /* @__PURE__ */ _export_sfc$1(_sfc_main$1Y, [["render", _sfc_rende
 
 const ElTooltip = withInstall(Tooltip);
 
+const COMPONENT_NAME$e = "ElAutocomplete";
 const _sfc_main$1X = defineComponent({
-  name: "ElAutocomplete",
+  name: COMPONENT_NAME$e,
   components: {
     ElTooltip,
     ElInput,
@@ -10083,8 +10168,9 @@ const _sfc_main$1X = defineComponent({
     },
     popperAppendToBody: {
       type: Boolean,
-      default: true
+      default: void 0
     },
+    teleported: useTooltipContentProps.teleported,
     highlightFirstItem: {
       type: Boolean,
       default: false
@@ -10101,6 +10187,7 @@ const _sfc_main$1X = defineComponent({
   ],
   setup(props, ctx) {
     const ns = useNamespace("autocomplete");
+    const { compatTeleported } = useDeprecateAppendToBody(COMPONENT_NAME$e, "popperAppendToBody");
     const attrs = useAttrs();
     const suggestions = ref([]);
     const highlightedIndex = ref(-1);
@@ -10248,6 +10335,7 @@ const _sfc_main$1X = defineComponent({
       id,
       suggestionVisible,
       suggestionLoading,
+      compatTeleported,
       getData,
       handleInput,
       handleChange,
@@ -10281,7 +10369,7 @@ function _sfc_render$1S(_ctx, _cache, $props, $setup, $data, $options) {
     placement: _ctx.placement,
     "fallback-placements": ["bottom-start", "top-start"],
     "popper-class": `${_ctx.ns.e("popper")} ${_ctx.popperClass}`,
-    "append-to-body": _ctx.popperAppendToBody,
+    teleported: _ctx.compatTeleported,
     "gpu-acceleration": false,
     pure: "",
     "manual-mode": "",
@@ -10385,7 +10473,7 @@ function _sfc_render$1S(_ctx, _cache, $props, $setup, $data, $options) {
       ])
     ]),
     _: 3
-  }, 8, ["visible", "placement", "popper-class", "append-to-body", "transition", "onShow"]);
+  }, 8, ["visible", "placement", "popper-class", "teleported", "transition", "onShow"]);
 }
 var Autocomplete = /* @__PURE__ */ _export_sfc$1(_sfc_main$1X, [["render", _sfc_render$1S]]);
 
@@ -10520,9 +10608,9 @@ const backtopEmits = {
   click: (evt) => evt instanceof MouseEvent
 };
 
-const COMPONENT_NAME$8 = "ElBacktop";
+const COMPONENT_NAME$d = "ElBacktop";
 const _sfc_main$1V = defineComponent({
-  name: COMPONENT_NAME$8,
+  name: COMPONENT_NAME$d,
   components: {
     ElIcon,
     CaretTop: caretTop
@@ -10568,7 +10656,7 @@ const _sfc_main$1V = defineComponent({
       if (props.target) {
         el.value = (_a = document.querySelector(props.target)) != null ? _a : void 0;
         if (!el.value) {
-          throwError(COMPONENT_NAME$8, `target is not existed: ${props.target}`);
+          throwError(COMPONENT_NAME$d, `target is not existed: ${props.target}`);
         }
         container.value = el.value;
       }
@@ -10736,9 +10824,9 @@ const breadcrumbItemProps = buildProps({
   }
 });
 
-const COMPONENT_NAME$7 = "ElBreadcrumbItem";
+const COMPONENT_NAME$c = "ElBreadcrumbItem";
 const _sfc_main$1S = defineComponent({
-  name: COMPONENT_NAME$7,
+  name: COMPONENT_NAME$c,
   components: {
     ElIcon
   },
@@ -17316,8 +17404,9 @@ const popperOptions = {
     }
   ]
 };
+const COMPONENT_NAME$b = "ElCascader";
 const _sfc_main$1w = defineComponent({
-  name: "ElCascader",
+  name: COMPONENT_NAME$b,
   components: {
     ElCascaderPanel: _CascaderPanel,
     ElInput,
@@ -17371,8 +17460,9 @@ const _sfc_main$1w = defineComponent({
     },
     popperAppendToBody: {
       type: Boolean,
-      default: true
-    }
+      default: void 0
+    },
+    teleported: useTooltipContentProps.teleported
   },
   emits: [
     UPDATE_MODEL_EVENT,
@@ -17386,6 +17476,7 @@ const _sfc_main$1w = defineComponent({
   setup(props, { emit }) {
     let inputInitialHeight = 0;
     let pressDeleteCount = 0;
+    const { compatTeleported } = useDeprecateAppendToBody(COMPONENT_NAME$b, "popperAppendToBody");
     const { t } = useLocale();
     const elForm = inject(elFormKey, {});
     const elFormItem = inject(elFormItemKey, {});
@@ -17699,6 +17790,7 @@ const _sfc_main$1w = defineComponent({
       multiple,
       readonly,
       clearBtnVisible,
+      compatTeleported,
       t,
       togglePopperVisible,
       hideSuggestionPanel,
@@ -17739,7 +17831,7 @@ function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
     ref: "tooltipRef",
     visible: _ctx.popperVisible,
     "onUpdate:visible": _cache[17] || (_cache[17] = ($event) => _ctx.popperVisible = $event),
-    "append-to-body": _ctx.popperAppendToBody,
+    teleported: _ctx.compatTeleported,
     "popper-class": `el-cascader__dropdown ${_ctx.popperClass}`,
     "popper-options": _ctx.popperOptions,
     "fallback-placements": [
@@ -17905,7 +17997,7 @@ function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
       ]) : createCommentVNode("v-if", true)
     ]),
     _: 3
-  }, 8, ["visible", "append-to-body", "popper-class", "popper-options", "onHide"]);
+  }, 8, ["visible", "teleported", "popper-class", "popper-options", "onHide"]);
 }
 var Cascader = /* @__PURE__ */ _export_sfc$1(_sfc_main$1w, [["render", _sfc_render$1s]]);
 
@@ -22476,6 +22568,10 @@ const dialogProps = buildProps({
     type: Boolean,
     default: false
   },
+  draggable: {
+    type: Boolean,
+    default: false
+  },
   lockScroll: {
     type: Boolean,
     default: true
@@ -22666,17 +22762,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,
@@ -22720,6 +22823,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
@@ -22749,7 +22853,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),
@@ -27617,19 +27721,19 @@ const subMenuProps = buildProps({
     default: void 0
   }
 });
-const COMPONENT_NAME$6 = "ElSubMenu";
+const COMPONENT_NAME$a = "ElSubMenu";
 var SubMenu = defineComponent({
-  name: COMPONENT_NAME$6,
+  name: COMPONENT_NAME$a,
   props: subMenuProps,
   setup(props, { slots, expose }) {
     const instance = getCurrentInstance();
     const { paddingStyle, indexPath, parentMenu } = useMenu(instance, computed(() => props.index));
     const rootMenu = inject("rootMenu");
     if (!rootMenu)
-      throwError(COMPONENT_NAME$6, "can not inject root menu");
+      throwError(COMPONENT_NAME$a, "can not inject root menu");
     const subMenu = inject(`subMenu:${parentMenu.value.uid}`);
     if (!subMenu)
-      throwError(COMPONENT_NAME$6, "can not inject sub menu");
+      throwError(COMPONENT_NAME$a, "can not inject sub menu");
     const items = ref({});
     const subMenus = ref({});
     let timeout;
@@ -28152,9 +28256,9 @@ const menuItemEmits = {
   click: (item) => isString$1(item.index) && Array.isArray(item.indexPath)
 };
 
-const COMPONENT_NAME$5 = "ElMenuItem";
+const COMPONENT_NAME$9 = "ElMenuItem";
 const _sfc_main$P = defineComponent({
-  name: COMPONENT_NAME$5,
+  name: COMPONENT_NAME$9,
   components: {
     ElTooltip
   },
@@ -28164,11 +28268,11 @@ const _sfc_main$P = defineComponent({
     const instance = getCurrentInstance();
     const rootMenu = inject("rootMenu");
     if (!rootMenu)
-      throwError(COMPONENT_NAME$5, "can not inject root menu");
+      throwError(COMPONENT_NAME$9, "can not inject root menu");
     const { parentMenu, paddingStyle, indexPath } = useMenu(instance, toRef(props, "index"));
     const subMenu = inject(`subMenu:${parentMenu.value.uid}`);
     if (!subMenu)
-      throwError(COMPONENT_NAME$5, "can not inject sub menu");
+      throwError(COMPONENT_NAME$9, "can not inject sub menu");
     const active = computed(() => props.index === rootMenu.activeIndex);
     const item = reactive({
       index: props.index,
@@ -28252,15 +28356,15 @@ const menuItemGroupProps = {
   title: String
 };
 
-const COMPONENT_NAME$4 = "ElMenuItemGroup";
+const COMPONENT_NAME$8 = "ElMenuItemGroup";
 const _sfc_main$O = defineComponent({
-  name: COMPONENT_NAME$4,
+  name: COMPONENT_NAME$8,
   props: menuItemGroupProps,
   setup() {
     const instance = getCurrentInstance();
     const menu = inject("rootMenu");
     if (!menu)
-      throwError(COMPONENT_NAME$4, "can not inject root menu");
+      throwError(COMPONENT_NAME$8, "can not inject root menu");
     const levelPadding = computed(() => {
       if (menu.props.collapse)
         return 20;
@@ -29345,9 +29449,10 @@ const useSelect$2 = (props, states, ctx) => {
   };
 };
 
+const COMPONENT_NAME$7 = "ElSelect";
 const _sfc_main$I = defineComponent({
-  name: "ElSelect",
-  componentName: "ElSelect",
+  name: COMPONENT_NAME$7,
+  componentName: COMPONENT_NAME$7,
   components: {
     ElInput,
     ElSelectMenu: ElSelectMenu$1,
@@ -29409,8 +29514,9 @@ const _sfc_main$I = defineComponent({
     collapseTags: Boolean,
     popperAppendToBody: {
       type: Boolean,
-      default: true
+      default: void 0
     },
+    teleported: useTooltipContentProps.teleported,
     clearIcon: {
       type: [String, Object],
       default: circleClose
@@ -29590,6 +29696,7 @@ const _sfc_main$I = defineComponent({
       var _a, _b;
       return (_b = (_a = tooltipRef.value) == null ? void 0 : _a.popperRef) == null ? void 0 : _b.contentRef;
     });
+    const { compatTeleported } = useDeprecateAppendToBody(COMPONENT_NAME$7, "popperAppendToBody");
     return {
       tagInMultiLine,
       prefixWidth,
@@ -29650,7 +29757,8 @@ const _sfc_main$I = defineComponent({
       selectWrapper,
       scrollbar,
       wrapperKls,
-      selectTagsStyle
+      selectTagsStyle,
+      compatTeleported
     };
   }
 });
@@ -29682,7 +29790,7 @@ function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
       visible: _ctx.dropMenuVisible,
       "onUpdate:visible": _cache[23] || (_cache[23] = ($event) => _ctx.dropMenuVisible = $event),
       placement: "bottom-start",
-      "append-to-body": _ctx.popperAppendToBody,
+      teleported: _ctx.compatTeleported,
       "popper-class": `el-select__popper ${_ctx.popperClass}`,
       "fallback-placements": ["bottom-start", "top-start", "right", "left"],
       effect: "light",
@@ -29901,7 +30009,7 @@ function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
         })
       ]),
       _: 3
-    }, 8, ["visible", "append-to-body", "popper-class", "onShow"])
+    }, 8, ["visible", "teleported", "popper-class", "onShow"])
   ], 2)), [
     [_directive_click_outside, _ctx.handleClose, _ctx.popperPaneRef]
   ]);
@@ -30579,52 +30687,56 @@ var Pagination = defineComponent({
 
 const ElPagination = withInstall(Pagination);
 
-const popconfirmProps = buildProps({
-  title: {
-    type: String
-  },
-  confirmButtonText: {
-    type: String
-  },
-  cancelButtonText: {
-    type: String
-  },
-  confirmButtonType: {
-    type: String,
-    values: buttonType,
-    default: "primary"
-  },
-  cancelButtonType: {
-    type: String,
-    values: buttonType,
-    default: "text"
-  },
-  icon: {
-    type: definePropType([String, Object]),
-    default: questionFilled
-  },
-  iconColor: {
-    type: String,
-    default: "#f90"
-  },
-  hideIcon: {
-    type: Boolean,
-    default: false
-  },
-  hideAfter: {
-    type: Number,
-    default: 200
-  },
-  onConfirm: {
-    type: definePropType(Function)
-  },
-  onCancel: {
-    type: definePropType(Function)
-  }
-});
+const popconfirmProps = {
+  ...buildProps({
+    title: {
+      type: String
+    },
+    confirmButtonText: {
+      type: String
+    },
+    cancelButtonText: {
+      type: String
+    },
+    confirmButtonType: {
+      type: String,
+      values: buttonType,
+      default: "primary"
+    },
+    cancelButtonType: {
+      type: String,
+      values: buttonType,
+      default: "text"
+    },
+    icon: {
+      type: definePropType([String, Object]),
+      default: questionFilled
+    },
+    iconColor: {
+      type: String,
+      default: "#f90"
+    },
+    hideIcon: {
+      type: Boolean,
+      default: false
+    },
+    hideAfter: {
+      type: Number,
+      default: 200
+    },
+    onConfirm: {
+      type: definePropType(Function)
+    },
+    onCancel: {
+      type: definePropType(Function)
+    }
+  }),
+  teleported: useTooltipContentProps.teleported
+};
 
+const COMPONENT_NAME$6 = "Elpopperconfirm";
 const _sfc_main$C = defineComponent({
-  name: "ElPopconfirm",
+  name: COMPONENT_NAME$6,
   components: {
     ElButton,
     ElTooltip,
@@ -30632,6 +30744,7 @@ const _sfc_main$C = defineComponent({
   },
   props: popconfirmProps,
   setup(props) {
+    const { compatTeleported } = useDeprecateAppendToBody(COMPONENT_NAME$6, "appendToBody");
     const { t } = useLocale();
     const tooltipRef = ref();
     const hidePopper = () => {
@@ -30657,6 +30770,7 @@ const _sfc_main$C = defineComponent({
       finalConfirmButtonText,
       finalCancelButtonText,
       tooltipRef,
+      compatTeleported,
       confirm,
       cancel
     };
@@ -30673,7 +30787,7 @@ function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
     trigger: "click",
     effect: "light",
     "popper-class": "el-popover",
-    "append-to-body": "",
+    teleported: _ctx.compatTeleported,
     "fallback-placements": ["bottom", "top", "right", "left"],
     "hide-after": _ctx.hideAfter,
     persistent: ""
@@ -30721,13 +30835,14 @@ function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
       _ctx.$slots.reference ? renderSlot(_ctx.$slots, "reference", { key: 0 }) : createCommentVNode("v-if", true)
     ]),
     _: 3
-  }, 16, ["hide-after"]);
+  }, 16, ["teleported", "hide-after"]);
 }
 var Popconfirm = /* @__PURE__ */ _export_sfc$1(_sfc_main$C, [["render", _sfc_render$y]]);
 
 const ElPopconfirm = withInstall(Popconfirm);
 
 const usePopoverProps = {
+  appendToBody: { type: Boolean, default: void 0 },
   content: useTooltipContentProps.content,
   popperStyle: useTooltipContentProps.popperStyle,
   popperClass: useTooltipContentProps.popperClass,
@@ -30739,6 +30854,7 @@ const usePopoverProps = {
     ...useTooltipContentProps.effect,
     default: "light"
   },
+  teleported: useTooltipContentProps.teleported,
   ...buildProps({
     title: String,
     width: {
@@ -30749,9 +30865,9 @@ const usePopoverProps = {
 };
 
 const emits = ["update:visible", "after-enter", "after-leave"];
-const NAME = "ElPopover";
+const COMPONENT_NAME$5 = "ElPopover";
 const _sfc_main$B = defineComponent({
-  name: NAME,
+  name: COMPONENT_NAME$5,
   components: {
     ElTooltip
   },
@@ -30784,6 +30900,7 @@ const _sfc_main$B = defineComponent({
         props.popperClass
       ];
     });
+    const { compatTeleported } = useDeprecateAppendToBody(COMPONENT_NAME$5, "appendToBody");
     const hide = () => {
       var _a;
       (_a = tooltipRef.value) == null ? void 0 : _a.hide();
@@ -30795,6 +30912,7 @@ const _sfc_main$B = defineComponent({
       emit("after-leave");
     };
     return {
+      compatTeleported,
       kls,
       style,
       tooltipRef,
@@ -30818,6 +30936,7 @@ function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
     enterable: _ctx.enterable,
     "popper-class": _ctx.kls,
     "popper-style": _ctx.style,
+    teleported: _ctx.compatTeleported,
     persistent: "",
     onShow: _ctx.afterEnter,
     onHide: _ctx.afterLeave
@@ -30832,7 +30951,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", "onShow", "onHide"]);
+  }, 16, ["aria-label", "effect", "enterable", "popper-class", "popper-style", "teleported", "onShow", "onHide"]);
 }
 var Popover = /* @__PURE__ */ _export_sfc$1(_sfc_main$B, [["render", _sfc_render$x]]);
 
@@ -33433,8 +33552,9 @@ const SelectProps = {
   },
   popperAppendToBody: {
     type: Boolean,
-    default: true
+    default: void 0
   },
+  teleported: useTooltipContentProps.teleported,
   popperClass: {
     type: String,
     default: ""
@@ -33797,9 +33917,11 @@ const TAG_BASE_WIDTH = {
   default: 42,
   small: 33
 };
+const COMPONENT_NAME$4 = "ElSelectV2";
 const useSelect = (props, emit) => {
   const { t } = useLocale();
   const { form: elForm, formItem: elFormItem } = useFormItem();
+  const { compatTeleported } = useDeprecateAppendToBody(COMPONENT_NAME$4, "popperAppendToBody");
   const states = reactive({
     inputValue: DEFAULT_INPUT_PLACEHOLDER,
     displayInputValue: DEFAULT_INPUT_PLACEHOLDER,
@@ -34376,7 +34498,7 @@ const useSelect = (props, emit) => {
     popperRef,
     validateState,
     validateIcon,
-    Effect,
+    compatTeleported,
     debouncedOnInputChange,
     deleteTag,
     getLabel,
@@ -34472,7 +34594,7 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
       ref: "popper",
       visible: _ctx.dropdownMenuVisible,
       "onUpdate:visible": _cache[22] || (_cache[22] = ($event) => _ctx.dropdownMenuVisible = $event),
-      "append-to-body": _ctx.popperAppendToBody,
+      teleported: _ctx.compatTeleported,
       "popper-class": `el-select-v2__popper ${_ctx.popperClass}`,
       "gpu-acceleration": false,
       "stop-popper-mouse-event": false,
@@ -34716,7 +34838,7 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
         }, 8, ["data", "width", "hovering-index", "scrollbar-always-on"])
       ]),
       _: 3
-    }, 8, ["visible", "append-to-body", "popper-class", "popper-options", "onShow"])
+    }, 8, ["visible", "teleported", "popper-class", "popper-options", "onShow"])
   ], 34)), [
     [_directive_click_outside, _ctx.handleClickOutside, _ctx.popperRef]
   ]);
@@ -47424,6 +47546,7 @@ const _sfc_main$1 = defineComponent({
       default: true
     },
     center: Boolean,
+    draggable: Boolean,
     roundButton: {
       default: false,
       type: Boolean
@@ -47482,8 +47605,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();
@@ -47514,6 +47639,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) {
@@ -47539,6 +47666,7 @@ const _sfc_main$1 = defineComponent({
         handleAction(state.distinguishCancelAndClose ? "close" : "cancel");
       }
     };
+    const overlayEvent = useSameTarget(handleWrapperClick);
     const handleInputEnter = () => {
       if (state.inputType !== "textarea") {
         return handleAction("confirm");
@@ -47603,12 +47731,15 @@ const _sfc_main$1 = defineComponent({
     useRestoreActive(visible);
     return {
       ...toRefs(state),
+      overlayEvent,
       visible,
       hasMessage,
       typeClass,
       btnSize,
       iconComponent,
       confirmButtonClasses,
+      rootRef,
+      headerRef,
       inputRef,
       confirmRef,
       doClose,
@@ -47623,6 +47754,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" };
@@ -47645,137 +47777,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]
       ])
     ]),
@@ -48258,4 +48398,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, 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, version, virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps };