SusBattleGrid

战术战斗网格 — 单元格与 token 图层、pan 与 zoom、PC/手机布局模式，单元格与 token 的 click/long-press/context/double-click 事件。

包

SusGame · HUD（商业）

在 Playground 中打开

SusGame · HUD

属性

名称	类型	默认值
Width	Prop<int>	10	v-model
Height	Prop<int>	8	v-model
Layout	Prop<string>	"pc"	v-model
Compact	Prop<string>	"auto"	v-model
Zoom	Prop<float>	1f	v-model
IsPanning	Prop<bool>	false	v-model
Interactive	Prop<bool>	true	v-model
AutoFocusActive	Prop<bool>	true	v-model

插槽

没有插槽。

事件

名称	字段	载荷
CellClicked	OnCellClicked	int, int
TokenClicked	OnTokenClicked	string
CellLongPressed	OnCellLongPressed	int, int
TokenLongPressed	OnTokenLongPressed	string
CellContext	OnCellContext	int, int
TokenContext	OnTokenContext	string
TokenDoubleClicked	OnTokenDoubleClicked	string
CursorMoved	OnCursorMoved	int, int
PanChanged	OnPanChanged	float, float
ZoomChanged	OnZoomChanged	float

样式钩子

USS 类契约 — 无需改 C# 即可覆盖外观。状态通过这些类切换：

• sus-battle--compact
• sus-battle--compact-h
• sus-battle-grid
• sus-battle-grid__board
• sus-battle-grid__cell-layer
• sus-battle-grid__overlay-layer
• sus-battle-grid__token-layer
• sus-battle-grid__viewport
• sus-battle-grid--layout-pc
• sus-battle-grid--layout-phone-landscape
• sus-battle-grid--layout-phone-portrait
• sus-battle-grid--panning

Usage

<sus:SusBattleGrid />