model-ui-gen
v0.1.41
Published
毫末科技模型推理生成UI界面的库
Downloads
7
Readme
毫末模型UI生成库
1 说明
该库起到以下作用:
- 用来辅助前端界面推理得到预览的组件或者页面
- 生成最终的组件/页面的page.json和logic.json
2 预览
2.1 组件预览
- 所有可以推理的组件,预览的部分都由一个组件实现,例如 HmAntFormily、HmAntTable等组件;
- 用户的配置参数,为该组件生成props,从而改变预览的组件的显示;
2.2 页面预览
- 所有可以推理的页面,预览的部分由与页面模板结构类似的组件树组成;
- 用户的配置参数,为该页面里的每个组件生成props,从而改变预览的页面的显示;
3 设计云页面生成
3.1 插入模板组件
- 模板组件无需实现定义好任何模板文件;
- 所有被插入的组件,暂时只能是单一的一个组件,不能是复合组件;
- 用户的配置参数,为该组件生成props,并在点击确认之后,修改所在页面的 page.json 中的对应组件的props;
3.2 生成模板页面
- 需提前定义好该页面的模板文件。模板文件包括两个:page.json.hbs和逻辑组。逻辑组里有多个逻辑文件,例如 add.json.hbs、delete.json.hbs;
- 用户的配置参数,为该页面里的每个组件生成props:
- 每个组件的props将渲染到 page.json.hbs 中替代 prop.value值,并生成 page.json;
- 每个组件的props,将渲染到 logics/*.json.hbs 中的逻辑流模板中。每个逻辑流模板由每个节点的配置参数将由用户的配置参数生成的组件id和组件决定;