@element-plus/nightly 0.0.20250104 → 0.0.20250106

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20250104 */
+/*! Element Plus v0.0.20250106 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -9214,9 +9214,9 @@
       setTimeout(() => {
         if (typeof document === "undefined")
           return;
-        removeClass(document == null ? void 0 : document.body, hiddenCls.value);
         if (withoutHiddenClass && document) {
           document.body.style.width = bodyWidth;
+          removeClass(document.body, hiddenCls.value);
         }
       }, 200);
     };
@@ -9228,6 +9228,7 @@
       withoutHiddenClass = !hasClass(document.body, hiddenCls.value);
       if (withoutHiddenClass) {
         bodyWidth = document.body.style.width;
+        addClass(document.body, hiddenCls.value);
       }
       scrollBarWidth = getScrollBarWidth(ns.namespace.value);
       const bodyHasOverflow = document.documentElement.clientHeight < document.body.scrollHeight;
@@ -9235,7 +9236,6 @@
       if (scrollBarWidth > 0 && (bodyHasOverflow || bodyOverflowY === "scroll") && withoutHiddenClass) {
         document.body.style.width = `calc(100% - ${scrollBarWidth}px)`;
       }
-      addClass(document.body, hiddenCls.value);
     });
     vue.onScopeDispose(() => cleanup());
   };
@@ -11596,7 +11596,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20250104";
+  const version$1 = "0.0.20250106";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -12151,6 +12151,8 @@
         for (const field of fields2) {
           try {
             await field.validate("");
+            if (field.validateState === "error")
+              field.resetField();
           } catch (fields3) {
             validationErrors = {
               ...validationErrors,
@@ -12192,7 +12194,7 @@
         if (props.validateOnRuleChange) {
           validate().catch((err) => debugWarn());
         }
-      }, { deep: true });
+      }, { deep: true, flush: "post" });
       vue.provide(formContextKey, vue.reactive({
         ...vue.toRefs(props),
         emit,
@@ -30492,6 +30494,9 @@
     draggable: Boolean,
     overflow: Boolean,
     fullscreen: Boolean,
+    headerClass: String,
+    bodyClass: String,
+    footerClass: String,
     showClose: {
       type: Boolean,
       default: true
@@ -30544,7 +30549,7 @@
           vue.createElementVNode("header", {
             ref_key: "headerRef",
             ref: headerRef,
-            class: vue.normalizeClass([vue.unref(ns).e("header"), { "show-close": _ctx.showClose }])
+            class: vue.normalizeClass([vue.unref(ns).e("header"), _ctx.headerClass, { "show-close": _ctx.showClose }])
           }, [
             vue.renderSlot(_ctx.$slots, "header", {}, () => [
               vue.createElementVNode("span", {
@@ -30572,13 +30577,13 @@
           ], 2),
           vue.createElementVNode("div", {
             id: vue.unref(bodyId),
-            class: vue.normalizeClass(vue.unref(ns).e("body"))
+            class: vue.normalizeClass([vue.unref(ns).e("body"), _ctx.bodyClass])
           }, [
             vue.renderSlot(_ctx.$slots, "default")
           ], 10, ["id"]),
           _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("footer", {
             key: 0,
-            class: vue.normalizeClass(vue.unref(ns).e("footer"))
+            class: vue.normalizeClass([vue.unref(ns).e("footer"), _ctx.footerClass])
           }, [
             vue.renderSlot(_ctx.$slots, "footer")
           ], 2)) : vue.createCommentVNode("v-if", true)
@@ -30628,6 +30633,9 @@
     },
     modelValue: Boolean,
     modalClass: String,
+    headerClass: String,
+    bodyClass: String,
+    footerClass: String,
     width: {
       type: [String, Number]
     },
@@ -30932,6 +30940,9 @@
                             draggable: vue.unref(draggable),
                             overflow: _ctx.overflow,
                             fullscreen: _ctx.fullscreen,
+                            "header-class": _ctx.headerClass,
+                            "body-class": _ctx.bodyClass,
+                            "footer-class": _ctx.footerClass,
                             "show-close": _ctx.showClose,
                             title: _ctx.title,
                             "aria-level": _ctx.headerAriaLevel,
@@ -30956,7 +30967,7 @@
                                 vue.renderSlot(_ctx.$slots, "footer")
                               ])
                             } : void 0
-                          ]), 1040, ["center", "align-center", "close-icon", "draggable", "overflow", "fullscreen", "show-close", "title", "aria-level", "onClose"])) : vue.createCommentVNode("v-if", true)
+                          ]), 1040, ["center", "align-center", "close-icon", "draggable", "overflow", "fullscreen", "header-class", "body-class", "footer-class", "show-close", "title", "aria-level", "onClose"])) : vue.createCommentVNode("v-if", true)
                         ]),
                         _: 3
                       }, 8, ["trapped", "onFocusAfterTrapped", "onFocusAfterReleased", "onFocusoutPrevented", "onReleaseRequested"])
@@ -31155,7 +31166,7 @@
                           }, null, 2),
                           _ctx.withHeader ? (vue.openBlock(), vue.createElementBlock("header", {
                             key: 0,
-                            class: vue.normalizeClass(vue.unref(ns).e("header"))
+                            class: vue.normalizeClass([vue.unref(ns).e("header"), _ctx.headerClass])
                           }, [
                             !_ctx.$slots.title ? vue.renderSlot(_ctx.$slots, "header", {
                               key: 0,
@@ -31193,13 +31204,13 @@
                           vue.unref(rendered) ? (vue.openBlock(), vue.createElementBlock("div", {
                             key: 1,
                             id: vue.unref(bodyId),
-                            class: vue.normalizeClass(vue.unref(ns).e("body"))
+                            class: vue.normalizeClass([vue.unref(ns).e("body"), _ctx.bodyClass])
                           }, [
                             vue.renderSlot(_ctx.$slots, "default")
                           ], 10, ["id"])) : vue.createCommentVNode("v-if", true),
                           _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", {
                             key: 2,
-                            class: vue.normalizeClass(vue.unref(ns).e("footer"))
+                            class: vue.normalizeClass([vue.unref(ns).e("footer"), _ctx.footerClass])
                           }, [
                             vue.renderSlot(_ctx.$slots, "footer")
                           ], 2)) : vue.createCommentVNode("v-if", true)
@@ -51262,18 +51273,24 @@
       const nav$ = vue.ref();
       const currentName = vue.ref((_a = props.modelValue) != null ? _a : "0");
       const setCurrentName = async (value, trigger = false) => {
-        var _a2, _b, _c;
+        var _a2, _b;
         if (currentName.value === value || isUndefined(value))
           return;
         try {
-          const canLeave = await ((_a2 = props.beforeLeave) == null ? void 0 : _a2.call(props, value, currentName.value));
+          let canLeave;
+          if (props.beforeLeave) {
+            const result = props.beforeLeave(value, currentName.value);
+            canLeave = result instanceof Promise ? await result : result;
+          } else {
+            canLeave = true;
+          }
           if (canLeave !== false) {
             currentName.value = value;
             if (trigger) {
               emit(UPDATE_MODEL_EVENT, value);
               emit("tabChange", value);
             }
-            (_c = (_b = nav$.value) == null ? void 0 : _b.removeFocus) == null ? void 0 : _c.call(_b);
+            (_b = (_a2 = nav$.value) == null ? void 0 : _a2.removeFocus) == null ? void 0 : _b.call(_a2);
           }
         } catch (e) {
         }