mirror of
https://github.com/Tencent/tmagic-editor.git
synced 2025-09-19 12:14:27 +08:00
100 lines
3.6 KiB
TypeScript
100 lines
3.6 KiB
TypeScript
/*
|
||
* 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;
|
||
};
|