lw-cdp-ui 1.4.43 → 1.4.45

package/dist/components/lwTour/index.vue

@@ -1,6 +1,10 @@
 <template>
   <el-tour v-model="isOpen" :current="currentStep">
-    <el-tour-step v-for="(step, index) in formattedSteps" :key="index" :target="step.target" :title="step.title"
+    <el-tour-step
+      v-for="(step, index) in formattedSteps"
+      :key="index"
+      :target="step.target"
+      :title="step.title"
       :description="step.description" />
   </el-tour>
 </template>
@@ -16,7 +20,7 @@ export default {
       type: Array,
       required: true,
       validator: (value) => {
-        return value.every(step => {
+        return value.every((step) => {
           return step.css && step.title && step.description
         })
       }
@@ -49,44 +53,57 @@ export default {
 
     // 开始引导
     const startTour = () => {
-      const allElementsExist = props.steps.every(step => {
+      // 如果 router 未初始化，延迟执行
+      if (!router) {
+        setTimeout(() => {
+          startTour()
+        }, 100)
+        return
+      }
+
+      const allElementsExist = props.steps.every((step) => {
         return document.querySelector(step.css)
       })
 
       if (!allElementsExist) {
         console.warn('元素未加载完成')
-        startTour()
+        setTimeout(() => {
+          startTour()
+        }, 100)
         return
       }
 
-      formattedSteps.value = props.steps.map(step => {
+      formattedSteps.value = props.steps.map((step) => {
         const targetElement = document.querySelector(step.css)
         return {
           target: targetElement || undefined,
           title: step.title,
           description: step.description,
-          // 可以添加更多el-tour支持的配置项
           placement: 'bottom'
         }
       })
       isOpen.value = true
 
       let LwTour = $tool.data.get('LwTour') || {}
-      let { path, meta } = router.currentRoute.value
-      LwTour[`${meta.title}${path}`] = true
-      $tool.data.set('LwTour', LwTour)
+      const currentRoute = router?.currentRoute?.value
+      if (currentRoute) {
+        const { path, meta } = currentRoute
+        LwTour[`${meta?.title || ''}${path}`] = true
+        $tool.data.set('LwTour', LwTour)
+      }
     }
 
-
-
     // 组件挂载后自动开始引导
     onMounted(() => {
       let LwTour = $tool.data.get('LwTour') || {}
-      let { path, meta } = router.currentRoute.value
-      if (props.autoStart && !LwTour[`${meta.title}${path}`]) {
-        nextTick(() => {
-          startTour()
-        })
+      const currentRoute = router?.currentRoute?.value
+      if (currentRoute && props.autoStart) {
+        const { path, meta } = currentRoute
+        if (!LwTour[`${meta?.title || ''}${path}`]) {
+          nextTick(() => {
+            startTour()
+          })
+        }
       }
       $bus.$emit(`lwTourOpen`, true)
     })