feat(curd): enhance StdDetail, support edit mode

Author: akinoccc

.changeset/social-sides-invent.md

@@ -0,0 +1,5 @@
+---
+"@uozi-admin/curd": minor
+---
+
+feat(curd): enhance StdDetail, support edit mode

docs/zh/curd/basic-concepts.md

@@ -96,9 +96,12 @@ StdCurd (顶层容器)
 ├── StdSearch (搜索表单)
 ├── StdTable (数据表格)
 ├── StdForm (编辑表单)
-└── StdDetail (数据详情)
+└── StdDetail (数据详情/可编辑详情)
 ```
 
+每个组件既可以在 StdCurd 中使用，也可以单独使用：
+- **StdDetail**: 支持查看和编辑两种模式，可用于构建独立的详情页面
+
 ## 数据流
 
 CURD 组件的数据流向:

docs/zh/curd/components/std-curd.md

@@ -67,6 +67,56 @@ const api = {
 | showSearchBtn | 显示搜索按钮 | boolean | false |
 | searchFormExtraRender | 搜索表单额外渲染函数 | (searchFormData: any, searchColumns: StdTableColumn[], stdTableConfig: Record<any, any>) => VNode \| JSX.Element | - |
 
+## 详情页编辑
+
+StdCurd 组件内置的详情页是只读的。如果需要在详情页进行编辑，建议单独使用 [StdDetail](./std-detail.md) 组件：
+
+```vue
+<script setup lang="ts">
+import { StdDetail } from '@uozi-admin/curd'
+import { ref } from 'vue'
+
+const userDetail = ref({
+  id: 1,
+  username: 'admin',
+  email: 'admin@example.com'
+})
+
+const columns = [
+  {
+    title: '用户名',
+    dataIndex: 'username',
+    edit: {
+      type: 'input',
+      formItem: { rules: [{ required: true }] }
+    }
+  },
+  {
+    title: '邮箱', 
+    dataIndex: 'email',
+    edit: {
+      type: 'input',
+      formItem: { rules: [{ type: 'email' }] }
+    }
+  }
+]
+
+function handleSave(data) {
+  // 保存逻辑
+  userDetail.value = { ...data }
+}
+</script>
+
+<template>
+  <StdDetail
+    :record="userDetail"
+    :columns="columns"
+    :editable="true"
+    @save="handleSave"
+  />
+</template>
+```
+
 ## 事件
 
 | 事件名 | 说明 | 回调参数 |