chore(Input)!: move pointer class inside its own preset class

This commit is contained in:
Benjamin Canac
2023-06-01 15:27:53 +02:00
parent 01fa85c7a3
commit f59a92ca15
4 changed files with 22 additions and 20 deletions

View File

@@ -36,11 +36,11 @@
</template>
</select>
<div v-if="(isLeading && leadingIconName) || $slots.leading" :class="leadingWrapperIconClass">
<span v-if="(isLeading && leadingIconName) || $slots.leading" :class="leadingWrapperIconClass">
<slot name="leading" :disabled="disabled" :loading="loading">
<UIcon :name="leadingIconName" :class="leadingIconClass" />
</slot>
</div>
</span>
<span v-if="(isTrailing && trailingIconName) || $slots.trailing" :class="trailingWrapperIconClass">
<slot name="trailing" :disabled="disabled" :loading="loading">
@@ -267,8 +267,8 @@ export default defineComponent({
const leadingWrapperIconClass = computed(() => {
return classNames(
ui.value.icon.leading.wrapper,
ui.value.icon.leading.padding[props.size],
slots.leading && '!pointer-events-auto'
ui.value.icon.leading.pointer,
ui.value.icon.leading.padding[props.size]
)
})
@@ -284,8 +284,8 @@ export default defineComponent({
const trailingWrapperIconClass = computed(() => {
return classNames(
ui.value.icon.trailing.wrapper,
ui.value.icon.trailing.padding[props.size],
slots.trailing && '!pointer-events-auto'
ui.value.icon.trailing.pointer,
ui.value.icon.trailing.padding[props.size]
)
})