ele-admin-plus 1.1.9-beta.10 → 1.1.9-beta.12

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

@@ -1,4 +1,5 @@
-import { ElDialogProps, ElDialogInstance } from '../ele-app/el';
+import { Position } from './types';
+import { ElDialogInstance } from '../ele-app/el';
 
 declare const _default: import('vue').DefineComponent<{
     appendToBody: {
@@ -9,9 +10,9 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    moveOut: import("vue").PropType<import("./types").MoveOut>;
-    resizable: import("vue").PropType<import("./types").Resizable>;
-    position: import("vue").PropType<import("./types").Position>;
+    moveOut: import('vue').PropType<import('./types').MoveOut>;
+    resizable: import('vue').PropType<import('./types').Resizable>;
+    position: import('vue').PropType<Position>;
     resetOnClose: {
         type: BooleanConstructor;
         default: boolean;
@@ -27,33 +28,35 @@ declare const _default: import('vue').DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-    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>>;
-    fullscreenBtnStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    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>>;
+    fullscreenBtnStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    resizeIconStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     responsive: {
         type: BooleanConstructor;
+        /** 弹窗类名 */
         default: null;
     };
     form: 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;
@@ -61,39 +64,40 @@ 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;
         __epPropKey: true;
     };
-    trapFocus: import("element-plus/es/utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-    headerAriaLevel: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
+    trapFocus: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    headerAriaLevel: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "2", 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;
     };
     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>;
 }, {
-    dialogRef: import("vue").Ref<ElDialogInstance>;
-    teleportTo: import("vue").Ref<string | Element>;
-    isFullscreen: import("vue").Ref<boolean>;
-    dialogEnable: import("vue").Ref<boolean>;
-    dialogProps: import("vue").ComputedRef<ElDialogProps>;
-    teleportDisabled: import("vue").ComputedRef<boolean>;
+    dialogRef: import('vue').Ref<ElDialogInstance>;
+    isFullscreen: import('vue').Ref<boolean>;
+    dialogClass: import('vue').ComputedRef<string>;
+    teleportTo: import('vue').ComputedRef<string | Element>;
+    teleportDisabled: import('vue').ComputedRef<boolean>;
+    handleHeaderMousedown: (event: MouseEvent) => void;
+    handleResizeMousedown: (event: MouseEvent) => void;
     updateModelValue: (modelValue: boolean) => void;
     toggleFullscreen: (fullscreen?: boolean) => void;
     onOpen: () => void;
@@ -102,7 +106,7 @@ declare const _default: import('vue').DefineComponent<{
     onClosed: () => void;
     onOpenAutoFocus: () => void;
     onCloseAutoFocus: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     'update:fullscreen': (_fullscreen: boolean) => boolean;
     open: () => boolean;
     opened: () => boolean;
@@ -111,7 +115,7 @@ declare const _default: import('vue').DefineComponent<{
     "update:modelValue": (value: boolean) => boolean;
     openAutoFocus: () => boolean;
     closeAutoFocus: () => boolean;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     appendToBody: {
         type: BooleanConstructor;
         default: boolean;
@@ -120,9 +124,9 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    moveOut: import("vue").PropType<import("./types").MoveOut>;
-    resizable: import("vue").PropType<import("./types").Resizable>;
-    position: import("vue").PropType<import("./types").Position>;
+    moveOut: import('vue').PropType<import('./types').MoveOut>;
+    resizable: import('vue').PropType<import('./types').Resizable>;
+    position: import('vue').PropType<Position>;
     resetOnClose: {
         type: BooleanConstructor;
         default: boolean;
@@ -138,33 +142,35 @@ declare const _default: import('vue').DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-    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>>;
-    fullscreenBtnStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    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>>;
+    fullscreenBtnStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    resizeIconStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     responsive: {
         type: BooleanConstructor;
+        /** 弹窗类名 */
         default: null;
     };
     form: 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;
@@ -172,32 +178,32 @@ 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;
         __epPropKey: true;
     };
-    trapFocus: import("element-plus/es/utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-    headerAriaLevel: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
+    trapFocus: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    headerAriaLevel: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "2", 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;
     };
     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>;
 }>> & {
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onOpen?: (() => any) | undefined;
@@ -215,19 +221,19 @@ declare const _default: import('vue').DefineComponent<{
     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>;
+    showClose: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     ariaLevel: string;
     minWidth: number;
     multiple: boolean;

package/lib/ele-modal/props.cjs

@@ -50,6 +50,8 @@ const modalProps = {
   closeBtnStyle: Object,
   /** 自定义全屏按钮样式 */
   fullscreenBtnStyle: Object,
+  /** 拉伸图标样式 */
+  resizeIconStyle: Object,
   /** 是否开启响应式 */
   responsive: {
     type: Boolean,

package/lib/ele-modal/props.d.ts

@@ -53,6 +53,8 @@ export declare const modalProps: {
     closeBtnStyle: PropType<Partial<import('vue').CSSProperties>>;
     /** 自定义全屏按钮样式 */
     fullscreenBtnStyle: PropType<Partial<import('vue').CSSProperties>>;
+    /** 拉伸图标样式 */
+    resizeIconStyle: PropType<Partial<import('vue').CSSProperties>>;
     /** 是否开启响应式 */
     responsive: {
         type: BooleanConstructor;
@@ -99,7 +101,7 @@ export declare const modalProps: {
     center: BooleanConstructor;
     alignCenter: BooleanConstructor;
     closeIcon: {
-        readonly type: 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: 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;

package/lib/ele-modal/style/index.scss

@@ -39,72 +39,69 @@
       }
     }
   }
+}
 
-  /* header */
-  .ele-modal-header {
-    display: flex;
-    align-items: center;
-    box-sizing: border-box;
-    padding: eleVar('modal', 'header-padding');
-    border-bottom: eleVar('modal', 'header-border');
-  }
+/* header */
+.ele-modal-header {
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  padding: eleVar('modal', 'header-padding');
+  border-bottom: eleVar('modal', 'header-border');
+}
 
-  .ele-modal-title {
-    flex: 1;
-    color: eleVar('modal', 'header-color');
-    font-size: eleVar('modal', 'header-font-size');
-    line-height: eleVar('modal', 'header-line-height');
-    font-weight: eleVar('modal', 'header-font-weight');
-    box-sizing: border-box;
-  }
+.ele-modal-title {
+  flex: 1;
+  color: eleVar('modal', 'header-color');
+  font-size: eleVar('modal', 'header-font-size');
+  line-height: eleVar('modal', 'header-line-height');
+  font-weight: eleVar('modal', 'header-font-weight');
+  box-sizing: border-box;
+}
 
-  /* 图标按钮 */
-  .ele-modal-tool {
-    flex-shrink: 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: eleVar('modal', 'icon-size');
-    height: eleVar('modal', 'icon-size');
-    line-height: eleVar('modal', 'icon-size');
-    color: eleVar('modal', 'icon-color');
-    font-size: eleVar('modal', 'icon-font-size');
-    border-radius: eleVar('modal', 'icon-radius');
-    transition: (color $ele-transition, background-color $ele-transition);
-    box-sizing: border-box;
-    cursor: pointer;
-
-    &:hover {
-      color: eleVar('modal', 'icon-hover-color');
-      background: eleVar('modal', 'icon-hover-bg');
-    }
+/* 图标按钮 */
+.ele-modal-tool {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: eleVar('modal', 'icon-size');
+  height: eleVar('modal', 'icon-size');
+  line-height: eleVar('modal', 'icon-size');
+  color: eleVar('modal', 'icon-color');
+  font-size: eleVar('modal', 'icon-font-size');
+  border-radius: eleVar('modal', 'icon-radius');
+  transition: (color $ele-transition, background-color $ele-transition);
+  box-sizing: border-box;
+  cursor: pointer;
 
-    & + .ele-modal-tool {
-      margin-left: eleVar('modal', 'icon-space');
-    }
+  &:hover {
+    color: eleVar('modal', 'icon-hover-color');
+    background: eleVar('modal', 'icon-hover-bg');
   }
 
-  /* body */
-  .ele-modal-body {
-    padding: eleVar('modal', 'body-padding');
-    box-sizing: border-box;
+  & + .ele-modal-tool {
+    margin-left: eleVar('modal', 'icon-space');
   }
+}
 
-  /* footer */
-  .ele-modal-footer {
-    padding: eleVar('modal', 'footer-padding');
-    border-top: eleVar('modal', 'footer-border');
-    box-sizing: border-box;
-  }
+/* body */
+.ele-modal-body {
+  padding: eleVar('modal', 'body-padding');
+  box-sizing: border-box;
 
-  /* 表单弹窗 */
-  &.ele-modal-form > .el-overlay-dialog > .el-dialog > .el-dialog__body {
-    & > .ele-modal-body {
-      padding: eleVar('modal', 'form-body-padding');
-    }
+  &.is-form {
+    padding: eleVar('modal', 'form-body-padding');
   }
 }
 
+/* footer */
+.ele-modal-footer {
+  padding: eleVar('modal', 'footer-padding');
+  border-top: eleVar('modal', 'footer-border');
+  box-sizing: border-box;
+}
+
 /* 默认位置 */
 .ele-modal-top > .el-overlay-dialog > .el-dialog {
   margin: 0;
@@ -149,26 +146,24 @@
 }
 
 /* 支持拉伸 */
-.ele-modal-resizable > .el-overlay-dialog > .el-dialog::after {
-  content: '';
+.ele-modal-resize-icon {
   position: absolute;
-  right: 0;
-  bottom: 0;
-  width: 12px;
-  height: 12px;
+  right: 2px;
+  bottom: 2px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: eleVar('modal', 'icon-color');
+  font-size: 12px;
   cursor: se-resize;
-  background-image: eleVar('modal', 'resize-bg');
-  background-position: 0 0;
-  background-size: 10px 10px;
-  background-repeat: no-repeat;
-}
 
-.ele-modal-resizable-horizontal > .el-overlay-dialog > .el-dialog::after {
-  cursor: e-resize;
-}
+  &.is-horizontal {
+    cursor: e-resize;
+  }
 
-.ele-modal-resizable-vertical > .el-overlay-dialog > .el-dialog::after {
-  cursor: s-resize;
+  &.is-vertical {
+    cursor: s-resize;
+  }
 }
 
 .ele-modal-resizable > .el-overlay-dialog > .el-dialog,
@@ -190,35 +185,36 @@
   width: 100% !important;
   height: 100% !important;
   display: flex !important;
-  max-width: inherit !important;
-  min-width: inherit !important;
-  max-height: inherit !important;
-  min-height: inherit !important;
-  border: eleVar('modal', 'fullscreen-border');
-  border-radius: 0;
+  max-width: none !important;
+  min-width: auto !important;
+  max-height: none !important;
+  min-height: auto !important;
+  border-radius: 0 !important;
 
   & > .el-dialog__header {
-    cursor: default !important;
-  }
+    cursor: default;
 
-  &::after {
-    display: none;
+    & > .ele-modal-resize-icon {
+      display: none;
+    }
   }
 }
 
-/* 支持打开多个 */
-#ele-modal-container {
+/* 同时打开多个 */
+.ele-modal-container {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
+  width: 100%;
+  height: 100%;
   pointer-events: none;
   z-index: elVar('index', 'popper');
 }
 
 .ele-modal-multiple {
-  pointer-events: none;
+  pointer-events: none !important;
   position: absolute !important;
 
   & > .el-overlay-dialog {
@@ -236,70 +232,13 @@
   display: none !important;
 }
 
-/* 移动端 */
+/* 最大宽度适应屏幕 */
 .ele-modal-responsive > .el-overlay-dialog > .el-dialog {
-  max-width: calc(100vw - #{eleVar('modal', 'mobile-space')} * 2);
+  max-width: calc(100% - #{eleVar('modal', 'mobile-space')} * 2);
 }
 
-/* 限制在内部并适配布局状态 */
-.ele-modal-inner {
-  &.ele-modal {
-    top: eleVar('header', 'height', 0);
-    left: eleVar('sidebar', 'width', 0);
-  }
-
-  &:not(.dialog-fade-leave-active):not(.dialog-fade-enter-active) {
-    transition: (width $ele-transition, left $ele-transition);
-  }
-
-  &.ele-state-has-tab {
-    top: calc(#{eleVar('header', 'height')} + #{eleVar('tab', 'height')});
-  }
-
-  &.ele-state-collapse {
-    left: eleVar('sidebar', 'collapse-width');
-  }
-
-  &.ele-state-mix-sidebar {
-    $box-width: eleVar('sidebox', 'width');
-    left: calc(#{$box-width} + #{eleVar('sidebar', 'mix-width')});
-
-    &.ele-state-collapse {
-      left: $box-width;
-    }
-
-    &.ele-state-single-sidebar {
-      left: $box-width;
-    }
-  }
-
-  &.ele-state-compact {
-    $collapse-width: eleVar('sidebar', 'collapse-width');
-    left: calc(#{$collapse-width} + #{eleVar('sidebar', 'mix-width')});
-
-    &.ele-state-single-sidebar {
-      left: $collapse-width;
-    }
-
-    &.ele-state-collapse {
-      left: $collapse-width;
-    }
-  }
-
-  &.ele-state-top-layout {
-    left: 0;
-  }
-
-  &.ele-state-maximized {
-    top: eleVar('tab', 'height');
-    left: 0 !important;
-  }
-
-  &.ele-state-expanded {
-    top: 0 !important;
-  }
-
-  &.ele-state-mobile {
-    left: 0 !important;
-  }
+/* 限制在主体区域 */
+.ele-admin-modals > .ele-modal {
+  pointer-events: auto;
+  position: absolute !important;
 }