fix(SelectMenu): update leading and trailing style

This commit is contained in:
rdjanuar
2024-11-08 09:25:16 +07:00
parent c0e4a4fe5e
commit 3aaf2f99bf
3 changed files with 21 additions and 8 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

@@ -77,7 +77,7 @@ export default {
},
leading: {
wrapper: 'absolute inset-y-0 start-0 flex items-center',
pointer: 'pointer-events-auto',
pointer: 'pointer-events-none',
padding: {
'2xs': 'px-2',
'xs': 'px-2.5',
@@ -89,7 +89,7 @@ export default {
},
trailing: {
wrapper: 'absolute inset-y-0 end-0 flex items-center',
pointer: 'pointer-events-auto',
pointer: 'pointer-events-none',
padding: {
'2xs': 'px-2',
'xs': 'px-2.5',

View File

@@ -1,5 +1,6 @@
import { arrow } from '../popper'
import inputMenu from './inputMenu'
import input from './input'
export default {
...inputMenu,
@@ -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,