feat: transitionName to :name prop and default transition value
This commit is contained in:
@@ -10,7 +10,7 @@
|
|||||||
</Button>
|
</Button>
|
||||||
</slot>
|
</slot>
|
||||||
</div>
|
</div>
|
||||||
<transition :name="transition">
|
<transition :name="transitionName">
|
||||||
<div ref="content" v-if="visible" :style="contentStyles" :class="[contentClasses]">
|
<div ref="content" v-if="visible" :style="contentStyles" :class="[contentClasses]">
|
||||||
<slot />
|
<slot />
|
||||||
</div>
|
</div>
|
||||||
@@ -41,8 +41,8 @@ const props = defineProps({
|
|||||||
default: '',
|
default: '',
|
||||||
},
|
},
|
||||||
transition: {
|
transition: {
|
||||||
type: String ,
|
type: [String, null] as PropType<string | null>,
|
||||||
default: '',
|
default: null,
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
|
|
||||||
@@ -54,7 +54,7 @@ const placementTransitionMap: Record<DropdownPlacement, string> = {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const transitionName = computed(() => {
|
const transitionName = computed(() => {
|
||||||
if(!props.transition) return placementTransitionMap[props.placement]
|
if(props.transition === null) return placementTransitionMap[props.placement]
|
||||||
return props.transition
|
return props.transition
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user