fix(guide): [guide] fix guide displaying after jumping to other pages

Author: MomoPoppy

packages/renderless/src/guide/index.ts

@@ -62,6 +62,10 @@ export const mounted =
     }
   }
 
+export const beforeUnmount = (state) => () => {
+  state.tour.hide()
+}
+
 const getItemCopy = (props, tour, result) => {
   const { domData } = props
 

packages/renderless/src/guide/vue.ts

@@ -1,8 +1,13 @@
-import { createShepherd, mounted } from './index'
+import { createShepherd, mounted, beforeUnmount } from './index'
 
 export const api = ['state']
 
-export const renderless = (props, { reactive, onMounted, watch }, { designConfig }, { Shepherd, offset }) => {
+export const renderless = (
+  props,
+  { reactive, onMounted, onBeforeUnmount, watch },
+  { designConfig },
+  { Shepherd, offset }
+) => {
   const state = reactive({
     tour: null,
     tour1: null,
@@ -25,11 +30,14 @@ export const renderless = (props, { reactive, onMounted, watch }, { designConfig
 
   const api = {
     ...baseApi,
-    mounted: mounted({ state, api: baseApi })
+    mounted: mounted({ state, api: baseApi }),
+    beforeUnmount: beforeUnmount(state)
   }
 
   watch(() => props.showStep, api.createShepherd)
 
   onMounted(api.mounted)
+  onBeforeUnmount(api.beforeUnmount)
+
   return api
 }