element-plus 2.9.2 → 2.9.3

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v2.9.2 */
+/*! Element Plus v2.9.3 */
 
 (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 = "2.9.2";
+  const version$1 = "2.9.3";
 
   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,
@@ -30134,6 +30136,12 @@
           }, renderContent()), directives);
         default: {
           const label = renderLabel();
+          const labelStyle = {};
+          const width2 = addUnit(item.labelWidth || this.descriptions.labelWidth);
+          if (width2) {
+            labelStyle.width = width2;
+            labelStyle.display = "inline-block";
+          }
           return vue.withDirectives(vue.h("td", {
             style,
             class: [ns.e("cell"), align],
@@ -30141,6 +30149,7 @@
             rowspan
           }, [
             !isNil(label) ? vue.h("span", {
+              style: labelStyle,
               class: [ns.e("label"), labelClassName]
             }, label) : void 0,
             vue.h("span", {
@@ -30485,6 +30494,9 @@
     draggable: Boolean,
     overflow: Boolean,
     fullscreen: Boolean,
+    headerClass: String,
+    bodyClass: String,
+    footerClass: String,
     showClose: {
       type: Boolean,
       default: true
@@ -30537,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", {
@@ -30565,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)
@@ -30621,6 +30633,9 @@
     },
     modelValue: Boolean,
     modalClass: String,
+    headerClass: String,
+    bodyClass: String,
+    footerClass: String,
     width: {
       type: [String, Number]
     },
@@ -30763,6 +30778,8 @@
         vue.nextTick(() => {
           emit("open");
           if (targetRef.value) {
+            targetRef.value.parentElement.scrollTop = 0;
+            targetRef.value.parentElement.scrollLeft = 0;
             targetRef.value.scrollTop = 0;
           }
         });
@@ -30925,6 +30942,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,
@@ -30949,7 +30969,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"])
@@ -31148,7 +31168,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,
@@ -31186,13 +31206,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)
@@ -51255,18 +51275,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) {
         }
@@ -51470,6 +51496,7 @@
     props: textProps,
     setup(__props) {
       const props = __props;
+      const textRef = vue.ref();
       const textSize = useFormSize();
       const ns = useNamespace("text");
       const textKls = vue.computed(() => [
@@ -51479,8 +51506,38 @@
         ns.is("truncated", props.truncated),
         ns.is("line-clamp", !isUndefined(props.lineClamp))
       ]);
+      const inheritTitle = vue.useAttrs().title;
+      const bindTitle = () => {
+        var _a, _b, _c, _d, _e;
+        if (inheritTitle)
+          return;
+        let shouldAddTitle = false;
+        const text = ((_a = textRef.value) == null ? void 0 : _a.textContent) || "";
+        if (props.truncated) {
+          const width = (_b = textRef.value) == null ? void 0 : _b.offsetWidth;
+          const scrollWidth = (_c = textRef.value) == null ? void 0 : _c.scrollWidth;
+          if (width && scrollWidth && scrollWidth > width) {
+            shouldAddTitle = true;
+          }
+        } else if (!isUndefined(props.lineClamp)) {
+          const height = (_d = textRef.value) == null ? void 0 : _d.offsetHeight;
+          const scrollHeight = (_e = textRef.value) == null ? void 0 : _e.scrollHeight;
+          if (height && scrollHeight && scrollHeight > height) {
+            shouldAddTitle = true;
+          }
+        }
+        if (shouldAddTitle) {
+          textRef.value.setAttribute("title", text);
+        } else {
+          textRef.value.removeAttribute("title");
+        }
+      };
+      vue.onMounted(bindTitle);
+      vue.onUpdated(bindTitle);
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), {
+          ref_key: "textRef",
+          ref: textRef,
           class: vue.normalizeClass(vue.unref(textKls)),
           style: vue.normalizeStyle({ "-webkit-line-clamp": _ctx.lineClamp })
         }, {
@@ -51531,6 +51588,10 @@
     },
     minTime: String,
     maxTime: String,
+    includeEndTime: {
+      type: Boolean,
+      default: false
+    },
     name: String,
     prefixIcon: {
       type: definePropType([String, Object]),
@@ -51636,18 +51697,26 @@
         return time ? formatTime(time) : null;
       });
       const items = vue.computed(() => {
+        var _a;
         const result = [];
+        const push = (formattedValue, rawValue) => {
+          result.push({
+            value: formattedValue,
+            disabled: compareTime(rawValue, minTime.value || "-1:-1") <= 0 || compareTime(rawValue, maxTime.value || "100:100") >= 0
+          });
+        };
         if (props.start && props.end && props.step) {
           let current = start.value;
           let currentTime;
           while (current && end.value && compareTime(current, end.value) <= 0) {
             currentTime = dayjs(current, "HH:mm").locale(lang.value).format(props.format);
-            result.push({
-              value: currentTime,
-              disabled: compareTime(current, minTime.value || "-1:-1") <= 0 || compareTime(current, maxTime.value || "100:100") >= 0
-            });
+            push(currentTime, current);
             current = nextTime(current, step.value);
           }
+          if (props.includeEndTime && end.value && ((_a = result[result.length - 1]) == null ? void 0 : _a.value) !== end.value) {
+            const formattedValue = dayjs(end.value, "HH:mm").locale(lang.value).format(props.format);
+            push(formattedValue, end.value);
+          }
         }
         return result;
       });