arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-14 20:19:34 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix(InputMenu/Select/SelectMenu): use defuFn to override base slot

Browse Source
This commit is contained in:
Benjamin Canac
2024-08-23 18:39:15 +02:00
parent dd1452a452
commit 2aa4358d32
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/theme/input-menu.ts
View File

@@ -1,9 +1,9 @@
import { defu } from 'defu'
import { defuFn } from 'defu'
import type { ModuleOptions } from '../module'
import input from './input'
export default (options: Required<ModuleOptions>) => {
return defu({
return defuFn({
slots: {
arrow: 'fill-gray-200 dark:fill-gray-800',
content: 'max-h-60 w-[--radix-popper-anchor-width] bg-white dark:bg-gray-900 shadow-lg rounded-md ring ring-gray-200 dark:ring-gray-800 overflow-hidden data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in]',
@@ -29,7 +29,7 @@ export default (options: Required<ModuleOptions>) => {
}
}, {
slots: {
base: ['rounded-md', options.transitions && 'transition-colors'],
base: () => ['rounded-md', options.transitions && 'transition-colors'],
trailing: 'absolute inset-y-0 end-0 flex items-center disabled:cursor-not-allowed disabled:opacity-75'
},
variants: {

6
src/theme/select.ts
View File

@@ -1,10 +1,10 @@
import { defu } from 'defu'
import { defuFn } from 'defu'
import type { ModuleOptions } from '../module'
import input from './input'
import { buttonGroupVariant } from './button-group'
export default (options: Required<ModuleOptions>) => {
return defu({
return defuFn({
slots: {
arrow: 'fill-gray-200 dark:fill-gray-800',
content: 'max-h-60 w-[--radix-popper-anchor-width] bg-white dark:bg-gray-900 shadow-lg rounded-md ring ring-gray-200 dark:ring-gray-800 overflow-hidden data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in]',
@@ -74,7 +74,7 @@ export default (options: Required<ModuleOptions>) => {
}
}, {
slots: {
base: ['relative group rounded-md inline-flex items-center focus:outline-none disabled:cursor-not-allowed disabled:opacity-75', options.transitions && 'transition-colors'],
base: () => ['relative group rounded-md inline-flex items-center focus:outline-none disabled:cursor-not-allowed disabled:opacity-75', options.transitions && 'transition-colors'],
value: 'truncate group-data-placeholder:text-current/50'
},
variants: {