diff --git a/packages/core/src/Page.ts b/packages/core/src/Page.ts index 2ea30e5f..8aaa641a 100644 --- a/packages/core/src/Page.ts +++ b/packages/core/src/Page.ts @@ -16,6 +16,8 @@ * limitations under the License. */ +import { cloneDeep } from 'lodash-es'; + import type { Id, MComponent, MContainer, MPage, MPageFragment } from '@tmagic/schema'; import App from './App'; @@ -70,7 +72,7 @@ class Page extends Node { this.app.pageFragments.set( config.id, new Page({ - config: pageFragment, + config: cloneDeep(pageFragment), app: this.app, }), ); diff --git a/packages/data-source/src/createDataSourceManager.ts b/packages/data-source/src/createDataSourceManager.ts index 43e63d9e..2cc06622 100644 --- a/packages/data-source/src/createDataSourceManager.ts +++ b/packages/data-source/src/createDataSourceManager.ts @@ -15,7 +15,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -import { union } from 'lodash-es'; +import { cloneDeep, union } from 'lodash-es'; import type { default as TMagicApp } from '@tmagic/core'; import { getDepNodeIds, getNodes, isPage, isPageFragment, replaceChildNode } from '@tmagic/core'; @@ -82,11 +82,11 @@ export const createDataSourceManager = (app: TMagicApp, useMock?: boolean, initi for (const [, pageFragment] of app.pageFragments) { if (pageFragment.data.id === newNode.id) { - pageFragment.setData(newNode); + pageFragment.setData(cloneDeep(newNode)); } else if (pageFragment.data.id === page.id) { - pageFragment.getNode(newNode.id, { strict: true })?.setData(newNode); + pageFragment.getNode(newNode.id, { strict: true })?.setData(cloneDeep(newNode)); if (!pageFragment.instance) { - replaceChildNode(newNode, [pageFragment.data]); + replaceChildNode(cloneDeep(newNode), [pageFragment.data]); } } }