概述

云视界提供了让用户自己创建界面组件的特性，称之为“自定义组件”。通过这个特性，用户就能够将自定义开发的组件抽象成组件库组件，使组件库的使用变得非常灵活。

场景描述

自定义组件功能需要用户运用js/css/json/html语言进行脚本开发。
企业租户获得云视界自定义组件的授权后，该企业研发人员可以通过云视界开发组件供租户下所有用户进行使用，用户可以完全不依赖云视界自研组件创作可视化大屏。

自定义组件使用流程

编辑器内组件操作

未发布组件

新建分组

在“未发布组件”中创建自定义组件分组，以便管理自己开发中的组件。

支持对分组进行重命名、删除操作。

新建组件

在“未发布组件”中新建自定义组件，设置组件名称、分组、缩略图，上传代码压缩包，完成创建。可以参照云视界提供的代码包模板进行线下开发，以便不需要依赖云视界的在线环境。


组件创建好后，将跳转至组件编辑页面。

编辑

未发布组件支持在线编辑，点击“编辑”或双击组件进入组件编辑页面对组件进行编辑操作。


组件编辑页面“新建文件夹”，以便管理自己的代码文件。

支持“新建文件”或“导入文件”方式创建代码文件。




点击“编辑”或双击文件打开对该代码文件进行编辑。


操作栏分别是调试、控制台、全屏、收起、保存、关闭按钮。


点击“控制台”按钮，弹出控制台弹窗，显示错误、报警、通知数量。

移动

可以将组件移动至其他分组。

删除

可以对未发布的组件进行删除操作。

调试

自定义组件发布前，可以在云视界中调试组件，以便测试开发的组件在云视界的呈现效果。提示“组件调试成功”，即可发布组件。

发布

可以将自己开发的组件发布到已发布组件中，以便租户下其他用户使用。

已发布组件

新建分组

在“已发布组件”中创建自定义组件分组，以便管理和快速查找。

移动

可以将组件移动至其他分组。