管理前端项目的自定义组件

前提条件

• 已进入目标项目的页面设计器，具体操作请参见进入前端项目页面设计器。
• 已上传至少一个自定义组件库，具体操作请参见为UI引擎前端项目添加自定义组件。

启用/停用组件库

通过启用或停用组件库，可以灵活控制组件库在物料面板中的可用性。

1. 在页面设计器的左侧插件栏中，单击，展开“自定义组件（库）”插件面板。
2. 找到目标组件库，根据实际业务需求，启用或停用组件库。
   • 启用组件库：在对应组件库的“操作”栏中单击“启用”。启用后，组件库内的组件将同步至“物料”面板。
     图1 启用组件库
     
   • 停用组件库：在对应组件库的“操作”栏中单击“停用”，在弹出的窗口中按界面提示输入指令并单击“确定”。

     组件库停用后，状态将更新为“已停用”，且该组件库下的所有组件会从“物料”面板中移除。

     图2 停用组件库
     

修改组件库

该操作支持更新组件库的资源文件与版本号。

1. 在页面设计器的左侧插件栏中，单击，展开“自定义组件（库）”插件面板。
2. 找到目标组件库，单击“编辑”，弹出“编辑组件库”窗口。
   图3 编辑组件库
   

3. 在弹出的窗口中，根据实际业务需求，修改版本号、重新上传JS/JSON/CSS附件或更新组件库描述。
   

   如修改版本号，需清空原有附件并重新上传。

4. 确认修改内容无误后，单击“确定”。

下载自定义组件库

该操作支持将已上传的组件库资源下载至本地备份。

1. 在页面设计器的左侧插件栏中，单击，展开“自定义组件（库）”插件面板。
2. 找到目标组件库，选择“更多 > 下载”，将组件库下载至本地。

   系统将自动打包生成一个ZIP格式压缩包，包含该组件库上传时的所有资源文件（JS、JSON、CSS），便于本地存档或二次开发。

   图4 下载自定义组件库
   

查看组件库详情

该操作用于查阅组件库的完整配置信息。

1. 在页面设计器的左侧插件栏中，单击，展开“自定义组件（库）”插件面板。
2. 找到目标组件库，选择“更多 > 查看详情”，弹出“组件库详情”窗口。
   图5 查看组件库详情
   

3. 在弹出的窗口中，可查看组件库的名称、版本号、描述、上传的附件信息等全部基础配置。
   图6 组件库详情
   

删除组件库

该操作用于移除不再需要的自定义组件库。

1. 在页面设计器的左侧插件栏中，单击，展开“自定义组件（库）”插件面板。
2. 找到目标组件库，选择“更多 > 删除”。
   图7 删除组件库
   

3. 在弹出的窗口中，根据界面提示输入指令，单击“确定”。
   

   如果组件库中的组件已被当前项目的任意页面引用，需先在对应页面中删除相关组件，否则无法完成组件库的删除操作。