SUS 是什么？

SUS UI 是面向 Unity UI Toolkit 的响应式 UI 框架，灵感来自 Vue。

支柱

1. 响应式 —— Prop<T>、Computed<T>、Watch —— 修改数据，DOM 随之更新。
2. .sharq SFC —— 单文件组件：<template> + <script> + <style>。
3. 组件库 —— SusKit（通用 UI）+ SusGame（HUD / 库存 / 界面）。
4. Router —— 面向界面和弹窗的类 Vue Router 导航。
5. 主题 —— 设计令牌、密度、断点、world-space 浮层。

同一界面，桌面与手机

SUS 中的断点是容器轴，而不是设备检测：SusBreakpointService 读取界面所挂载面板的宽度，并把 .breakpoint-* class 沿 token 级联向下驱动。为桌面构建的界面会通过相同的令牌和同一个 .sharq 文件重排到窄的手机面板，而不是另做一套需要手工同步的移动端布局。SusInventory 作为该模式的 现成示例随包提供：在移动端阈值以下收成紧凑、触控友好的单列布局，以上再展开回完整的多面板桌面 网格——同一组件、同一份 C#。断点轴与阈值见 自适应布局。

包结构

sus-core (MIT, free)
   └── sus-router (MIT, free)
         └── sus-kit (commercial)
               └── sus-game (commercial, requires kit)

心智模型

如果你熟悉 Vue SFC，.sharq 的形态你已经认识了：

Vue	SUS
props	Prop<T>（通过 .Value 使用）
v-if / :class	同样的指令
<slot>	<slot>
watch	Watch / WatchEffect
Vue Router	SusRouter