@element-plus/nightly 0.0.20260414 → 0.0.20260416

package/es/components/color-picker/src/color-picker.vue.d.ts

@@ -29,17 +29,17 @@ declare const __VLS_export: vue.DefineComponent<ColorPickerProps, {
    */
   blur: typeof blur;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  blur: (evt: FocusEvent) => void;
-  focus: (evt: FocusEvent) => void;
   change: (val: string | null) => void;
   "update:modelValue": (val: string | null) => void;
+  focus: (evt: FocusEvent) => void;
+  blur: (evt: FocusEvent) => void;
   clear: () => void;
   activeChange: (val: string | null) => void;
 }, string, vue.PublicProps, Readonly<ColorPickerProps> & Readonly<{
   onChange?: ((val: string | null) => any) | undefined;
-  onBlur?: ((evt: FocusEvent) => any) | undefined;
-  onFocus?: ((evt: FocusEvent) => any) | undefined;
   "onUpdate:modelValue"?: ((val: string | null) => any) | undefined;
+  onFocus?: ((evt: FocusEvent) => any) | undefined;
+  onBlur?: ((evt: FocusEvent) => any) | undefined;
   onClear?: (() => any) | undefined;
   onActiveChange?: ((val: string | null) => any) | undefined;
 }>, {

package/es/components/config-provider/src/hooks/use-global-config.d.ts

@@ -33,7 +33,7 @@ declare function useGlobalComponentSettings(block: string, sizeFallback?: MaybeR
     currentZIndex: vue.ComputedRef<number>;
     nextZIndex: () => number;
   };
-  size: vue.ComputedRef<"default" | "" | "small" | "large">;
+  size: vue.ComputedRef<"" | "default" | "small" | "large">;
 };
 declare const provideGlobalConfig: (config: MaybeRef<ConfigProviderContext>, app?: App, global?: boolean) => vue.ComputedRef<Partial<ConfigProviderProps>> | undefined;
 //#endregion

package/es/components/descriptions/src/description-item.d.ts

@@ -69,9 +69,9 @@ declare const DescriptionItem: vue.DefineComponent<ExtractPropTypes<{
   className: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
   labelClassName: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
 }>> & Readonly<{}>, {
+  width: EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>;
   className: string;
   minWidth: EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>;
-  width: EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>;
   label: string;
   span: number;
   rowspan: number;

package/es/components/descriptions/src/description.d.ts

@@ -48,7 +48,7 @@ interface DescriptionProps {
 declare const descriptionProps: {
   readonly border: BooleanConstructor;
   readonly column: EpPropFinalized<NumberConstructor, unknown, unknown, 3, boolean>;
-  readonly direction: EpPropFinalized<StringConstructor, "vertical" | "horizontal", unknown, "horizontal", boolean>;
+  readonly direction: EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
   readonly size: {
     readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
     readonly required: false;

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

@@ -95,7 +95,7 @@ interface DialogProps extends DialogContentProps {
  */
 declare const dialogProps: {
   readonly appendToBody: BooleanConstructor;
-  readonly appendTo: EpPropFinalized<(new (...args: any[]) => string | HTMLElement) | (() => EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>) | (((new (...args: any[]) => string | HTMLElement) | (() => EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>)) | null)[], unknown, unknown, "body", boolean>;
+  readonly appendTo: EpPropFinalized<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown, "body", boolean>;
   readonly beforeClose: {
     readonly type: vue.PropType<DialogBeforeCloseFn>;
     readonly required: false;

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

@@ -1,7 +1,6 @@
 import { UPDATE_MODEL_EVENT } from "../../../constants/event.mjs";
 import { isBoolean } from "../../../utils/types.mjs";
 import { buildProps, definePropType } from "../../../utils/vue/props/runtime.mjs";
-import { teleportProps } from "../../teleport/src/teleport.mjs";
 import { dialogContentProps, dialogContentPropsDefaults } from "./dialog-content.mjs";
 
 //#region ../../packages/components/dialog/src/dialog.ts
@@ -12,7 +11,7 @@ const dialogProps = buildProps({
 	...dialogContentProps,
 	appendToBody: Boolean,
 	appendTo: {
-		type: teleportProps.to.type,
+		type: definePropType([String, Object]),
 		default: "body"
 	},
 	beforeClose: { type: definePropType(Function) },

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.mjs","names":[],"sources":["../../../../../../packages/components/dialog/src/dialog.ts"],"sourcesContent":["import { buildProps, definePropType, isBoolean } from '@element-plus/utils'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { teleportProps } from '@element-plus/components/teleport'\nimport {\n  dialogContentProps,\n  dialogContentPropsDefaults,\n} from './dialog-content'\n\nimport type { ExtractPublicPropTypes, InjectionKey, TransitionProps } from 'vue'\nimport type { DialogContentProps } from './dialog-content'\nimport type Dialog from './dialog.vue'\n\ntype DoneFn = (cancel?: boolean) => void\n\nexport type DialogBeforeCloseFn = (done: DoneFn) => void\n\nexport type DialogTransition = string | TransitionProps\n\n/**\n * @description dialog component props\n */\nexport interface DialogProps extends DialogContentProps {\n  /**\n   * @description whether to append Dialog itself to body. A nested Dialog should have this attribute set to `true`\n   */\n  appendToBody?: boolean\n  /**\n   * @description which element the Dialog appends to\n   */\n  appendTo?: string | HTMLElement\n  /**\n   * @description callback before Dialog closes, and it will prevent Dialog from closing, use done to close the dialog\n   */\n  beforeClose?: DialogBeforeCloseFn\n  /**\n   * @description destroy elements in Dialog when closed\n   */\n  destroyOnClose?: boolean\n  /**\n   * @description whether the Dialog can be closed by clicking the mask\n   */\n  closeOnClickModal?: boolean\n  /**\n   * @description whether the Dialog can be closed by pressing ESC\n   */\n  closeOnPressEscape?: boolean\n  /**\n   * @description whether scroll of body is disabled while Dialog is displayed\n   */\n  lockScroll?: boolean\n  /**\n   * @description whether a mask is displayed\n   */\n  modal?: boolean\n  /**\n   * @description whether the mask is penetrable\n   */\n  modalPenetrable?: boolean\n  /**\n   * @description the Time(milliseconds) before open\n   */\n  openDelay?: number\n  /**\n   * @description the Time(milliseconds) before close\n   */\n  closeDelay?: number\n  /**\n   * @description value for `margin-top` of Dialog CSS, default is 15vh\n   */\n  top?: string\n  /**\n   * @description visibility of Dialog\n   */\n  modelValue?: boolean\n  /**\n   * @description custom class names for mask\n   */\n  modalClass?: string\n  /**\n   * @description width of Dialog, default is 50%\n   */\n  width?: string | number\n  /**\n   * @description same as z-index in native CSS, z-order of dialog\n   */\n  zIndex?: number\n  /**\n   * @description trap focus within dialog\n   */\n  trapFocus?: boolean\n  /**\n   * @description header's aria-level attribute\n   */\n  headerAriaLevel?: string\n  /**\n   * @description custom transition configuration for dialog animation, it can be a string (transition name) or an object with Vue transition props\n   */\n  transition?: DialogTransition\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `DialogProps` instead.\n */\nexport const dialogProps = buildProps({\n  ...dialogContentProps,\n  /**\n   * @description whether to append Dialog itself to body. A nested Dialog should have this attribute set to `true`\n   */\n  appendToBody: Boolean,\n  /**\n   * @description which element the Dialog appends to\n   */\n  appendTo: {\n    type: teleportProps.to.type,\n    default: 'body',\n  },\n  /**\n   * @description callback before Dialog closes, and it will prevent Dialog from closing, use done to close the dialog\n   */\n  beforeClose: {\n    type: definePropType<DialogBeforeCloseFn>(Function),\n  },\n  /**\n   * @description destroy elements in Dialog when closed\n   */\n  destroyOnClose: Boolean,\n  /**\n   * @description whether the Dialog can be closed by clicking the mask\n   */\n  closeOnClickModal: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether the Dialog can be closed by pressing ESC\n   */\n  closeOnPressEscape: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether scroll of body is disabled while Dialog is displayed\n   */\n  lockScroll: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether a mask is displayed\n   */\n  modal: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether the mask is penetrable\n   */\n  modalPenetrable: Boolean,\n  /**\n   * @description the Time(milliseconds) before open\n   */\n  openDelay: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description the Time(milliseconds) before close\n   */\n  closeDelay: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description value for `margin-top` of Dialog CSS, default is 15vh\n   */\n  top: {\n    type: String,\n  },\n  /**\n   * @description visibility of Dialog\n   */\n  modelValue: Boolean,\n  /**\n   * @description custom class names for mask\n   */\n  modalClass: String,\n  /**\n   * @description custom class names for header wrapper\n   */\n  headerClass: String,\n  /**\n   * @description custom class names for body wrapper\n   */\n  bodyClass: String,\n  /**\n   * @description custom class names for footer wrapper\n   */\n  footerClass: String,\n  /**\n   * @description width of Dialog, default is 50%\n   */\n  width: {\n    type: [String, Number],\n  },\n  /**\n   * @description same as z-index in native CSS, z-order of dialog\n   */\n  zIndex: {\n    type: Number,\n  },\n  trapFocus: Boolean,\n  /**\n   * @description header's aria-level attribute\n   */\n  headerAriaLevel: {\n    type: String,\n    default: '2',\n  },\n  /**\n   * @description custom transition configuration for dialog animation, it can be a string (transition name) or an object with Vue transition props\n   */\n  transition: {\n    type: definePropType<DialogTransition>([String, Object]),\n    default: undefined,\n  },\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `DialogProps` instead.\n */\nexport type DialogPropsPublic = ExtractPublicPropTypes<typeof dialogProps>\n\nexport const dialogEmits = {\n  open: () => true,\n  opened: () => true,\n  close: () => true,\n  closed: () => true,\n  [UPDATE_MODEL_EVENT]: (value: boolean) => isBoolean(value),\n  openAutoFocus: () => true,\n  closeAutoFocus: () => true,\n}\nexport type DialogEmits = typeof dialogEmits\nexport type DialogInstance = InstanceType<typeof Dialog> & unknown\nexport interface DialogConfigContext {\n  alignCenter?: boolean\n  draggable?: boolean\n  overflow?: boolean\n  transition?: DialogTransition\n}\n\nexport const dialogContextKey: InjectionKey<DialogConfigContext> =\n  Symbol('dialogContextKey')\n\nexport const dialogPropsDefaults = {\n  ...dialogContentPropsDefaults,\n  appendTo: 'body',\n  closeOnClickModal: true,\n  closeOnPressEscape: true,\n  lockScroll: true,\n  modal: true,\n  openDelay: 0,\n  closeDelay: 0,\n  headerAriaLevel: '2',\n  transition: undefined,\n} as const\n"],"mappings":";;;;;;;;;;AAuGA,MAAa,cAAc,WAAW;CACpC,GAAG;CAIH,cAAc;CAId,UAAU;EACR,MAAM,cAAc,GAAG;EACvB,SAAS;EACV;CAID,aAAa,EACX,MAAM,eAAoC,SAAS,EACpD;CAID,gBAAgB;CAIhB,mBAAmB;EACjB,MAAM;EACN,SAAS;EACV;CAID,oBAAoB;EAClB,MAAM;EACN,SAAS;EACV;CAID,YAAY;EACV,MAAM;EACN,SAAS;EACV;CAID,OAAO;EACL,MAAM;EACN,SAAS;EACV;CAID,iBAAiB;CAIjB,WAAW;EACT,MAAM;EACN,SAAS;EACV;CAID,YAAY;EACV,MAAM;EACN,SAAS;EACV;CAID,KAAK,EACH,MAAM,QACP;CAID,YAAY;CAIZ,YAAY;CAIZ,aAAa;CAIb,WAAW;CAIX,aAAa;CAIb,OAAO,EACL,MAAM,CAAC,QAAQ,OAAO,EACvB;CAID,QAAQ,EACN,MAAM,QACP;CACD,WAAW;CAIX,iBAAiB;EACf,MAAM;EACN,SAAS;EACV;CAID,YAAY;EACV,MAAM,eAAiC,CAAC,QAAQ,OAAO,CAAC;EACxD,SAAS;EACV;CACF,CAAU;AAOX,MAAa,cAAc;CACzB,YAAY;CACZ,cAAc;CACd,aAAa;CACb,cAAc;EACb,sBAAsB,UAAmB,UAAU,MAAM;CAC1D,qBAAqB;CACrB,sBAAsB;CACvB;AAUD,MAAa,mBACX,OAAO,mBAAmB;AAE5B,MAAa,sBAAsB;CACjC,GAAG;CACH,UAAU;CACV,mBAAmB;CACnB,oBAAoB;CACpB,YAAY;CACZ,OAAO;CACP,WAAW;CACX,YAAY;CACZ,iBAAiB;CACjB,YAAY;CACb"}
+{"version":3,"file":"dialog.mjs","names":[],"sources":["../../../../../../packages/components/dialog/src/dialog.ts"],"sourcesContent":["import { buildProps, definePropType, isBoolean } from '@element-plus/utils'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport {\n  dialogContentProps,\n  dialogContentPropsDefaults,\n} from './dialog-content'\n\nimport type { ExtractPublicPropTypes, InjectionKey, TransitionProps } from 'vue'\nimport type { DialogContentProps } from './dialog-content'\nimport type Dialog from './dialog.vue'\n\ntype DoneFn = (cancel?: boolean) => void\n\nexport type DialogBeforeCloseFn = (done: DoneFn) => void\n\nexport type DialogTransition = string | TransitionProps\n\n/**\n * @description dialog component props\n */\nexport interface DialogProps extends DialogContentProps {\n  /**\n   * @description whether to append Dialog itself to body. A nested Dialog should have this attribute set to `true`\n   */\n  appendToBody?: boolean\n  /**\n   * @description which element the Dialog appends to\n   */\n  appendTo?: string | HTMLElement\n  /**\n   * @description callback before Dialog closes, and it will prevent Dialog from closing, use done to close the dialog\n   */\n  beforeClose?: DialogBeforeCloseFn\n  /**\n   * @description destroy elements in Dialog when closed\n   */\n  destroyOnClose?: boolean\n  /**\n   * @description whether the Dialog can be closed by clicking the mask\n   */\n  closeOnClickModal?: boolean\n  /**\n   * @description whether the Dialog can be closed by pressing ESC\n   */\n  closeOnPressEscape?: boolean\n  /**\n   * @description whether scroll of body is disabled while Dialog is displayed\n   */\n  lockScroll?: boolean\n  /**\n   * @description whether a mask is displayed\n   */\n  modal?: boolean\n  /**\n   * @description whether the mask is penetrable\n   */\n  modalPenetrable?: boolean\n  /**\n   * @description the Time(milliseconds) before open\n   */\n  openDelay?: number\n  /**\n   * @description the Time(milliseconds) before close\n   */\n  closeDelay?: number\n  /**\n   * @description value for `margin-top` of Dialog CSS, default is 15vh\n   */\n  top?: string\n  /**\n   * @description visibility of Dialog\n   */\n  modelValue?: boolean\n  /**\n   * @description custom class names for mask\n   */\n  modalClass?: string\n  /**\n   * @description width of Dialog, default is 50%\n   */\n  width?: string | number\n  /**\n   * @description same as z-index in native CSS, z-order of dialog\n   */\n  zIndex?: number\n  /**\n   * @description trap focus within dialog\n   */\n  trapFocus?: boolean\n  /**\n   * @description header's aria-level attribute\n   */\n  headerAriaLevel?: string\n  /**\n   * @description custom transition configuration for dialog animation, it can be a string (transition name) or an object with Vue transition props\n   */\n  transition?: DialogTransition\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `DialogProps` instead.\n */\nexport const dialogProps = buildProps({\n  ...dialogContentProps,\n  /**\n   * @description whether to append Dialog itself to body. A nested Dialog should have this attribute set to `true`\n   */\n  appendToBody: Boolean,\n  /**\n   * @description which element the Dialog appends to\n   */\n  appendTo: {\n    type: definePropType<string | HTMLElement>([String, Object]),\n    default: 'body',\n  },\n  /**\n   * @description callback before Dialog closes, and it will prevent Dialog from closing, use done to close the dialog\n   */\n  beforeClose: {\n    type: definePropType<DialogBeforeCloseFn>(Function),\n  },\n  /**\n   * @description destroy elements in Dialog when closed\n   */\n  destroyOnClose: Boolean,\n  /**\n   * @description whether the Dialog can be closed by clicking the mask\n   */\n  closeOnClickModal: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether the Dialog can be closed by pressing ESC\n   */\n  closeOnPressEscape: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether scroll of body is disabled while Dialog is displayed\n   */\n  lockScroll: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether a mask is displayed\n   */\n  modal: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether the mask is penetrable\n   */\n  modalPenetrable: Boolean,\n  /**\n   * @description the Time(milliseconds) before open\n   */\n  openDelay: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description the Time(milliseconds) before close\n   */\n  closeDelay: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description value for `margin-top` of Dialog CSS, default is 15vh\n   */\n  top: {\n    type: String,\n  },\n  /**\n   * @description visibility of Dialog\n   */\n  modelValue: Boolean,\n  /**\n   * @description custom class names for mask\n   */\n  modalClass: String,\n  /**\n   * @description custom class names for header wrapper\n   */\n  headerClass: String,\n  /**\n   * @description custom class names for body wrapper\n   */\n  bodyClass: String,\n  /**\n   * @description custom class names for footer wrapper\n   */\n  footerClass: String,\n  /**\n   * @description width of Dialog, default is 50%\n   */\n  width: {\n    type: [String, Number],\n  },\n  /**\n   * @description same as z-index in native CSS, z-order of dialog\n   */\n  zIndex: {\n    type: Number,\n  },\n  trapFocus: Boolean,\n  /**\n   * @description header's aria-level attribute\n   */\n  headerAriaLevel: {\n    type: String,\n    default: '2',\n  },\n  /**\n   * @description custom transition configuration for dialog animation, it can be a string (transition name) or an object with Vue transition props\n   */\n  transition: {\n    type: definePropType<DialogTransition>([String, Object]),\n    default: undefined,\n  },\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `DialogProps` instead.\n */\nexport type DialogPropsPublic = ExtractPublicPropTypes<typeof dialogProps>\n\nexport const dialogEmits = {\n  open: () => true,\n  opened: () => true,\n  close: () => true,\n  closed: () => true,\n  [UPDATE_MODEL_EVENT]: (value: boolean) => isBoolean(value),\n  openAutoFocus: () => true,\n  closeAutoFocus: () => true,\n}\nexport type DialogEmits = typeof dialogEmits\nexport type DialogInstance = InstanceType<typeof Dialog> & unknown\nexport interface DialogConfigContext {\n  alignCenter?: boolean\n  draggable?: boolean\n  overflow?: boolean\n  transition?: DialogTransition\n}\n\nexport const dialogContextKey: InjectionKey<DialogConfigContext> =\n  Symbol('dialogContextKey')\n\nexport const dialogPropsDefaults = {\n  ...dialogContentPropsDefaults,\n  appendTo: 'body',\n  closeOnClickModal: true,\n  closeOnPressEscape: true,\n  lockScroll: true,\n  modal: true,\n  openDelay: 0,\n  closeDelay: 0,\n  headerAriaLevel: '2',\n  transition: undefined,\n} as const\n"],"mappings":";;;;;;;;;AAsGA,MAAa,cAAc,WAAW;CACpC,GAAG;CAIH,cAAc;CAId,UAAU;EACR,MAAM,eAAqC,CAAC,QAAQ,OAAO,CAAC;EAC5D,SAAS;EACV;CAID,aAAa,EACX,MAAM,eAAoC,SAAS,EACpD;CAID,gBAAgB;CAIhB,mBAAmB;EACjB,MAAM;EACN,SAAS;EACV;CAID,oBAAoB;EAClB,MAAM;EACN,SAAS;EACV;CAID,YAAY;EACV,MAAM;EACN,SAAS;EACV;CAID,OAAO;EACL,MAAM;EACN,SAAS;EACV;CAID,iBAAiB;CAIjB,WAAW;EACT,MAAM;EACN,SAAS;EACV;CAID,YAAY;EACV,MAAM;EACN,SAAS;EACV;CAID,KAAK,EACH,MAAM,QACP;CAID,YAAY;CAIZ,YAAY;CAIZ,aAAa;CAIb,WAAW;CAIX,aAAa;CAIb,OAAO,EACL,MAAM,CAAC,QAAQ,OAAO,EACvB;CAID,QAAQ,EACN,MAAM,QACP;CACD,WAAW;CAIX,iBAAiB;EACf,MAAM;EACN,SAAS;EACV;CAID,YAAY;EACV,MAAM,eAAiC,CAAC,QAAQ,OAAO,CAAC;EACxD,SAAS;EACV;CACF,CAAU;AAOX,MAAa,cAAc;CACzB,YAAY;CACZ,cAAc;CACd,aAAa;CACb,cAAc;EACb,sBAAsB,UAAmB,UAAU,MAAM;CAC1D,qBAAqB;CACrB,sBAAsB;CACvB;AAUD,MAAa,mBACX,OAAO,mBAAmB;AAE5B,MAAa,sBAAsB;CACjC,GAAG;CACH,UAAU;CACV,mBAAmB;CACnB,oBAAoB;CACpB,YAAY;CACZ,OAAO;CACP,WAAW;CACX,YAAY;CACZ,iBAAiB;CACjB,YAAY;CACb"}

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

@@ -39,8 +39,8 @@ declare const __VLS_base: vue.DefineComponent<DialogProps, {
   onOpenAutoFocus?: (() => any) | undefined;
   onCloseAutoFocus?: (() => any) | undefined;
 }>, {
-  title: string;
   appendTo: string | HTMLElement;
+  title: string;
   transition: DialogTransition;
   overflow: boolean;
   closeOnClickModal: boolean;

package/es/components/dialog/src/dialog.vue_vue_type_script_setup_true_lang.mjs

@@ -1,4 +1,3 @@
-import { ElTeleport } from "../../teleport/index.mjs";
 import { useDeprecated } from "../../../hooks/use-deprecated/index.mjs";
 import { useNamespace } from "../../../hooks/use-namespace/index.mjs";
 import { useSameTarget } from "../../../hooks/use-same-target/index.mjs";
@@ -8,7 +7,7 @@ import { ElOverlay } from "../../overlay/index.mjs";
 import { dialogInjectionKey } from "./constants.mjs";
 import dialog_content_default from "./dialog-content2.mjs";
 import { useDialog } from "./use-dialog.mjs";
-import { Transition, computed, createBlock, createCommentVNode, createElementVNode, createSlots, createVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, provide, ref, renderSlot, unref, useSlots, vShow, withCtx, withDirectives } from "vue";
+import { Teleport, Transition, computed, createBlock, createCommentVNode, createElementVNode, createSlots, createVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, provide, ref, renderSlot, unref, useSlots, vShow, withCtx, withDirectives } from "vue";
 
 //#region ../../packages/components/dialog/src/dialog.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1 = [
@@ -56,107 +55,104 @@ var dialog_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 			handleClose
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(ElTeleport), {
+			return openBlock(), createBlock(Teleport, {
 				to: __props.appendTo,
 				disabled: __props.appendTo !== "body" ? false : !__props.appendToBody
-			}, {
-				default: withCtx(() => [createVNode(Transition, mergeProps(unref(transitionConfig), { persisted: "" }), {
-					default: withCtx(() => [withDirectives(createVNode(unref(ElOverlay), {
-						"custom-mask-event": "",
-						mask: __props.modal,
-						"overlay-class": [
-							__props.modalClass ?? "",
-							`${unref(ns).namespace.value}-modal-dialog`,
-							unref(ns).is("penetrable", unref(penetrable))
-						],
-						"z-index": unref(zIndex)
+			}, [createVNode(Transition, mergeProps(unref(transitionConfig), { persisted: "" }), {
+				default: withCtx(() => [withDirectives(createVNode(unref(ElOverlay), {
+					"custom-mask-event": "",
+					mask: __props.modal,
+					"overlay-class": [
+						__props.modalClass ?? "",
+						`${unref(ns).namespace.value}-modal-dialog`,
+						unref(ns).is("penetrable", unref(penetrable))
+					],
+					"z-index": unref(zIndex)
+				}, {
+					default: withCtx(() => [createElementVNode("div", {
+						role: "dialog",
+						"aria-modal": "true",
+						"aria-label": __props.title || void 0,
+						"aria-labelledby": !__props.title ? unref(titleId) : void 0,
+						"aria-describedby": unref(bodyId),
+						class: normalizeClass([`${unref(ns).namespace.value}-overlay-dialog`, unref(ns).is("closing", unref(closing))]),
+						style: normalizeStyle(unref(overlayDialogStyle)),
+						onClick: _cache[0] || (_cache[0] = (...args) => unref(overlayEvent).onClick && unref(overlayEvent).onClick(...args)),
+						onMousedown: _cache[1] || (_cache[1] = (...args) => unref(overlayEvent).onMousedown && unref(overlayEvent).onMousedown(...args)),
+						onMouseup: _cache[2] || (_cache[2] = (...args) => unref(overlayEvent).onMouseup && unref(overlayEvent).onMouseup(...args))
+					}, [createVNode(unref(focus_trap_default), {
+						loop: "",
+						trapped: unref(visible),
+						"focus-start-el": "container",
+						onFocusAfterTrapped: unref(onOpenAutoFocus),
+						onFocusAfterReleased: unref(onCloseAutoFocus),
+						onFocusoutPrevented: unref(onFocusoutPrevented),
+						onReleaseRequested: unref(onCloseRequested)
 					}, {
-						default: withCtx(() => [createElementVNode("div", {
-							role: "dialog",
-							"aria-modal": "true",
-							"aria-label": __props.title || void 0,
-							"aria-labelledby": !__props.title ? unref(titleId) : void 0,
-							"aria-describedby": unref(bodyId),
-							class: normalizeClass([`${unref(ns).namespace.value}-overlay-dialog`, unref(ns).is("closing", unref(closing))]),
-							style: normalizeStyle(unref(overlayDialogStyle)),
-							onClick: _cache[0] || (_cache[0] = (...args) => unref(overlayEvent).onClick && unref(overlayEvent).onClick(...args)),
-							onMousedown: _cache[1] || (_cache[1] = (...args) => unref(overlayEvent).onMousedown && unref(overlayEvent).onMousedown(...args)),
-							onMouseup: _cache[2] || (_cache[2] = (...args) => unref(overlayEvent).onMouseup && unref(overlayEvent).onMouseup(...args))
-						}, [createVNode(unref(focus_trap_default), {
-							loop: "",
-							trapped: unref(visible),
-							"focus-start-el": "container",
-							onFocusAfterTrapped: unref(onOpenAutoFocus),
-							onFocusAfterReleased: unref(onCloseAutoFocus),
-							onFocusoutPrevented: unref(onFocusoutPrevented),
-							onReleaseRequested: unref(onCloseRequested)
-						}, {
-							default: withCtx(() => [unref(rendered) ? (openBlock(), createBlock(dialog_content_default, mergeProps({
+						default: withCtx(() => [unref(rendered) ? (openBlock(), createBlock(dialog_content_default, mergeProps({
+							key: 0,
+							ref_key: "dialogContentRef",
+							ref: dialogContentRef
+						}, _ctx.$attrs, {
+							center: __props.center,
+							"align-center": unref(_alignCenter),
+							"close-icon": __props.closeIcon,
+							draggable: unref(_draggable),
+							overflow: unref(_overflow),
+							fullscreen: __props.fullscreen,
+							"header-class": __props.headerClass,
+							"body-class": __props.bodyClass,
+							"footer-class": __props.footerClass,
+							"show-close": __props.showClose,
+							title: __props.title,
+							"aria-level": __props.headerAriaLevel,
+							onClose: unref(handleClose),
+							onMousedown: unref(bringToFront)
+						}), createSlots({
+							header: withCtx(() => [!_ctx.$slots.title ? renderSlot(_ctx.$slots, "header", {
 								key: 0,
-								ref_key: "dialogContentRef",
-								ref: dialogContentRef
-							}, _ctx.$attrs, {
-								center: __props.center,
-								"align-center": unref(_alignCenter),
-								"close-icon": __props.closeIcon,
-								draggable: unref(_draggable),
-								overflow: unref(_overflow),
-								fullscreen: __props.fullscreen,
-								"header-class": __props.headerClass,
-								"body-class": __props.bodyClass,
-								"footer-class": __props.footerClass,
-								"show-close": __props.showClose,
-								title: __props.title,
-								"aria-level": __props.headerAriaLevel,
-								onClose: unref(handleClose),
-								onMousedown: unref(bringToFront)
-							}), createSlots({
-								header: withCtx(() => [!_ctx.$slots.title ? renderSlot(_ctx.$slots, "header", {
-									key: 0,
-									close: unref(handleClose),
-									titleId: unref(titleId),
-									titleClass: unref(ns).e("title")
-								}) : renderSlot(_ctx.$slots, "title", { key: 1 })]),
-								default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-								_: 2
-							}, [_ctx.$slots.footer ? {
-								name: "footer",
-								fn: withCtx(() => [renderSlot(_ctx.$slots, "footer")]),
-								key: "0"
-							} : void 0]), 1040, [
-								"center",
-								"align-center",
-								"close-icon",
-								"draggable",
-								"overflow",
-								"fullscreen",
-								"header-class",
-								"body-class",
-								"footer-class",
-								"show-close",
-								"title",
-								"aria-level",
-								"onClose",
-								"onMousedown"
-							])) : createCommentVNode("v-if", true)]),
-							_: 3
-						}, 8, [
-							"trapped",
-							"onFocusAfterTrapped",
-							"onFocusAfterReleased",
-							"onFocusoutPrevented",
-							"onReleaseRequested"
-						])], 46, _hoisted_1)]),
+								close: unref(handleClose),
+								titleId: unref(titleId),
+								titleClass: unref(ns).e("title")
+							}) : renderSlot(_ctx.$slots, "title", { key: 1 })]),
+							default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+							_: 2
+						}, [_ctx.$slots.footer ? {
+							name: "footer",
+							fn: withCtx(() => [renderSlot(_ctx.$slots, "footer")]),
+							key: "0"
+						} : void 0]), 1040, [
+							"center",
+							"align-center",
+							"close-icon",
+							"draggable",
+							"overflow",
+							"fullscreen",
+							"header-class",
+							"body-class",
+							"footer-class",
+							"show-close",
+							"title",
+							"aria-level",
+							"onClose",
+							"onMousedown"
+						])) : createCommentVNode("v-if", true)]),
 						_: 3
 					}, 8, [
-						"mask",
-						"overlay-class",
-						"z-index"
-					]), [[vShow, unref(visible)]])]),
+						"trapped",
+						"onFocusAfterTrapped",
+						"onFocusAfterReleased",
+						"onFocusoutPrevented",
+						"onReleaseRequested"
+					])], 46, _hoisted_1)]),
 					_: 3
-				}, 16)]),
+				}, 8, [
+					"mask",
+					"overlay-class",
+					"z-index"
+				]), [[vShow, unref(visible)]])]),
 				_: 3
-			}, 8, ["to", "disabled"]);
+			}, 16)], 8, ["to", "disabled"]);
 		};
 	}
 });

package/es/components/dialog/src/dialog.vue_vue_type_script_setup_true_lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.vue_vue_type_script_setup_true_lang.mjs","names":["$attrs","$slots"],"sources":["../../../../../../packages/components/dialog/src/dialog.vue"],"sourcesContent":["<template>\n  <el-teleport\n    :to=\"appendTo\"\n    :disabled=\"appendTo !== 'body' ? false : !appendToBody\"\n  >\n    <transition v-bind=\"transitionConfig\">\n      <el-overlay\n        v-show=\"visible\"\n        custom-mask-event\n        :mask=\"modal\"\n        :overlay-class=\"[\n          modalClass ?? '',\n          `${ns.namespace.value}-modal-dialog`,\n          ns.is('penetrable', penetrable),\n        ]\"\n        :z-index=\"zIndex\"\n      >\n        <div\n          role=\"dialog\"\n          aria-modal=\"true\"\n          :aria-label=\"title || undefined\"\n          :aria-labelledby=\"!title ? titleId : undefined\"\n          :aria-describedby=\"bodyId\"\n          :class=\"[\n            `${ns.namespace.value}-overlay-dialog`,\n            ns.is('closing', closing),\n          ]\"\n          :style=\"overlayDialogStyle\"\n          @click=\"overlayEvent.onClick\"\n          @mousedown=\"overlayEvent.onMousedown\"\n          @mouseup=\"overlayEvent.onMouseup\"\n        >\n          <el-focus-trap\n            loop\n            :trapped=\"visible\"\n            focus-start-el=\"container\"\n            @focus-after-trapped=\"onOpenAutoFocus\"\n            @focus-after-released=\"onCloseAutoFocus\"\n            @focusout-prevented=\"onFocusoutPrevented\"\n            @release-requested=\"onCloseRequested\"\n          >\n            <el-dialog-content\n              v-if=\"rendered\"\n              ref=\"dialogContentRef\"\n              v-bind=\"$attrs\"\n              :center=\"center\"\n              :align-center=\"_alignCenter\"\n              :close-icon=\"closeIcon\"\n              :draggable=\"_draggable\"\n              :overflow=\"_overflow\"\n              :fullscreen=\"fullscreen\"\n              :header-class=\"headerClass\"\n              :body-class=\"bodyClass\"\n              :footer-class=\"footerClass\"\n              :show-close=\"showClose\"\n              :title=\"title\"\n              :aria-level=\"headerAriaLevel\"\n              @close=\"handleClose\"\n              @mousedown=\"bringToFront\"\n            >\n              <template #header>\n                <slot\n                  v-if=\"!$slots.title\"\n                  name=\"header\"\n                  :close=\"handleClose\"\n                  :title-id=\"titleId\"\n                  :title-class=\"ns.e('title')\"\n                />\n                <slot v-else name=\"title\" />\n              </template>\n              <slot />\n              <template v-if=\"$slots.footer\" #footer>\n                <slot name=\"footer\" />\n              </template>\n            </el-dialog-content>\n          </el-focus-trap>\n        </div>\n      </el-overlay>\n    </transition>\n  </el-teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, ref, useSlots } from 'vue'\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport { useDeprecated, useNamespace, useSameTarget } from '@element-plus/hooks'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport ElTeleport from '@element-plus/components/teleport'\nimport ElDialogContent from './dialog-content.vue'\nimport { dialogInjectionKey } from './constants'\nimport { dialogEmits, dialogPropsDefaults } from './dialog'\nimport { useDialog } from './use-dialog'\n\nimport type { DialogProps } from './dialog'\n\ndefineOptions({\n  name: 'ElDialog',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<DialogProps>(), dialogPropsDefaults)\ndefineEmits(dialogEmits)\nconst slots = useSlots()\n\nuseDeprecated(\n  {\n    scope: 'el-dialog',\n    from: 'the title slot',\n    replacement: 'the header slot',\n    version: '3.0.0',\n    ref: 'https://element-plus.org/en-US/component/dialog.html#slots',\n  },\n  computed(() => !!slots.title)\n)\n\nconst ns = useNamespace('dialog')\nconst dialogRef = ref<HTMLElement>()\nconst headerRef = ref<HTMLElement>()\nconst dialogContentRef = ref()\n\nconst {\n  visible,\n  titleId,\n  bodyId,\n  style,\n  overlayDialogStyle,\n  rendered,\n  transitionConfig,\n  zIndex,\n  _draggable,\n  _alignCenter,\n  _overflow,\n  penetrable,\n  handleClose,\n  onModalClick,\n  onOpenAutoFocus,\n  onCloseAutoFocus,\n  onCloseRequested,\n  onFocusoutPrevented,\n  bringToFront,\n  closing,\n} = useDialog(props, dialogRef)\n\nprovide(dialogInjectionKey, {\n  dialogRef,\n  headerRef,\n  bodyId,\n  ns,\n  rendered,\n  style,\n})\n\nconst overlayEvent = useSameTarget(onModalClick)\n\nconst resetPosition = () => {\n  dialogContentRef.value?.resetPosition()\n}\n\ndefineExpose({\n  /** @description whether the dialog is visible */\n  visible,\n  dialogContentRef,\n  resetPosition,\n  handleClose,\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"dialog.vue_vue_type_script_setup_true_lang.mjs","names":["$attrs","$slots"],"sources":["../../../../../../packages/components/dialog/src/dialog.vue"],"sourcesContent":["<template>\n  <teleport\n    :to=\"appendTo\"\n    :disabled=\"appendTo !== 'body' ? false : !appendToBody\"\n  >\n    <transition v-bind=\"transitionConfig\">\n      <el-overlay\n        v-show=\"visible\"\n        custom-mask-event\n        :mask=\"modal\"\n        :overlay-class=\"[\n          modalClass ?? '',\n          `${ns.namespace.value}-modal-dialog`,\n          ns.is('penetrable', penetrable),\n        ]\"\n        :z-index=\"zIndex\"\n      >\n        <div\n          role=\"dialog\"\n          aria-modal=\"true\"\n          :aria-label=\"title || undefined\"\n          :aria-labelledby=\"!title ? titleId : undefined\"\n          :aria-describedby=\"bodyId\"\n          :class=\"[\n            `${ns.namespace.value}-overlay-dialog`,\n            ns.is('closing', closing),\n          ]\"\n          :style=\"overlayDialogStyle\"\n          @click=\"overlayEvent.onClick\"\n          @mousedown=\"overlayEvent.onMousedown\"\n          @mouseup=\"overlayEvent.onMouseup\"\n        >\n          <el-focus-trap\n            loop\n            :trapped=\"visible\"\n            focus-start-el=\"container\"\n            @focus-after-trapped=\"onOpenAutoFocus\"\n            @focus-after-released=\"onCloseAutoFocus\"\n            @focusout-prevented=\"onFocusoutPrevented\"\n            @release-requested=\"onCloseRequested\"\n          >\n            <el-dialog-content\n              v-if=\"rendered\"\n              ref=\"dialogContentRef\"\n              v-bind=\"$attrs\"\n              :center=\"center\"\n              :align-center=\"_alignCenter\"\n              :close-icon=\"closeIcon\"\n              :draggable=\"_draggable\"\n              :overflow=\"_overflow\"\n              :fullscreen=\"fullscreen\"\n              :header-class=\"headerClass\"\n              :body-class=\"bodyClass\"\n              :footer-class=\"footerClass\"\n              :show-close=\"showClose\"\n              :title=\"title\"\n              :aria-level=\"headerAriaLevel\"\n              @close=\"handleClose\"\n              @mousedown=\"bringToFront\"\n            >\n              <template #header>\n                <slot\n                  v-if=\"!$slots.title\"\n                  name=\"header\"\n                  :close=\"handleClose\"\n                  :title-id=\"titleId\"\n                  :title-class=\"ns.e('title')\"\n                />\n                <slot v-else name=\"title\" />\n              </template>\n              <slot />\n              <template v-if=\"$slots.footer\" #footer>\n                <slot name=\"footer\" />\n              </template>\n            </el-dialog-content>\n          </el-focus-trap>\n        </div>\n      </el-overlay>\n    </transition>\n  </teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, ref, useSlots } from 'vue'\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport { useDeprecated, useNamespace, useSameTarget } from '@element-plus/hooks'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport ElDialogContent from './dialog-content.vue'\nimport { dialogInjectionKey } from './constants'\nimport { dialogEmits, dialogPropsDefaults } from './dialog'\nimport { useDialog } from './use-dialog'\n\nimport type { DialogProps } from './dialog'\n\ndefineOptions({\n  name: 'ElDialog',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<DialogProps>(), dialogPropsDefaults)\ndefineEmits(dialogEmits)\nconst slots = useSlots()\n\nuseDeprecated(\n  {\n    scope: 'el-dialog',\n    from: 'the title slot',\n    replacement: 'the header slot',\n    version: '3.0.0',\n    ref: 'https://element-plus.org/en-US/component/dialog.html#slots',\n  },\n  computed(() => !!slots.title)\n)\n\nconst ns = useNamespace('dialog')\nconst dialogRef = ref<HTMLElement>()\nconst headerRef = ref<HTMLElement>()\nconst dialogContentRef = ref()\n\nconst {\n  visible,\n  titleId,\n  bodyId,\n  style,\n  overlayDialogStyle,\n  rendered,\n  transitionConfig,\n  zIndex,\n  _draggable,\n  _alignCenter,\n  _overflow,\n  penetrable,\n  handleClose,\n  onModalClick,\n  onOpenAutoFocus,\n  onCloseAutoFocus,\n  onCloseRequested,\n  onFocusoutPrevented,\n  bringToFront,\n  closing,\n} = useDialog(props, dialogRef)\n\nprovide(dialogInjectionKey, {\n  dialogRef,\n  headerRef,\n  bodyId,\n  ns,\n  rendered,\n  style,\n})\n\nconst overlayEvent = useSameTarget(onModalClick)\n\nconst resetPosition = () => {\n  dialogContentRef.value?.resetPosition()\n}\n\ndefineExpose({\n  /** @description whether the dialog is visible */\n  visible,\n  dialogContentRef,\n  resetPosition,\n  handleClose,\n})\n</script>\n"],"mappings":"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"}

package/es/components/dialog/src/dialog2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"dialog2.mjs","names":[],"sources":["../../../../../../packages/components/dialog/src/dialog.vue"],"sourcesContent":["<template>\n  <el-teleport\n    :to=\"appendTo\"\n    :disabled=\"appendTo !== 'body' ? false : !appendToBody\"\n  >\n    <transition v-bind=\"transitionConfig\">\n      <el-overlay\n        v-show=\"visible\"\n        custom-mask-event\n        :mask=\"modal\"\n        :overlay-class=\"[\n          modalClass ?? '',\n          `${ns.namespace.value}-modal-dialog`,\n          ns.is('penetrable', penetrable),\n        ]\"\n        :z-index=\"zIndex\"\n      >\n        <div\n          role=\"dialog\"\n          aria-modal=\"true\"\n          :aria-label=\"title || undefined\"\n          :aria-labelledby=\"!title ? titleId : undefined\"\n          :aria-describedby=\"bodyId\"\n          :class=\"[\n            `${ns.namespace.value}-overlay-dialog`,\n            ns.is('closing', closing),\n          ]\"\n          :style=\"overlayDialogStyle\"\n          @click=\"overlayEvent.onClick\"\n          @mousedown=\"overlayEvent.onMousedown\"\n          @mouseup=\"overlayEvent.onMouseup\"\n        >\n          <el-focus-trap\n            loop\n            :trapped=\"visible\"\n            focus-start-el=\"container\"\n            @focus-after-trapped=\"onOpenAutoFocus\"\n            @focus-after-released=\"onCloseAutoFocus\"\n            @focusout-prevented=\"onFocusoutPrevented\"\n            @release-requested=\"onCloseRequested\"\n          >\n            <el-dialog-content\n              v-if=\"rendered\"\n              ref=\"dialogContentRef\"\n              v-bind=\"$attrs\"\n              :center=\"center\"\n              :align-center=\"_alignCenter\"\n              :close-icon=\"closeIcon\"\n              :draggable=\"_draggable\"\n              :overflow=\"_overflow\"\n              :fullscreen=\"fullscreen\"\n              :header-class=\"headerClass\"\n              :body-class=\"bodyClass\"\n              :footer-class=\"footerClass\"\n              :show-close=\"showClose\"\n              :title=\"title\"\n              :aria-level=\"headerAriaLevel\"\n              @close=\"handleClose\"\n              @mousedown=\"bringToFront\"\n            >\n              <template #header>\n                <slot\n                  v-if=\"!$slots.title\"\n                  name=\"header\"\n                  :close=\"handleClose\"\n                  :title-id=\"titleId\"\n                  :title-class=\"ns.e('title')\"\n                />\n                <slot v-else name=\"title\" />\n              </template>\n              <slot />\n              <template v-if=\"$slots.footer\" #footer>\n                <slot name=\"footer\" />\n              </template>\n            </el-dialog-content>\n          </el-focus-trap>\n        </div>\n      </el-overlay>\n    </transition>\n  </el-teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, ref, useSlots } from 'vue'\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport { useDeprecated, useNamespace, useSameTarget } from '@element-plus/hooks'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport ElTeleport from '@element-plus/components/teleport'\nimport ElDialogContent from './dialog-content.vue'\nimport { dialogInjectionKey } from './constants'\nimport { dialogEmits, dialogPropsDefaults } from './dialog'\nimport { useDialog } from './use-dialog'\n\nimport type { DialogProps } from './dialog'\n\ndefineOptions({\n  name: 'ElDialog',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<DialogProps>(), dialogPropsDefaults)\ndefineEmits(dialogEmits)\nconst slots = useSlots()\n\nuseDeprecated(\n  {\n    scope: 'el-dialog',\n    from: 'the title slot',\n    replacement: 'the header slot',\n    version: '3.0.0',\n    ref: 'https://element-plus.org/en-US/component/dialog.html#slots',\n  },\n  computed(() => !!slots.title)\n)\n\nconst ns = useNamespace('dialog')\nconst dialogRef = ref<HTMLElement>()\nconst headerRef = ref<HTMLElement>()\nconst dialogContentRef = ref()\n\nconst {\n  visible,\n  titleId,\n  bodyId,\n  style,\n  overlayDialogStyle,\n  rendered,\n  transitionConfig,\n  zIndex,\n  _draggable,\n  _alignCenter,\n  _overflow,\n  penetrable,\n  handleClose,\n  onModalClick,\n  onOpenAutoFocus,\n  onCloseAutoFocus,\n  onCloseRequested,\n  onFocusoutPrevented,\n  bringToFront,\n  closing,\n} = useDialog(props, dialogRef)\n\nprovide(dialogInjectionKey, {\n  dialogRef,\n  headerRef,\n  bodyId,\n  ns,\n  rendered,\n  style,\n})\n\nconst overlayEvent = useSameTarget(onModalClick)\n\nconst resetPosition = () => {\n  dialogContentRef.value?.resetPosition()\n}\n\ndefineExpose({\n  /** @description whether the dialog is visible */\n  visible,\n  dialogContentRef,\n  resetPosition,\n  handleClose,\n})\n</script>\n"],"mappings":""}
+{"version":3,"file":"dialog2.mjs","names":[],"sources":["../../../../../../packages/components/dialog/src/dialog.vue"],"sourcesContent":["<template>\n  <teleport\n    :to=\"appendTo\"\n    :disabled=\"appendTo !== 'body' ? false : !appendToBody\"\n  >\n    <transition v-bind=\"transitionConfig\">\n      <el-overlay\n        v-show=\"visible\"\n        custom-mask-event\n        :mask=\"modal\"\n        :overlay-class=\"[\n          modalClass ?? '',\n          `${ns.namespace.value}-modal-dialog`,\n          ns.is('penetrable', penetrable),\n        ]\"\n        :z-index=\"zIndex\"\n      >\n        <div\n          role=\"dialog\"\n          aria-modal=\"true\"\n          :aria-label=\"title || undefined\"\n          :aria-labelledby=\"!title ? titleId : undefined\"\n          :aria-describedby=\"bodyId\"\n          :class=\"[\n            `${ns.namespace.value}-overlay-dialog`,\n            ns.is('closing', closing),\n          ]\"\n          :style=\"overlayDialogStyle\"\n          @click=\"overlayEvent.onClick\"\n          @mousedown=\"overlayEvent.onMousedown\"\n          @mouseup=\"overlayEvent.onMouseup\"\n        >\n          <el-focus-trap\n            loop\n            :trapped=\"visible\"\n            focus-start-el=\"container\"\n            @focus-after-trapped=\"onOpenAutoFocus\"\n            @focus-after-released=\"onCloseAutoFocus\"\n            @focusout-prevented=\"onFocusoutPrevented\"\n            @release-requested=\"onCloseRequested\"\n          >\n            <el-dialog-content\n              v-if=\"rendered\"\n              ref=\"dialogContentRef\"\n              v-bind=\"$attrs\"\n              :center=\"center\"\n              :align-center=\"_alignCenter\"\n              :close-icon=\"closeIcon\"\n              :draggable=\"_draggable\"\n              :overflow=\"_overflow\"\n              :fullscreen=\"fullscreen\"\n              :header-class=\"headerClass\"\n              :body-class=\"bodyClass\"\n              :footer-class=\"footerClass\"\n              :show-close=\"showClose\"\n              :title=\"title\"\n              :aria-level=\"headerAriaLevel\"\n              @close=\"handleClose\"\n              @mousedown=\"bringToFront\"\n            >\n              <template #header>\n                <slot\n                  v-if=\"!$slots.title\"\n                  name=\"header\"\n                  :close=\"handleClose\"\n                  :title-id=\"titleId\"\n                  :title-class=\"ns.e('title')\"\n                />\n                <slot v-else name=\"title\" />\n              </template>\n              <slot />\n              <template v-if=\"$slots.footer\" #footer>\n                <slot name=\"footer\" />\n              </template>\n            </el-dialog-content>\n          </el-focus-trap>\n        </div>\n      </el-overlay>\n    </transition>\n  </teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, ref, useSlots } from 'vue'\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport { useDeprecated, useNamespace, useSameTarget } from '@element-plus/hooks'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport ElDialogContent from './dialog-content.vue'\nimport { dialogInjectionKey } from './constants'\nimport { dialogEmits, dialogPropsDefaults } from './dialog'\nimport { useDialog } from './use-dialog'\n\nimport type { DialogProps } from './dialog'\n\ndefineOptions({\n  name: 'ElDialog',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<DialogProps>(), dialogPropsDefaults)\ndefineEmits(dialogEmits)\nconst slots = useSlots()\n\nuseDeprecated(\n  {\n    scope: 'el-dialog',\n    from: 'the title slot',\n    replacement: 'the header slot',\n    version: '3.0.0',\n    ref: 'https://element-plus.org/en-US/component/dialog.html#slots',\n  },\n  computed(() => !!slots.title)\n)\n\nconst ns = useNamespace('dialog')\nconst dialogRef = ref<HTMLElement>()\nconst headerRef = ref<HTMLElement>()\nconst dialogContentRef = ref()\n\nconst {\n  visible,\n  titleId,\n  bodyId,\n  style,\n  overlayDialogStyle,\n  rendered,\n  transitionConfig,\n  zIndex,\n  _draggable,\n  _alignCenter,\n  _overflow,\n  penetrable,\n  handleClose,\n  onModalClick,\n  onOpenAutoFocus,\n  onCloseAutoFocus,\n  onCloseRequested,\n  onFocusoutPrevented,\n  bringToFront,\n  closing,\n} = useDialog(props, dialogRef)\n\nprovide(dialogInjectionKey, {\n  dialogRef,\n  headerRef,\n  bodyId,\n  ns,\n  rendered,\n  style,\n})\n\nconst overlayEvent = useSameTarget(onModalClick)\n\nconst resetPosition = () => {\n  dialogContentRef.value?.resetPosition()\n}\n\ndefineExpose({\n  /** @description whether the dialog is visible */\n  visible,\n  dialogContentRef,\n  resetPosition,\n  handleClose,\n})\n</script>\n"],"mappings":""}

package/es/components/divider/src/divider.d.ts

@@ -23,7 +23,7 @@ interface DividerProps {
  * @deprecated Removed after 3.0.0, Use `DividerProps` instead.
  */
 declare const dividerProps: {
-  readonly direction: EpPropFinalized<StringConstructor, "vertical" | "horizontal", unknown, "horizontal", boolean>;
+  readonly direction: EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
   readonly contentPosition: EpPropFinalized<StringConstructor, "center" | "left" | "right", unknown, "center", boolean>;
   readonly borderStyle: EpPropFinalized<(new (...args: any[]) => string) | (() => string) | (((new (...args: any[]) => string) | (() => string)) | null)[], unknown, unknown, "solid", boolean>;
 };

package/es/components/drawer/src/drawer.d.ts

@@ -45,7 +45,7 @@ declare const drawerProps: {
   readonly modalFade: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly headerAriaLevel: EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
   readonly appendToBody: BooleanConstructor;
-  readonly appendTo: EpPropFinalized<(new (...args: any[]) => string | HTMLElement) | (() => EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>) | (((new (...args: any[]) => string | HTMLElement) | (() => EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>)) | null)[], unknown, unknown, "body", boolean>;
+  readonly appendTo: EpPropFinalized<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown, "body", boolean>;
   readonly beforeClose: {
     readonly type: vue.PropType<DialogBeforeCloseFn>;
     readonly required: false;

package/es/components/drawer/src/drawer.vue.d.ts

@@ -24,8 +24,8 @@ declare const __VLS_base: vue.DefineComponent<DrawerProps, {
   afterLeave: () => void;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   close: () => void;
-  resize: (evt: MouseEvent, size: number) => void;
   "update:modelValue": (value: boolean) => void;
+  resize: (evt: MouseEvent, size: number) => void;
   open: () => void;
   opened: () => void;
   closed: () => void;
@@ -35,8 +35,8 @@ declare const __VLS_base: vue.DefineComponent<DrawerProps, {
   "resize-end": (evt: MouseEvent, size: number) => void;
 }, string, vue.PublicProps, Readonly<DrawerProps> & Readonly<{
   onClose?: (() => any) | undefined;
-  onResize?: ((evt: MouseEvent, size: number) => any) | undefined;
   "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+  onResize?: ((evt: MouseEvent, size: number) => any) | undefined;
   onOpen?: (() => any) | undefined;
   onOpened?: (() => any) | undefined;
   onClosed?: (() => any) | undefined;
@@ -46,8 +46,8 @@ declare const __VLS_base: vue.DefineComponent<DrawerProps, {
   "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined;
 }>, {
   direction: "ltr" | "rtl" | "ttb" | "btt";
-  title: string;
   appendTo: string | HTMLElement;
+  title: string;
   size: string | number;
   transition: DialogTransition;
   overflow: boolean;