refactor: ♻️ 重构API为静态方法实现模块化管理，并将types.ts重命名为model.ts用于存放接口模型定义

src/views/demo/curd/config/add.ts

@@ -1,5 +1,5 @@
-import { addUser } from "@/api/user";
-import type { UserForm } from "@/api/user/types";
+import UserAPI from "@/api/user";
+import type { UserForm } from "@/api/user/model";
 import type { IModalConfig } from "@/components/PageModal/index.vue";
 
 const modalConfig: IModalConfig<UserForm> = {
@@ -13,7 +13,7 @@ const modalConfig: IModalConfig<UserForm> = {
   form: {
     labelWidth: 100,
   },
-  formAction: addUser,
+  formAction: UserAPI.add,
   beforeSubmit(data) {
     console.log("提交之前处理", data);
   },

src/views/demo/curd/config/content.ts

@@ -1,5 +1,5 @@
-import { deleteUsers, exportUser, getUserPage } from "@/api/user";
-import type { UserQuery } from "@/api/user/types";
+import UserAPI from "@/api/user";
+import type { UserQuery } from "@/api/user/model";
 import type { IContentConfig } from "@/components/PageContent/index.vue";
 
 const contentConfig: IContentConfig<UserQuery> = {
@@ -15,10 +15,10 @@ const contentConfig: IContentConfig<UserQuery> = {
       params.endTime = createAt[1];
       delete params.createAt;
     }
-    return getUserPage(params);
+    return UserAPI.getPage(params);
   },
-  deleteAction: deleteUsers,
-  exportAction: exportUser,
+  deleteAction: UserAPI.deleteByIds,
+  exportAction: UserAPI.export,
   pk: "id",
   toolbar: [
     "refresh",

src/views/demo/curd/config/edit.ts

@@ -1,5 +1,5 @@
-import { updateUser } from "@/api/user";
-import type { UserForm } from "@/api/user/types";
+import UserAPI from "@/api/user";
+import type { UserForm } from "@/api/user/model";
 import type { IModalConfig } from "@/components/PageModal/index.vue";
 
 const modalConfig: IModalConfig<UserForm> = {
@@ -11,7 +11,7 @@ const modalConfig: IModalConfig<UserForm> = {
     appendToBody: true,
   },
   formAction: function (data) {
-    return updateUser(data.id as number, data);
+    return UserAPI.update(data.id as number, data);
   },
   beforeSubmit(data) {
     console.log("提交之前处理", data);

src/views/demo/curd/index.vue

@@ -42,7 +42,7 @@
 </template>
 
 <script setup lang="ts">
-import { getUserForm } from "@/api/user";
+import UserAPI from "@/api/user";
 import type { IObject, IOperatData } from "@/hooks/usePage";
 import usePage from "@/hooks/usePage";
 import addModalConfig from "./config/add";
@@ -65,7 +65,7 @@ const {
 // 编辑
 async function handleEditClick(row: IObject) {
   // 根据id获取数据进行填充
-  const response = await getUserForm(row.id);
+  const response = await UserAPI.getFormData(row.id);
   editModalRef.value?.setModalVisible(response.data);
 }
 // 其他工具栏