检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
showHint Boolean 否 showHint: false 是否展示提示图标。
在华为云Astro大屏应用中自定义组件时,需要在服务端提前渲染的部分,可以写在此文件中。
自定义组件时,如何设置交互事件的输出变量 操作场景 开发者自定义组件时,可设置交互事件的输出变量,如图1所示,华为云Astro大屏应用支持将事件的输出变量(如“selectValue”)绑定页面级的全局变量(如“status”)。
华为云Astro大屏应用的组件未进行打包编译,CSS样式可能存在互相影响的风险。因为,CSS选择器务必要加上组件id,通过组件id减少互相影响的可能。
propertiesConfig配置设置后效果 表1 组件配置项说明 字段 类型 示例 说明 migrateFrom String migrateFrom: "advancedSettings" 固定写法,配置后非华为云Astro大屏应用平台右侧属性面板会过滤掉配置项。
tip Object 否 tip: { zh_CN: "中文提示", en_US: "English tip"} 提示图标,当配置项比较复杂,可以添加一些提示内容。
tip Object 否 tip: { zh_CN: "中文提示", en_US: "English tip"} 提示图标,当配置项比较复杂,可以添加一些提示内容。
{widget}.js 文件介绍 {widget}.js为组件逻辑文件,整个Widget的渲染核心JS,在组件编辑状态和页面最终的发布运行态都会被加载执行。一个推荐的组件架构,应包含表1中API。其中,init、render和beforeDestory为组件的通用生命周期函数,其余为推荐模板实现
tip Object 否 tip: { zh_CN: "中文提示", en_US: "English tip"} 提示图标,当配置项比较复杂,可以添加一些提示内容。
tip Object 否 tip: { zh_CN: "中文提示", en_US: "English tip"} 提示图标,当配置项比较复杂,可以添加一些提示内容。
事件 无 配置示例 time配置示例如下,配置后效果如图1所示。
change change 值改变时触发 (value, data, field) addItemFunc addAssembleType 单击新增时触发 (vm) itemDelCallBack delAssembleType 单击删除时触发 (value) 配置示例 配置后效果,如图1
图2 给全局变量赋值 表2 fields数组中对象字段详细说明 字段 类型 说明 name String key值。 desc Object 字段描述,需要国际化。 暴露给全局变量的字段,一定要在触发事件参数中定义,如图3。 图3 定义字段 父主题: 组件交互
tip Object 否 tip: { zh_CN: "中文提示", en_US: "English tip"} 提示图标,当配置项比较复杂,可以添加一些提示内容。
tip Object 否 tip: { zh_CN: "中文提示", en_US: "English tip"} 提示图标,当配置项比较复杂,可以添加一些提示内容。
i18n.json 文件介绍 i18n.json为组件的国际化资源文件,用于配置多语言,目前支持的多语言包含中英文两种,相应的key值分别为['zh-CN','en-US']。多语言文件支持配置在多个Json中,在packageinfo.json中的配置示例如下: "i18n":
packageinfo.json 文件介绍 packageinfo.json是组件的元数据描述文件,用于配置组件的基本信息。 文件示例 { "widgetApi": [{ "name": "EchartsWidgetTemplate" }], "widgetDescription
图1 数据源信息 getConnectorInstanceByName 通过Connector名称获取Connector实例,再通过process方法调用接口获得数据。
$set(this.readerVm.selectConf, "selectValue", event.itemVal); }, 配置动作时,可以在华为云Astro大屏应用画布交付界面,配置itemVal的值为“${e.xxx}”将事件抛出的“xxx”参数复制到itemVal中。
预置分类 预置分类为华为云Astro大屏应用预置的分类,包含的图标和名称如下所示: 表1 预置分类包含的图标和名称 name 分类 图标关键字 图标 说明 card 卡片-自定义 card - configuration 配置-自定义 configuration 组件级的配置项建议放到该分类中