@element-plus/nightly 0.0.20250311 → 0.0.20250313

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20250311 */
+/*! Element Plus v0.0.20250313 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11598,7 +11598,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20250311";
+  const version$1 = "0.0.20250313";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -11714,14 +11714,15 @@
           fixed.value = windowHeight.value - offset < rootBottom.value;
         }
       };
-      const handleScroll = () => {
+      const handleScroll = async () => {
         updateRoot();
+        await vue.nextTick();
         emit("scroll", {
           scrollTop: scrollTop.value,
           fixed: fixed.value
         });
       };
-      vue.watch(fixed, (val) => emit("change", val));
+      vue.watch(fixed, (val) => emit(CHANGE_EVENT, val));
       vue.onMounted(() => {
         var _a;
         if (props.target) {
@@ -14043,7 +14044,7 @@
           return;
         }
         emit(UPDATE_MODEL_EVENT, value);
-        emit("input", value);
+        emit(INPUT_EVENT, value);
         await vue.nextTick();
         setNativeInputValue();
         setCursor();
@@ -14053,7 +14054,7 @@
         if (props.formatter && props.parser) {
           value = props.parser(value);
         }
-        emit("change", value);
+        emit(CHANGE_EVENT, value);
       };
       const {
         isComposing,
@@ -14091,9 +14092,9 @@
       };
       const clear = () => {
         emit(UPDATE_MODEL_EVENT, "");
-        emit("change", "");
+        emit(CHANGE_EVENT, "");
         emit("clear");
-        emit("input", "");
+        emit(INPUT_EVENT, "");
       };
       vue.watch(() => props.modelValue, () => {
         var _a;
@@ -19147,8 +19148,8 @@
     ...__default__$1x,
     props: timePickerDefaultProps,
     emits: [
-      "update:modelValue",
-      "change",
+      UPDATE_MODEL_EVENT,
+      CHANGE_EVENT,
       "focus",
       "blur",
       "clear",
@@ -19222,7 +19223,7 @@
       });
       const emitChange = (val, isClear) => {
         if (isClear || !valueEquals(val, valueOnOpen.value)) {
-          emit("change", val);
+          emit(CHANGE_EVENT, val);
           isClear && (valueOnOpen.value = val);
           props.validateEvent && (formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn()));
         }
@@ -19235,7 +19236,7 @@
           } else if (input) {
             formatted = formatter(input, props.valueFormat, lang.value);
           }
-          emit("update:modelValue", input ? formatted : input, lang.value);
+          emit(UPDATE_MODEL_EVENT, input ? formatted : input, lang.value);
         }
       };
       const emitKeydown = (e) => {
@@ -20056,7 +20057,7 @@
   const _sfc_main$25 = /* @__PURE__ */ vue.defineComponent({
     __name: "basic-time-spinner",
     props: basicTimeSpinnerProps,
-    emits: ["change", "select-range", "set-option"],
+    emits: [CHANGE_EVENT, "select-range", "set-option"],
     setup(__props, { emit }) {
       const props = __props;
       const pickerBase = vue.inject("EP_PICKER_BASE");
@@ -20201,7 +20202,7 @@
             changeTo = props.spinnerDate.hour(hours).minute(minutes).second(value);
             break;
         }
-        emit("change", changeTo);
+        emit(CHANGE_EVENT, changeTo);
       };
       const handleClick = (type, { value, disabled }) => {
         if (!disabled) {
@@ -20793,11 +20794,11 @@
         default: false
       }
     },
-    emits: ["update:modelValue"],
+    emits: [UPDATE_MODEL_EVENT],
     setup(props, ctx) {
       const commonPicker = vue.ref();
       const [type, Panel] = props.isRange ? ["timerange", TimeRangePanel] : ["time", TimePickPanel];
-      const modelUpdater = (value) => ctx.emit("update:modelValue", value);
+      const modelUpdater = (value) => ctx.emit(UPDATE_MODEL_EVENT, value);
       vue.provide("ElPopperOptions", props.popperOptions);
       ctx.expose({
         focus: () => {
@@ -21703,7 +21704,7 @@
         prev2 = prev2 % 2;
       }
       if (prev2 > -1) {
-        emit("change", current, prev2);
+        emit(CHANGE_EVENT, current, prev2);
       }
     });
     vue.watch(() => props.autoplay, (autoplay) => {
@@ -22248,13 +22249,13 @@
       return [true, props.trueValue, props.trueLabel].includes(value) ? (_b = (_a = props.trueValue) != null ? _a : props.trueLabel) != null ? _b : true : (_d = (_c = props.falseValue) != null ? _c : props.falseLabel) != null ? _d : false;
     }
     function emitChangeEvent(checked, e) {
-      emit("change", getLabeledValue(checked), e);
+      emit(CHANGE_EVENT, getLabeledValue(checked), e);
     }
     function handleChange(e) {
       if (isLimitExceeded.value)
         return;
       const target = e.target;
-      emit("change", getLabeledValue(target.checked), e);
+      emit(CHANGE_EVENT, getLabeledValue(target.checked), e);
     }
     async function onClickRoot(e) {
       if (isLimitExceeded.value)
@@ -22682,7 +22683,7 @@
       const changeEvent = async (value) => {
         emit(UPDATE_MODEL_EVENT, value);
         await vue.nextTick();
-        emit("change", value);
+        emit(CHANGE_EVENT, value);
       };
       const modelValue = vue.computed({
         get() {
@@ -22828,7 +22829,7 @@
       const ns = useNamespace("radio");
       const { radioRef, radioGroup, focus, size, disabled, modelValue, actualValue } = useRadio(props, emit);
       function handleChange() {
-        vue.nextTick(() => emit("change", modelValue.value));
+        vue.nextTick(() => emit(CHANGE_EVENT, modelValue.value));
       }
       return (_ctx, _cache) => {
         var _a;
@@ -23000,7 +23001,7 @@
       });
       const changeEvent = (value) => {
         emit(UPDATE_MODEL_EVENT, value);
-        vue.nextTick(() => emit("change", value));
+        vue.nextTick(() => emit(CHANGE_EVENT, value));
       };
       vue.onMounted(() => {
         const radios = radioGroupRef.value.querySelectorAll("[type=radio]");
@@ -26271,7 +26272,7 @@
       function confirmValue() {
         const value = color.value;
         emit(UPDATE_MODEL_EVENT, value);
-        emit("change", value);
+        emit(CHANGE_EVENT, value);
         if (props.validateEvent) {
           formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn());
         }
@@ -26290,7 +26291,7 @@
       function clear() {
         debounceSetShowPicker(false);
         emit(UPDATE_MODEL_EVENT, null);
-        emit("change", null);
+        emit(CHANGE_EVENT, null);
         if (props.modelValue !== null && props.validateEvent) {
           formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn());
         }
@@ -30044,7 +30045,7 @@
     name: "ElDatePicker",
     install: null,
     props: datePickerProps,
-    emits: ["update:modelValue"],
+    emits: [UPDATE_MODEL_EVENT],
     setup(props, {
       expose,
       emit,
@@ -30077,7 +30078,7 @@
       };
       expose(refProps);
       const onModelValueUpdated = (val) => {
-        emit("update:modelValue", val);
+        emit(UPDATE_MODEL_EVENT, val);
       };
       return () => {
         var _a;
@@ -37170,7 +37171,7 @@
   const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
     ...__default__$K,
     props: paginationPagerProps,
-    emits: ["change"],
+    emits: [CHANGE_EVENT],
     setup(__props, { emit }) {
       const props = __props;
       const nsPager = useNamespace("pager");
@@ -37266,7 +37267,7 @@
         if (target.tagName.toLowerCase() === "li" && Array.from(target.classList).includes("number")) {
           const newPage = Number(target.textContent);
           if (newPage !== props.currentPage) {
-            emit("change", newPage);
+            emit(CHANGE_EVENT, newPage);
           }
         } else if (target.tagName.toLowerCase() === "li" && Array.from(target.classList).includes("more")) {
           onPagerClick(e);
@@ -37297,7 +37298,7 @@
           }
         }
         if (newPage !== currentPage) {
-          emit("change", newPage);
+          emit(CHANGE_EVENT, newPage);
         }
       }
       return (_ctx, _cache) => {
@@ -37523,7 +37524,7 @@
           currentPageBridge.value = val;
       });
       vue.watch([currentPageBridge, pageSizeBridge], (value) => {
-        emit("change", ...value);
+        emit(CHANGE_EVENT, ...value);
       }, { flush: "post" });
       function handleCurrentChange(val) {
         currentPageBridge.value = val;
@@ -38415,7 +38416,7 @@
         }
         emit(UPDATE_MODEL_EVENT, value);
         if (props.modelValue !== value) {
-          emit("change", value);
+          emit(CHANGE_EVENT, value);
         }
       }
       function selectValue(value) {
@@ -38454,7 +38455,7 @@
         _currentValue = _currentValue < 0 ? 0 : _currentValue;
         _currentValue = _currentValue > props.max ? props.max : _currentValue;
         emit(UPDATE_MODEL_EVENT, _currentValue);
-        emit("change", _currentValue);
+        emit(CHANGE_EVENT, _currentValue);
         return _currentValue;
       }
       function setCurrentValue(value, event) {
@@ -43562,7 +43563,7 @@
         const timestamp = getTime(props.value);
         const frameFunc = () => {
           let diff = timestamp - Date.now();
-          emit("change", diff);
+          emit(CHANGE_EVENT, diff);
           if (diff <= 0) {
             diff = 0;
             stopTimer();
@@ -46963,9 +46964,7 @@
         rowClasses.push(ns.em("row", `level-${treeRowData.level}`));
         display = treeRowData.display;
       }
-      const displayStyle = display ? null : {
-        display: "none"
-      };
+      const displayStyle = display ? null : { display: "none" };
       return vue.h("tr", {
         style: [displayStyle, getRowStyle(row, $index)],
         class: rowClasses,
@@ -47037,27 +47036,23 @@
         const expanded = isRowExpanded(row);
         const tr = rowRender(row, $index, void 0, expanded);
         const renderExpanded = parent.renderExpanded;
-        if (expanded) {
-          if (!renderExpanded) {
-            console.error("[Element Error]renderExpanded is required.");
-            return tr;
-          }
-          return [
-            [
-              tr,
-              vue.h("tr", {
-                key: `expanded-row__${tr.key}`
-              }, [
-                vue.h("td", {
-                  colspan: columns.length,
-                  class: `${ns.e("cell")} ${ns.e("expanded-cell")}`
-                }, [renderExpanded({ row, $index, store, expanded })])
-              ])
-            ]
-          ];
-        } else {
-          return [[tr]];
+        if (!renderExpanded) {
+          console.error("[Element Error]renderExpanded is required.");
+          return tr;
+        }
+        const rows = [[tr]];
+        if (parent.props.preserveExpandedContent || expanded) {
+          rows[0].push(vue.h("tr", {
+            key: `expanded-row__${tr.key}`,
+            style: { display: expanded ? "" : "none" }
+          }, [
+            vue.h("td", {
+              colspan: columns.length,
+              class: `${ns.e("cell")} ${ns.e("expanded-cell")}`
+            }, [renderExpanded({ row, $index, store, expanded })])
+          ]));
         }
+        return rows;
       } else if (Object.keys(treeData.value).length) {
         assertRowKey();
         const key = getRowIdentity(row, rowKey.value);
@@ -47823,6 +47818,10 @@
     allowDragLastColumn: {
       type: Boolean,
       default: true
+    },
+    preserveExpandedContent: {
+      type: Boolean,
+      default: false
     }
   };
 
@@ -57917,7 +57916,7 @@
       });
       const onEscClose = () => {
         if (props.closeOnPressEscape) {
-          emit("update:modelValue", false);
+          emit(UPDATE_MODEL_EVENT, false);
           emit("close", current.value);
         }
       };
@@ -57935,7 +57934,7 @@
         ns,
         slots,
         updateModelValue(modelValue) {
-          emit("update:modelValue", modelValue);
+          emit(UPDATE_MODEL_EVENT, modelValue);
         },
         onClose() {
           emit("close", current.value);
@@ -57944,7 +57943,7 @@
           emit("finish");
         },
         onChange() {
-          emit("change", current.value);
+          emit(CHANGE_EVENT, current.value);
         }
       });
       return (_ctx, _cache) => {
@@ -58281,7 +58280,7 @@
         const activeHref = currentAnchor.value;
         if (activeHref !== href) {
           currentAnchor.value = href;
-          emit("change", href);
+          emit(CHANGE_EVENT, href);
         }
       };
       let clearAnimate = null;
@@ -59126,7 +59125,7 @@
         return `${contentId.value}-${(_a = dropdownRef.value) == null ? void 0 : _a.hoveringIndex}`;
       });
       const handleInputChange = (value) => {
-        emit("update:modelValue", value);
+        emit(UPDATE_MODEL_EVENT, value);
         syncAfterCursorMove();
       };
       const handleInputKeyDown = (event) => {