@slidev/client 0.38.5 → 0.38.7

package/builtin/TocList.vue

@@ -49,7 +49,7 @@ const classes = computed(() => {
 </template>
 
 <style>
-.slidev-toc-item p {
+.slidev-layout .slidev-toc-item p {
   margin: 0;
 }
 </style>

package/internals/SlideWrapper.ts

@@ -3,6 +3,7 @@ import { defineComponent, h, provide } from 'vue'
 import { injectionClicks, injectionClicksDisabled, injectionClicksElements, injectionOrderMap, injectionRoute, injectionSlideContext } from '../constants'
 
 export default defineComponent({
+  name: 'SlideWrapper',
   props: {
     clicks: {
       type: [Number, String],

package/internals/SlidesShow.vue

@@ -1,7 +1,8 @@
 <script setup lang="ts">
-import { shallowRef, watch } from 'vue'
+import { computed, ref, shallowRef, watch } from 'vue'
 import { clicks, currentRoute, isPresenter, nextRoute, rawRoutes } from '../logic/nav'
 import { getSlideClass } from '../utils'
+import { configs } from '../env'
 import SlideWrapper from './SlideWrapper'
 // @ts-expect-error virtual module
 import GlobalTop from '/@slidev/global-components/top'
@@ -22,6 +23,18 @@ watch(currentRoute, () => {
 const DrawingLayer = shallowRef<any>()
 if (__SLIDEV_FEATURE_DRAWINGS__ || __SLIDEV_FEATURE_DRAWINGS_PERSIST__)
   import('./DrawingLayer.vue').then(v => DrawingLayer.value = v.default)
+
+const routes = computed(() => rawRoutes.filter(r => r.meta?.__preloaded || r === currentRoute.value))
+
+const isLeaving = ref(false)
+function onBeforeLeave() {
+  if (configs.pageTransition?.crossfade === false)
+    isLeaving.value = true
+}
+function onAfterLeave() {
+  if (configs.pageTransition?.crossfade === false)
+    isLeaving.value = false
+}
 </script>
 
 <template>
@@ -29,18 +42,26 @@ if (__SLIDEV_FEATURE_DRAWINGS__ || __SLIDEV_FEATURE_DRAWINGS_PERSIST__)
   <GlobalBottom />
 
   <!-- Slides -->
-  <template v-for="route of rawRoutes" :key="route.path">
-    <SlideWrapper
-      :is="route?.component"
-      v-show="route === currentRoute"
-      v-if="route.meta?.__preloaded || route === currentRoute"
-      :clicks="route === currentRoute ? clicks : 0"
-      :clicks-elements="route.meta?.__clicksElements || []"
-      :clicks-disabled="false"
-      :class="getSlideClass(route)"
-      :route="route"
-      :context="context"
-    />
+  <template
+    v-for="route of routes"
+    :key="route.path"
+  >
+    <Transition
+      v-bind="configs.pageTransition"
+      @before-leave="onBeforeLeave()"
+      @after-leave="onAfterLeave()"
+    >
+      <SlideWrapper
+        :is="route?.component as any"
+        v-show="route === currentRoute && !isLeaving"
+        :clicks="route === currentRoute ? clicks : 0"
+        :clicks-elements="route.meta?.__clicksElements || []"
+        :clicks-disabled="false"
+        :class="getSlideClass(route)"
+        :route="route"
+        :context="context"
+      />
+    </Transition>
   </template>
 
   <!-- Global Top -->

package/logic/drawings.ts

@@ -76,6 +76,7 @@ export function loadCanvas(page?: number) {
     drauu.load(data)
   else
     drauu.clear()
+  updateState()
   disableDump = false
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@slidev/client",
-  "version": "0.38.5",
+  "version": "0.38.7",
   "description": "Presentation slides for developers",
   "author": "antfu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -40,8 +40,8 @@
     "vue-router": "^4.1.6",
     "vue-starport": "^0.3.0",
     "windicss": "^3.5.6",
-    "@slidev/parser": "0.38.5",
-    "@slidev/types": "0.38.5"
+    "@slidev/parser": "0.38.7",
+    "@slidev/types": "0.38.7"
   },
   "devDependencies": {
     "vite": "^4.0.4"