element-pe 2.2.78 → 2.2.80

package/es/components/dialog/index.d.ts

@@ -1,12 +1,12 @@
 export declare const ElDialog: import("element-pe/es/utils").SFCWithInstall<import("vue").DefineComponent<{
-    readonly appendToBody: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly appendToBody: BooleanConstructor;
     readonly beforeClose: {
         readonly type: import("vue").PropType<import("./src/dialog").DialogBeforeCloseFn>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly destroyOnClose: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly destroyOnClose: BooleanConstructor;
     readonly closeOnClickModal: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly closeOnPressEscape: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly lockScroll: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
@@ -19,7 +19,7 @@ export declare const ElDialog: import("element-pe/es/utils").SFCWithInstall<impo
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly modelValue: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly modelValue: BooleanConstructor;
     readonly modalClass: StringConstructor;
     readonly width: {
         readonly type: import("vue").PropType<import("element-pe/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
@@ -40,8 +40,8 @@ export declare const ElDialog: import("element-pe/es/utils").SFCWithInstall<impo
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly center: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-    readonly alignCenter: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly center: BooleanConstructor;
+    readonly alignCenter: BooleanConstructor;
     readonly closeIcon: {
         readonly type: import("vue").PropType<import("element-pe/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>>;
         readonly required: false;
@@ -49,21 +49,21 @@ export declare const ElDialog: import("element-pe/es/utils").SFCWithInstall<impo
         __epPropKey: true;
     };
     readonly customClass: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly draggable: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-    readonly fullscreen: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly draggable: BooleanConstructor;
+    readonly fullscreen: BooleanConstructor;
     readonly showClose: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly title: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
 }, {
     forEditor: import("vue").Ref<import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined>;
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-        readonly appendToBody: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+        readonly appendToBody: BooleanConstructor;
         readonly beforeClose: {
             readonly type: import("vue").PropType<import("./src/dialog").DialogBeforeCloseFn>;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
         };
-        readonly destroyOnClose: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+        readonly destroyOnClose: BooleanConstructor;
         readonly closeOnClickModal: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
         readonly closeOnPressEscape: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
         readonly lockScroll: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
@@ -76,7 +76,7 @@ export declare const ElDialog: import("element-pe/es/utils").SFCWithInstall<impo
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
         };
-        readonly modelValue: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+        readonly modelValue: BooleanConstructor;
         readonly modalClass: StringConstructor;
         readonly width: {
             readonly type: import("vue").PropType<import("element-pe/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
@@ -97,8 +97,8 @@ export declare const ElDialog: import("element-pe/es/utils").SFCWithInstall<impo
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
         };
-        readonly center: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-        readonly alignCenter: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+        readonly center: BooleanConstructor;
+        readonly alignCenter: BooleanConstructor;
         readonly closeIcon: {
             readonly type: import("vue").PropType<import("element-pe/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>>;
             readonly required: false;
@@ -106,8 +106,8 @@ export declare const ElDialog: import("element-pe/es/utils").SFCWithInstall<impo
             __epPropKey: true;
         };
         readonly customClass: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-        readonly draggable: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-        readonly fullscreen: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+        readonly draggable: BooleanConstructor;
+        readonly fullscreen: BooleanConstructor;
         readonly showClose: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
         readonly title: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     }>> & {
@@ -236,8 +236,8 @@ export declare const ElDialog: import("element-pe/es/utils").SFCWithInstall<impo
         focusStartEl: HTMLElement | "first" | "container";
     }>;
     ElDialogContent: import("vue").DefineComponent<{
-        readonly center: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-        readonly alignCenter: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+        readonly center: BooleanConstructor;
+        readonly alignCenter: BooleanConstructor;
         readonly closeIcon: {
             readonly type: import("vue").PropType<import("element-pe/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>>;
             readonly required: false;
@@ -245,8 +245,8 @@ export declare const ElDialog: import("element-pe/es/utils").SFCWithInstall<impo
             __epPropKey: true;
         };
         readonly customClass: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-        readonly draggable: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-        readonly fullscreen: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+        readonly draggable: BooleanConstructor;
+        readonly fullscreen: BooleanConstructor;
         readonly showClose: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
         readonly title: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
         readonly widget: StringConstructor;
@@ -254,8 +254,8 @@ export declare const ElDialog: import("element-pe/es/utils").SFCWithInstall<impo
         t: import("../..").Translator;
         Close: import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-            readonly center: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-            readonly alignCenter: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+            readonly center: BooleanConstructor;
+            readonly alignCenter: BooleanConstructor;
             readonly closeIcon: {
                 readonly type: import("vue").PropType<import("element-pe/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>>;
                 readonly required: false;
@@ -263,8 +263,8 @@ export declare const ElDialog: import("element-pe/es/utils").SFCWithInstall<impo
                 __epPropKey: true;
             };
             readonly customClass: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-            readonly draggable: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-            readonly fullscreen: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+            readonly draggable: BooleanConstructor;
+            readonly fullscreen: BooleanConstructor;
             readonly showClose: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
             readonly title: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
             readonly widget: StringConstructor;
@@ -294,8 +294,11 @@ export declare const ElDialog: import("element-pe/es/utils").SFCWithInstall<impo
         };
         style: import("vue").ComputedRef<import("vue").CSSProperties>;
         focusTrapRef: import("vue").Ref<HTMLElement | undefined>;
+        dialogKls: import("vue").ComputedRef<(string | {
+            [x: string]: boolean;
+        })[]>;
         composedDialogRef: (el: Element | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null) => void;
-        draggable: import("vue").ComputedRef<import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
+        draggable: import("vue").ComputedRef<boolean>;
         ElIcon: import("element-pe/es/utils").SFCWithInstall<import("vue").DefineComponent<{
             readonly size: {
                 readonly type: import("vue").PropType<import("element-pe/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>>;
@@ -362,8 +365,8 @@ export declare const ElDialog: import("element-pe/es/utils").SFCWithInstall<impo
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         close: () => boolean;
     }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        readonly center: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-        readonly alignCenter: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+        readonly center: BooleanConstructor;
+        readonly alignCenter: BooleanConstructor;
         readonly closeIcon: {
             readonly type: import("vue").PropType<import("element-pe/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>>;
             readonly required: false;
@@ -371,8 +374,8 @@ export declare const ElDialog: import("element-pe/es/utils").SFCWithInstall<impo
             __epPropKey: true;
         };
         readonly customClass: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-        readonly draggable: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-        readonly fullscreen: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+        readonly draggable: BooleanConstructor;
+        readonly fullscreen: BooleanConstructor;
         readonly showClose: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
         readonly title: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
         readonly widget: StringConstructor;
@@ -380,12 +383,12 @@ export declare const ElDialog: import("element-pe/es/utils").SFCWithInstall<impo
         onClose?: (() => any) | undefined;
     }, {
         readonly title: string;
-        readonly center: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-        readonly alignCenter: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        readonly center: boolean;
         readonly customClass: string;
-        readonly draggable: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-        readonly fullscreen: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly showClose: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        readonly alignCenter: boolean;
+        readonly draggable: boolean;
+        readonly fullscreen: boolean;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     open: () => boolean;
@@ -396,14 +399,14 @@ export declare const ElDialog: import("element-pe/es/utils").SFCWithInstall<impo
     openAutoFocus: () => boolean;
     closeAutoFocus: () => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly appendToBody: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly appendToBody: BooleanConstructor;
     readonly beforeClose: {
         readonly type: import("vue").PropType<import("./src/dialog").DialogBeforeCloseFn>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly destroyOnClose: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly destroyOnClose: BooleanConstructor;
     readonly closeOnClickModal: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly closeOnPressEscape: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly lockScroll: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
@@ -416,7 +419,7 @@ export declare const ElDialog: import("element-pe/es/utils").SFCWithInstall<impo
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly modelValue: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly modelValue: BooleanConstructor;
     readonly modalClass: StringConstructor;
     readonly width: {
         readonly type: import("vue").PropType<import("element-pe/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
@@ -437,8 +440,8 @@ export declare const ElDialog: import("element-pe/es/utils").SFCWithInstall<impo
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly center: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-    readonly alignCenter: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly center: BooleanConstructor;
+    readonly alignCenter: BooleanConstructor;
     readonly closeIcon: {
         readonly type: import("vue").PropType<import("element-pe/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>>;
         readonly required: false;
@@ -446,8 +449,8 @@ export declare const ElDialog: import("element-pe/es/utils").SFCWithInstall<impo
         __epPropKey: true;
     };
     readonly customClass: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly draggable: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-    readonly fullscreen: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly draggable: BooleanConstructor;
+    readonly fullscreen: BooleanConstructor;
     readonly showClose: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly title: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
 }>> & {
@@ -460,15 +463,13 @@ export declare const ElDialog: import("element-pe/es/utils").SFCWithInstall<impo
     onCloseAutoFocus?: (() => any) | undefined;
 }, {
     readonly title: string;
-    readonly center: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly modelValue: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly alignCenter: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly center: boolean;
+    readonly modelValue: boolean;
     readonly customClass: string;
-    readonly draggable: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly fullscreen: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly showClose: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly appendToBody: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly destroyOnClose: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly alignCenter: boolean;
+    readonly draggable: boolean;
+    readonly fullscreen: boolean;
     readonly closeOnClickModal: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly closeOnPressEscape: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly lockScroll: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -476,6 +477,8 @@ export declare const ElDialog: import("element-pe/es/utils").SFCWithInstall<impo
     readonly openDelay: number;
     readonly closeDelay: number;
     readonly trapFocus: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly appendToBody: boolean;
+    readonly destroyOnClose: boolean;
 }>> & Record<string, any>;
 export default ElDialog;
 export * from './src/use-dialog';

package/es/components/dialog/index.mjs

@@ -1,7 +1,7 @@
 import '../../utils/index.mjs';
-import Dialog from './src/dialog2.mjs';
+import Dialog from './src/dialog.mjs';
 export { useDialog } from './src/use-dialog.mjs';
-export { dialogEmits, dialogProps } from './src/dialog.mjs';
+export { dialogEmits, dialogProps } from './src/dialog2.mjs';
 export { dialogInjectionKey } from './src/constants.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 

package/es/components/dialog/src/dialog-content.d.ts

@@ -1,6 +1,6 @@
 export declare const dialogContentProps: {
-    readonly center: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-    readonly alignCenter: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly center: BooleanConstructor;
+    readonly alignCenter: BooleanConstructor;
     readonly closeIcon: {
         readonly type: import("vue").PropType<import("element-pe/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>>;
         readonly required: false;
@@ -8,8 +8,8 @@ export declare const dialogContentProps: {
         __epPropKey: true;
     };
     readonly customClass: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly draggable: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-    readonly fullscreen: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly draggable: BooleanConstructor;
+    readonly fullscreen: BooleanConstructor;
     readonly showClose: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly title: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly widget: StringConstructor;

package/es/components/dialog/src/dialog-content.mjs

@@ -1,44 +1,100 @@
+import { defineComponent, inject, computed, openBlock, createElementBlock, unref, normalizeClass, normalizeStyle, createElementVNode, renderSlot, toDisplayString, createVNode, withCtx, createBlock, resolveDynamicComponent, createCommentVNode } from 'vue';
+import { ElIcon } from '../../icon/index.mjs';
+import '../../focus-trap/index.mjs';
+import '../../../hooks/index.mjs';
 import '../../../utils/index.mjs';
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
-import { iconPropType } from '../../../utils/vue/icon.mjs';
+import { dialogInjectionKey } from './constants.mjs';
+import { dialogContentProps, dialogContentEmits } from './dialog-content2.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useLocale } from '../../../hooks/use-locale/index.mjs';
+import { CloseComponents } from '../../../utils/vue/icon.mjs';
+import { FOCUS_TRAP_INJECTION_KEY } from '../../focus-trap/src/tokens.mjs';
+import { composeRefs } from '../../../utils/vue/refs.mjs';
+import { useDraggable } from '../../../hooks/use-draggable/index.mjs';
 
-const dialogContentProps = buildProps({
-  center: {
-    type: Boolean,
-    default: false
-  },
-  alignCenter: {
-    type: Boolean,
-    default: false
-  },
-  closeIcon: {
-    type: iconPropType
-  },
-  customClass: {
-    type: String,
-    default: ""
-  },
-  draggable: {
-    type: Boolean,
-    default: false
-  },
-  fullscreen: {
-    type: Boolean,
-    default: false
-  },
-  showClose: {
-    type: Boolean,
-    default: true
-  },
-  title: {
-    type: String,
-    default: ""
-  },
-  widget: String
+const _hoisted_1 = ["widget"];
+const _hoisted_2 = ["widget"];
+const _hoisted_3 = ["aria-label"];
+const _hoisted_4 = ["id", "widget"];
+const _hoisted_5 = ["widget"];
+const __default__ = defineComponent({ name: "ElDialogContent" });
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: dialogContentProps,
+  emits: dialogContentEmits,
+  setup(__props) {
+    const props = __props;
+    const { t } = useLocale();
+    const { Close } = CloseComponents;
+    const { dialogRef, headerRef, bodyId, ns, style } = inject(dialogInjectionKey);
+    const { focusTrapRef } = inject(FOCUS_TRAP_INJECTION_KEY);
+    const dialogKls = computed(() => [
+      ns.b(),
+      ns.is("fullscreen", props.fullscreen),
+      ns.is("draggable", props.draggable),
+      ns.is("align-center", props.alignCenter),
+      { [ns.m("center")]: props.center },
+      props.customClass
+    ]);
+    const composedDialogRef = composeRefs(focusTrapRef, dialogRef);
+    const draggable = computed(() => props.draggable);
+    useDraggable(dialogRef, headerRef, draggable);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref: unref(composedDialogRef),
+        class: normalizeClass(unref(dialogKls)),
+        style: normalizeStyle(unref(style)),
+        tabindex: "-1",
+        widget: _ctx.widget
+      }, [
+        createElementVNode("header", {
+          ref_key: "headerRef",
+          ref: headerRef,
+          class: normalizeClass(unref(ns).e("header")),
+          widget: _ctx.widget ? "dialog:header:" + _ctx.widget.split(":")[1] : void 0
+        }, [
+          renderSlot(_ctx.$slots, "header", {}, () => [
+            createElementVNode("span", {
+              role: "heading",
+              class: normalizeClass(unref(ns).e("title"))
+            }, toDisplayString(_ctx.title), 3)
+          ]),
+          _ctx.showClose ? (openBlock(), createElementBlock("button", {
+            key: 0,
+            "aria-label": unref(t)("el.dialog.close"),
+            class: normalizeClass(unref(ns).e("headerbtn")),
+            type: "button",
+            onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
+          }, [
+            createVNode(unref(ElIcon), {
+              class: normalizeClass(unref(ns).e("close"))
+            }, {
+              default: withCtx(() => [
+                (openBlock(), createBlock(resolveDynamicComponent(_ctx.closeIcon || unref(Close))))
+              ]),
+              _: 1
+            }, 8, ["class"])
+          ], 10, _hoisted_3)) : createCommentVNode("v-if", true)
+        ], 10, _hoisted_2),
+        createElementVNode("div", {
+          id: unref(bodyId),
+          class: normalizeClass(unref(ns).e("body")),
+          widget: _ctx.widget ? "dialog:default:" + _ctx.widget.split(":")[1] : void 0
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 10, _hoisted_4),
+        _ctx.$slots.footer ? (openBlock(), createElementBlock("footer", {
+          key: 0,
+          class: normalizeClass(unref(ns).e("footer")),
+          widget: _ctx.widget ? "dialog:footer:" + _ctx.widget.split(":")[1] : void 0
+        }, [
+          renderSlot(_ctx.$slots, "footer")
+        ], 10, _hoisted_5)) : createCommentVNode("v-if", true)
+      ], 14, _hoisted_1);
+    };
+  }
 });
-const dialogContentEmits = {
-  close: () => true
-};
+var ElDialogContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\workspace\\element-pe\\packages\\components\\dialog\\src\\dialog-content.vue"]]);
 
-export { dialogContentEmits, dialogContentProps };
+export { ElDialogContent as default };
 //# sourceMappingURL=dialog-content.mjs.map

package/es/components/dialog/src/dialog-content.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"dialog-content.mjs","sources":["../../../../../../packages/components/dialog/src/dialog-content.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\n\nexport const dialogContentProps = buildProps({\n  center: {\n    type: Boolean,\n    default: false,\n  },\n  alignCenter: {\n    type: Boolean,\n    default: false,\n  },\n  closeIcon: {\n    type: iconPropType,\n  },\n  /**\n   * @deprecated will be removed in version 2.4.0, please use class\n   */\n  customClass: {\n    type: String,\n    default: '',\n  },\n  draggable: {\n    type: Boolean,\n    default: false,\n  },\n  fullscreen: {\n    type: Boolean,\n    default: false,\n  },\n  showClose: {\n    type: Boolean,\n    default: true,\n  },\n  title: {\n    type: String,\n    default: '',\n  },\n  widget: String,\n} as const)\n\nexport const dialogContentEmits = {\n  close: () => true,\n}\n"],"names":[],"mappings":";;;;AACY,MAAC,kBAAkB,GAAG,UAAU,CAAC;AAC7C,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,YAAY;AACtB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE,MAAM;AAChB,CAAC,EAAE;AACS,MAAC,kBAAkB,GAAG;AAClC,EAAE,KAAK,EAAE,MAAM,IAAI;AACnB;;;;"}
+{"version":3,"file":"dialog-content.mjs","sources":["../../../../../../packages/components/dialog/src/dialog-content.vue"],"sourcesContent":["<template>\n  <div :ref=\"composedDialogRef\" :class=\"dialogKls\" :style=\"style\" tabindex=\"-1\"\n       :widget=\"widget\"\n  >\n    <header ref=\"headerRef\" :class=\"ns.e('header')\"\n            :widget=\"widget ? 'dialog:header:' + widget.split(':')[1] : undefined\"\n    >\n      <slot name=\"header\">\n        <span role=\"heading\" :class=\"ns.e('title')\">\n          {{ title }}\n        </span>\n      </slot>\n      <button\n        v-if=\"showClose\"\n        :aria-label=\"t('el.dialog.close')\"\n        :class=\"ns.e('headerbtn')\"\n        type=\"button\"\n        @click=\"$emit('close')\"\n      >\n        <el-icon :class=\"ns.e('close')\">\n          <component :is=\"closeIcon || Close\" />\n        </el-icon>\n      </button>\n    </header>\n    <div :id=\"bodyId\" :class=\"ns.e('body')\"\n         :widget=\"widget ? 'dialog:default:' + widget.split(':')[1] : undefined\"\n    >\n      <slot />\n    </div>\n    <footer v-if=\"$slots.footer\" :class=\"ns.e('footer')\"\n            :widget=\"widget ? 'dialog:footer:' + widget.split(':')[1] : undefined\"\n    >\n      <slot name=\"footer\" />\n    </footer>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { FOCUS_TRAP_INJECTION_KEY } from '@element-plus/components/focus-trap'\nimport { useDraggable, useLocale } from '@element-plus/hooks'\nimport { CloseComponents, composeRefs } from '@element-plus/utils'\nimport { dialogInjectionKey } from './constants'\nimport { dialogContentEmits, dialogContentProps } from './dialog-content'\n\nconst { t } = useLocale()\nconst { Close } = CloseComponents\n\ndefineOptions({ name: 'ElDialogContent' })\nconst props = defineProps(dialogContentProps)\ndefineEmits(dialogContentEmits)\n\nconst { dialogRef, headerRef, bodyId, ns, style } = inject(dialogInjectionKey)!\nconst { focusTrapRef } = inject(FOCUS_TRAP_INJECTION_KEY)!\n\nconst dialogKls = computed(() => [\n  ns.b(),\n  ns.is('fullscreen', props.fullscreen),\n  ns.is('draggable', props.draggable),\n  ns.is('align-center', props.alignCenter),\n  { [ns.m('center')]: props.center },\n  props.customClass,\n])\n\nconst composedDialogRef = composeRefs(focusTrapRef, dialogRef)\n\nconst draggable = computed(() => props.draggable)\nuseDraggable(dialogRef, headerRef, draggable)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;mCAiDc,CAAA,EAAE,IAAM,EAAA,iBAAA,EAAkB,CAAA,CAAA;;;;;;;AAHxC,IAAM,MAAA,EAAE,MAAM,SAAU,EAAA,CAAA;AACxB,IAAA,MAAM,EAAE,KAAU,EAAA,GAAA,eAAA,CAAA;AAMlB,IAAA,MAAM,EAAE,SAAW,EAAA,SAAA,EAAW,QAAQ,EAAI,EAAA,KAAA,EAAA,GAAU,OAAO,kBAAkB,CAAA,CAAA;AAC7E,IAAM,MAAA,EAAE,YAAiB,EAAA,GAAA,MAAA,CAAO,wBAAwB,CAAA,CAAA;AAExD,IAAM,MAAA,SAAA,GAAY,SAAS,MAAM;AAAA,MAC/B,GAAG,CAAE,EAAA;AAAA,MACL,EAAG,CAAA,EAAA,CAAG,YAAc,EAAA,KAAA,CAAM,UAAU,CAAA;AAAA,MACpC,EAAG,CAAA,EAAA,CAAG,WAAa,EAAA,KAAA,CAAM,SAAS,CAAA;AAAA,MAClC,EAAG,CAAA,EAAA,CAAG,cAAgB,EAAA,KAAA,CAAM,WAAW,CAAA;AAAA,MACvC,EAAE,CAAC,EAAA,CAAG,EAAE,QAAQ,CAAA,GAAI,MAAM,MAAO,EAAA;AAAA,MACjC,KAAM,CAAA,WAAA;AAAA,KACP,CAAA,CAAA;AAED,IAAM,MAAA,iBAAA,GAAoB,WAAY,CAAA,YAAA,EAAc,SAAS,CAAA,CAAA;AAE7D,IAAA,MAAM,SAAY,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,SAAS,CAAA,CAAA;AAChD,IAAa,YAAA,CAAA,SAAA,EAAW,WAAW,SAAS,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/dialog/src/dialog-content.vue.d.ts

@@ -1,6 +1,6 @@
 declare const _default: import("vue").DefineComponent<{
-    readonly center: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-    readonly alignCenter: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly center: BooleanConstructor;
+    readonly alignCenter: BooleanConstructor;
     readonly closeIcon: {
         readonly type: import("vue").PropType<import("element-pe/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>>;
         readonly required: false;
@@ -8,8 +8,8 @@ declare const _default: import("vue").DefineComponent<{
         __epPropKey: true;
     };
     readonly customClass: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly draggable: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-    readonly fullscreen: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly draggable: BooleanConstructor;
+    readonly fullscreen: BooleanConstructor;
     readonly showClose: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly title: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly widget: StringConstructor;
@@ -17,8 +17,8 @@ declare const _default: import("vue").DefineComponent<{
     t: import("element-pe/es/hooks").Translator;
     Close: import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-        readonly center: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-        readonly alignCenter: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+        readonly center: BooleanConstructor;
+        readonly alignCenter: BooleanConstructor;
         readonly closeIcon: {
             readonly type: import("vue").PropType<import("element-pe/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>>;
             readonly required: false;
@@ -26,8 +26,8 @@ declare const _default: import("vue").DefineComponent<{
             __epPropKey: true;
         };
         readonly customClass: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-        readonly draggable: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-        readonly fullscreen: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+        readonly draggable: BooleanConstructor;
+        readonly fullscreen: BooleanConstructor;
         readonly showClose: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
         readonly title: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
         readonly widget: StringConstructor;
@@ -57,8 +57,11 @@ declare const _default: import("vue").DefineComponent<{
     };
     style: import("vue").ComputedRef<import("vue").CSSProperties>;
     focusTrapRef: import("vue").Ref<HTMLElement | undefined>;
+    dialogKls: import("vue").ComputedRef<(string | {
+        [x: string]: boolean;
+    })[]>;
     composedDialogRef: (el: Element | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null) => void;
-    draggable: import("vue").ComputedRef<import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
+    draggable: import("vue").ComputedRef<boolean>;
     ElIcon: import("element-pe/es/utils").SFCWithInstall<import("vue").DefineComponent<{
         readonly size: {
             readonly type: import("vue").PropType<import("element-pe/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>>;
@@ -125,8 +128,8 @@ declare const _default: import("vue").DefineComponent<{
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly center: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-    readonly alignCenter: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly center: BooleanConstructor;
+    readonly alignCenter: BooleanConstructor;
     readonly closeIcon: {
         readonly type: import("vue").PropType<import("element-pe/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>>;
         readonly required: false;
@@ -134,8 +137,8 @@ declare const _default: import("vue").DefineComponent<{
         __epPropKey: true;
     };
     readonly customClass: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly draggable: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-    readonly fullscreen: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly draggable: BooleanConstructor;
+    readonly fullscreen: BooleanConstructor;
     readonly showClose: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly title: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly widget: StringConstructor;
@@ -143,11 +146,11 @@ declare const _default: import("vue").DefineComponent<{
     onClose?: (() => any) | undefined;
 }, {
     readonly title: string;
-    readonly center: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly alignCenter: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly center: boolean;
     readonly customClass: string;
-    readonly draggable: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly fullscreen: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly showClose: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly alignCenter: boolean;
+    readonly draggable: boolean;
+    readonly fullscreen: boolean;
 }>;
 export default _default;