# 管理前端项目的自定义组件
本文档详细介绍UI引擎页面设计器中自定义组件库的全生命周期管理操作，包括启用/停用、修改、详情查看、删除及下载，帮助开发者高效维护自定义组件资源。
#### 前提条件
- 已进入目标项目的页面设计器，具体操作请参见[进入前端项目页面设计器](https://support.huaweicloud.com/usermanual-idme/idme_ui_0014.html)。
- 已上传至少一个自定义组件库，具体操作请参见[为UI引擎前端项目添加自定义组件](https://support.huaweicloud.com/usermanual-idme/idme_ui_0073.html)。
 
#### 启用/停用组件库
通过启用或停用组件库，可以灵活控制组件库在物料面板中的可用性。
1. 在页面设计器的左侧插件栏中，单击![](https://support.huaweicloud.com/usermanual-idme/figure/zh-cn_image_0000002502371074.png)，展开"自定义组件（库）"插件面板。
2. 找到目标组件库，根据实际业务需求，启用或停用组件库。 
   - **启用组件库** ：在对应组件库的"操作"栏中单击"启用"。启用后，组件库内的组件将同步至"物料"面板。
     图1启用组件库   
     ![](https://support.huaweicloud.com/usermanual-idme/figure/zh-cn_image_0000002533957255.png "点击放大") 
   
   - **停用组件库** ：在对应组件库的"操作"栏中单击"停用"，在弹出的窗口中按界面提示输入指令并单击"确定"。
     组件库停用后，状态将更新为"已停用"，且该组件库下的所有组件会从"物料"面板中移除。
     图2停用组件库   
     ![](https://support.huaweicloud.com/usermanual-idme/figure/zh-cn_image_0000002502357426.png "点击放大") 
   
   
   
   
 
#### 修改组件库
该操作支持更新组件库的资源文件与版本号。
1. 在页面设计器的左侧插件栏中，单击![](https://support.huaweicloud.com/usermanual-idme/figure/zh-cn_image_0000002534051107.png)，展开"自定义组件（库）"插件面板。
2. 找到目标组件库，单击"编辑"，弹出"编辑组件库"窗口。 
   图3编辑组件库   
   ![](https://support.huaweicloud.com/usermanual-idme/figure/zh-cn_image_0000002502211230.png "点击放大")
   
   
3. 在弹出的窗口中，根据实际业务需求，修改版本号、重新上传JS/JSON/CSS附件或更新组件库描述。 
   ![](https://support.huaweicloud.com/usermanual-idme/public_sys-resources/caution_3.0-zh-cn.png)
   如修改版本号，需清空原有附件并重新上传。
   
   
4. 确认修改内容无误后，单击"确定"。
 
#### 下载自定义组件库
该操作支持将已上传的组件库资源下载至本地备份。
1. 在页面设计器的左侧插件栏中，单击![](https://support.huaweicloud.com/usermanual-idme/figure/zh-cn_image_0000002502371072.png)，展开"自定义组件（库）"插件面板。
2. 找到目标组件库，选择"更多 \> 下载"，将组件库下载至本地。 
   系统将自动打包生成一个ZIP格式的压缩包，包含该组件库上传时的所有资源文件（JS、JSON、CSS），便于本地存档或二次开发。
   图4下载自定义组件库   
   ![](https://support.huaweicloud.com/usermanual-idme/figure/zh-cn_image_0000002533971063.png "点击放大")
   
   
 
#### 查看组件库详情
该操作用于查阅组件库的完整配置信息。
1. 在页面设计器的左侧插件栏中，单击![](https://support.huaweicloud.com/usermanual-idme/figure/zh-cn_image_0000002534051105.png)，展开"自定义组件（库）"插件面板。
2. 找到目标组件库，选择"更多 \> 查看详情"，弹出"组件库详情"窗口。 
   图5查看组件库详情   
   ![](https://support.huaweicloud.com/usermanual-idme/figure/zh-cn_image_0000002533940529.png "点击放大")
   
   
3. 在弹出的窗口中，可查看组件库的名称、版本号、描述、上传的附件信息等全部基础配置。 
   图6组件库详情   
   ![](https://support.huaweicloud.com/usermanual-idme/figure/zh-cn_image_0000002502211232.png)
   
   
 
#### 删除组件库
该操作用于移除不再需要的自定义组件库。
1. 在页面设计器的左侧插件栏中，单击![](https://support.huaweicloud.com/usermanual-idme/figure/zh-cn_image_0000002533971061.png)，展开"自定义组件（库）"插件面板。
2. 找到目标组件库，选择"更多 \> 删除"。 
   图7删除组件库   
   ![](https://support.huaweicloud.com/usermanual-idme/figure/zh-cn_image_0000002502343694.png "点击放大")
   
   
3. 在弹出的窗口中，根据界面提示输入指令，单击"确定"。 
   ![](https://support.huaweicloud.com/usermanual-idme/public_sys-resources/caution_3.0-zh-cn.png)
   如果组件库中的组件已被当前项目的任意页面引用，需先在对应页面中删除相关组件，否则无法完成组件库的删除操作。