From d35c972b57246700a4353af744d908922f24e951 Mon Sep 17 00:00:00 2001
From: HC200ok <hanchao0408@gmail.com>
Date: Sun, 19 Mar 2023 21:42:23 +0900
Subject: [PATCH] fix item slot

---
 package.json                 |  2 +-
 src/components/DataTable.vue | 15 +++++++--------
 src/modes/Client.vue         |  4 ++--
 3 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/package.json b/package.json
index b78bbcb..6227aa2 100644
--- a/package.json
+++ b/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.39",
+  "version": "1.5.40",
   "types": "./types/main.d.ts",
   "license": "MIT",
   "files": [
diff --git a/src/components/DataTable.vue b/src/components/DataTable.vue
index 72b87ce..53c4e5b 100644
--- a/src/components/DataTable.vue
+++ b/src/components/DataTable.vue
@@ -145,14 +145,9 @@
                 // eslint-disable-next-line max-len
                 }, typeof bodyItemClassName === 'string' ? bodyItemClassName : bodyItemClassName(column, index + 1), `direction-${bodyTextDirection}`]"
                 @click="column === 'expand' ? updateExpandingItemIndexList(index + prevPageEndIndex, item, $event) : null"
-              >
-                <slot
-                  v-if="slots['item']"
-                  name="item"
-                  v-bind="{column, item}"
-                />
+              > 
                 <slot
-                  v-else-if="slots[`item-${column}`]"
+                  v-if="slots[`item-${column}`]"
                   :name="`item-${column}`"
                   v-bind="item"
                 />
@@ -161,7 +156,6 @@
                   :name="`item-${column.toLowerCase()}`"
                   v-bind="item"
                 />
-                
                 <template v-else-if="column === 'expand'">
                   <i
                     class="expand-icon"
@@ -174,6 +168,11 @@
                     @change="toggleSelectItem(item)"
                   />
                 </template>
+                <slot
+                  v-else-if="slots['item']"
+                  name="item"
+                  v-bind="{column, item}"
+                />
                 <template v-else>
                   {{ generateColumnContent(column, item) }}
                 </template>
diff --git a/src/modes/Client.vue b/src/modes/Client.vue
index 36b425d..86c5105 100644
--- a/src/modes/Client.vue
+++ b/src/modes/Client.vue
@@ -89,11 +89,11 @@
         </div>
       </template>
 
-      <template #item="{column, item}">
+      <!-- <template #item="{column, item}">
         <div style="padding: 15px">
           column: {{ column }} item: {{ item }}
         </div>
-      </template>
+      </template> -->
 
       <!-- <template #item-lastAttended="item">
         <div style="padding: 15px">