Files
chunyu_prject_react/.trae/specs/qrcode-more-finder-patterns/tasks.md
T
2026-08-05 23:59:22 +08:00

3.0 KiB

二维码生成器更多定位图案 - 任务列表

[x] Task 1: 更新 FinderStyle 类型定义

  • Priority: high
  • Depends On: None
  • Description:
    • 在 qrRenderer.ts 中添加新的 FinderStyle 类型:heart, cross, triangle, plus, flower, shield, octagon, ring-dot
  • Acceptance Criteria: 类型定义编译通过
  • Test Requirements: typecheck

[x] Task 2: 添加心形定位图案绘制函数

  • Priority: high
  • Depends On: Task 1
  • Description:
    • 添加 drawHeart 辅助函数绘制心形路径
    • 在 drawFinderPattern 函数中添加 heart 样式的渲染逻辑
  • Acceptance Criteria: 心形定位图案正确渲染为三层结构

[x] Task 3: 添加十字形定位图案绘制函数

  • Priority: high
  • Depends On: Task 1
  • Description:
    • 添加 drawCross 辅助函数绘制十字路径
    • 在 drawFinderPattern 函数中添加 cross 样式的渲染逻辑
  • Acceptance Criteria: 十字形定位图案正确渲染

[x] Task 4: 添加三角形定位图案绘制函数

  • Priority: high
  • Depends On: Task 1
  • Description:
    • 添加 drawTriangle 辅助函数绘制三角形路径
    • 在 drawFinderPattern 函数中添加 triangle 样式的渲染逻辑
  • Acceptance Criteria: 三角形定位图案正确渲染

[x] Task 5: 添加花形定位图案绘制函数

  • Priority: high
  • Depends On: Task 1
  • Description:
    • 添加 drawFlower 辅助函数绘制花形路径
    • 在 drawFinderPattern 函数中添加 flower 样式的渲染逻辑
  • Acceptance Criteria: 花形定位图案正确渲染

[x] Task 6: 添加盾牌形定位图案绘制函数

  • Priority: high
  • Depends On: Task 1
  • Description:
    • 添加 drawShield 辅助函数绘制盾牌路径
    • 在 drawFinderPattern 函数中添加 shield 样式的渲染逻辑
  • Acceptance Criteria: 盾牌形定位图案正确渲染

[x] Task 7: 添加八边形定位图案绘制函数

  • Priority: high
  • Depends On: Task 1
  • Description:
    • 添加 drawOctagon 辅助函数绘制八边形路径
    • 在 drawFinderPattern 函数中添加 octagon 样式的渲染逻辑
  • Acceptance Criteria: 八边形定位图案正确渲染

[x] Task 8: 添加环形点定位图案绘制函数

  • Priority: high
  • Depends On: Task 1
  • Description:
    • 在 drawFinderPattern 函数中添加 ring-dot 样式的渲染逻辑(同心圆结构)
  • Acceptance Criteria: 环形点定位图案正确渲染

[x] Task 9: 添加加号形定位图案绘制函数

  • Priority: high
  • Depends On: Task 1
  • Description:
    • 在 drawFinderPattern 函数中添加 plus 样式的渲染逻辑
  • Acceptance Criteria: 加号形定位图案正确渲染

[x] Task 10: 更新 QRCodeGenerator.tsx 选项

  • Priority: high
  • Depends On: Task 1
  • Description:
    • 在 QRCodeGenerator.tsx 的 finderStyleOptions 数组中添加8种新选项
  • Acceptance Criteria: 下拉菜单显示所有17种定位图案选项

Task Dependencies

  • Task 2-10 依赖 Task 1