
# 低代码组件平台
对于官方组件无法满足的企业营销场景，可以通过低码平台中的组件平台实现自定义组件，供编辑器使用，满足丰富的前端样式展示和用户交互操作的需求。
Tuzki Cli是一套针对兔展低码产品设计的工程化解决方案，提供了一系列的工具，帮助开发者快速搭建低码项目，提升开发效率。
#### 创建组件库
在组件平台页面单击【创建组件库】按钮，打开「创建组件库」抽屉，填写必填信息后单击【确认】按钮。
图1创建组件库   
![](https://support.huaweicloud.com/race-dgm/zh-cn_image_0000002106664066.png)
图2确认   
![](https://support.huaweicloud.com/race-dgm/zh-cn_image_0000002142343225.png)
#### 创建组件库版本
在组件库版本列表页单击【创建版本】按钮，打开「创建版本」抽屉，填写必填信息后单击【确认】按钮。
图3创建版本   
![](https://support.huaweicloud.com/race-dgm/zh-cn_image_0000002106825222.png)
图4确认   
![](https://support.huaweicloud.com/race-dgm/zh-cn_image_0000002106665530.png)
#### 创建组件
在组件库详情页单击【新建组件】按钮，打开「创建组件」抽屉，填写必填信息后单击【确认】按钮。
图5新建组件   
![](https://support.huaweicloud.com/race-dgm/zh-cn_image_0000002106666030.png)
图6确认   
![](https://support.huaweicloud.com/race-dgm/zh-cn_image_0000002106666310.png)
#### 组件配置
方法定义：在组件详情页-方法定义tab下，单击【添加方法】按钮添加方法，填写方法基础信息、入参、出参的所有必要信息后，单击【保存】按钮完成该方法定义。
图7方法定义   
![](https://support.huaweicloud.com/race-dgm/zh-cn_image_0000002142346493.png)
事件定义：组件详情页-事件定义tab下，单击【添加事件】按钮添加事件，填写事件基础信息、出参的所有必要信息后，单击【保存】按钮完成该事件定义。
图8事件定义   
![](https://support.huaweicloud.com/race-dgm/zh-cn_image_0000002106668094.png)
配置定义：组件详情页-配置定义tab下，单击【新增】按钮新增配置字段，填写必填信息后，单击【保存】按钮完成该组件配置定义。
图9配置定义   
![](https://support.huaweicloud.com/race-dgm/zh-cn_image_0000002142347357.png)
#### 构建组件库
在组件库版本数据表格中单击【构建】按钮，确认构建即可。
图10构建   
![](https://support.huaweicloud.com/race-dgm/zh-cn_image_0000002106669762.png)
单击【查看构建日志】按钮，弹出构建日志弹框，包含构建状态，构建过程，各构建节点的详细日志。
图11查看构建日志   
![](https://support.huaweicloud.com/race-dgm/zh-cn_image_0000002142348901.png)
#### 上线组件库
在组件库版本页面中单击【上线】按钮，进入上线页面，选择可使用部门，确认后即可完成该版本的上线操作。
图12上线组件库   
![](https://support.huaweicloud.com/race-dgm/zh-cn_image_0000002144899565.png)
