Skip to content

Mobile React:组件升级指引

Y. edited this page Jul 31, 2024 · 3 revisions

目标

组件功能、DOM、视觉交互、组件示例对齐 Mobile Vue,与其共用一套样式文件、一套API文档。

相关仓库github地址

运行项目

// 初始化和更新子模块
git submodule init && git submodule update

// 安装依赖
npm i

// 运行 && 调试(官网的示例代码展示 && 交互是否符合预期)
npm run dev

// 单元测试部分(可跳过)
// Demo示例改动,需要先重新更新Demo快照,然后执行测试,测试通过后再提交PR
npm run test:demo
npm run test:snap-update

// 执行测试
npm run test

⚠️:分别 fork tdesign-mobile-react、tdesign-common 和 tdesign-api 等仓库,后期有修改需要分别提交 pr。

开发注意点

请暂时避免使用develop提交PR,同名分支会无法触发 pr-comment-ci

  • API文档更新

通过tdesign-api平台,将API内容同步到Mobile React框架,并更新到框架。API平台使用方式见仓库使用文档。

  • 组件样式文件需改用新路径,旧路径移除(以 Progress 组件为例)。

当前 mobile vue 端的实现与小程序端有差异,切换后样式会失效,需要将组件 DOM 结构与 Mobile Vue 端保持一致

企业微信截图_e0e1b897-1a86-4863-b293-94d8c1c16b3a
  • 组件 DEMO 与示例代码保持一致 && 对齐Mobile Vue端
企业微信截图_0fc157b4-7bf1-484d-82c1-36c524fb13ab

左侧文字描述和示例代码在子仓库下修改,文件路径src/_common/docs/mobile/api/progress.md,修改方式如下图所示,修改后需要另外提 prtdesign-common


企业微信截图_05222ee1-bcac-4ae3-b480-bcb07195660f

【可选】单元测试

单元测试要求:可参考单元测试指引

Clone this wiki locally