/* * Tencent is pleased to support the open source community by making TMagicEditor available. * * Copyright (C) 2025 Tencent. All rights reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ import { union } from 'lodash-es'; import type { default as TMagicApp } from '@tmagic/core'; import { getDepNodeIds, getNodes, isPage, isPageFragment } from '@tmagic/core'; import DataSourceManager from './DataSourceManager'; import type { ChangeEvent, DataSourceManagerData } from './types'; import { updateNode } from './utils'; /** * 创建数据源管理器 * @param {TMagicApp} app * @param {boolean} useMock 是否使用mock数据 * @param {DataSourceManagerData} initialData 初始化数据,ssr数据可以由此传入 * @returns {DataSourceManager | undefined} */ export const createDataSourceManager = (app: TMagicApp, useMock?: boolean, initialData?: DataSourceManagerData) => { const { dsl, platform } = app; if (!dsl?.dataSources) return; const dataSourceManager = new DataSourceManager({ app, useMock, initialData }); if (dsl.dataSources && dsl.dataSourceCondDeps && platform !== 'editor') { getNodes(getDepNodeIds(dsl.dataSourceCondDeps), dsl.items).forEach((node) => { node.condResult = dataSourceManager.compliedConds(node); updateNode(node, dsl!); }); } if (dsl.dataSources && dsl.dataSourceDeps) { getNodes(getDepNodeIds(dsl.dataSourceDeps), dsl.items).forEach((node) => { updateNode(dataSourceManager.compiledNode(node), dsl!); }); } // ssr环境下,数据应该是提前准备好的(放到initialData中),不应该发生变化,无需监听 // 有initialData不一定是在ssr环境下 if (app.jsEngine === 'nodejs') { return dataSourceManager; } dataSourceManager.on('change', (sourceId: string, changeEvent: ChangeEvent) => { const dep = dsl.dataSourceDeps?.[sourceId] || {}; const condDep = dsl.dataSourceCondDeps?.[sourceId] || {}; const nodeIds = union([...Object.keys(condDep), ...Object.keys(dep)]); for (const page of dsl.items) { if (app.platform === 'editor' || (isPage(page) && page.id === app.page?.data.id) || isPageFragment(page)) { const newNodes = getNodes(nodeIds, [page]).map((node) => { if (app.platform !== 'editor') { node.condResult = dataSourceManager.compliedConds(node); } const newNode = dataSourceManager.compiledNode(node); if (typeof app.page?.setData === 'function') { if (isPage(newNode)) { app.page.setData(newNode); } else if (isPageFragment(newNode)) { for (const [, page] of app.pageFragments) { if (page.data.id === node.id) { page.setData(newNode); } } } else { app.getNode(node.id)?.setData(newNode); } } return newNode; }); if (newNodes.length) { dataSourceManager.emit('update-data', newNodes, sourceId, changeEvent, page.id); } } } }); return dataSourceManager; };