lanrtop/react-phone-apps
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
main
react-phone-apps/.blueprint/modules/shared-ui.md
lanrtop a0929de768 chore: 初始化项目结构与蓝图 
- 配置 pnpm workspace monorepo 基础结构
- 初始化 .blueprint/ 蓝图：6 个业务模块、21 张任务卡
- 目标：Z Fold 6 折叠屏不动产物品摸底统计 App（React Native + Expo）

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-07 15:23:39 +09:00

1.4 KiB
Raw Permalink Blame History

id name area status
shared-ui 共享 UI 组件库 shared concept

概述

跨 app 复用的 React UI 组件集合，以 packages/ui 形式发布到 workspace 内部。面向移动端适配（触摸友好、响应式）。

任务卡

💭 搭建组件库骨架

  • status: concept
  • complexity: M
  • files: packages/ui/package.json, packages/ui/src/index.ts, packages/ui/vite.config.ts
  • acceptance: packages/ui 可被 apps/* 通过 workspace:* 引入，支持 tree-shaking，导出类型声明文件

💭 基础原子组件

  • status: concept
  • complexity: M
  • files: packages/ui/src/components/Button.tsx, packages/ui/src/components/Input.tsx, packages/ui/src/components/Card.tsx
  • acceptance: Button/Input/Card 组件覆盖常用变体，props 类型完整，支持 className 扩展

💭 移动端导航组件

  • status: concept
  • complexity: M
  • files: packages/ui/src/components/BottomNav.tsx, packages/ui/src/components/TopBar.tsx
  • acceptance: BottomNav 支持图标+文字标签，TopBar 支持返回按钮和标题插槽，两者均适配 safe-area-inset

💭 反馈类组件（Toast / Modal / Loading）

  • status: concept
  • complexity: M
  • files: packages/ui/src/components/Toast.tsx, packages/ui/src/components/Modal.tsx, packages/ui/src/components/Loading.tsx
  • acceptance: Toast 支持 success/error/info 三种类型，Modal 支持受控和非受控，Loading 可全屏覆盖