检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
通用配置 配置项说明 表1 配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "input" 配置项类型。 value String 否 value: "defaultValue" 默认值。 name String 是 name: "commProps
组件配置项(Config配置) 配置项总览 通用配置 input textarea input-number slider tab switch radio checkbox colorpicker time select list 父主题: 自定义组件开发规范
配置项总览 本章节介绍AstroCanvas支持的组件配置项,您可以通过{widget}.editor.js文件中定义的type字段,来定义组件的类型和配置。 表1 配置项总览 类别 类型 说明 输入框 input 单行文本输入框 textarea 多行文本输入框 数字类型 input-number
选项中值对应的key,默认为value。 事件 表2 事件 事件名称 调用配置项中的方法 说明 回调参数 change change 值改变时触发 (value, data, field) 配置示例 tab配置示例如下,配置后效果如图1所示。 { type: 'tab', name: 'commProps
是否显示该配置项,可自定义函数,根据其他选项的值来判定是否显示,返回true显示function定义。 事件 表2 事件 事件名称 调用配置项中的方法 说明 回调参数 change change 值改变时触发 (value, data, field) 配置示例 switch配置示例如下,配置后效果如图1所示。
time 配置项说明 表1 time配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "time" 配置项类型。 subType String 否 subType: "date" 子类型,支持的类型有time、date和datetime。 value
list 配置项说明 表1 list配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "list" 配置项类型。 name String 是 name:"intervalColors" 双向绑定list名称。 label Object 否 label:
append: "%" 添加的字符串。 事件 表2 事件 事件名称 调用配置项中的方法 说明 回调参数 change change 值改变的时候触发 (value, data, field) 配置示例 slider配置示例如下,配置后效果如图1所示。 { type: 'slider', name:
input 配置项说明 表1 input配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "input" 配置项类型。 subType String 否 subType: "password" 子类型,支持的类型有number、password。
false 是否展示提示图标。 事件 表2 事件 事件名称 调用配置项中的方法 说明 回调参数 change change 值改变时触发 (value, data, field) 配置示例 radio配置示例如下,配置后效果如图1所示。 { type: 'radio', name:
checkbox 配置项说明 表1 checkbox配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "checkbox" 配置项类型。 value Boolean 否 value: true 默认值。 name String 是 name: "commProps
() => () 远程搜索方法。 事件 表2 事件 事件名称 调用配置项中的方法 说明 回调参数 change change 值改变时触发 (value, data, field) 配置示例 select配置示例如下,配置后效果如图1所示。 { type: 'select', name:
input-number 配置项说明 表1 input-number配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "input-number" 配置项类型。 value String 否 value: 1 默认值。 name String 是
textarea 配置项说明 表1 textarea配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "textarea" 配置项类型。 value String 否 - 默认值。 name String 是 name: "commProps.myString"
colorpicker 配置项说明 表1 colorpicker配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "colorpicker" 配置项类型。 value String 否 value: "defaultValue" 默认值。 name
propertiesConfig是一个数组,用于保存组件配置项的相关字段,包括数据接入配置、组件配置项。 图1 propertiesConfig配置示例 数据接入配置 数据接入配置详细介绍,请参见组件数据接入。 组件配置项 配置示例如下,配置后效果如图2所示,组件配置项详细介绍请参见表1。 {
示。 边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,设置组件的日期选择器的类型、输入框边框字体设置等。 图4 配置 日期选择器的类型:支持年选择器、月选择器、日选择器、多个日期选择器、周选择器和带时间的日选择器等。 输入框边框字体设置
页签,单击,重新配置。 图4 导入项目包 选择安装包,安装该项目即可。 安装成功后,界面会显示“安装包成功”。在已安装的项目上,单击项目图标,即可进入该项目。 父主题: 发布及安装项目
私有化部署安装指导 私有化部署是指将在AstroCanvas企业版实例中开发的项目打包下载,并安装部署到用户的内网中使用。 操作流程 私有化部署AstroCanvas的操作流程,如图1所示。 图1 AstroCanvas私有化部署流程 步骤一:购买AstroCanvas企业版实例
文件介绍 i18n.json为组件的国际化资源文件,用于配置多语言,目前支持的多语言包含中英文两种,相应的key值分别为['zh-CN','en-US']。多语言文件支持配置在多个Json中,在packageinfo.json中的配置示例如下: "i18n": [{ "name":