@element-plus/nightly 0.0.20220828 → 0.0.20220829

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220828 */
+/*! Element Plus v0.0.20220829 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11025,7 +11025,7 @@
     return [recordCursor, setCursor];
   }
 
-  const version$1 = "0.0.20220828";
+  const version$1 = "0.0.20220829";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -31725,6 +31725,10 @@
       type: Boolean,
       default: false
     },
+    alignCenter: {
+      type: Boolean,
+      default: false
+    },
     closeIcon: {
       type: iconPropType
     },
@@ -31776,6 +31780,7 @@
             vue.unref(ns).b(),
             vue.unref(ns).is("fullscreen", _ctx.fullscreen),
             vue.unref(ns).is("draggable", vue.unref(draggable)),
+            vue.unref(ns).is("align-center", _ctx.alignCenter),
             { [vue.unref(ns).m("center")]: _ctx.center },
             _ctx.customClass
           ]),
@@ -31923,6 +31928,12 @@
       }
       return style2;
     });
+    const overlayDialogStyle = vue.computed(() => {
+      if (props.alignCenter) {
+        return { display: "flex" };
+      }
+      return {};
+    });
     function afterEnter() {
       emit("opened");
     }
@@ -32044,6 +32055,7 @@
       bodyId,
       closed,
       style,
+      overlayDialogStyle,
       rendered,
       visible,
       zIndex
@@ -32052,7 +32064,8 @@
 
   const _hoisted_1$B = ["aria-label", "aria-labelledby", "aria-describedby"];
   const __default__$K = {
-    name: "ElDialog"
+    name: "ElDialog",
+    inheritAttrs: false
   };
   const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
     ...__default__$K,
@@ -32068,6 +32081,14 @@
         version: "3.0.0",
         ref: "https://element-plus.org/en-US/component/dialog.html#slots"
       }, vue.computed(() => !!slots.title));
+      useDeprecated({
+        scope: "el-dialog",
+        from: "custom-class",
+        replacement: "class",
+        version: "2.3.0",
+        ref: "https://element-plus.org/en-US/component/dialog.html#attributes",
+        type: "Attribute"
+      }, vue.computed(() => !!props.customClass));
       const ns = useNamespace("dialog");
       const dialogRef = vue.ref();
       const headerRef = vue.ref();
@@ -32077,6 +32098,7 @@
         titleId,
         bodyId,
         style,
+        overlayDialogStyle,
         rendered,
         zIndex,
         afterEnter,
@@ -32129,6 +32151,7 @@
                     "aria-labelledby": !_ctx.title ? vue.unref(titleId) : void 0,
                     "aria-describedby": vue.unref(bodyId),
                     class: vue.normalizeClass(`${vue.unref(ns).namespace.value}-overlay-dialog`),
+                    style: vue.normalizeStyle(vue.unref(overlayDialogStyle)),
                     onClick: _cache[0] || (_cache[0] = (...args) => vue.unref(overlayEvent).onClick && vue.unref(overlayEvent).onClick(...args)),
                     onMousedown: _cache[1] || (_cache[1] = (...args) => vue.unref(overlayEvent).onMousedown && vue.unref(overlayEvent).onMousedown(...args)),
                     onMouseup: _cache[2] || (_cache[2] = (...args) => vue.unref(overlayEvent).onMouseup && vue.unref(overlayEvent).onMouseup(...args))
@@ -32142,19 +32165,21 @@
                       onReleaseRequested: vue.unref(onCloseRequested)
                     }, {
                       default: vue.withCtx(() => [
-                        vue.unref(rendered) ? (vue.openBlock(), vue.createBlock(ElDialogContent, {
+                        vue.unref(rendered) ? (vue.openBlock(), vue.createBlock(ElDialogContent, vue.mergeProps({
                           key: 0,
                           ref_key: "dialogContentRef",
-                          ref: dialogContentRef,
+                          ref: dialogContentRef
+                        }, _ctx.$attrs, {
                           "custom-class": _ctx.customClass,
                           center: _ctx.center,
+                          "align-center": _ctx.alignCenter,
                           "close-icon": _ctx.closeIcon,
                           draggable: vue.unref(draggable),
                           fullscreen: _ctx.fullscreen,
                           "show-close": _ctx.showClose,
                           title: _ctx.title,
                           onClose: vue.unref(handleClose)
-                        }, vue.createSlots({
+                        }), vue.createSlots({
                           header: vue.withCtx(() => [
                             !_ctx.$slots.title ? vue.renderSlot(_ctx.$slots, "header", {
                               key: 0,
@@ -32174,11 +32199,11 @@
                               vue.renderSlot(_ctx.$slots, "footer")
                             ])
                           } : void 0
-                        ]), 1032, ["custom-class", "center", "close-icon", "draggable", "fullscreen", "show-close", "title", "onClose"])) : vue.createCommentVNode("v-if", true)
+                        ]), 1040, ["custom-class", "center", "align-center", "close-icon", "draggable", "fullscreen", "show-close", "title", "onClose"])) : vue.createCommentVNode("v-if", true)
                       ]),
                       _: 3
                     }, 8, ["trapped", "onFocusAfterTrapped", "onFocusAfterReleased", "onReleaseRequested"])
-                  ], 42, _hoisted_1$B)
+                  ], 46, _hoisted_1$B)
                 ]),
                 _: 3
               }, 8, ["mask", "overlay-class", "z-index"]), [