JLNTV_IPD/tmagic-editor
4
0
Fork 0
mirror of https://github.com/Tencent/tmagic-editor.git synced 2025-04-06 03:57:56 +08:00
Code Issues Projects Releases Wiki Activity

fix(editor): 修改数据源可能造成页面卡死

Browse Source
This commit is contained in:
roymondchen 2025-01-17 19:48:02 +08:00
parent 215ef93173
commit e9c6a3bb2f
1 changed files with 45 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
packages/editor/src/initService.ts
View File

@ -265,10 +265,6 @@ export const initServiceEvents = (
if (app.dsl) { if (app.dsl) {
app.dsl.dataSources = root.dataSources; app.dsl.dataSources = root.dataSources;
} }
if (root.dataSources) {
app.dataSourceManager?.updateSchema(root.dataSources);
}
}; };
const dsDepCollectedHandler = async () => { const dsDepCollectedHandler = async () => {
@ -459,13 +455,39 @@ export const initServiceEvents = (
const dataSourceAddHandler = async (config: DataSourceSchema) => { const dataSourceAddHandler = async (config: DataSourceSchema) => {
initDataSourceDepTarget(config); initDataSourceDepTarget(config);
const app = await getTMagicApp(); const app = await getTMagicApp();
app?.dataSourceManager?.addDataSource(config);
if (!app?.dataSourceManager) {
return;
}
app.dataSourceManager.addDataSource(config);
const newDs = app.dataSourceManager.get(config.id);
if (newDs) {
app.dataSourceManager.init(newDs);
}
}; };
const dataSourceUpdateHandler = async ( const dataSourceUpdateHandler = async (
config: DataSourceSchema, config: DataSourceSchema,
{ changeRecords }: { changeRecords: ChangeRecord[] }, { changeRecords }: { changeRecords: ChangeRecord[] },
) => { ) => {
const updateDsData = async () => {
const app = await getTMagicApp();
if (!app?.dataSourceManager) {
return;
}
const ds = app.dataSourceManager.get(config.id);
if (!ds) return;
ds.setFields(config.fields);
ds.setData(config.mocks?.find((mock) => mock.useInEditor)?.data || ds.getDefaultData());
};
let needRecollectDep = false; let needRecollectDep = false;
let isModifyField = false; let isModifyField = false;
let isModifyMock = false; let isModifyMock = false;
@ -515,12 +537,12 @@ export const initServiceEvents = (
} }
Promise.all(collectIdlePromises).then(() => { Promise.all(collectIdlePromises).then(() => {
updateDataSourceSchema(); updateDataSourceSchema();
updateDsData();
updateStageNodes(root.items); updateStageNodes(root.items);
}); });
} }
} else if (root?.dataSources) { } else if (root?.dataSources) {
const app = await getTMagicApp(); updateDsData();
app?.dataSourceManager?.updateSchema(root.dataSources);
} }
}; };
@ -530,20 +552,28 @@ export const initServiceEvents = (
depService.removeTarget(id, DepTargetType.DATA_SOURCE_METHOD); depService.removeTarget(id, DepTargetType.DATA_SOURCE_METHOD);
}; };
const dataSourceRemoveHandler = (id: string) => { const dataSourceRemoveHandler = async (id: string) => {
const root = editorService.get('root'); const root = editorService.get('root');
const nodeIds = Object.keys(root?.dataSourceDeps?.[id] || {});
const nodes = getNodes(nodeIds, root?.items);
Promise.all([ if (!root) {
return;
}
const nodeIds = Object.keys(root.dataSourceDeps?.[id] || {});
const nodes = getNodes(nodeIds, root.items);
await Promise.all([
collectIdle(nodes, false, DepTargetType.DATA_SOURCE), collectIdle(nodes, false, DepTargetType.DATA_SOURCE),
collectIdle(nodes, false, DepTargetType.DATA_SOURCE_COND), collectIdle(nodes, false, DepTargetType.DATA_SOURCE_COND),
collectIdle(nodes, false, DepTargetType.DATA_SOURCE_METHOD), collectIdle(nodes, false, DepTargetType.DATA_SOURCE_METHOD),
]).then(() => { ]);
updateDataSourceSchema();
updateStageNodes(nodes);
});
updateDataSourceSchema();
const app = await getTMagicApp();
app?.dataSourceManager?.removeDataSource(id);
updateStageNodes(nodes);
removeDataSourceTarget(id); removeDataSourceTarget(id);
}; };