@polymarbot/nuxt-layer-shadcn-ui 0.3.3 → 0.3.5

package/app/components/ui/AsyncDataTable/index.vue

@@ -29,7 +29,7 @@ const props = withDefaults(defineProps<AsyncDataTableProps<TData>>(), {
 const emit = defineEmits<{
   'update:filters': [filters: Record<string, any>]
   'update:selection': [value: TData[]]
-  'rowClick': [row: TData, event: MouseEvent]
+  'rowClick': [row: TData, index: number, event: MouseEvent]
 }>()
 
 const T = useTranslations('components.ui.AsyncDataTable')
@@ -264,7 +264,7 @@ onMounted(() => {
       @update:selection="onSelectionChange"
       @update:sortBy="onSortByUpdate"
       @update:sortOrder="onSortOrderUpdate"
-      @rowClick="(row: TData, event: MouseEvent) => emit('rowClick', row, event)"
+      @rowClick="(row: TData, index: number, event: MouseEvent) => emit('rowClick', row, index, event)"
     >
       <template
         v-for="name in Object.keys($slots).filter(n => n !== 'toolbar')"

package/app/components/ui/DataTable/index.vue

@@ -31,7 +31,7 @@ const props = withDefaults(defineProps<DataTableProps<TData>>(), {
 const emit = defineEmits<{
   'update:sortBy': [value: string | null]
   'update:sortOrder': [value: number | null]
-  'rowClick': [row: TData, event: MouseEvent]
+  'rowClick': [row: TData, index: number, event: MouseEvent]
 }>()
 
 const selection = defineModel<TData | TData[] | null>('selection', { default: null })
@@ -93,8 +93,8 @@ function toggleRow (row: TData) {
   }
 }
 
-function onRowClick (row: TData, event: MouseEvent) {
-  emit('rowClick', row, event)
+function onRowClick (row: TData, index: number, event: MouseEvent) {
+  emit('rowClick', row, index, event)
   if (showSelectionColumn.value) toggleRow(row)
 }
 
@@ -358,7 +358,7 @@ const selectionColumnShadowDir = computed<FrozenShadow | undefined>(() =>
             :key="index"
             :class="(showSelectionColumn || clickable) && 'cursor-pointer'"
             :data-state="isRowSelected(row) ? 'selected' : undefined"
-            @click="onRowClick(row, $event)"
+            @click="onRowClick(row, index, $event)"
           >
             <!-- Selection cell: stop click to prevent double toggle with row click -->
             <TableCell

package/app/components/ui/Drawer/index.vue

@@ -65,7 +65,7 @@ function onCancel () {
 }
 
 const contentClass = computed(() =>
-  cn('gap-0 p-0 flex flex-col', props.class),
+  cn('bg-popover gap-0 p-0 flex flex-col', props.class),
 )
 </script>
 

package/app/components/ui/Modal/index.vue

@@ -67,7 +67,7 @@ function onCancel () {
 
 const contentClass = computed(() =>
   cn(
-    'gap-0 py-0',
+    'bg-popover gap-0 py-0',
     props.alignCenter && 'text-center',
     props.class,
   ),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@polymarbot/nuxt-layer-shadcn-ui",
-  "version": "0.3.3",
+  "version": "0.3.5",
   "description": "Nuxt layer providing shadcn-vue based UI components",
   "type": "module",
   "main": "./nuxt.config.ts",
@@ -42,5 +42,5 @@
     "vue-i18n": "^11",
     "vue-router": "^4 || ^5"
   },
-  "gitHead": "fa7745bb4bdb8d3945fcbf8603e216a93f0ca881"
+  "gitHead": "444c57a6e8f2aa5d82eda42f687546c2154e0603"
 }