feat(shared): useSelection 支持批量切换选中数据

Author: l246804

src/shared/use-selection/index.ts

@@ -1,4 +1,5 @@
 import type { ComputedRef, MaybeRefOrGetter } from 'vue'
+import { isFunction } from '@antfu/utils'
 import { computed, shallowReactive, toValue } from 'vue'
 
 export interface UseSelectionOptions<T = any, K = any> {
@@ -56,6 +57,17 @@ export interface UseSelectionReturn<T = any, K = any> {
     selected?: boolean,
     ignoreSelectable?: boolean,
   ) => void
+  /**
+   * 批量切换选中项
+   * @param data 数据列表
+   * @param selected 是否选中
+   * @param ignoreSelectable 是否忽略 selectable 选项
+   */
+  batchToggleSelection: (
+    data: T[],
+    selected?: boolean,
+    ignoreSelectable?: boolean | ((data: T) => boolean | undefined),
+  ) => void
   /**
    * 清空选中项
    */
@@ -100,6 +112,15 @@ export function useSelection<T, K = any>({
         selection.delete(toKey(data))
       }
     },
+    batchToggleSelection(data, selected, ignoreSelectable) {
+      const ignoreSelectableFn = isFunction(ignoreSelectable)
+        ? ignoreSelectable
+        : () => ignoreSelectable
+
+      data.forEach((item) => {
+        returned.toggleSelection(item, selected, ignoreSelectableFn(item))
+      })
+    },
     clearSelection() {
       selection.clear()
     },