Skip to content

UI 系统

Behemiron UI 是一套引擎原生的 BUI + BSS + retained runtime。后端实现了约 40% 的桌面浏览器内核功能,业务端仿照 Vue3 设计

BUI 能力示例

系统组成

  • BUI 负责模板、脚本、组件、指令、挂载属性,模板语法与 Vue3 及其相似,并提供类 Pinia 的状态管理。
  • BSS 负责选择器、变量、布局、主题、纹理值、组合属性、支持类 Tailwind 的 utility class 和类 SCSS 的 CSS 预处理语法。
  • 客户端脚本运行在 V8 上,支持 ES2024 ,支持 ESM 模块导入,公开面以 bui:* 模块和现行全局函数为主。
  • Kotlin 编写的 DOM 渲染走保留模式录制与组合管线。
  • 前后端分离架构,服务端可以控制客户端的 UI 开关,并可以向客户端 UI 传送数据、发送指令。

当前能力

  • 模板层:<template> / <script> / <style> / <properties> 四块结构。
  • 样式层:与运行时语义对齐的标准属性、引擎原生属性、utility class、SCSS 预处理。
  • 运行时层:模块化状态、查询、动作、依赖注入、生命周期、纹理构造、远程 ESM 导入。
  • 挂载层:screenhud,以及现有的 Screen / Chat / Container 接管能力。
  • 组件层:基础控件、容器、输入、展示、物品槽位、Ponder、Teleport、KeepAlive、Suspense。

阅读入口