mirror/sunmao-ui
2
0
Fork 0
mirror of https://github.com/smartxworks/sunmao-ui.git synced 2025-02-17 17:40:31 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix bug that the editor will crash after change module

Browse Source
This commit is contained in:
Bowen Tan 2022-02-07 14:32:48 +08:00
parent 742f8f2d72
commit a0e1a9bf31
2 changed files with 50 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/editor/src/services/AppStorage.ts
View File

@ -1,6 +1,5 @@
import { observable, makeObservable, action, toJS } from 'mobx';
import { Application, ComponentSchema, Module, RuntimeModule } from '@sunmao-ui/core';
import { cloneDeep } from 'lodash-es';
import { produce } from 'immer';
import { DefaultNewModule, EmptyAppSchema } from '../constants';
import { addModuleId } from '../utils/addModuleId';
@ -128,7 +127,7 @@ export class AppStorage {
}
private saveModules() {
const modules = cloneDeep(this.modules).map(addModuleId);
const modules = this.modules.map(addModuleId);
this.storageHanlder?.onSaveModules && this.storageHanlder?.onSaveModules(modules);
}

11
packages/editor/src/utils/addModuleId.ts
View File

@ -2,6 +2,7 @@ import { Module } from '@sunmao-ui/core';
import * as acorn from 'acorn';
import * as acornLoose from 'acorn-loose';
import { simple as simpleWalk } from 'acorn-walk';
import produce from 'immer';
const ModuleIdPrefix = '{{ $moduleId }}__';
@ -12,7 +13,8 @@ type StringPos = {
};
// add {{$moduleId}} in moduleSchema
export function addModuleId(module: Module): Module {
export function addModuleId(originModule: Module): Module {
return produce(originModule, module => {
const ids: string[] = [];
module.impl.forEach(c => {
ids.push(c.id);
@ -50,11 +52,12 @@ export function addModuleId(module: Module): Module {
traverse(module.impl);
// value of stateMap is expression, not property
traverse(module.spec.stateMap, true);
return module;
});
}
// remove '{{$moduleId}}__' in moduleSchema
export function removeModuleId(module: Module): Module {
export function removeModuleId(originModule: Module): Module {
return produce(originModule, module => {
function traverse(tree: Record<string, any>) {
for (const key in tree) {
const val = tree[key];
@ -68,7 +71,7 @@ export function removeModuleId(module: Module): Module {
traverse(module.impl);
traverse(module.spec.stateMap);
return module;
});
}
// example: replaceIdsInExp('{{input1.value}} + {{input2.value}}', ids: ['input1']])