能力

diagram-view

安全 SVG 图表预览区域，可配合 ac.renderMermaid 渲染 Mermaid。

协议优先 MiniKit 扩展宿主能力：diagram

使用示例

<diagram-view diagram-id="preview" svg="{{diagramSvg}}" bindwheel="onZoom" />

属性说明

属性	类型	默认值	必填	说明
`id`	`string`		否	节点标识，可用于 label.for 或测试定位。
`class`	`string`		否	附加样式类名。
`style`	`string`		否	受限内联样式。
`hidden`	`boolean`	false	否	是否隐藏当前节点。
`data-*`	`string`		否	事件触发时进入 event.dataset。
`diagram-id`	`string`		否	组件支持属性。
`code`	`string`		否	组件支持属性。
`svg`	`string`		否	组件支持属性。
`scale`	`number`	16	否	地图缩放级别。
`x`	`string`		否	组件支持属性。
`y`	`string`		否	组件支持属性。
`background`	`string`		否	组件支持属性。
`fit`	`string`		否	组件支持属性。
`aria-label`	`string`		否	组件支持属性。

事件说明

事件	event.detail	说明
`bindtap`	`{ dataset }`	点击时触发。
`bindtouchstart`	`{ touches, changedTouches }`	触摸事件。
`bindtouchmove`	`{ touches, changedTouches }`	触摸事件。
`bindtouchend`	`{ touches, changedTouches }`	触摸事件。
`bindpointerdown`	`{ dataset }`	组件状态变化时触发。
`bindpointermove`	`{ dataset }`	组件状态变化时触发。
`bindpointerup`	`{ dataset }`	组件状态变化时触发。
`bindwheel`	`{ dataset }`	组件状态变化时触发。
`bindcontextmenu`	`{ dataset }`	组件状态变化时触发。

Manifest 声明

能力组件必须声明权限和 API。没有宿主 provider 时，运行时会展示稳定降级态或返回结构化错误。

{
  "permissions": [],
  "apisUsed": []
}

平台支持

平台	支持情况
Web	支持
Android SDK	WebView 运行时支持
iOS SDK	WebView 运行时支持
Flutter SDK	WebView 运行时支持

渲染协议

字段	值
HTML 标签	`section`
样式类	`mini-diagram-view`
是否空元素	否
必填属性	-
必需 API	-