@indielayer/ui 1.9.1 → 1.9.3

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.9.1";
+declare const _default: "1.9.3";
 export default _default;

package/lib/version.js

@@ -1,4 +1,4 @@
-const e = "1.9.1";
+const e = "1.9.3";
 export {
   e as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@indielayer/ui",
-  "version": "1.9.1",
+  "version": "1.9.3",
   "description": "Indielayer UI Components with Tailwind CSS build for Vue 3",
   "author": {
     "name": "João Teixeira",

package/src/components/table/Table.vue

@@ -43,6 +43,7 @@ const tableProps = {
     type: Number,
     default: 5,
   },
+  keyProp: String,
 }
 
 export type TableHeader = {
@@ -65,7 +66,7 @@ export default { name: 'XTable' }
 </script>
 
 <script setup lang="ts" generic="T">
-import { ref, type ExtractPublicPropTypes, type PropType, watch, computed, type MaybeRef } from 'vue'
+import { ref, type ExtractPublicPropTypes, type PropType, watch, computed } from 'vue'
 import { useTheme, type ThemeComponent } from '../../composables/useTheme'
 import { useVirtualList } from '../../composables/useVirtualList'
 
@@ -90,9 +91,8 @@ const props = defineProps({
   },
 })
 
-const selectedIndex = defineModel<number | number[]>('selected')
-
-const hasSelectedIndex = computed(() => typeof selectedIndex.value === 'number')
+const selected = defineModel<number | string>('selected')
+const hasSelected = computed(() => typeof selected.value !== 'undefined')
 
 type internalT = T & {
   __expanded?: boolean;
@@ -257,11 +257,11 @@ const { styles, classes, className } = useTheme('Table', {}, props)
               </td>
             </tr>
           </template>
-          <template v-for="(item, index) in list" v-else :key="index">
+          <template v-for="(item, index) in list" v-else :key="keyProp ?? index">
             <x-table-row
               :pointer="pointer"
               :striped="striped"
-              :selected="hasSelectedIndex ? selectedIndex === item.index : undefined"
+              :selected="hasSelected ? selected === (keyProp ? (item.data as Record<string, unknown>)[keyProp] : item.index) : undefined"
               @click="$emit('click-row', item.data, item.index)"
             >
               <x-table-cell v-if="expandable" width="48" class="!p-1">

package/src/version.ts

@@ -1 +1 @@
-export default '1.9.1'
+export default '1.9.3'