@element-plus/nightly 0.0.20240804 → 0.0.20240805

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20240804 */
+/*! Element Plus v0.0.20240805 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -9525,12 +9525,12 @@
     if (throttle === 0)
       return loading;
     const throttled = vue.ref(false);
-    let timeoutHandle = 0;
+    let timeoutHandle = null;
     const dispatchThrottling = () => {
       if (timeoutHandle) {
         clearTimeout(timeoutHandle);
       }
-      timeoutHandle = window.setTimeout(() => {
+      timeoutHandle = setTimeout(() => {
         throttled.value = loading.value;
       }, throttle);
     };
@@ -11536,7 +11536,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20240804";
+  const version$1 = "0.0.20240805";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -30270,8 +30270,8 @@
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.unref(ElTeleport$1), {
-          to: "body",
-          disabled: !_ctx.appendToBody
+          to: _ctx.appendTo,
+          disabled: _ctx.appendTo !== "body" ? false : !_ctx.appendToBody
         }, {
           default: vue.withCtx(() => [
             vue.createVNode(vue.Transition, {
@@ -30384,7 +30384,7 @@
             }, 8, ["name", "onAfterEnter", "onAfterLeave", "onBeforeLeave"])
           ]),
           _: 3
-        }, 8, ["disabled"]);
+        }, 8, ["to", "disabled"]);
       };
     }
   });
@@ -42758,10 +42758,12 @@
     }
     return funcs.reduce((a, b) => (...args) => a(b(...args)));
   }
-  function toggleRowStatus(statusArr, row, newVal) {
+  function toggleRowStatus(statusArr, row, newVal, tableTreeProps, selectable, rowIndex) {
+    let _rowIndex = rowIndex != null ? rowIndex : 0;
     let changed = false;
     const index = statusArr.indexOf(row);
     const included = index !== -1;
+    const isRowSelectable = selectable == null ? void 0 : selectable.call(null, row, rowIndex);
     const toggleStatus = (type) => {
       if (type === "add") {
         statusArr.push(row);
@@ -42769,20 +42771,34 @@
         statusArr.splice(index, 1);
       }
       changed = true;
-      if (isArray$1(row.children)) {
-        row.children.forEach((item) => {
-          toggleRowStatus(statusArr, item, newVal != null ? newVal : !included);
+    };
+    const getChildrenCount = (row2) => {
+      let count = 0;
+      const children = (tableTreeProps == null ? void 0 : tableTreeProps.children) && row2[tableTreeProps.children];
+      if (children && isArray$1(children)) {
+        count += children.length;
+        children.forEach((item) => {
+          count += getChildrenCount(item);
         });
       }
+      return count;
     };
-    if (isBoolean(newVal)) {
-      if (newVal && !included) {
-        toggleStatus("add");
-      } else if (!newVal && included) {
-        toggleStatus("remove");
+    if (!selectable || isRowSelectable) {
+      if (isBoolean(newVal)) {
+        if (newVal && !included) {
+          toggleStatus("add");
+        } else if (!newVal && included) {
+          toggleStatus("remove");
+        }
+      } else {
+        included ? toggleStatus("remove") : toggleStatus("add");
       }
-    } else {
-      included ? toggleStatus("remove") : toggleStatus("add");
+    }
+    if (!(tableTreeProps == null ? void 0 : tableTreeProps.checkStrictly) && (tableTreeProps == null ? void 0 : tableTreeProps.children) && isArray$1(row[tableTreeProps.children])) {
+      row[tableTreeProps.children].forEach((item) => {
+        toggleRowStatus(statusArr, item, newVal != null ? newVal : !included, tableTreeProps, selectable, _rowIndex + 1);
+        _rowIndex += getChildrenCount(item) + 1;
+      });
     }
     return changed;
   }
@@ -43078,6 +43094,7 @@
     const lazyTreeNodeMap = vue.ref({});
     const lazyColumnIdentifier = vue.ref("hasChildren");
     const childrenColumnName = vue.ref("children");
+    const checkStrictly = vue.ref(false);
     const instance = vue.getCurrentInstance();
     const normalizedData = vue.computed(() => {
       if (!watcherData.rowKey.value)
@@ -43257,7 +43274,8 @@
         lazy,
         lazyTreeNodeMap,
         lazyColumnIdentifier,
-        childrenColumnName
+        childrenColumnName,
+        checkStrictly
       }
     };
   }
@@ -43391,7 +43409,12 @@
       return (selection.value || []).slice();
     };
     const toggleRowSelection = (row, selected, emitChange = true) => {
-      const changed = toggleRowStatus(selection.value, row, selected);
+      var _a2, _b, _c, _d;
+      const treeProps = {
+        children: (_b = (_a2 = instance == null ? void 0 : instance.store) == null ? void 0 : _a2.states) == null ? void 0 : _b.childrenColumnName.value,
+        checkStrictly: (_d = (_c = instance == null ? void 0 : instance.store) == null ? void 0 : _c.states) == null ? void 0 : _d.checkStrictly.value
+      };
+      const changed = toggleRowStatus(selection.value, row, selected, treeProps, selectable.value);
       if (changed) {
         const newSelection = (selection.value || []).slice();
         if (emitChange) {
@@ -43407,16 +43430,15 @@
       let selectionChanged = false;
       let childrenCount = 0;
       const rowKey2 = (_b = (_a2 = instance == null ? void 0 : instance.store) == null ? void 0 : _a2.states) == null ? void 0 : _b.rowKey.value;
+      const { childrenColumnName } = instance.store.states;
+      const treeProps = {
+        children: childrenColumnName.value,
+        checkStrictly: false
+      };
       data.value.forEach((row, index) => {
         const rowIndex = index + childrenCount;
-        if (selectable.value) {
-          if (selectable.value.call(null, row, rowIndex) && toggleRowStatus(selection.value, row, value)) {
-            selectionChanged = true;
-          }
-        } else {
-          if (toggleRowStatus(selection.value, row, value)) {
-            selectionChanged = true;
-          }
+        if (toggleRowStatus(selection.value, row, value, treeProps, selectable.value, rowIndex)) {
+          selectionChanged = true;
         }
         childrenCount += getChildrenCount(getRowIdentity(row, rowKey2));
       });
@@ -43436,43 +43458,42 @@
       });
     };
     const updateAllSelected = () => {
-      var _a2, _b, _c;
+      var _a2;
       if (((_a2 = data.value) == null ? void 0 : _a2.length) === 0) {
         isAllSelected.value = false;
         return;
       }
-      let selectedMap;
-      if (rowKey.value) {
-        selectedMap = getKeysMap(selection.value, rowKey.value);
-      }
-      const isSelected2 = function(row) {
+      const { childrenColumnName } = instance.store.states;
+      const selectedMap = rowKey.value ? getKeysMap(selection.value, rowKey.value) : void 0;
+      let rowIndex = 0;
+      let selectedCount = 0;
+      const isSelected2 = (row) => {
         if (selectedMap) {
           return !!selectedMap[getRowIdentity(row, rowKey.value)];
         } else {
           return selection.value.includes(row);
         }
       };
-      let isAllSelected_ = true;
-      let selectedCount = 0;
-      let childrenCount = 0;
-      for (let i = 0, j = (data.value || []).length; i < j; i++) {
-        const keyProp = (_c = (_b = instance == null ? void 0 : instance.store) == null ? void 0 : _b.states) == null ? void 0 : _c.rowKey.value;
-        const rowIndex = i + childrenCount;
-        const item = data.value[i];
-        const isRowSelectable = selectable.value && selectable.value.call(null, item, rowIndex);
-        if (!isSelected2(item)) {
-          if (!selectable.value || isRowSelectable) {
-            isAllSelected_ = false;
-            break;
+      const checkSelectedStatus = (data2) => {
+        var _a3;
+        for (const row of data2) {
+          const isRowSelectable = selectable.value && selectable.value.call(null, row, rowIndex);
+          if (!isSelected2(row)) {
+            if (!selectable.value || isRowSelectable) {
+              return false;
+            }
+          } else {
+            selectedCount++;
+          }
+          rowIndex++;
+          if (((_a3 = row[childrenColumnName.value]) == null ? void 0 : _a3.length) && !checkSelectedStatus(row[childrenColumnName.value])) {
+            return false;
           }
-        } else {
-          selectedCount++;
         }
-        childrenCount += getChildrenCount(getRowIdentity(item, keyProp));
-      }
-      if (selectedCount === 0)
-        isAllSelected_ = false;
-      isAllSelected.value = isAllSelected_;
+        return true;
+      };
+      const isAllSelected_ = checkSelectedStatus(data.value || []);
+      isAllSelected.value = selectedCount === 0 ? false : isAllSelected_;
     };
     const getChildrenCount = (rowKey2) => {
       var _a2;
@@ -43890,6 +43911,10 @@
     ["treeProps.children"]: {
       key: "childrenColumnName",
       default: "children"
+    },
+    ["treeProps.checkStrictly"]: {
+      key: "checkStrictly",
+      default: false
     }
   };
   function createStore(table, props) {
@@ -46042,7 +46067,8 @@
       default: () => {
         return {
           hasChildren: "hasChildren",
-          children: "children"
+          children: "children",
+          checkStrictly: false
         };
       }
     },
@@ -57613,7 +57639,7 @@
         return;
       afterLeaveFlag.value = true;
       clearTimeout(afterLeaveTimer);
-      afterLeaveTimer = window.setTimeout(handleAfterLeave, 400);
+      afterLeaveTimer = setTimeout(handleAfterLeave, 400);
       data.visible = false;
       (_a = options.closed) == null ? void 0 : _a.call(options);
     }