overflow: scroll; } 将修改后的头部组件和组件路由导航组件文件，重新打成zip包。 参考基于预置组件进行自定义中操作，上传重新打包后的组件。 在高级页面设计器左上方，单击，拖出上传的头部组件、路由导航组件和预置的路由视图组件至设计页面。 单击页面上方的，保存页面。 保存成功后，单击，发布页面。

查看更多 →

</div> 参考6中操作，在组件库中上传该Widget包。 打开一个高级页面，在设计页面左上方单击，从“自定义”组件中拖出刚创建的Widget至右侧空白页面。 单击页面上方的，保存高级页面。 切换环境语言，在不同语种下，在页面中选中拖出的Widget，会在右侧显示该组件的属性配置面板，查看Widget属性是否符合预期。

查看更多 →

eventConfig为组件事件配置项，用于定义组件事件暴露的变量结构，以及事件和对外透传变量的业务含义。eventConfig配置好后，在组件配置交互时可以将事件的itemVal传递给页面全局变量中，供其他组件使用。 典型示例 典型的eventConfig示例如下： // 组件事件配置项，

查看更多 →

将开发好的组件代码压缩到后缀为“.zip”的压缩文件中，也可以单击下载链接，获取样例包“widget_demo_i18n.zip”。 在组件库中上传组件包。 在环境配置的“维护 > 全局元素 > 页面资产管理 > 组件”中，单击“提交新组件”。 在提交新组件页面，设置组件基本信息，并上传压缩文件，单击“提交”。

查看更多 →

视频采集 描述 视频采集组件提供了视频采集功能，移动端需要采集视频信息时，可以使用该组件完成视频采集功能。 开放能力 视频采集为组件资产，提供视频采集组件，如图1所示。 图1 视频采集组件示例 视频采集组件提供的能力： 组件支持配置处理方式：公共或者ISDP+。 组件提供视频数据保存连接器，连接器处理视频数据。

查看更多 →

图片采集 描述 图片采集组件提供了图片采集功能，移动端需要采集图片信息时，可以使用该组件完成图片采集功能。 开放能力 图片采集为组件资产，提供图片采集组件，如图1所示。 图1 图片采集组件示例 图片采集组件提供的能力： 组件支持配置选择采集方式：公共或者ISDP+。 组件提供图片数据保存连接器，连接器处理图片数据。

查看更多 →

插件”页签。 找到需要更新的组件（例如userLogin），单击组件所在行右侧的，进入组件详情页。 图1 页面设置下的组件列表 单击“更新”，进入组件更新页面。 图2 选择更新按钮 单击“上传”，上传本地的组件zip包，再单击“更新”。 图3 更新组件 在“插件”页签，单击，获取锁。

查看更多 →

}) 将修改后的组件Widget包，重新打包。 返回AstroZero环境配置，选择“全局元素 > 页面资产管理 > 组件”，单击“提交新组件”，将3中的组件包上传至组件库中。 图2 上传组件 表2 上传组件参数说明 参数 说明 名字 新建自定义组件的名称，系统会根据组件包名称自动填充。

查看更多 →

eventConfig为组件事件配置项，用于定义组件事件暴露的变量结构，以及事件和对外透传变量的业务含义。eventConfig配置好后，在组件配置交互时可以将事件的itemVal传递给页面全局变量中，供其他组件使用。 典型示例 典型的eventConfig示例如下： // 组件事件配置项，

查看更多 →

将修改后的组件Widget包，重新打包。 返回AstroZero管理中心，选择“应用管理 > 页面资产管理 > 组件”，单击“提交新组件”，将3中的组件包上传至组件库中。 表2 上传组件参数说明 参数 说明 名字 组件名称，系统会根据组件包名称自动填充。 上传图标 组件的显示图标，本示例不配置。

查看更多 →

将修改后的内容，重新打包，您也可以单击widget_demo_mintui.zip，获取该组件包。 返回环境配置，选择“维护 > 全局元素 > 页面资产管理 > 组件”，单击“提交新组件”，将自定义组件包上传至组件库。 图4 上传组件 表2 上传自定义组件参数说明 参数 说明 示例 名字 新提交组件的名称，系统会根据组件包名称自动填充。

查看更多 →

registers"); } } }) 将修改后的组件Widget包，重新打包。 参考开发高级组件中操作，将高级页面组件包上传至组件库中，在页面上中添加该高级页面组件。 当高级页面中拖入widget_demo_mintui高级页面组件后，即可在“页面设置 > 资源”中发现Vue库和MintUI库已加载，表示引用成功。

查看更多 →

全局变量 获取组件对象并操作组件 获取组件。 在“图层”页面，选中日期选择器组件。 图10 选中日期选择器组件 将鼠标悬浮在日期选择器上，组件名称即为组件ID。 图11 获取组件ID 操作组件。 获取到组件ID后，可以通过AstroCanvas提供的API来操作组件，如显示/隐藏组件。

查看更多 →

全局变量 获取组件对象并操作组件 获取组件。 在“图层”页面，选中日期选择器组件。 图10 选中日期选择器组件 将鼠标悬浮在日期选择器上，组件名称即为组件ID。 图11 获取组件ID 操作组件。 获取到组件ID后，可以通过AstroCanvas提供的API来操作组件，如显示/隐藏

查看更多 →

一种业务场景的集合，在项目中可以创建多个页面。 组件 组件（即Widget）是可复用的大屏或移动端页面组成元素，一个大屏或移动端页面由一个或多个Widget拼装而成。如果将一个大屏或移动端页面看成拼图游戏的完整图案，那么Widget相当于拼图的每一小块。 数据中心 数据中心用于对

查看更多 →

文件介绍及示例 文件介绍 {widget}.editor.js为组件属性定义文件，负责组件编辑状态时需要渲染的界面和逻辑。其中，“{widget}”为自定义组件的名称，如本示例中该文件名为“EchartsWidgetTemplate.editor.js”。{widget}.editor.j

查看更多 →

页面。单击创建项目，了解更多。 组件 组件（即Widget）是可复用的大屏或移动端页面组成元素，一个大屏或移动端页面由一个或多个Widget拼装而成。如果将一个大屏或移动端页面看成拼图游戏的完整图案，那么Widget相当于拼图的每一小块。单击组件介绍，了解更多。 数据中心 数据中

查看更多 →

文件介绍及示例 文件介绍 {widget}.editor.js为组件属性定义文件，负责组件编辑状态时需要渲染的界面和逻辑。其中，“{widget}”为自定义组件的名称，如本示例中该文件名为“EchartsWidgetTemplate.editor.js”。{widget}.editor.j

查看更多 →

新建并开发自定义组件 操作场景 当系统预置的组件无法满足用户需求时，用户可自定义组件包进行上传，在页面中进行使用。在开发自定义组件前，请仔细阅读自定义组件开发规范章节内容，了解组件的开发规范。下面以开发网站中常用的柱状图（vue2+Echarts）组件为例，向您介绍如何开发自定义组件。 本

查看更多 →

在页面开发中，通过两个自定义组件（标签页组件、详情展示组件）实现上述场景，其中标签页组件包含产品类别（手机、笔记本、平板等），详情展示组件用于展示不同产品类别的图片信息。两个组件通过事件和动作机制实现交互，在标签页组件中注册标签切换事件，此事件绑定详情展示组件中切换产品图片的动作。

查看更多 →

esql-1.2.3-SNAPSHOT.jar 否 如果输出组件用到实时文件输出组件，则要加上此依赖。 guava-20.0.jar 是 - kafka-clients-2.0.0.jar 否 如果输出组件用到kafka生产组件，则要加上此依赖。 rxjava-1.1.6.jar 是

查看更多 →