图灵镜

适用于 React 项目

图灵镜 UI TRM UI

共享组件库与设计系统

TRM UI 为图灵镜桌面应用提供统一的组件、配色与交互约定。组件画廊展示实际效果,并提供交互、文案和动效的使用说明。组件包可接入项目已有的语言与主题设置。

组件画廊可在浏览器中运行。构建 Tauri 桌面应用时需要安装 Rust。

交互示例

核心特性

  • 共享组件

    按钮、表单、菜单、提示和弹窗由组件包统一维护,产品通过依赖版本接收改进。

  • 可操作的设计规范

    画廊提供交互、文案、排版、配色与动效示例,并记录已被替换的设计及原因。

  • 连续的交互变化

    分段控件支持拖动。列表筛选保留已有条目,内容切换时面板高度连续变化。

  • 八种语言与主题设置

    通用界面提供八种语言。产品可连接已有翻译,并使用共享配色变量或保留自己的主题。

快速开始

  1. 预览画廊

    获取项目后运行 npm install 和 npm run dev,在浏览器中打开本地预览地址。

  2. 安装组件包

    按接入说明安装固定提交的 trm-ui,导入所需组件与样式,并连接项目的语言设置。

  3. 验证并升级

    升级组件包后,检查产品构建和实际交互。确认通过后,再发布产品更新。

其他产品