root
/
vue3-core
mirror of https://github.com/vuejs/core.git
1
0
Fork 0
Code Issues Actions 7 Packages Projects Releases Wiki Activity

[autofix.ci] apply automated fixes

This commit is contained in:
autofix-ci[bot] 2025-03-07 03:11:53 +00:00 committed by GitHub
parent 26d1d21a87
commit d5d8ada577
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 19 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
packages-private/vapor-e2e-test/transition/App.vue
View File

@ -34,11 +34,18 @@ function toggleInteropComponent() {
</div> </div>
<div class="vif"> <div class="vif">
<button @click="toggle = !toggle">Toggle</button> <button @click="toggle = !toggle">Toggle</button>
<Transition appear @beforeEnter="() => calls.push('beforeEnter')" @enter="() => calls.push('onEnter')" <Transition
@afterEnter="() => calls.push('afterEnter')" @beforeLeave="() => calls.push('beforeLeave')" appear
@leave="() => calls.push('onLeave')" @afterLeave="() => calls.push('afterLeave')" @beforeEnter="() => calls.push('beforeEnter')"
@beforeAppear="() => calls.push('beforeAppear')" @appear="() => calls.push('onAppear')" @enter="() => calls.push('onEnter')"
@afterAppear="() => calls.push('afterAppear')"> @afterEnter="() => calls.push('afterEnter')"
@beforeLeave="() => calls.push('beforeLeave')"
@leave="() => calls.push('onLeave')"
@afterLeave="() => calls.push('afterLeave')"
@beforeAppear="() => calls.push('beforeAppear')"
@appear="() => calls.push('onAppear')"
@afterAppear="() => calls.push('afterAppear')"
>
<h1 v-if="toggle">vIf</h1> <h1 v-if="toggle">vIf</h1>
</Transition> </Transition>
</div> </div>
@ -73,7 +80,9 @@ function toggleInteropComponent() {
</div> </div>
</div> </div>
<div class="vdom-vapor-out-in"> <div class="vdom-vapor-out-in">
<button @click="toggleInteropComponent">switch between vdom/vapor component out-in mode</button> <button @click="toggleInteropComponent">
switch between vdom/vapor component out-in mode
</button>
<div> <div>
<Transition name="fade" mode="out-in"> <Transition name="fade" mode="out-in">
<component :is="interopComponent"></component> <component :is="interopComponent"></component>
@ -81,7 +90,9 @@ function toggleInteropComponent() {
</div> </div>
</div> </div>
<div class="vdom-vapor-in-out"> <div class="vdom-vapor-in-out">
<button @click="toggleVdom = !toggleVdom">switch between vdom/vapor component in-out mode</button> <button @click="toggleVdom = !toggleVdom">
switch between vdom/vapor component in-out mode
</button>
<div> <div>
<Transition name="fade" mode="in-out"> <Transition name="fade" mode="in-out">
<VaporCompA v-if="toggleVdom" /> <VaporCompA v-if="toggleVdom" />

2
packages-private/vapor-e2e-test/transition/components/VdomComp.vue
View File

@ -2,5 +2,5 @@
const msg = 'vdom comp' const msg = 'vdom comp'
</script> </script>
<template> <template>
<div>{{ msg }}</div> <div>{{ msg }}</div>
</template> </template>