@element-plus/nightly 0.0.20250514 → 0.0.20250515

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20250514 */
+/*! Element Plus v0.0.20250515 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11549,7 +11549,7 @@
   }
 
   const emptyValuesContextKey = Symbol("emptyValuesContextKey");
-  const SCOPE$3 = "use-empty-values";
+  const SCOPE$4 = "use-empty-values";
   const DEFAULT_EMPTY_VALUES = ["", void 0, null];
   const DEFAULT_VALUE_ON_CLEAR = void 0;
   const useEmptyValuesProps = buildProps({
@@ -11722,7 +11722,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20250514";
+  const version$1 = "0.0.20250515";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -25110,11 +25110,14 @@
     accordion: Boolean,
     modelValue: {
       type: definePropType([Array, String, Number]),
-      default: () => void 0
+      default: () => mutable([])
     },
     expandIconPosition: {
       type: definePropType([String]),
       default: "right"
+    },
+    beforeCollapse: {
+      type: definePropType(Function)
     }
   });
   const collapseEmits = {
@@ -25124,24 +25127,20 @@
 
   const collapseContextKey = Symbol("collapseContextKey");
 
+  const SCOPE$3 = "ElCollapse";
   const useCollapse = (props, emit) => {
-    const activeNames = vue.ref([]);
-    const computedActiveNames = vue.computed(() => {
-      var _a;
-      const activeKeys = (_a = props.modelValue) != null ? _a : activeNames.value;
-      return castArray$1(activeKeys);
-    });
+    const activeNames = vue.ref(castArray$1(props.modelValue));
     const setActiveNames = (_activeNames) => {
       activeNames.value = _activeNames;
       const value = props.accordion ? activeNames.value[0] : activeNames.value;
       emit(UPDATE_MODEL_EVENT, value);
       emit(CHANGE_EVENT, value);
     };
-    const handleItemClick = (name) => {
+    const handleChange = (name) => {
       if (props.accordion) {
-        setActiveNames([computedActiveNames.value[0] === name ? "" : name]);
+        setActiveNames([activeNames.value[0] === name ? "" : name]);
       } else {
-        const _activeNames = [...computedActiveNames.value];
+        const _activeNames = [...activeNames.value];
         const index = _activeNames.indexOf(name);
         if (index > -1) {
           _activeNames.splice(index, 1);
@@ -25151,12 +25150,38 @@
         setActiveNames(_activeNames);
       }
     };
+    const handleItemClick = async (name) => {
+      const { beforeCollapse } = props;
+      if (!beforeCollapse) {
+        handleChange(name);
+        return;
+      }
+      const shouldChange = beforeCollapse(name);
+      const isPromiseOrBool = [
+        isPromise(shouldChange),
+        isBoolean(shouldChange)
+      ].includes(true);
+      if (!isPromiseOrBool) {
+        throwError(SCOPE$3, "beforeCollapse must return type `Promise<boolean>` or `boolean`");
+      }
+      if (isPromise(shouldChange)) {
+        shouldChange.then((result) => {
+          if (result !== false) {
+            handleChange(name);
+          }
+        }).catch((e) => {
+        });
+      } else if (shouldChange) {
+        handleChange(name);
+      }
+    };
+    vue.watch(() => props.modelValue, () => activeNames.value = castArray$1(props.modelValue), { deep: true });
     vue.provide(collapseContextKey, {
-      activeNames: computedActiveNames,
+      activeNames,
       handleItemClick
     });
     return {
-      activeNames: computedActiveNames,
+      activeNames,
       setActiveNames
     };
   };
@@ -52106,7 +52131,7 @@
       ]);
       const inheritTitle = vue.useAttrs().title;
       const bindTitle = () => {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f, _g;
         if (inheritTitle)
           return;
         let shouldAddTitle = false;
@@ -52125,9 +52150,9 @@
           }
         }
         if (shouldAddTitle) {
-          textRef.value.setAttribute("title", text);
+          (_f = textRef.value) == null ? void 0 : _f.setAttribute("title", text);
         } else {
-          textRef.value.removeAttribute("title");
+          (_g = textRef.value) == null ? void 0 : _g.removeAttribute("title");
         }
       };
       vue.onMounted(bindTitle);
@@ -56049,16 +56074,6 @@
     const currentKey = vue.ref();
     const tree = vue.shallowRef();
     const listRef = vue.ref();
-    vue.watch(() => props.currentNodeKey, (key) => {
-      currentKey.value = key;
-    }, {
-      immediate: true
-    });
-    vue.watch(() => props.data, (data) => {
-      setData(data);
-    }, {
-      immediate: true
-    });
     const {
       isIndeterminate,
       isChecked,
@@ -56259,7 +56274,7 @@
       currentKey.value = key;
     }
     function setData(data) {
-      vue.nextTick(() => tree.value = createTree(data));
+      tree.value = createTree(data);
     }
     function getNode(data) {
       var _a;
@@ -56276,6 +56291,16 @@
       var _a;
       (_a = listRef.value) == null ? void 0 : _a.scrollTo(offset);
     }
+    vue.watch(() => props.currentNodeKey, (key) => {
+      currentKey.value = key;
+    }, {
+      immediate: true
+    });
+    vue.watch(() => props.data, (data) => {
+      setData(data);
+    }, {
+      immediate: true
+    });
     return {
       tree,
       flattenTree,
@@ -61861,7 +61886,7 @@
   exports.ROOT_PICKER_INJECTION_KEY = ROOT_PICKER_INJECTION_KEY;
   exports.RowAlign = RowAlign;
   exports.RowJustify = RowJustify;
-  exports.SCOPE = SCOPE$3;
+  exports.SCOPE = SCOPE$4;
   exports.SIZE_INJECTION_KEY = SIZE_INJECTION_KEY;
   exports.SelectProps = SelectProps$1;
   exports.TOOLTIP_INJECTION_KEY = TOOLTIP_INJECTION_KEY;