From 6c17ee4e4b68ef50f937f833aeaf8e568c70fd3b Mon Sep 17 00:00:00 2001
From: rhlin <r.h.lin@163.com>
Date: Thu, 26 Dec 2024 20:01:16 -0800
Subject: [PATCH 1/8] feat: modify router-view placeholder text

---
 packages/canvas/render/src/builtin/CanvasRouterView.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/canvas/render/src/builtin/CanvasRouterView.vue b/packages/canvas/render/src/builtin/CanvasRouterView.vue
index ad0b3b728d..2653c3d423 100644
--- a/packages/canvas/render/src/builtin/CanvasRouterView.vue
+++ b/packages/canvas/render/src/builtin/CanvasRouterView.vue
@@ -1,5 +1,5 @@
 <template>
-  <canvas-placeholder :placeholder="'路由占位符'"></canvas-placeholder>
+  <canvas-placeholder :placeholder="'路由子页面显示位置占位符'"></canvas-placeholder>
 </template>
 <script>
 import CanvasPlaceholder from './CanvasPlaceholder.vue'

From 908c36c89ad312b8962a81d1128256324e7fca72 Mon Sep 17 00:00:00 2001
From: rhlin <r.h.lin@163.com>
Date: Thu, 2 Jan 2025 00:47:51 -0800
Subject: [PATCH 2/8] fix(plugin/block): useBlock update location history
 function fix

---
 packages/plugins/block/src/composable/useBlock.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/plugins/block/src/composable/useBlock.js b/packages/plugins/block/src/composable/useBlock.js
index c529f3fe3c..bb3ae5533e 100644
--- a/packages/plugins/block/src/composable/useBlock.js
+++ b/packages/plugins/block/src/composable/useBlock.js
@@ -31,7 +31,7 @@ import {
 } from '@opentiny/tiny-engine-meta-register'
 import { useMessage } from '@opentiny/tiny-engine-meta-register'
 const { publish } = useMessage()
-const postHistoryChanged = (data) => publish({ topic: 'historyChanged', data })
+const postLocationHistoryChanged = (data) => publish({ topic: 'locationHistoryChanged', data })
 
 const { SORT_TYPE, SCHEMA_DATA_TYPE, BLOCK_OPENNESS } = constants
 
@@ -723,7 +723,7 @@ export default function () {
     NODE_TYPE_PAGE,
     DEFAULT_GROUP_ID,
     DEFAULT_GROUP_NAME,
-    postHistoryChanged,
+    postLocationHistoryChanged,
     selectedGroup,
     selectedBlock,
     selectedBlockArray,

From f4b7f5ab461f526deec1d248588876bd23315c3c Mon Sep 17 00:00:00 2001
From: rhlin <r.h.lin@163.com>
Date: Thu, 2 Jan 2025 00:55:22 -0800
Subject: [PATCH 3/8] fix(canvas/render): fix scoped css produce twice cause
 active page css lost accidentally

---
 packages/canvas/render/src/RenderMain.ts                 | 2 +-
 packages/canvas/render/src/page-block-function/schema.ts | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/canvas/render/src/RenderMain.ts b/packages/canvas/render/src/RenderMain.ts
index e46e2252a3..7e34cbc997 100644
--- a/packages/canvas/render/src/RenderMain.ts
+++ b/packages/canvas/render/src/RenderMain.ts
@@ -207,7 +207,7 @@ export default defineComponent({
           })
         }
         if (!active && !props.entry) {
-          setCurrentSchema(renderSchema)
+          setCurrentSchema(renderSchema, props.pageId)
         }
       },
       {
diff --git a/packages/canvas/render/src/page-block-function/schema.ts b/packages/canvas/render/src/page-block-function/schema.ts
index 30477a8bf7..f9734194b5 100644
--- a/packages/canvas/render/src/page-block-function/schema.ts
+++ b/packages/canvas/render/src/page-block-function/schema.ts
@@ -30,7 +30,7 @@ export function useSchema(
   })
 
   const getSchema = () => schema
-  const setSchema = async (data: IPageSchema) => {
+  const setSchema = async (data: IPageSchema, pageId?: string) => {
     const newSchema = JSON.parse(JSON.stringify(data || schema))
     reset(schema)
     // 页面初始化的时候取消所有状态变量的watchEffect监听
@@ -73,7 +73,7 @@ export function useSchema(
     setState(newSchema.state, true)
     clearNodes()
     await nextTick()
-    setPagecss(data.css)
+    setPagecss(data.css, pageId)
     Object.assign(schema, newSchema)
 
     // 当上下文环境设置完成之后再去处理区块属性访问器的watchEffect

From 3afee755336baf34c464f4372efeb34bba9cfc5a Mon Sep 17 00:00:00 2001
From: rhlin <r.h.lin@163.com>
Date: Thu, 2 Jan 2025 05:35:19 -0800
Subject: [PATCH 4/8] fix(canvas/render): fix switch from page editing to block
 editing, rendering with error pageContext, result in  page render error

---
 packages/canvas/render/src/RenderMain.ts | 63 ++++++++++++++----------
 1 file changed, 38 insertions(+), 25 deletions(-)

diff --git a/packages/canvas/render/src/RenderMain.ts b/packages/canvas/render/src/RenderMain.ts
index 7e34cbc997..e1b6764ce9 100644
--- a/packages/canvas/render/src/RenderMain.ts
+++ b/packages/canvas/render/src/RenderMain.ts
@@ -138,12 +138,14 @@ export default defineComponent({
   setup(props) {
     const pageAncestors = (inject('page-ancestors') as Ref<any[]>) || ref(null)
     const pageIdFromPath = getController().getBaseInfo().pageId
-    const pageContext = props.active || !pageIdFromPath ? activePageContext : usePageContext()
+    // 顶层使用activePageContext，区块和页面间切换不受影响(短期方案)，因为页面的pageContext目前非响应式（仅刷新画布执行一次），无法动态切换激活态和非激活态
+    const pageContext = props.active || props.entry ? activePageContext : usePageContext()
     provide('pageContext', pageContext)
 
     pageContext.setContextParent(props.parentContext)
+    // 顶层isPage的判断和pageId耦合了，短期先使得顶层和激活页共用pageId，后续需要增加pageContext.isPage
     pageContext.pageId = props.pageId || pageIdFromPath
-    pageContext.active = props.active || pageIdFromPath === pageContext.pageId
+    pageContext.active = props.active || !pageIdFromPath
     pageContext.setCssScopeId(props.cssScopeId || (props.entry ? null : `data-te-page-${pageContext.pageId}`))
     if (props.entry) {
       provide('page-ancestors', pageAncestors)
@@ -153,7 +155,7 @@ export default defineComponent({
       const cancel = getController().addHistoryDataChangedCallback(() => {
         const pageIdFromPath = getController().getBaseInfo().pageId
         pageContext.pageId = props.pageId || pageIdFromPath
-        pageContext.active = props.active || pageIdFromPath === pageContext.pageId
+        pageContext.active = props.active || !pageIdFromPath
         getPageAncestors(pageContext.pageId).then((value) => {
           pageAncestors.value = value
         })
@@ -164,9 +166,15 @@ export default defineComponent({
     }
 
     let schema = activeSchema
-    let setCurrentSchema
-    if (pageContext.pageId && !props.active) {
-      const { schema: inActiveSchema, setSchema: setInactiveSchema } = useSchema(pageContext, {
+    let setCurrentSchema = setSchema
+    let setCurrentMethod = setMethods
+    if (pageContext.pageId && !props.active && !props.entry) {
+      // 注意顶层使用activeSchema和对应的api
+      const {
+        schema: inActiveSchema,
+        setSchema: setInactiveSchema,
+        setMethods: setInactiveMethods
+      } = useSchema(pageContext, {
         utils,
         bridge,
         stores,
@@ -174,6 +182,7 @@ export default defineComponent({
       })
       schema = inActiveSchema
       setCurrentSchema = setInactiveSchema
+      setCurrentMethod = setInactiveMethods
     }
 
     provide('rootSchema', schema)
@@ -190,35 +199,39 @@ export default defineComponent({
     watch(
       () => schema.methods,
       (value) => {
-        setMethods(value, true)
+        setCurrentMethod(value, true)
       },
       {
         deep: true
       }
     )
-    watch(
-      [() => props.active, () => props.renderSchema],
-      ([active, renderSchema]) => {
-        if (active) {
-          setCurrentPage({
-            pageId: pageContext.pageId,
-            schema: schema,
-            pageContext: pageContext
-          })
-        }
-        if (!active && !props.entry) {
-          setCurrentSchema(renderSchema, props.pageId)
+
+    if (!props.entry) {
+      watch(
+        [() => props.active, () => props.renderSchema],
+        ([active, renderSchema]) => {
+          if (active) {
+            setCurrentPage({
+              pageId: pageContext.pageId,
+              schema: schema,
+              pageContext: pageContext
+            })
+          }
+          if (!active && !props.entry) {
+            setCurrentSchema(renderSchema, props.pageId)
+          }
+        },
+        {
+          immediate: true
         }
-      },
-      {
-        immediate: true
-      }
-    )
+      )
+    }
+
     const renderer = getRenderer()
     return () =>
       pageAncestors.value === null
         ? h(CanvasEmpty, { placeholderText: '页面分析加载中' })
-        : renderer(schema, refreshKey, props.entry, props.active, !!pageContext.pageId)
+        : renderer(schema, refreshKey, props.entry, pageContext.active, !!pageContext.pageId)
   }
 })
 

From 65f882168debc73018ad2348bb6a430c013b4d7d Mon Sep 17 00:00:00 2001
From: rhlin <r.h.lin@163.com>
Date: Thu, 2 Jan 2025 05:37:26 -0800
Subject: [PATCH 5/8] refactor(canvas/render): move injection to setup phase

---
 packages/canvas/render/src/render.ts | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/canvas/render/src/render.ts b/packages/canvas/render/src/render.ts
index 6d2b81f78b..9e92129015 100644
--- a/packages/canvas/render/src/render.ts
+++ b/packages/canvas/render/src/render.ts
@@ -229,16 +229,16 @@ export const renderer = defineComponent({
   setup(props) {
     provide('schema', props.schema)
     const currentPageContext = props.pageContext || inject('pageContext')
+    const ancestors = inject('page-ancestors') as Ref<any[]>
     return {
-      currentPageContext
+      currentPageContext,
+      ancestors
     }
   },
   render() {
-    const { scope, schema, parent } = this
+    const { scope, schema, parent, ancestors } = this
     const { componentName, loop, loopArgs, condition } = schema
     const pageContext = this.currentPageContext
-    const ancestors = inject('page-ancestors') as Ref<any[]>
-
     // 处理数据源和表格fetchData的映射关系
     generateCollection(schema)
 
@@ -248,11 +248,11 @@ export const renderer = defineComponent({
 
     const isPageStart = schema.componentType === 'PageStart'
     const isRouterView = componentName === 'RouterView'
-    if (ancestors.value.length && (isPageStart || isRouterView)) {
+    if (ancestors.length && (isPageStart || isRouterView)) {
       const renderPageId = getRenderPageId(pageContext.pageId, isPageStart)
       if (renderPageId) {
         return h(getPage(renderPageId), {
-          key: ancestors.value,
+          key: ancestors,
           [DESIGN_TAGKEY]: `${componentName}`
         })
       }

From 9a94ca639b5e5037cfd579c5c532f4e1fcc1b61b Mon Sep 17 00:00:00 2001
From: rhlin <r.h.lin@163.com>
Date: Thu, 2 Jan 2025 05:44:59 -0800
Subject: [PATCH 6/8] fix(canvas/render): fix css load twice

---
 packages/canvas/render/src/material-function/page-getter.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/canvas/render/src/material-function/page-getter.ts b/packages/canvas/render/src/material-function/page-getter.ts
index c427c2d44a..3abced554a 100644
--- a/packages/canvas/render/src/material-function/page-getter.ts
+++ b/packages/canvas/render/src/material-function/page-getter.ts
@@ -30,7 +30,6 @@ export const wrapPageComponent = (pageId: string) => {
   const updateSchema = () => {
     fetchPageSchema(pageId).then((data) => {
       asyncData.value = data
-      initStyle(key, data?.css)
     })
   }
   updateSchema() // 保证加载一份非编辑态schema，减少页面跳转渲染时间

From 6621e729713df86dc3da540dc9e73293a6d1d9d8 Mon Sep 17 00:00:00 2001
From: rhlin <r.h.lin@163.com>
Date: Sun, 5 Jan 2025 19:32:03 -0800
Subject: [PATCH 7/8] fix(canvas/render):  temple fix for switch page, avoid
 old editing schema overwrite

---
 packages/canvas/render/src/RenderMain.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/canvas/render/src/RenderMain.ts b/packages/canvas/render/src/RenderMain.ts
index e1b6764ce9..b4e930c2f1 100644
--- a/packages/canvas/render/src/RenderMain.ts
+++ b/packages/canvas/render/src/RenderMain.ts
@@ -166,7 +166,7 @@ export default defineComponent({
     }
 
     let schema = activeSchema
-    let setCurrentSchema = setSchema
+    let setCurrentSchema
     let setCurrentMethod = setMethods
     if (pageContext.pageId && !props.active && !props.entry) {
       // 注意顶层使用activeSchema和对应的api
@@ -218,7 +218,7 @@ export default defineComponent({
             })
           }
           if (!active && !props.entry) {
-            setCurrentSchema(renderSchema, props.pageId)
+            setCurrentSchema?.(renderSchema, props.pageId)
           }
         },
         {

From 952fd073e9ca80aec7f56c4584b5c9f451e4f426 Mon Sep 17 00:00:00 2001
From: rhlin <r.h.lin@163.com>
Date: Sun, 5 Jan 2025 19:40:39 -0800
Subject: [PATCH 8/8] fix(canvas/render): add `Ref` import

---
 packages/canvas/render/src/RenderMain.ts | 3 +--
 packages/canvas/render/src/render.ts     | 2 +-
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/packages/canvas/render/src/RenderMain.ts b/packages/canvas/render/src/RenderMain.ts
index b4e930c2f1..ff6a4e303f 100644
--- a/packages/canvas/render/src/RenderMain.ts
+++ b/packages/canvas/render/src/RenderMain.ts
@@ -10,7 +10,7 @@
  *
  */
 
-import { provide, watch, defineComponent, PropType, ref, inject, onUnmounted } from 'vue'
+import { provide, watch, defineComponent, PropType, ref, inject, onUnmounted, h, Ref } from 'vue'
 
 import { useBroadcastChannel } from '@vueuse/core'
 import { constants } from '@opentiny/tiny-engine-utils'
@@ -22,7 +22,6 @@ import { IPageSchema, useContext, usePageContext, useSchema } from './page-block
 import { api, setCurrentApi } from './canvas-function/canvas-api'
 import { getPageAncestors } from './material-function/page-getter'
 import CanvasEmpty from './canvas-function/CanvasEmpty.vue'
-import { h } from 'vue'
 import { setCurrentPage } from './canvas-function/page-switcher'
 
 const { BROADCAST_CHANNEL } = constants
diff --git a/packages/canvas/render/src/render.ts b/packages/canvas/render/src/render.ts
index 9e92129015..e6c0afbaff 100644
--- a/packages/canvas/render/src/render.ts
+++ b/packages/canvas/render/src/render.ts
@@ -10,7 +10,7 @@
  *
  */
 
-import { defineComponent, h, inject, provide } from 'vue'
+import { defineComponent, h, inject, provide, Ref } from 'vue'
 
 import { NODE_UID as DESIGN_UIDKEY, NODE_TAG as DESIGN_TAGKEY, NODE_LOOP as DESIGN_LOOPID } from '../../common'
 import { getDesignMode, DESIGN_MODE } from './canvas-function'