Vibe-Trading Wiki
🔍
模块知识库/Vibe-Trading 量化交易智能体平台/Vibe-Trading 前端应用/设置与全局布局/编码规范
  • 表单采用受控组件模式:将后端返回的配置映射为本地 form state(如 toForm、formFromConfig),提交时再序列化回 API 所需结构。
  • 异步副作用统一用 Promise.allSettled 并发请求多个接口,并在 .finally 中清理 loading 状态,错误分支区分认证失败与普通错误并配合 toast.error 提示。
  • UI 文案全部通过 react-i18next 的 t(...) 获取,键名按模块前缀组织(如 settings.*、layout.*、qveris.*、connection.*)。
  • 输入字段样式通过局部常量 fieldClass、labelClass、hintClass 集中定义,保证 Settings 与 QVerisSettings 中表单控件视觉一致。
  • 桌面端特有逻辑通过 window.vibeDesktop 存在性判断进行条件分支,避免在非桌面环境下调用不存在的方法。
  • 自定义下拉/选择器组件(如 ModelPicker、LanguageSwitcher)遵循 WAI-ARIA 组合框/列表框模式,使用 role、aria-expanded、aria-controls、aria-activedescendant 等属性保障键盘与屏幕阅读器可用。
← 特殊配置与命令 技术栈 →