¶ 组件
¶ 组件属性
¶ 基本信息
概述 每一个组件都拥有的属性 组件公共配置信息
- 名称：组件名称
- 描述：组件特定描述
- 标签：组件标志
- 隐藏：组件是否可见（重新显示需要在图层中选择）
- 锁定：组件是否可拖动
¶ 组件的定制属性
概述 组件特色配置属性
¶ 组件图形
概述 组件基础配置，用户可对组件的尺寸、坐标、旋转、水平翻转、垂直翻转进行编辑。
配置项：
- 宽：组件宽度
- 高：组件高度
- 左边距：组件离左边线坐标距离，单位px。
- 右边距：组件离右边线坐标距离，单位px。
- 上边距：组件离上边线坐标距离，单位px。
- 下边距：组件离下边线坐标距离，单位px。
- 旋转角度：组件离左边线坐标距离，单位px。
- 水平缩放：水平方向（宽度）上改变对象的大小。例如，将图片的宽度增加或减少。
- 垂直缩放：垂直方向（高度）上改变对象的大小。例如，将图片的高度增加或减少。
- 横向倾斜：对象在水平方向上倾斜。
- 纵向倾斜：对象在垂直方向上倾斜。
- 水平镜像：对象的左侧和右侧互换
- 垂直镜像：对象的顶部和底部互换。
- 边框宽度：元素的边框的粗细
- 边框样式：边框的外观。
- 边框颜色:边框的颜色。
- 背景颜色：元素背景填充的颜色。
- 自定义样式：用户div组件样式。格式为
- 开启动画：是否开启动画
- 动画：动画类型
- 动画延迟：动画延迟多久执行
- 动画速度: 动画执行速度
- 动画迭代: 动画执行次数
请注意，如果样式名为两个英文组成例如 border-radius ,自定义样式中应填写为{“borderRadius”:“10px”}
¶ 组件订阅
概述 用户可配置数据源，数据源包括静态数据、动态数据两种类型；选择动态数据类型时，配置完成数据源后，返回到属性设置中，在列字段名中进行绑定动态数据；选择设备数据类型时，配置完成设备、设备属性后，点击完成。
注意：订阅数据源后，原静态数据失效，数据源数据将替代静态数据
注意：订阅的数据源数据格式必须与选择属性的静态数据数据格式相同，如果不同请使用数据过滤，将数据格式转为相同数据格式
-
1.配置数据源
详情请见 可视化大屏详解–配置数据源 -
- 数据映射
路径：从选择的数据类型中，配置获取路径。
数据过滤：编写脚本处理数据，该脚本会在路径之前执行，参数data结构与响应数据结构相同。
注意：返回值路径必须与数据映射路径相同
映射属性：将路径和数据过滤处理后的数据映射到组件自身所选属性上
映射路径：只需要子属性，而非对象。例如组件自身属性如果是一个对象如{ title: ‘’, data: ‘’ }，需要将数据映射到title属性而不是整个对象则需要填写路径title
- 数据映射
¶ 组件事件
概述 用户可配置事件，处理数据或页面。
配置项：
- 事件类型
配置项：- 属性更新 选择自身某个属性后，创建一个监听，当属性变化后执行后续配置的动作
- 单击
- 双击
- 鼠标按下
- 鼠标松开
- 执行动作
- 跳转链接
- 弹窗：显示内容为选择的页面
- 刷新数据源：请求一次配置的数据接口，并刷新本地保存的值
- 指令下发：跟数据源的配置其实一样
- 组件函数：某些组件暴露了可调用函数，如果事件类型是属性更新，会传递更新的值
- 执行配置
- 动作不同所显示的配置也不同
- 链接：配置url
- 弹窗
- 选择弹窗页面
- 弹窗的位置和其他配置
- 数据源：选择数据源目标
- 指令：参数配置和数据源一样的
- 组件函数：这里组件是不能选择自己的，自己触发自己的函数没有意义，没有暴漏函数的组件也不会在选择列表中出现
- 动作不同所显示的配置也不同
