diff --git a/packages/data-source/src/createDataSourceManager.ts b/packages/data-source/src/createDataSourceManager.ts
index 879bfa5b..a36ab521 100644
--- a/packages/data-source/src/createDataSourceManager.ts
+++ b/packages/data-source/src/createDataSourceManager.ts
@@ -17,8 +17,8 @@
  */
 import { cloneDeep, union } from 'lodash-es';
 
-import type { AppCore } from '@tmagic/schema';
-import { getDepNodeIds, getNodes, replaceChildNode } from '@tmagic/utils';
+import type { AppCore, MApp, MNode, MPage, MPageFragment } from '@tmagic/schema';
+import { getDepNodeIds, getNodes, isPage, isPageFragment, replaceChildNode } from '@tmagic/utils';
 
 import DataSourceManager from './DataSourceManager';
 import type { ChangeEvent, DataSourceManagerData } from './types';
@@ -39,13 +39,13 @@ export const createDataSourceManager = (app: AppCore, useMock?: boolean, initial
   if (dsl.dataSources && dsl.dataSourceCondDeps && platform !== 'editor') {
     getNodes(getDepNodeIds(dsl.dataSourceCondDeps), dsl.items).forEach((node) => {
       node.condResult = dataSourceManager.compliedConds(node);
-      replaceChildNode(node, dsl!.items);
+      updateNode(node, dsl!);
     });
   }
 
   if (dsl.dataSources && dsl.dataSourceDeps) {
     getNodes(getDepNodeIds(dsl.dataSourceDeps), dsl.items).forEach((node) => {
-      replaceChildNode(dataSourceManager.compiledNode(node), dsl!.items);
+      updateNode(dataSourceManager.compiledNode(node), dsl!);
     });
   }
 
@@ -73,3 +73,12 @@ export const createDataSourceManager = (app: AppCore, useMock?: boolean, initial
 
   return dataSourceManager;
 };
+
+const updateNode = (node: MNode, dsl: MApp) => {
+  if (isPage(node) || isPageFragment(node)) {
+    const index = dsl.items?.findIndex((child: MNode) => child.id === node.id);
+    dsl.items.splice(index, 1, node as MPage | MPageFragment);
+  } else {
+    replaceChildNode(node, dsl!.items);
+  }
+};
diff --git a/packages/ui-react/src/page/formConfig.ts b/packages/ui-react/src/page/formConfig.ts
index 36c12986..39c5b418 100644
--- a/packages/ui-react/src/page/formConfig.ts
+++ b/packages/ui-react/src/page/formConfig.ts
@@ -26,6 +26,7 @@ export default [
   {
     text: '页面标题',
     name: 'title',
+    type: 'data-source-input',
   },
   {
     name: 'layout',
diff --git a/packages/ui-vue2/src/page/formConfig.ts b/packages/ui-vue2/src/page/formConfig.ts
index 36c12986..39c5b418 100644
--- a/packages/ui-vue2/src/page/formConfig.ts
+++ b/packages/ui-vue2/src/page/formConfig.ts
@@ -26,6 +26,7 @@ export default [
   {
     text: '页面标题',
     name: 'title',
+    type: 'data-source-input',
   },
   {
     name: 'layout',
diff --git a/packages/ui/src/page/src/formConfig.ts b/packages/ui/src/page/src/formConfig.ts
index 36c12986..39c5b418 100644
--- a/packages/ui/src/page/src/formConfig.ts
+++ b/packages/ui/src/page/src/formConfig.ts
@@ -26,6 +26,7 @@ export default [
   {
     text: '页面标题',
     name: 'title',
+    type: 'data-source-input',
   },
   {
     name: 'layout',