fixing adn docing
This commit is contained in:
@@ -4,12 +4,13 @@
|
||||
|
||||
## 子目錄
|
||||
|
||||
- `page-drivers/`:頁面資料協調與 page model 組裝。
|
||||
- `commands/`:命令式副作用流程,例如 create/edit/save/delete。
|
||||
- `layout/`:AppShell / layout 狀態與事件協調。
|
||||
- `page-drivers/`:頁面資料協調與 page model 組裝(僅複雜頁面使用)。
|
||||
- `maint/`:maintenance demo 的表單、CRUD、editable grid 狀態。
|
||||
- `layout/`:AppShell / layout 狀態與事件協調。
|
||||
|
||||
頂層也可放通用 composable,例如 `useApiCall.ts`:封裝 loading / data / error / execute 模式、自動 snackbar 錯誤提示與取消請求過濾。適合為單一 API 呼叫提供輕量狀態管理,但不替代 page driver 或 command composable。
|
||||
頂層放通用 composable:
|
||||
- `useApiCall.ts`:封裝 loading / data / error / execute 模式。
|
||||
- `useCrudCommands.ts`:通用 CRUD 狀態機(新增 / 編輯 / 檢視 / 儲存 / highlight)。
|
||||
|
||||
## 新增規則
|
||||
|
||||
@@ -40,11 +41,4 @@ const { pageModel, search, handleSubmit } = useXxxPage()
|
||||
```
|
||||
模板中直接使用,不寫 `.value`:`:page="pageModel"`、`v-model="search"`。
|
||||
|
||||
## Commands
|
||||
|
||||
Command composable 負責副作用流程,不負責畫面布局:
|
||||
|
||||
- 新增 / 編輯 / 刪除 / 儲存
|
||||
- 儲存前確認
|
||||
- 成功後重新載入或 highlight
|
||||
- 與 store/service 的 mutation 流程
|
||||
|
||||
Reference in New Issue
Block a user