@polymarbot/nuxt-layer-shadcn-ui 0.8.2 → 0.8.4

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

@@ -213,9 +213,12 @@ function buildColumnClass (column: DataTableColumn, headerIndex?: number): strin
   const isHeader = headerIndex !== undefined
   const hasDivider = isHeader && headerIndex < props.columns.length - 1
 
+  const isDateType = column.type === 'date' || column.type === 'unixDate'
+
   return cn(
     column.align === 'center' && 'text-center',
     column.align === 'right' && 'text-right',
+    isDateType ? 'whitespace-pre' : !column.wrap && 'whitespace-nowrap',
     // Header-specific
     isHeader && column.sortable && `
       hover:text-foreground
@@ -224,6 +227,8 @@ function buildColumnClass (column: DataTableColumn, headerIndex?: number): strin
     hasDivider && headerDividerClass,
     // Fixed column last — sticky overrides relative via tailwind-merge
     column.fixed && 'sticky z-10',
+    // User-provided class (kept last so it can override defaults)
+    isHeader ? column.headerClass : column.class,
   )
 }
 
@@ -238,12 +243,6 @@ function buildColumnStyle (column: DataTableColumn): Record<string, string> {
   if (column.width) style.width = column.width
   if (column.minWidth) style.minWidth = column.minWidth
 
-  if (column.type === 'date' || column.type === 'unixDate') {
-    style.whiteSpace = 'pre'
-  } else if (!column.wrap) {
-    style.whiteSpace = 'nowrap'
-  }
-
   // Frozen column offset
   const offset = frozenOffsets.value.get(column.field)
   if (offset !== undefined) {

package/app/components/ui/DataTable/types.ts

@@ -24,6 +24,10 @@ export interface DataTableColumn {
   sortable?: boolean
   /** Currency code for 'currency' type (e.g., 'USD', 'JPY'). Default: 'USD' */
   currency?: string
+  /** Custom class applied to the body cell (`<td>`) container */
+  class?: string
+  /** Custom class applied to the header cell (`<th>`) container */
+  headerClass?: string
 }
 
 export interface DataTableProps<T = Record<string, any>> {

package/app/components/ui/Drawer/index.stories.ts

@@ -18,6 +18,7 @@ const meta = {
     loading: { control: 'boolean' },
     disabled: { control: 'boolean' },
     confirmDisabled: { control: 'boolean' },
+    modal: { control: 'boolean' },
     showCancel: { control: 'boolean' },
     showClose: { control: 'boolean' },
     closeOnClickOutside: { control: 'boolean' },
@@ -37,6 +38,7 @@ const meta = {
     loading: false,
     disabled: false,
     confirmDisabled: false,
+    modal: true,
     showCancel: true,
     showClose: true,
     closeOnClickOutside: false,

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

@@ -14,6 +14,7 @@ import type { DrawerProps } from './types'
 defineOptions({ inheritAttrs: false })
 
 const props = withDefaults(defineProps<DrawerProps>(), {
+  modal: true,
   showCancel: true,
   showClose: true,
   closeOnClickOutside: false,
@@ -85,6 +86,7 @@ const contentClass = computed(() =>
 <template>
   <Sheet
     :open="sheetOpen"
+    :modal="modal"
     @update:open="onOpenUpdate"
   >
     <SheetTrigger

package/app/components/ui/Drawer/types.ts

@@ -7,6 +7,7 @@ export interface DrawerProps {
   loading?: boolean
   disabled?: boolean
   confirmDisabled?: boolean
+  modal?: boolean
   showCancel?: boolean
   showClose?: boolean
   closeOnClickOutside?: boolean

package/app/components/ui/Modal/index.stories.ts

@@ -16,6 +16,7 @@ const meta = {
     loading: { control: 'boolean' },
     disabled: { control: 'boolean' },
     confirmDisabled: { control: 'boolean' },
+    modal: { control: 'boolean' },
     showCancel: { control: 'boolean' },
     showClose: { control: 'boolean' },
     closeOnClickOutside: { control: 'boolean' },
@@ -33,6 +34,7 @@ const meta = {
     loading: false,
     disabled: false,
     confirmDisabled: false,
+    modal: true,
     showCancel: true,
     showClose: true,
     closeOnClickOutside: false,

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

@@ -14,6 +14,7 @@ import type { ModalProps } from './types'
 defineOptions({ inheritAttrs: false })
 
 const props = withDefaults(defineProps<ModalProps>(), {
+  modal: true,
   showCancel: true,
   showClose: true,
   closeOnClickOutside: false,
@@ -90,6 +91,7 @@ const contentClass = computed(() =>
 <template>
   <Dialog
     :open="dialogOpen"
+    :modal="modal"
     @update:open="onOpenUpdate"
   >
     <DialogTrigger

package/app/components/ui/Modal/types.ts

@@ -6,6 +6,7 @@ export interface ModalProps {
   loading?: boolean
   disabled?: boolean
   confirmDisabled?: boolean
+  modal?: boolean
   showCancel?: boolean
   showClose?: boolean
   closeOnClickOutside?: boolean

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@polymarbot/nuxt-layer-shadcn-ui",
-  "version": "0.8.2",
+  "version": "0.8.4",
   "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": "f3a22e25c23b87c559dba70c2227bc02c6167baf"
+  "gitHead": "d561383c133bd4f981cc2c289fbc675bcdaec917"
 }