Compare commits

...

2 Commits

Author SHA1 Message Date
rdjanuar
3aaf2f99bf fix(SelectMenu): update leading and trailing style 2024-11-08 09:25:16 +07:00
rdjanuar
c0e4a4fe5e fix(SelectMenu): can't use event in template trailing and leading 2024-11-07 15:46:36 +07:00
2 changed files with 20 additions and 7 deletions

View File

@@ -441,9 +441,9 @@ export default defineComponent({
const leadingWrapperIconClass = computed(() => {
return twJoin(
ui.value.icon.leading.wrapper,
ui.value.icon.leading.pointer,
ui.value.icon.leading.padding[size.value]
uiMenu.value.icon.leading.wrapper,
uiMenu.value.icon.leading.pointer,
uiMenu.value.icon.leading.padding[size.value]
)
})
@@ -458,9 +458,9 @@ export default defineComponent({
const trailingWrapperIconClass = computed(() => {
return twJoin(
ui.value.icon.trailing.wrapper,
ui.value.icon.trailing.pointer,
ui.value.icon.trailing.padding[size.value]
uiMenu.value.icon.trailing.wrapper,
uiMenu.value.icon.trailing.pointer,
uiMenu.value.icon.trailing.padding[size.value]
)
})

View File

@@ -1,9 +1,10 @@
import { arrow } from '../popper'
import inputMenu from './inputMenu'
import input from './input'
export default {
...inputMenu,
select: 'inline-flex items-center text-left cursor-default',
select: 'inline-flex items-center text-left cursor-default [&:disabled_*]:pointer-events-none',
input: 'block w-[calc(100%+0.5rem)] focus:ring-transparent text-sm px-3 py-1.5 text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-800 border-0 border-b border-gray-200 dark:border-gray-700 sticky -top-1 -mt-1 mb-1 -mx-1 z-10 placeholder-gray-400 dark:placeholder-gray-500 focus:outline-none',
required: 'absolute inset-0 w-px opacity-0 cursor-default',
label: 'block truncate',
@@ -20,6 +21,18 @@ export default {
popper: {
placement: 'bottom-end'
},
icon: {
...input.icon,
leading: {
...input.icon.leading,
pointer: 'pointer-events-auto'
},
trailing: {
...input.icon.trailing,
pointer: 'pointer-events-auto'
}
},
default: {
selectedIcon: 'i-heroicons-check-20-solid',
clearSearchOnClose: false,