abm-kits开源项目

ABM Kits 是 ABM 基于代理的建模开发工具包，由两个核心包组成：
- abm-ui：基于 Web Components 的声明式 UI 库
- abm-utils：数据结构、颜色、数学等通用工具库
abm-ui 提供 31 个内置 Web Component，全部支持键盘操作、游戏手柄和 JSX。组件包括：按钮、复选框、单选框、开关、滑块、输入框、选择器、导航、表格、列表、网格、表单、折叠面板、进度条、加载器、页面容器、图标、图片、头像、文件选择器、颜色选择器及预览块、日期时间选择器、二维向量操纵杆、分段输入控件。
操作提示系统支持根据当前输入设备自动切换提示。小部件：模态对话框、浮出面板、菜单、吐司通知和工具提示。预制件提供标签页、列表、网格及数字输入控件的快速组合。
导航系统支持方向导航与多层管理。输入系统含键盘监听与 Xbox 类手柄。状态系统追踪悬停与激活。移动控制器支持多源输入、多配置、一/二维及四阶段事件。布局控制器基于 rAF 追踪元素布局变化。
基础设施：DOM事件、交互检测、元素/属性装饰器、自动生成色板的主题色系统、CSS样式与DOM操作工具、屏幕安全区、组件注册表及视口跟踪。提供 JSX 运行时及 TS 类型推导。
abm-utils 模块：数据集合（数组/映射/队列等）、颜色处理（RGB/HSL/Oklch 互转）、数学工具、向量、类型安全事件发射器、国际化框架（词典、t()、语言回退）、定时器、函数工具及 ID 生成等杂项工具。
核心架构特点：
- 多输入模式：默认支持鼠标、键盘、手柄、触摸和笔
- 全键盘可访问：纯键盘交互，符合无障碍设计
- 声明式组件：Web Components + JSX，无缝集成主流框架
- 主题色系统：传入主色自动生成符合 WCAG 的亮/暗色板
- 国际化：内置词典，支持动态加载与组件级 i18n