add deselect-row 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.18",
+ "version": "1.5.20",
  "types": "./types/main.d.ts",
  "license": "MIT",
  "files": [

src/components/DataTable.vue

@@ -382,6 +382,7 @@ onMounted(() => {
 const emits = defineEmits([
  'clickRow',
  'selectRow',
+ 'deselectRow',
  'expandRow',
  'updateSort',
  'updateFilter',

src/hooks/useTotalItems.ts

@@ -151,6 +151,7 @@ export default function useTotalItems(
  } else {
  selectItemsComputed.value = selectItemsComputed.value.filter((selectedItem) => JSON.stringify(selectedItem)
  !== JSON.stringify(item));
+ emits('deselectRow', item);
  }
  };
 

src/modes/Client.vue

@@ -41,6 +41,7 @@
  :filter-options="filterOptions"
  click-event-type="double"
  @select-row="showItem"
+ @deselect-row="deselectRow"
  >
  <template #expand="item">
  <div style="padding: 15px">
@@ -210,6 +211,11 @@ const showItem = (item: ClickRowArgument) => {
  console.log(JSON.stringify(item));
 };
 
+const deselectRow = (item: ClickRowArgument) => {
+ console.log('deselectRow');
+ console.log(JSON.stringify(item));
+};
+
 const updateSort = (sortOption: UpdateSortArgument) => {
  console.log(sortOption);
 };

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' | 'expandRow' | 'updateSort' | 'update:itemsSelected' | 'update:serverOptions' | 'updateFilter'
+export type EmitsEventName = 'clickRow' | 'selectRow' | 'deselectRow' | 'expandRow' | 'updateSort' | 'update:itemsSelected' | 'update:serverOptions' | 'updateFilter'