@element-plus/nightly 0.0.20260126 → 0.0.20260128

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20260126 */
+/*! Element Plus v0.0.20260128 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -12538,7 +12538,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20260126";
+  const version$1 = "0.0.20260128";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -55887,26 +55887,30 @@
     const instance = vue.getCurrentInstance();
     const defaultExpandAll = vue.ref(false);
     const expandRows = vue.ref([]);
+    const canRowExpand = (row, index) => {
+      var _a;
+      const expandableFn = instance.store.states.rowExpandable.value;
+      return (_a = expandableFn == null ? void 0 : expandableFn(row, index)) != null ? _a : true;
+    };
     const updateExpandRows = () => {
       const data = watcherData.data.value || [];
       const rowKey = watcherData.rowKey.value;
       if (defaultExpandAll.value) {
-        expandRows.value = data.slice();
+        expandRows.value = instance.store.states.rowExpandable.value ? data.filter(canRowExpand) : data.slice();
       } else if (rowKey) {
         const expandRowsMap = getKeysMap(expandRows.value, rowKey);
-        expandRows.value = data.reduce((prev, row) => {
+        expandRows.value = data.filter((row, index) => {
           const rowId = getRowIdentity(row, rowKey);
-          const rowInfo = expandRowsMap[rowId];
-          if (rowInfo) {
-            prev.push(row);
-          }
-          return prev;
-        }, []);
+          return !!expandRowsMap[rowId] && canRowExpand(row, index);
+        });
       } else {
         expandRows.value = [];
       }
     };
     const toggleRowExpansion = (row, expanded) => {
+      const dataArr = watcherData.data.value || [];
+      const rowIndex = dataArr.indexOf(row);
+      if (rowIndex > -1 && !canRowExpand(row, rowIndex)) return;
       const changed = toggleRowStatus(
         expandRows.value,
         row,
@@ -55927,7 +55931,7 @@
       const keysMap = getKeysMap(data, rowKey);
       expandRows.value = rowKeys.reduce((prev, cur) => {
         const info = keysMap[cur];
-        if (info) {
+        if (info && canRowExpand(info.row, info.index)) {
           prev.push(info.row);
         }
         return prev;
@@ -56291,6 +56295,7 @@
     const reserveSelection = vue.ref(false);
     const selectOnIndeterminate = vue.ref(false);
     const selectable = vue.ref(null);
+    const rowExpandable = vue.ref(null);
     const filters = vue.ref({});
     const filteredData = vue.ref(null);
     const sortingColumn = vue.ref(null);
@@ -56712,6 +56717,7 @@
         reserveSelection,
         selectOnIndeterminate,
         selectable,
+        rowExpandable,
         filters,
         filteredData,
         sortingColumn,
@@ -56922,6 +56928,7 @@
   const InitialStateMap = {
     rowKey: "rowKey",
     defaultExpandAll: "defaultExpandAll",
+    rowExpandable: "rowExpandable",
     selectOnIndeterminate: "selectOnIndeterminate",
     indent: "indent",
     lazy: "lazy",
@@ -59561,6 +59568,12 @@
      * @description whether expand all rows by default, works when the table has a column type="expand" or contains tree structure data
      */
     defaultExpandAll: Boolean,
+    /**
+     * @description enable expandable rows, works when the table has a column type="expand"
+     */
+    rowExpandable: {
+      type: Function
+    },
     /**
      * @description set the default sort column and order. property `prop` is used to set default sort column, property `order` is used to set default sort order
      */
@@ -60300,8 +60313,10 @@
         column,
         row,
         store,
-        expanded
+        expanded,
+        $index
       }) {
+        var _a, _b, _c;
         const { ns } = store;
         const classes = [ns.e("expand-icon")];
         if (!column.renderExpand && expanded) {
@@ -60311,10 +60326,15 @@
           e.stopPropagation();
           store.toggleRowExpansion(row);
         };
+        const isRowExpandable = (_c = (_b = (_a = store.states.rowExpandable).value) == null ? void 0 : _b.call(_a, row, $index)) != null ? _c : true;
+        if (!isRowExpandable) {
+          classes.push(ns.is("disabled"));
+        }
         return vue.h(
           "button",
           {
             type: "button",
+            disabled: !isRowExpandable,
             "aria-label": store.t(
               expanded ? "el.table.collapseRowLabel" : "el.table.expandRowLabel"
             ),
@@ -60327,7 +60347,8 @@
               if (column.renderExpand) {
                 return [
                   column.renderExpand({
-                    expanded
+                    expanded,
+                    expandable: isRowExpandable
                   })
                 ];
               }
@@ -73653,7 +73674,6 @@
         }
       );
       const _panel = vue.reactive({
-        el: panelEl.value,
         uid,
         getVnode: () => instance.vnode,
         setIndex,