React 组件

KLineChartWC 渲染 <kline-chart> 自定义元素并在客户端注册。它把下列属性同步为 attribute，并监听两个事件；其余 Vue 属性未暴露。

属性

属性	类型	Attribute	说明
`yPaddingPx`	`number`	`y-padding-px`	价格区上下留白（CSS 像素）。
`minKWidth`	`number`	`min-k-width`	缩到最小时的 K 线宽度（CSS 像素）。
`maxKWidth`	`number`	`max-k-width`	放到最大时的 K 线宽度（CSS 像素）。
`rightAxisWidth`	`number`	`right-axis-width`	右侧价格轴宽度
`bottomAxisHeight`	`number`	`bottom-axis-height`	底部时间轴高度
`priceLabelWidth`	`number`	`price-label-width`	价格标签额外宽度（用于显示涨跌幅，默认 60px）
`zoomLevels`	`number`	`zoom-levels`	缩放级别数量（默认 10）
`initialZoomLevel`	`number`	`initial-zoom-level`	初始缩放级别（1 ~ zoomLevels，默认居中）
`isFullscreen`	`boolean`	`is-fullscreen`	是否全屏（受控）。不绑定时为非受控模式，组件内部接管全屏 DOM 操作
`onZoomLevelChange`	`(detail: { level: number; kWidth: number }) => void`	—	监听 `zoom-level-change`，回调收到事件的 `detail`；Vue 派发的是 emit 参数数组 `[level, kWidth]`。
`onToggleFullscreen`	`() => void`	—	监听 `toggle-fullscreen`。
`style`	`CSSProperties`	—	作用于宿主元素。
`className`	`string`	—	作用于宿主元素。