react-phone-apps/item-form.md at 4e1d92264de50f93b2cd1c97e12b2736192ed9f1 - react-phone-apps - Gitea: Git with a cup of tea

lanrtop/react-phone-apps

lanrtop 4e1d92264d feat: 初始化 Property Survey 应用基础架构

- 添加 monorepo 结构 (apps/property-survey, packages/types)
- 配置 Expo + React Native + Android 构建链
- 实现本地数据层 (SQLite/better-sqlite3)
- 添加 Blueprint 项目蓝图系统
- 配置 ESLint + Prettier
- 添加共享类型定义

2026-04-09 13:04:36 +09:00

1.5 KiB

Raw Blame History

id	name	area	status
item-form	物品登记表单	rn-app	done

概述

点击地图标记点后弹出的物品编辑面板。折叠时以底部抽屉形式展现，展开时在右侧栏内联显示。支持单个标记点下的多条物品记录增删改。

任务卡

📋 底部抽屉/右栏容器

status: done
complexity: M
files: apps/property-survey/src/features/item/ItemFormSheet.tsx
depends: survey-app-shell, floor-map
acceptance: 折叠时从屏幕底部滑出（BottomSheet），展开时在 FoldableLayout 右栏内渲染；接受 markerId 和 onClose 两个 prop；顶部显示标记点位置名称和所属楼层

📋 物品字段表单

status: done
complexity: M
files: apps/property-survey/src/features/item/ItemFields.tsx, apps/property-survey/src/features/item/useItemForm.ts
depends: item-form
acceptance: 包含物品名称（必填文本）、数量（数字键盘）、单价（数字键盘，可选）、备注1（多行文本）、备注2（多行文本）五个字段；保存时校验物品名称非空；useItemForm 管理字段状态和 insertItem / updateItem 调用

📋 标记点下物品列表

status: done
complexity: M
files: apps/property-survey/src/features/item/ItemList.tsx
depends: item-form
acceptance: 在表单上方列出当前标记点的所有物品（物品名 + 数量 + 单价），点击条目进入编辑，左滑显示删除按钮，点击「+新增物品」清空表单进入新增模式