自定义组件

自定义组件.md

自定义组件需求

背景

现在自定义代码有一些不方便的地方包括：

• js，css只能用原生，不能用es6和sass
• 组件没有复用性
• 代码没有压缩，bundle变大

所以希望在以上基础上进行优化

流程

1. 编辑页面增加自定义组件模块，该模块在原来的自定义代码基础上增加input参数功能
2. 增加保存按钮，发送node进行babel转义，将转译后的代码存入数据库
3. 编辑页面增加自定义组件栏目，能查看和添加所有的自定义组件，可以输入参数进行配置

开发checklist

1. 新建表，field包括id,html,css,js,接口包括list，detail，update，create
2. 编辑器新建新的栏目——自定义组件，点击弹窗出组件列表，可新增可编辑，选中一个返回编辑器，输入参数，完成自定义组件配置
3. code界面新增添加参数功能，提供文本框，单选，多选类型的参数可供添加
4. 上线时将自定义组件代码固化到bundle里；编辑预览调用detail接口获取代码，插入预览页面