ele-admin-plus 1.1.9-beta.9 → 1.2.0-beta.1

package/lib/ele-drawer/index.cjs

@@ -2,8 +2,8 @@
 const vue = require("vue");
 const elementPlus = require("element-plus");
 const icons = require("../icons");
-const ReceiverView = require("../ele-config-provider/components/receiver-view");
 const receiver = require("../ele-config-provider/receiver");
+const ReceiverView = require("../ele-config-provider/components/receiver-view");
 const util = require("../ele-modal/util");
 const props = require("./props");
 const _sfc_main = vue.defineComponent({
@@ -16,7 +16,6 @@ const _sfc_main = vue.defineComponent({
     const drawerRef = vue.ref(null);
     const isActivated = vue.ref(true);
     const drawerClass = vue.computed(() => {
-      const layoutState = vue.unref(layoutProvide);
       const classes = ["ele-drawer"];
       if (!props2.modelValue) {
         classes.push("ele-drawer-closed");
@@ -26,41 +25,20 @@ const _sfc_main = vue.defineComponent({
       }
       if (props2.inner) {
         classes.push("ele-drawer-inner");
-        if (layoutState && layoutState.sidebar != null) {
-          if (layoutState.collapse && !layoutState.topLayout) {
-            classes.push(util.collapseClass);
-          }
-          if (layoutState.compact && layoutState.mixSidebar && !layoutState.topLayout) {
-            classes.push(util.compactClass);
-          }
-          if (layoutState.maximized) {
-            classes.push(util.maximizedClass);
-          }
-          if (layoutState.tabBar) {
-            classes.push(util.hasTabClass);
-          }
-          if (layoutState.mixSidebar && !layoutState.topLayout) {
-            classes.push(util.mixSidebarClass);
-            if (!layoutState.sidebar) {
-              classes.push(util.singleSidebarClass);
-            }
-          }
-          if (layoutState.topLayout) {
-            classes.push(util.topLayoutClass);
-          }
-          if (layoutState.maximized && layoutState.expanded) {
-            classes.push(util.expandedClass);
-          }
-          if (layoutState.mobile) {
-            classes.push(util.mobileClass);
-          }
-        }
       }
       if (props2.modalClass) {
         classes.push(props2.modalClass);
       }
       return classes.join(" ");
     });
+    const teleportTo = vue.computed(() => {
+      return util.getModalContainer(
+        props2.inner,
+        false,
+        void 0,
+        layoutProvide.modalsEl
+      );
+    });
     const handleClose = () => {
       if (drawerRef.value && drawerRef.value.handleClose) {
         drawerRef.value.handleClose();
@@ -81,6 +59,12 @@ const _sfc_main = vue.defineComponent({
     const onClosed = () => {
       emit("closed");
     };
+    const onOpenAutoFocus = () => {
+      emit("openAutoFocus");
+    };
+    const onCloseAutoFocus = () => {
+      emit("closeAutoFocus");
+    };
     vue.onActivated(() => {
       isActivated.value = true;
     });
@@ -90,12 +74,15 @@ const _sfc_main = vue.defineComponent({
     return {
       drawerRef,
       drawerClass,
+      teleportTo,
       handleClose,
       updateModelValue,
       onOpen,
       onOpened,
       onClose,
-      onClosed
+      onClosed,
+      onOpenAutoFocus,
+      onCloseAutoFocus
     };
   }
 });
@@ -112,90 +99,97 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElIcon = vue.resolveComponent("ElIcon");
   const _component_ReceiverView = vue.resolveComponent("ReceiverView");
   const _component_ElDrawer = vue.resolveComponent("ElDrawer");
-  return vue.openBlock(), vue.createBlock(_component_ElDrawer, {
-    ref: "drawerRef",
-    modelValue: _ctx.modelValue,
-    appendToBody: _ctx.appendToBody,
-    lockScroll: _ctx.lockScroll,
-    beforeClose: _ctx.beforeClose,
-    closeOnClickModal: _ctx.closeOnClickModal,
-    closeOnPressEscape: _ctx.closeOnPressEscape,
-    openDelay: _ctx.openDelay,
-    closeDelay: _ctx.closeDelay,
-    destroyOnClose: _ctx.destroyOnClose,
-    modal: _ctx.modal,
-    direction: _ctx.direction,
-    showClose: false,
-    size: _ctx.size,
-    title: _ctx.title,
-    withHeader: _ctx.withHeader,
-    modalClass: _ctx.drawerClass,
-    zIndex: _ctx.zIndex,
-    headerAriaLevel: _ctx.headerAriaLevel,
-    onOpen: _ctx.onOpen,
-    onOpened: _ctx.onOpened,
-    onClose: _ctx.onClose,
-    onClosed: _ctx.onClosed,
-    "onUpdate:modelValue": _ctx.updateModelValue
-  }, vue.createSlots({
-    header: vue.withCtx(({ close }) => [
-      vue.createElementVNode("div", {
-        class: "ele-drawer-header",
-        style: vue.normalizeStyle(_ctx.headerStyle)
-      }, [
-        vue.createElementVNode("div", {
-          role: "heading",
-          class: "ele-drawer-title",
-          style: vue.normalizeStyle(_ctx.titleStyle)
-        }, [
-          vue.renderSlot(_ctx.$slots, "header", {}, () => [
-            vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
-          ])
-        ], 4),
-        _ctx.showClose ? (vue.openBlock(), vue.createElementBlock("div", {
-          key: 0,
-          class: "ele-drawer-close",
-          style: vue.normalizeStyle(_ctx.closeBtnStyle),
-          onClick: close
-        }, [
-          vue.renderSlot(_ctx.$slots, "closeBtn", {}, () => [
-            vue.createVNode(_component_ElIcon, null, {
-              default: vue.withCtx(() => [
-                vue.createVNode(_component_CloseOutlined)
-              ]),
-              _: 1
-            })
-          ])
-        ], 12, _hoisted_1)) : vue.createCommentVNode("", true)
-      ], 4)
-    ]),
-    default: vue.withCtx(() => [
-      vue.createVNode(_component_ReceiverView, {
-        wrapPosition: false,
-        class: "ele-drawer-body",
-        style: vue.normalizeStyle(_ctx.bodyStyle)
-      }, {
-        default: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["style"])
-    ]),
-    _: 2
+  return vue.openBlock(), vue.createBlock(vue.Teleport, {
+    to: _ctx.teleportTo,
+    disabled: _ctx.inner ? false : !_ctx.appendToBody
   }, [
-    _ctx.$slots.footer ? {
-      name: "footer",
-      fn: vue.withCtx(() => [
+    vue.createVNode(_component_ElDrawer, vue.mergeProps(_ctx.$attrs, {
+      ref: "drawerRef",
+      modelValue: _ctx.modelValue,
+      appendToBody: false,
+      lockScroll: _ctx.inner ? false : _ctx.lockScroll,
+      beforeClose: _ctx.beforeClose,
+      closeOnClickModal: _ctx.closeOnClickModal,
+      closeOnPressEscape: _ctx.closeOnPressEscape,
+      openDelay: _ctx.openDelay,
+      closeDelay: _ctx.closeDelay,
+      destroyOnClose: _ctx.destroyOnClose,
+      modal: _ctx.modal,
+      direction: _ctx.direction,
+      showClose: false,
+      size: _ctx.size,
+      title: _ctx.title,
+      withHeader: _ctx.withHeader,
+      modalClass: _ctx.drawerClass,
+      zIndex: _ctx.zIndex,
+      headerAriaLevel: _ctx.headerAriaLevel,
+      onOpen: _ctx.onOpen,
+      onOpened: _ctx.onOpened,
+      onClose: _ctx.onClose,
+      onClosed: _ctx.onClosed,
+      onOpenAutoFocus: _ctx.onOpenAutoFocus,
+      onCloseAutoFocus: _ctx.onCloseAutoFocus,
+      "onUpdate:modelValue": _ctx.updateModelValue
+    }), vue.createSlots({
+      header: vue.withCtx(({ close }) => [
         vue.createElementVNode("div", {
-          class: "ele-drawer-footer",
-          style: vue.normalizeStyle(_ctx.footerStyle)
+          class: "ele-drawer-header",
+          style: vue.normalizeStyle(_ctx.headerStyle)
         }, [
-          vue.renderSlot(_ctx.$slots, "footer")
+          vue.createElementVNode("div", {
+            role: "heading",
+            class: "ele-drawer-title",
+            style: vue.normalizeStyle(_ctx.titleStyle)
+          }, [
+            vue.renderSlot(_ctx.$slots, "header", {}, () => [
+              vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
+            ])
+          ], 4),
+          _ctx.showClose ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: "ele-drawer-close",
+            style: vue.normalizeStyle(_ctx.closeBtnStyle),
+            onClick: close
+          }, [
+            vue.renderSlot(_ctx.$slots, "closeBtn", {}, () => [
+              vue.createVNode(_component_ElIcon, null, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_CloseOutlined)
+                ]),
+                _: 1
+              })
+            ])
+          ], 12, _hoisted_1)) : vue.createCommentVNode("", true)
         ], 4)
       ]),
-      key: "0"
-    } : void 0
-  ]), 1032, ["modelValue", "appendToBody", "lockScroll", "beforeClose", "closeOnClickModal", "closeOnPressEscape", "openDelay", "closeDelay", "destroyOnClose", "modal", "direction", "size", "title", "withHeader", "modalClass", "zIndex", "headerAriaLevel", "onOpen", "onOpened", "onClose", "onClosed", "onUpdate:modelValue"]);
+      default: vue.withCtx(() => [
+        vue.createVNode(_component_ReceiverView, {
+          wrapPosition: false,
+          class: "ele-drawer-body",
+          style: vue.normalizeStyle(_ctx.bodyStyle)
+        }, {
+          default: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "default")
+          ]),
+          _: 3
+        }, 8, ["style"])
+      ]),
+      _: 2
+    }, [
+      _ctx.$slots.footer ? {
+        name: "footer",
+        fn: vue.withCtx(() => [
+          vue.createElementVNode("div", {
+            class: "ele-drawer-footer",
+            style: vue.normalizeStyle(_ctx.footerStyle)
+          }, [
+            vue.renderSlot(_ctx.$slots, "footer")
+          ], 4)
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1040, ["modelValue", "lockScroll", "beforeClose", "closeOnClickModal", "closeOnPressEscape", "openDelay", "closeDelay", "destroyOnClose", "modal", "direction", "size", "title", "withHeader", "modalClass", "zIndex", "headerAriaLevel", "onOpen", "onOpened", "onClose", "onClosed", "onOpenAutoFocus", "onCloseAutoFocus", "onUpdate:modelValue"])
+  ], 8, ["to", "disabled"]);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 module.exports = index;

package/lib/ele-drawer/index.d.ts

@@ -1,33 +1,34 @@
-import type { ElDrawerInstance } from '../ele-app/el';
-declare const _default: import("vue").DefineComponent<{
-    headerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
-    titleStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
-    bodyStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
-    footerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
-    closeBtnStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+import { ElDrawerInstance } from '../ele-app/el';
+
+declare const _default: import('vue').DefineComponent<{
+    headerStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    titleStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    bodyStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    footerStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    closeBtnStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     inner: BooleanConstructor;
-    direction: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown, "rtl", boolean>;
-    size: import("element-plus/es/utils/index").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "30%", boolean>;
-    withHeader: import("element-plus/es/utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    modalFade: import("element-plus/es/utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    headerAriaLevel: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
+    direction: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown, "rtl", boolean>;
+    size: import('element-plus/es/utils/index').EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "30%", boolean>;
+    withHeader: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    modalFade: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    headerAriaLevel: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
     appendToBody: BooleanConstructor;
-    appendTo: import("element-plus/es/utils/index").EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "body", boolean>;
+    appendTo: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "body", boolean>;
     beforeClose: {
-        readonly type: import("vue").PropType<import("element-plus").DialogBeforeCloseFn>;
+        readonly type: import('vue').PropType<import('element-plus').DialogBeforeCloseFn>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     destroyOnClose: BooleanConstructor;
-    closeOnClickModal: import("element-plus/es/utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    closeOnPressEscape: import("element-plus/es/utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    lockScroll: import("element-plus/es/utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    modal: import("element-plus/es/utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    openDelay: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    closeDelay: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    closeOnClickModal: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    closeOnPressEscape: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    lockScroll: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    modal: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    openDelay: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    closeDelay: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
     top: {
-        readonly type: import("vue").PropType<string>;
+        readonly type: import('vue').PropType<string>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -35,22 +36,22 @@ declare const _default: import("vue").DefineComponent<{
     modelValue: BooleanConstructor;
     modalClass: StringConstructor;
     width: {
-        readonly type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     zIndex: {
-        readonly type: import("vue").PropType<number>;
+        readonly type: import('vue').PropType<number>;
         readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined; /** 关闭抽屉 */
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    trapFocus: import("element-plus/es/utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    trapFocus: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     center: BooleanConstructor;
     alignCenter: BooleanConstructor;
     closeIcon: {
-        readonly type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>))[], unknown, unknown>>;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -58,19 +59,22 @@ declare const _default: import("vue").DefineComponent<{
     draggable: BooleanConstructor;
     overflow: BooleanConstructor;
     fullscreen: BooleanConstructor;
-    showClose: import("element-plus/es/utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    title: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    ariaLevel: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
+    showClose: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    title: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    ariaLevel: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
 }, {
-    drawerRef: import("vue").Ref<ElDrawerInstance>;
-    drawerClass: import("vue").ComputedRef<string>;
+    drawerRef: import('vue').Ref<ElDrawerInstance>;
+    drawerClass: import('vue').ComputedRef<string>;
+    teleportTo: import('vue').ComputedRef<string | Element>;
     handleClose: () => void;
     updateModelValue: (value: boolean) => void;
     onOpen: () => void;
     onOpened: () => void;
     onClose: () => void;
     onClosed: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    onOpenAutoFocus: () => void;
+    onCloseAutoFocus: () => void;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     open: () => boolean;
     opened: () => boolean;
     close: () => boolean;
@@ -78,35 +82,35 @@ declare const _default: import("vue").DefineComponent<{
     "update:modelValue": (value: boolean) => boolean;
     openAutoFocus: () => boolean;
     closeAutoFocus: () => boolean;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    headerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
-    titleStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
-    bodyStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
-    footerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
-    closeBtnStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    headerStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    titleStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    bodyStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    footerStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    closeBtnStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     inner: BooleanConstructor;
-    direction: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown, "rtl", boolean>;
-    size: import("element-plus/es/utils/index").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "30%", boolean>;
-    withHeader: import("element-plus/es/utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    modalFade: import("element-plus/es/utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    headerAriaLevel: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
+    direction: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown, "rtl", boolean>;
+    size: import('element-plus/es/utils/index').EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "30%", boolean>;
+    withHeader: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    modalFade: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    headerAriaLevel: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
     appendToBody: BooleanConstructor;
-    appendTo: import("element-plus/es/utils/index").EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "body", boolean>;
+    appendTo: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "body", boolean>;
     beforeClose: {
-        readonly type: import("vue").PropType<import("element-plus").DialogBeforeCloseFn>;
+        readonly type: import('vue').PropType<import('element-plus').DialogBeforeCloseFn>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     destroyOnClose: BooleanConstructor;
-    closeOnClickModal: import("element-plus/es/utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    closeOnPressEscape: import("element-plus/es/utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    lockScroll: import("element-plus/es/utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    modal: import("element-plus/es/utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    openDelay: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    closeDelay: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    closeOnClickModal: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    closeOnPressEscape: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    lockScroll: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    modal: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    openDelay: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    closeDelay: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
     top: {
-        readonly type: import("vue").PropType<string>;
+        readonly type: import('vue').PropType<string>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -114,22 +118,22 @@ declare const _default: import("vue").DefineComponent<{
     modelValue: BooleanConstructor;
     modalClass: StringConstructor;
     width: {
-        readonly type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     zIndex: {
-        readonly type: import("vue").PropType<number>;
+        readonly type: import('vue').PropType<number>;
         readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined; /** 关闭抽屉 */
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    trapFocus: import("element-plus/es/utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    trapFocus: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     center: BooleanConstructor;
     alignCenter: BooleanConstructor;
     closeIcon: {
-        readonly type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>))[], unknown, unknown>>;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -137,42 +141,42 @@ declare const _default: import("vue").DefineComponent<{
     draggable: BooleanConstructor;
     overflow: BooleanConstructor;
     fullscreen: BooleanConstructor;
-    showClose: import("element-plus/es/utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    title: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    ariaLevel: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
+    showClose: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    title: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    ariaLevel: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
 }>> & {
+    onClose?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onOpen?: (() => any) | undefined;
-    onClose?: (() => any) | undefined;
     onOpenAutoFocus?: (() => any) | undefined;
     onCloseAutoFocus?: (() => any) | undefined;
     onOpened?: (() => any) | undefined;
     onClosed?: (() => any) | undefined;
 }, {
+    size: import('element-plus/es/utils/index').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     title: string;
-    direction: import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown>;
-    overflow: boolean;
     center: boolean;
-    size: import("element-plus/es/utils/index").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    showClose: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     modelValue: boolean;
     appendTo: string;
     appendToBody: boolean;
     destroyOnClose: boolean;
-    closeOnClickModal: import("element-plus/es/utils/index").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    closeOnPressEscape: import("element-plus/es/utils/index").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    lockScroll: import("element-plus/es/utils/index").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    modal: import("element-plus/es/utils/index").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    closeOnClickModal: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    closeOnPressEscape: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    lockScroll: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    modal: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     openDelay: number;
     closeDelay: number;
-    trapFocus: import("element-plus/es/utils/index").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    trapFocus: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     headerAriaLevel: string;
     alignCenter: boolean;
     draggable: boolean;
+    overflow: boolean;
     fullscreen: boolean;
-    showClose: import("element-plus/es/utils/index").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     ariaLevel: string;
-    withHeader: import("element-plus/es/utils/index").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    modalFade: import("element-plus/es/utils/index").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    direction: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown>;
+    withHeader: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    modalFade: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     inner: boolean;
 }, {}>;
 export default _default;