@element-plus/nightly 0.0.20250809 → 0.0.20250810

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20250809 */
+/*! Element Plus v0.0.20250810 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -12394,6 +12394,9 @@
     card: {
       type: definePropType(Object)
     },
+    dialog: {
+      type: definePropType(Object)
+    },
     link: {
       type: definePropType(Object)
     },
@@ -12431,7 +12434,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20250809";
+  const version$1 = "0.0.20250810";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -31710,12 +31713,21 @@
 
   const dialogContentProps = buildProps({
     center: Boolean,
-    alignCenter: Boolean,
+    alignCenter: {
+      type: Boolean,
+      default: void 0
+    },
     closeIcon: {
       type: iconPropType
     },
-    draggable: Boolean,
-    overflow: Boolean,
+    draggable: {
+      type: Boolean,
+      default: void 0
+    },
+    overflow: {
+      type: Boolean,
+      default: void 0
+    },
     fullscreen: Boolean,
     headerClass: String,
     bodyClass: String,
@@ -31751,13 +31763,13 @@
       const dialogKls = vue.computed(() => [
         ns.b(),
         ns.is("fullscreen", props.fullscreen),
-        ns.is("draggable", props.draggable),
-        ns.is("align-center", props.alignCenter),
+        ns.is("draggable", !!props.draggable),
+        ns.is("align-center", !!props.alignCenter),
         { [ns.m("center")]: props.center }
       ]);
       const composedDialogRef = composeRefs(focusTrapRef, dialogRef);
-      const draggable = vue.computed(() => props.draggable);
-      const overflow = vue.computed(() => props.overflow);
+      const draggable = vue.computed(() => !!props.draggable);
+      const overflow = vue.computed(() => !!props.overflow);
       const { resetPosition, updatePosition } = useDraggable(dialogRef, headerRef, draggable, overflow);
       expose({
         resetPosition,
@@ -31874,7 +31886,7 @@
     },
     transition: {
       type: definePropType([String, Object]),
-      default: DEFAULT_DIALOG_TRANSITION
+      default: void 0
     }
   });
   const dialogEmits = {
@@ -31886,6 +31898,7 @@
     openAutoFocus: () => true,
     closeAutoFocus: () => true
   };
+  const dialogContextKey = Symbol("dialogContextKey");
 
   const useDialog = (props, targetRef) => {
     var _a;
@@ -31901,7 +31914,15 @@
     const zIndex = vue.ref((_a = props.zIndex) != null ? _a : nextZIndex());
     let openTimer = void 0;
     let closeTimer = void 0;
-    const namespace = useGlobalConfig("namespace", defaultNamespace);
+    const config = useGlobalConfig();
+    const namespace = vue.computed(() => {
+      var _a2, _b;
+      return (_b = (_a2 = config.value) == null ? void 0 : _a2.namespace) != null ? _b : defaultNamespace;
+    });
+    const globalConfig = vue.computed(() => {
+      var _a2;
+      return (_a2 = config.value) == null ? void 0 : _a2.dialog;
+    });
     const style = vue.computed(() => {
       const style2 = {};
       const varPrefix = `--${namespace.value}-dialog`;
@@ -31915,21 +31936,35 @@
       }
       return style2;
     });
+    const _draggable = vue.computed(() => {
+      var _a2, _b, _c;
+      return ((_c = (_b = props.draggable) != null ? _b : (_a2 = globalConfig.value) == null ? void 0 : _a2.draggable) != null ? _c : false) && !props.fullscreen;
+    });
+    const _alignCenter = vue.computed(() => {
+      var _a2, _b, _c;
+      return (_c = (_b = props.alignCenter) != null ? _b : (_a2 = globalConfig.value) == null ? void 0 : _a2.alignCenter) != null ? _c : false;
+    });
+    const _overflow = vue.computed(() => {
+      var _a2, _b, _c;
+      return (_c = (_b = props.overflow) != null ? _b : (_a2 = globalConfig.value) == null ? void 0 : _a2.overflow) != null ? _c : false;
+    });
     const overlayDialogStyle = vue.computed(() => {
-      if (props.alignCenter) {
+      if (_alignCenter.value) {
         return { display: "flex" };
       }
       return {};
     });
     const transitionConfig = vue.computed(() => {
+      var _a2, _b, _c;
+      const transition = (_c = (_b = props.transition) != null ? _b : (_a2 = globalConfig.value) == null ? void 0 : _a2.transition) != null ? _c : DEFAULT_DIALOG_TRANSITION;
       const baseConfig = {
-        name: props.transition,
+        name: transition,
         onAfterEnter: afterEnter,
         onBeforeLeave: beforeLeave,
         onAfterLeave: afterLeave
       };
-      if (isObject$1(props.transition)) {
-        const config = { ...props.transition };
+      if (isObject$1(transition)) {
+        const config2 = { ...transition };
         const _mergeHook = (userHook, defaultHook) => {
           return (el) => {
             if (isArray$1(userHook)) {
@@ -31943,13 +31978,13 @@
             defaultHook();
           };
         };
-        config.onAfterEnter = _mergeHook(config.onAfterEnter, afterEnter);
-        config.onBeforeLeave = _mergeHook(config.onBeforeLeave, beforeLeave);
-        config.onAfterLeave = _mergeHook(config.onAfterLeave, afterLeave);
-        if (!config.name) {
-          config.name = DEFAULT_DIALOG_TRANSITION;
+        config2.onAfterEnter = _mergeHook(config2.onAfterEnter, afterEnter);
+        config2.onBeforeLeave = _mergeHook(config2.onBeforeLeave, beforeLeave);
+        config2.onAfterLeave = _mergeHook(config2.onAfterLeave, afterLeave);
+        if (!config2.name) {
+          config2.name = DEFAULT_DIALOG_TRANSITION;
         }
-        return config;
+        return config2;
       }
       return baseConfig;
     });
@@ -32092,7 +32127,10 @@
       rendered,
       visible,
       zIndex,
-      transitionConfig
+      transitionConfig,
+      _draggable,
+      _alignCenter,
+      _overflow
     };
   };
 
@@ -32127,6 +32165,9 @@
         rendered,
         transitionConfig,
         zIndex,
+        _draggable,
+        _alignCenter,
+        _overflow,
         handleClose,
         onModalClick,
         onOpenAutoFocus,
@@ -32143,7 +32184,6 @@
         style
       });
       const overlayEvent = useSameTarget(onModalClick);
-      const draggable = vue.computed(() => props.draggable && !props.fullscreen);
       const penetrable = vue.computed(() => props.modalPenetrable && !props.modal && !props.fullscreen);
       const resetPosition = () => {
         var _a;
@@ -32204,10 +32244,10 @@
                               ref: dialogContentRef
                             }, _ctx.$attrs, {
                               center: _ctx.center,
-                              "align-center": _ctx.alignCenter,
+                              "align-center": vue.unref(_alignCenter),
                               "close-icon": _ctx.closeIcon,
-                              draggable: vue.unref(draggable),
-                              overflow: _ctx.overflow,
+                              draggable: vue.unref(_draggable),
+                              overflow: vue.unref(_overflow),
                               fullscreen: _ctx.fullscreen,
                               "header-class": _ctx.headerClass,
                               "body-class": _ctx.bodyClass,
@@ -64940,6 +64980,7 @@
   exports.defaultProps = defaultProps;
   exports.descriptionItemProps = descriptionItemProps;
   exports.descriptionProps = descriptionProps;
+  exports.dialogContextKey = dialogContextKey;
   exports.dialogEmits = dialogEmits;
   exports.dialogInjectionKey = dialogInjectionKey;
   exports.dialogProps = dialogProps;