fix: Modify tiny-engine-designer path (#65)

Author: xuanlid

packages/tiny-engine-portal/src/App.vue

@@ -29,7 +29,7 @@ export default {
   setup() {
     const route = useRoute()
 
-    const headerShow = computed(() => route.name !== 'applicationVisit')
+    const headerShow = computed(() => route.name !== 'applicationVisit' && route.name !== 'applicationPlayground')
 
     return {
       headerShow,

packages/tiny-engine-portal/src/application/ApplicationVisit.vue

@@ -2,11 +2,38 @@
   <iframe class="tiny-engine-iframe" :src="tinyEngineUrl"></iframe>
 </template>
 <script>
-import { TINY_ENGINE_DEFAULT_URL } from '../controller/utils'
+import { TINY_ENGINE_DEFAULT_URL, TINY_ENGINE_DESIGNER_URL } from '../controller/utils'
+import { useRoute } from 'vue-router'
+import { onMounted, onUnmounted } from 'vue'
+
 export default {
   setup() {
+    const route = useRoute()
+    const tinyEngineUrl = route.name === 'applicationVisit' ? TINY_ENGINE_DEFAULT_URL : TINY_ENGINE_DESIGNER_URL
+    //回调函数
+    const openAppNewTab = ( event ) => {
+      if(event.data.type === 'openNewTab') {
+        const href = window.location.href.split('?')[0]
+        const searchParams = event.data.url.split('?')[1]
+        window.open(`${href}?${searchParams}`)
+      }
+    }
+    window.addEventListener("message", openAppNewTab, false)
+
+    onMounted(() => {
+      const url = new URL(window.location.href)
+      const type = url.hash.split('?')[1]
+        if (url.hash.includes('id')) {
+          const iframe = document.querySelector('iframe')
+          iframe.src = `${TINY_ENGINE_DESIGNER_URL}?${type}`
+        }
+    })
+
+    onUnmounted(() => {
+      window.removeEventListener('message', openAppNewTab)
+    })
     return {
-      tinyEngineUrl: TINY_ENGINE_DEFAULT_URL
+      tinyEngineUrl
     }
   }
 }

packages/tiny-engine-portal/src/controller/utils.js

@@ -138,6 +138,7 @@ export const EXPERIENCE_URL_BDVIEW = `${import.meta.env.VITE_APP_ORIGIN}/platfor
 }`
 
 export const TINY_ENGINE_DEFAULT_URL = `${import.meta.env.BASE_URL}tiny-engine-editor/index.html?type=app&id=1&tenant=1`
+export const TINY_ENGINE_DESIGNER_URL = `https://res-static.opentiny.design/tiny-engine-designer/latest/index.html`
 
 export const openLowCodeEditor = () => {
   window.open(EXPERIENCE_URL, '_blank')

packages/tiny-engine-portal/src/router/index.js

@@ -103,6 +103,11 @@ const routes = [
     name: 'applicationVisit',
     component: () => import('../application/ApplicationVisit.vue')
   },
+  {
+    path: '/tiny-engine-playground',
+    name: 'applicationPlayground',
+    component: () => import('../application/ApplicationVisit.vue')
+  },
   {
     path: '/component-lib-import',
     name: 'componentsLibImport',

packages/tiny-engine-portal/src/utils/editor.js

@@ -6,7 +6,7 @@ export function openEditor(router, editorUrl = TINY_ENGINE_DEFAULT_URL) {
     window.open(editorUrl, '_blank')
   } else {
     router.push({
-      name: 'applicationVisit'
+      name: 'applicationPlayground'
     })
   }
 }