@element-plus/nightly 0.0.20250522 → 0.0.20250524

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20250522 */
+/*! Element Plus v0.0.20250524 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11728,7 +11728,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20250522";
+  const version$1 = "0.0.20250524";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -11963,10 +11963,12 @@
       type: String,
       values: alertEffects,
       default: "light"
-    }
+    },
+    ...useDelayedToggleProps
   });
   const alertEmits = {
-    close: (evt) => evt instanceof MouseEvent
+    open: () => true,
+    close: (evt) => isUndefined(evt) || evt instanceof Event
   };
 
   const __default__$1S = vue.defineComponent({
@@ -11981,13 +11983,27 @@
       const { Close } = TypeComponents;
       const slots = vue.useSlots();
       const ns = useNamespace("alert");
-      const visible = vue.ref(true);
+      const visible = vue.ref(false);
       const iconComponent = vue.computed(() => TypeComponentsMap[props.type]);
       const hasDesc = vue.computed(() => !!(props.description || slots.default));
-      const close = (evt) => {
+      const open = () => {
+        visible.value = true;
+        emit("open");
+      };
+      const close = (event) => {
         visible.value = false;
-        emit("close", evt);
+        emit("close", event);
       };
+      const { onOpen, onClose } = useDelayedToggle({
+        showAfter: vue.toRef(props, "showAfter"),
+        hideAfter: vue.toRef(props, "hideAfter"),
+        autoClose: vue.toRef(props, "autoClose"),
+        open,
+        close
+      });
+      if (isClient) {
+        onOpen();
+      }
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.Transition, {
           name: vue.unref(ns).b("fade"),
@@ -12036,13 +12052,13 @@
                   }, vue.toDisplayString(_ctx.closeText), 3)) : (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
                     key: 1,
                     class: vue.normalizeClass(vue.unref(ns).e("close-btn")),
-                    onClick: close
+                    onClick: vue.unref(onClose)
                   }, {
                     default: vue.withCtx(() => [
                       vue.createVNode(vue.unref(Close))
                     ]),
                     _: 1
-                  }, 8, ["class"]))
+                  }, 8, ["class", "onClick"]))
                 ], 64)) : vue.createCommentVNode("v-if", true)
               ], 2)
             ], 2), [
@@ -12173,7 +12189,8 @@
     hideRequiredAsterisk: Boolean,
     scrollToError: Boolean,
     scrollIntoViewOptions: {
-      type: [Object, Boolean]
+      type: [Object, Boolean],
+      default: true
     }
   });
   const formEmits = {
@@ -12228,6 +12245,7 @@
     emits: formEmits,
     setup(__props, { expose, emit }) {
       const props = __props;
+      const formRef = vue.ref();
       const fields = vue.reactive([]);
       const formSize = useFormSize();
       const ns = useNamespace("form");
@@ -12312,7 +12330,10 @@
             throw e;
           const invalidFields = e;
           if (props.scrollToError) {
-            scrollToField(Object.keys(invalidFields)[0]);
+            if (formRef.value) {
+              const formItem = formRef.value.querySelector(`.${ns.b()}-item.is-error`);
+              formItem == null ? void 0 : formItem.scrollIntoView(props.scrollIntoViewOptions);
+            }
           }
           await (callback == null ? void 0 : callback(false, invalidFields));
           return shouldThrow && Promise.reject(invalidFields);
@@ -12351,6 +12372,8 @@
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("form", {
+          ref_key: "formRef",
+          ref: formRef,
           class: vue.normalizeClass(vue.unref(formClasses))
         }, [
           vue.renderSlot(_ctx.$slots, "default")
@@ -23717,7 +23740,7 @@
       }
     }
     getNodeByValue(value, leafOnly = false) {
-      if (!value && value !== 0)
+      if (isPropAbsent(value))
         return null;
       const node = this.getFlattedNodes(leafOnly).find((node2) => isEqual$1(node2.value, value) || isEqual$1(node2.pathValues, value));
       return node || null;
@@ -26449,6 +26472,9 @@
             color.fromString(props.modelValue);
           } else {
             color.value = "";
+            if (!currentColor.value && customInput.value) {
+              customInput.value = "";
+            }
             vue.nextTick(() => {
               showPanelColor.value = false;
             });
@@ -26465,6 +26491,9 @@
       }
       function handleConfirm() {
         color.fromString(customInput.value);
+        if (color.value !== customInput.value) {
+          customInput.value = color.value;
+        }
       }
       function confirmValue() {
         const value = color.value;
@@ -27190,15 +27219,15 @@
       setRowMetadata == null ? void 0 : setRowMetadata(row);
     }
   };
-  const datesInMonth = (year, month, lang) => {
-    const firstDay = dayjs().locale(lang).startOf("month").month(month).year(year);
+  const datesInMonth = (date, year, month, lang) => {
+    const firstDay = dayjs(date).locale(lang).month(month).year(year);
     const numOfDays = firstDay.daysInMonth();
     return rangeArr(numOfDays).map((n) => firstDay.add(n, "day").toDate());
   };
-  const getValidDateOfMonth = (year, month, lang, disabledDate) => {
-    const _value = dayjs().year(year).month(month).startOf("month");
-    const _date = datesInMonth(year, month, lang).find((date) => {
-      return !(disabledDate == null ? void 0 : disabledDate(date));
+  const getValidDateOfMonth = (date, year, month, lang, disabledDate) => {
+    const _value = dayjs(date).year(year).month(month);
+    const _date = datesInMonth(date, year, month, lang).find((date2) => {
+      return !(disabledDate == null ? void 0 : disabledDate(date2));
     });
     if (_date) {
       return dayjs(_date).locale(lang);
@@ -27211,12 +27240,12 @@
       return value.locale(lang);
     }
     const month = value.month();
-    if (!datesInMonth(year, month, lang).every(disabledDate)) {
-      return getValidDateOfMonth(year, month, lang, disabledDate);
+    if (!datesInMonth(value, year, month, lang).every(disabledDate)) {
+      return getValidDateOfMonth(value, year, month, lang, disabledDate);
     }
     for (let i = 0; i < 12; i++) {
-      if (!datesInMonth(year, i, lang).every(disabledDate)) {
-        return getValidDateOfMonth(year, i, lang, disabledDate);
+      if (!datesInMonth(value, year, i, lang).every(disabledDate)) {
+        return getValidDateOfMonth(value, year, i, lang, disabledDate);
       }
     }
     return value;
@@ -27773,7 +27802,7 @@
         const year = props.date.year();
         const today = /* @__PURE__ */ new Date();
         const month = cell.text;
-        style.disabled = props.disabledDate ? datesInMonth(year, month, lang.value).every(props.disabledDate) : false;
+        style.disabled = props.disabledDate ? datesInMonth(props.date, year, month, lang.value).every(props.disabledDate) : false;
         style.current = castArray(props.parsedValue).findIndex((date) => dayjs.isDayjs(date) && date.year() === year && date.month() === month) >= 0;
         style.today = today.getFullYear() === year && today.getMonth() === month;
         if (cell.inRange) {
@@ -27834,7 +27863,7 @@
             emit("pick", castArray(props.parsedValue), false);
             return;
           }
-          const newMonth = getValidDateOfMonth(props.date.year(), month, lang.value, props.disabledDate);
+          const newMonth = getValidDateOfMonth(props.date, props.date.year(), month, lang.value, props.disabledDate);
           const newValue = hasClass(target, "current") ? castArray(props.parsedValue).filter((d) => (d == null ? void 0 : d.year()) !== newMonth.year() || (d == null ? void 0 : d.month()) !== newMonth.month()) : castArray(props.parsedValue).concat([dayjs(newMonth)]);
           emit("pick", newValue);
         } else if (props.selectionMode === "range") {
@@ -28241,12 +28270,12 @@
       const hasShortcuts = vue.computed(() => !!shortcuts.length);
       const handleMonthPick = async (month2, keepOpen) => {
         if (selectionMode.value === "month") {
-          innerDate.value = getValidDateOfMonth(innerDate.value.year(), month2, lang.value, disabledDate);
+          innerDate.value = getValidDateOfMonth(innerDate.value, innerDate.value.year(), month2, lang.value, disabledDate);
           emit(innerDate.value, false);
         } else if (selectionMode.value === "months") {
           emit(month2, keepOpen != null ? keepOpen : true);
         } else {
-          innerDate.value = getValidDateOfMonth(innerDate.value.year(), month2, lang.value, disabledDate);
+          innerDate.value = getValidDateOfMonth(innerDate.value, innerDate.value.year(), month2, lang.value, disabledDate);
           currentView.value = "date";
           if (["month", "year", "date", "week"].includes(selectionMode.value)) {
             emit(innerDate.value, true);
@@ -28964,7 +28993,7 @@
         startDate.value = getValidDateOfYear(data, lang.value, disabledDate);
       }
       if (mode === "month") {
-        startDate.value = getValidDateOfMonth(startDate.value.year(), value, lang.value, disabledDate);
+        startDate.value = getValidDateOfMonth(startDate.value, startDate.value.year(), value, lang.value, disabledDate);
       }
       if (!props.unlinkPanels) {
         endDate.value = pickerType === "left" ? startDate.value.add(1, "month") : startDate.value.subtract(1, "month");
@@ -33379,20 +33408,20 @@
                         class: vue.normalizeClass(vue.unref(ns).e("canvas"))
                       }, [
                         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.urlList, (url, i) => {
-                          return vue.withDirectives((vue.openBlock(), vue.createElementBlock("img", {
-                            ref_for: true,
-                            ref: (el) => imgRefs.value[i] = el,
-                            key: url,
-                            src: url,
-                            style: vue.normalizeStyle(vue.unref(imgStyle)),
-                            class: vue.normalizeClass(vue.unref(ns).e("img")),
-                            crossorigin: _ctx.crossorigin,
-                            onLoad: handleImgLoad,
-                            onError: handleImgError,
-                            onMousedown: handleMouseDown
-                          }, null, 46, ["src", "crossorigin"])), [
-                            [vue.vShow, i === activeIndex.value]
-                          ]);
+                          return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: i }, [
+                            i === activeIndex.value ? (vue.openBlock(), vue.createElementBlock("img", {
+                              key: 0,
+                              ref_for: true,
+                              ref: (el) => imgRefs.value[i] = el,
+                              src: url,
+                              style: vue.normalizeStyle(vue.unref(imgStyle)),
+                              class: vue.normalizeClass(vue.unref(ns).e("img")),
+                              crossorigin: _ctx.crossorigin,
+                              onLoad: handleImgLoad,
+                              onError: handleImgError,
+                              onMousedown: handleMouseDown
+                            }, null, 46, ["src", "crossorigin"])) : vue.createCommentVNode("v-if", true)
+                          ], 64);
                         }), 128))
                       ], 2),
                       vue.renderSlot(_ctx.$slots, "default")
@@ -45291,23 +45320,18 @@
       }, childrenColumnName.value, lazyColumnIdentifier.value);
       return res;
     };
-    let isInitTree = true;
-    let hasUpdateExpandRowKeys = false;
-    const updateTreeData = (ifChangeExpandRowKeys = false) => {
-      var _a, _b;
+    const updateTreeData = (ifChangeExpandRowKeys = false, ifExpandAll = ((_a) => (_a = instance.store) == null ? void 0 : _a.states.defaultExpandAll.value)()) => {
+      var _a2;
       const nested = normalizedData.value;
       const normalizedLazyNode_ = normalizedLazyNode.value;
       const keys = Object.keys(nested);
       const newTreeData = {};
-      const ifExpandAll = ((_a = instance.store) == null ? void 0 : _a.states.defaultExpandAll.value) && isInitTree;
-      isInitTree = false;
       if (keys.length) {
         const oldTreeData = vue.unref(treeData);
         const rootLazyRowKeys = [];
         const getExpanded = (oldValue, key) => {
           if (ifChangeExpandRowKeys) {
-            if (expandRowKeys.value.length || hasUpdateExpandRowKeys) {
-              hasUpdateExpandRowKeys = false;
+            if (expandRowKeys.value) {
               return ifExpandAll || expandRowKeys.value.includes(key);
             } else {
               return !!(ifExpandAll || (oldValue == null ? void 0 : oldValue.expanded));
@@ -45354,14 +45378,12 @@
         }
       }
       treeData.value = newTreeData;
-      (_b = instance.store) == null ? void 0 : _b.updateTableScrollY();
+      (_a2 = instance.store) == null ? void 0 : _a2.updateTableScrollY();
     };
     vue.watch(() => expandRowKeys.value, () => {
-      hasUpdateExpandRowKeys = true;
       updateTreeData(true);
     });
     vue.watch(() => normalizedData.value, () => {
-      isInitTree = true;
       updateTreeData();
     });
     vue.watch(() => normalizedLazyNode.value, () => {