媒体类组件

图片、图形、轮播与视频，用于丰富大屏的视觉与素材呈现。

下表只列各组件特有的高频参数；通用参数见组件手册总览。完整全量选项以属性面板为准。

---

图片 basic-image

显示静态图片或数据驱动图片（绑字段用其值作图片地址）。支持滤镜与三态切换。默认尺寸 [320, 200]。

参数：

option	类型	默认	说明
image	file	''	图片地址
fill-style	select	fill	适配：fill(填满) / cover(裁切铺满) / contain(完整) / none
brightness / contrast / saturate / hue	slider	—	亮度 / 对比度 / 饱和度 / 色相滤镜
三态	show-hover / show-click / show-selected	false	各态切换图片与适配
animation-display + animation-type	boolean	false	展示动画（scroll 滚动 / blink 闪烁）

数据绑定：image-field（string, 0~1，动态图片地址）；relationship-field + relationship-value（按值判定选中态）。

交互：click 及通用触发器。

{ "type": "basic-image", "uid": "w_img", "options": {
  "position": [40, 40], "size": [320, 200],
  "image": "https://example.com/pic.png", "fill-style": "cover",
  "image-field": [["conn", "tbl", "封面地址"]] } }

---

图形 basic-graphical

矢量图形（矩形 / 圆 / 多边形 / 箭头 / 线等 14 种），支持填充 / 描边 / 渐变。适合背景块、分隔、指示形状。默认尺寸 [200, 120]。

参数：

option	类型	默认	说明
shape	select	rect	形状：rect / round-rect / circle / ellipse / triangle / diamond / pentagon / hexagon / star / arrow / line 等
shape-radius	number	8	圆角（round-rect）
graphical-color	color(渐变)	#3aa1ff	填充色
stroke-color / stroke-width	color / number	#fff / 0	描边
三态	show-hover / show-click / show-select	false	各态填充 / 描边
animation-display	boolean	false	展示动画

数据绑定：relationship-field + relationship-value（按值判定选中态）。

---

轮播图 basic-carousel

多张图片自动轮播。默认尺寸 [400, 260]。

参数：autoplay + interval（自动播放 / 间隔秒）、effect（slide / fade）、fit（cover / contain / fill）、show-dots / show-arrow（指示点 / 箭头）、radius（圆角）。

数据绑定：image-field（string, 0~1）——绑字段生成轮播图；未绑时用 static-images（每行一个地址）。

---

视频 basic-video

播放视频（本地地址或流地址）。默认尺寸 [400, 260]。

参数：autoplay / loop / muted / controls（自动播放 / 循环 / 静音 / 控件）、fit（contain / cover / fill）、radius（圆角）。

数据绑定：video-field（string, 0~1）——绑字段作视频地址；未绑时用 static-src。

---

延伸阅读：组件手册总览 · 数据系统（图片 / 视频地址数据驱动）· 事件交互。