Add selectAll event

Author: HC200ok

package.json

@@ -3,7 +3,7 @@
   "author": "HC200ok",
   "description": "A customizable and easy-to-use data table component made with Vue.js 3.x.",
   "private": false,
-  "version": "1.5.40",
+  "version": "1.5.41",
   "types": "./types/main.d.ts",
   "license": "MIT",
   "files": [

src/App.vue

@@ -1,7 +1,7 @@
 <template>
-  <!-- <ServerSideMode /> -->
+  <ServerSideMode />
   <br><br>
-  <ClientMode />
+  <!-- <ClientMode /> -->
   <br><br>
   <!-- <ExpandLoading/> -->
 </template>

src/components/DataTable.vue

@@ -410,6 +410,7 @@ const emits = defineEmits([
   'update:serverOptions',
   'updatePageItems',
   'updateTotalItems',
+  'selectAll'
 ]);
 
 const isMultipleSelectable = computed((): boolean => itemsSelected.value !== null);

src/hooks/useTotalItems.ts

@@ -137,6 +137,7 @@ export default function useTotalItems(
 
   const toggleSelectAll = (isChecked: boolean): void => {
     selectItemsComputed.value = isChecked ? totalItems.value : [];
+    if (isChecked) emits('selectAll');
   };
 
   const toggleSelectItem = (item: Item):void => {

src/modes/ServerSide.vue

@@ -26,6 +26,7 @@
       border-cell
       multi-sort
       @update-sort="updateSort"
+      @select-all="selectAll"
     >
       <template #expand="item">
         <div style="padding: 15px">
@@ -134,6 +135,10 @@ export default defineComponent({
 
     const loading = ref(false);
 
+    const selectAll = () => {
+      console.log("sssss")
+    }
+
     const loadFromServer = async () => {
       loading.value = true;
       const {
@@ -215,6 +220,7 @@ export default defineComponent({
       updatePage,
       bodyRowClassName,
       updateSort,
+      selectAll,
     };
   },
 

src/types/internal.d.ts

@@ -26,4 +26,4 @@ export type ClickEventType = 'single' | 'double'
 export type MultipleSelectStatus = 'allSelected' | 'noneSelected' | 'partSelected'
 
 // eslint-disable-next-line max-len
-export type EmitsEventName = 'clickRow' | 'selectRow' | 'deselectRow' | 'expandRow' | 'updateSort' | 'update:itemsSelected' | 'update:serverOptions' | 'updateFilter' | 'updatePageItems' | 'updateTotalItems'
+export type EmitsEventName = 'clickRow' | 'selectRow' | 'deselectRow' | 'expandRow' | 'updateSort' | 'update:itemsSelected' | 'update:serverOptions' | 'updateFilter' | 'updatePageItems' | 'updateTotalItems' | 'selectAll'