github/lowcode-engine
1
0
Fork 0
mirror of https://github.com/alibaba/lowcode-engine.git synced 2026-01-19 14:04:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: 支持低代码组件设计态实时改变

Browse Source
This commit is contained in:
mario.gk 2020-06-30 19:52:30 +08:00
parent 80a5c93934
commit c5a817bd3a
1 changed files with 25 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
packages/react-simulator-renderer/src/renderer.ts
View File

@ -219,14 +219,35 @@ export class SimulatorRenderer implements BuiltinSimulatorRenderer {
_schema.methods = {}; _schema.methods = {};
_schema.lifeCycles = {}; _schema.lifeCycles = {};
const getElement = (componentsMap: any, schema: any): ReactElement => { const processPropsSchema = (propsSchema: any, propsMap: any): any => {
if (!propsSchema) {
return {};
}
const result = {...propsSchema};
const reg = /^(?:this\.props|props)\.(\S+)$/;
Object.keys(propsSchema).map((key: string) => {
if (propsSchema[key].type === 'JSExpression') {
const { value } = propsSchema[key];
const matched = reg.exec(value);
if (matched) {
const propName = matched[1];
result[key] = propsMap[propName];
}
}
});
return result;
};
const getElement = (componentsMap: any, schema: any, propsMap: any): ReactElement => {
const Com = componentsMap[schema.componentName]; const Com = componentsMap[schema.componentName];
let children = null; let children = null;
if (schema.children && schema.children.length > 0) { if (schema.children && schema.children.length > 0) {
children = schema.children.map((item: any) => getElement(componentsMap, item)); children = schema.children.map((item: any) => getElement(componentsMap, item, propsMap));
} }
const _leaf = host.document.designer.currentDocument?.createNode(schema); const _leaf = host.document.designer.currentDocument?.createNode(schema);
const props = host.document.designer.transformProps(schema.props || {}, host.document.createNode(schema), 1 /*TransformStage.Render*/); let props = processPropsSchema(schema.props, propsMap);
props = host.document.designer.transformProps(props, host.document.createNode(schema), 1 /*TransformStage.Render*/);
return createElement(Com, {...props, _leaf}, children); return createElement(Com, {...props, _leaf}, children);
} }
@ -236,7 +257,7 @@ export class SimulatorRenderer implements BuiltinSimulatorRenderer {
const componentsMap = renderer.componentsMap; const componentsMap = renderer.componentsMap;
let children = null; let children = null;
if (_schema.children && Array.isArray(_schema.children)) { if (_schema.children && Array.isArray(_schema.children)) {
children = _schema.children?.map((item:any) => getElement(componentsMap, item)); children = _schema.children?.map((item:any) => getElement(componentsMap, item, this.props));
} }
return createElement(React.Fragment, {}, children); return createElement(React.Fragment, {}, children);
} }