签入版本

RXThinkCMF_ThinkPhp8_AntdVue/zh/api-spec/dict-api.md

@@ -128,14 +128,16 @@ export function getDictItemList(code: string) {
 
 ```vue
 <template>
-  <el-select v-model="formData.status" placeholder="请选择状态">
-    <el-option
+  <a-select v-model:value="formData.status" placeholder="请选择状态" allow-clear>
+    <a-select-option
       v-for="item in statusOptions"
       :key="item.value"
-      :label="item.name"
       :value="item.value"
-    />
-  </el-select>
+      :label="item.name"
+    >
+      {{ item.name }}
+    </a-select-option>
+  </a-select>
 </template>
 
 <script setup>

RXThinkCMF_ThinkPhp8_AntdVue/zh/api-spec/error-code.md

@@ -53,6 +53,8 @@
 
 ```typescript
 // Axios 响应拦截器
+import { message } from 'ant-design-vue';
+
 axios.interceptors.response.use(response => {
     const { code, msg, data } = response.data;
 
@@ -67,12 +69,12 @@ axios.interceptors.response.use(response => {
     }
 
     if (code === 403) {
-        ElMessage.error(msg || '无权限');
+        message.error(msg || '无权限');
         return;
     }
 
     // 其他错误
-    ElMessage.error(msg || '操作失败');
+    message.error(msg || '操作失败');
     return Promise.reject(new Error(msg));
 });
 ```

RXThinkCMF_ThinkPhp8_AntdVue/zh/api-spec/response.md

@@ -253,6 +253,7 @@ $this->fail('缺少id参数', 1);
 
 ```typescript
 // src/utils/http/axios/index.ts
+import { message } from 'ant-design-vue';
 
 axios.interceptors.response.use(
     response => {
@@ -272,16 +273,16 @@ axios.interceptors.response.use(
 
         // 权限不足
         if (code === 403) {
-            ElMessage.error(msg || '无访问权限');
+            message.error(msg || '无访问权限');
             return Promise.reject(new Error(msg));
         }
 
         // 其他业务错误
-        ElMessage.error(msg || '操作失败');
+        message.error(msg || '操作失败');
         return Promise.reject(new Error(msg));
     },
     error => {
-        ElMessage.error('网络错误');
+        message.error('网络错误');
         return Promise.reject(error);
     }
 );
@@ -305,9 +306,9 @@ const handleImport = async (file) => {
     const res = await importUsers(file);
     // res = { count: 8, errors: [{ row: 3, reason: "..." }] }
     if (res.errors.length === 0) {
-        ElMessage.success(`成功导入 ${res.count} 条`);
+        message.success(`成功导入 ${res.count} 条`);
     } else {
-        ElMessage.warning(`成功 ${res.count} 条，失败 ${res.errors.length} 条`);
+        message.warning(`成功 ${res.count} 条，失败 ${res.errors.length} 条`);
     }
 };
 ```

RXThinkCMF_ThinkPhp8_AntdVue/zh/api-spec/token.md

@@ -400,7 +400,7 @@ Authorization: Bearer <access_token>
 路由守卫支持通过 URL 参数传递 Token，适用于 SSO 单点登录场景：
 
 ```html
-http://localhost:8001/?token=<access_token>
+http://localhost:8002/?token=<access_token>
 ```
 
 **前端处理逻辑：**

RXThinkCMF_ThinkPhp8_AntdVue/zh/api-spec/upload.md

@@ -95,51 +95,56 @@ gif, jpg, jpeg, png, bmp, webp, svg
 
 ## 前端使用
 
-### Element Plus Upload 组件
+### Ant Design Upload 组件
 
 ```vue
 <template>
   <!-- 上传文件（默认 type=file） -->
-  <el-upload
+  <a-upload
     :action="'/api/upload/uploadFile'"
     :headers="{ Authorization: `Bearer ${token}` }"
-    :on-success="handleUploadSuccess"
     :before-upload="beforeUpload"
+    @change="handleUploadSuccess"
   >
-    <el-button type="primary">上传文件</el-button>
-  </el-upload>
+    <a-button type="primary">上传文件</a-button>
+  </a-upload>
 
   <!-- 上传图片（指定 type=image） -->
-  <el-upload
+  <a-upload
     :action="'/api/upload/uploadFile?type=image'"
     :headers="{ Authorization: `Bearer ${token}` }"
-    :on-success="handleImageSuccess"
     accept="image/*"
+    @change="handleImageSuccess"
   >
-    <el-button type="primary">上传图片</el-button>
-  </el-upload>
+    <a-button type="primary">上传图片</a-button>
+  </a-upload>
 </template>
 
 <script setup>
+import { message } from 'ant-design-vue';
+
 const token = localStorage.getItem('access_token');
 
+// 返回 false 阻止上传
 const beforeUpload = (file) => {
   const isLt10M = file.size / 1024 / 1024 < 10;
   if (!isLt10M) {
-    ElMessage.error('文件大小不能超过 10MB');
+    message.error('文件大小不能超过 10MB');
+    return false;
   }
-  return isLt10M;
+  return true;
 };
 
-const handleUploadSuccess = (response) => {
-  if (response.code === 0) {
-    form.value.file = response.data.fileUrl;
+// onChange 回调中从 file.response 取上传结果
+const handleUploadSuccess = ({ file }) => {
+  if (file.response?.code === 0) {
+    form.value.file = file.response.data.fileUrl;
   }
 };
 
-const handleImageSuccess = (response) => {
-  if (response.code === 0) {
-    form.value.avatar = response.data.fileUrl;
+const handleImageSuccess = ({ file }) => {
+  if (file.response?.code === 0) {
+    form.value.avatar = file.response.data.fileUrl;
   }
 };
 </script>
@@ -189,24 +194,26 @@ await exampleAdd({
 ```vue
 <template>
   <div class="avatar-upload">
-    <el-avatar :src="form.avatar" :size="80" />
-    <el-upload
+    <a-avatar :src="form.avatar" :size="80" />
+    <a-upload
       :action="'/api/upload/uploadFile?type=image'"
       :headers="{ Authorization: `Bearer ${token}` }"
-      :show-file-list="false"
-      :on-success="handleAvatarSuccess"
+      :show-upload-list="false"
       accept="image/*"
+      @change="handleAvatarSuccess"
     >
-      <el-button size="small">更换头像</el-button>
-    </el-upload>
+      <a-button size="small">更换头像</a-button>
+    </a-upload>
   </div>
 </template>
 
 <script setup>
 const form = ref({ avatar: '' });
 
-const handleAvatarSuccess = (response) => {
-  form.value.avatar = response.data.fileUrl;
+const handleAvatarSuccess = ({ file }) => {
+  if (file.response?.code === 0) {
+    form.value.avatar = file.response.data.fileUrl;
+  }
 };
 </script>
 ```
@@ -234,7 +241,7 @@ BaseLogic::add()
 ```ini
 ; .env
 [FILE]
-UPLOAD_DIR = D:/uploads/rxthinkcmf      ; 上传根目录
+UPLOAD_DIR = D:\xampp8.2\htdocs\RXThinkCMF_ThinkPhp8_AntdVue\uploads      ; 上传根目录
 DOMAIN_URL = https://cdn.example.com    ; 文件访问域名
 MAX_SIZE = 10                           ; 单文件最大 10MB
 IMAGE_EXT = jpg,jpeg,png,gif,bmp,webp,svg