feat: ✨ 更改 api 引入的方法更合理化

src/api/demo.js

@@ -0,0 +1,86 @@
+import { find, map, random } from 'lodash'
+import faker from 'faker/locale/zh_CN'
+import { service, serviceForMock, request, requestForMock, mock } from '@/api/_service.js'
+import * as tools from '@/api/_tools.js'
+
+const db = [
+  { id: '1', name: '用户 1', address: '上海市普陀区金沙江路 1518 弄' },
+  { id: '2', name: '用户 2', address: '上海市普陀区金沙江路 1517 弄' },
+  { id: '3', name: '用户 3', address: '上海市普陀区金沙江路 1519 弄' },
+  { id: '4', name: '用户 4', address: '上海市普陀区金沙江路 1516 弄' }
+]
+
+/**
+ * @description 列表
+ */
+export function DEMO_MOCK_LIST () {
+  // 模拟数据
+  mock
+    .onAny('/demo/business/issues/142/fetch')
+    .reply(...tools.responseSuccess({ list: db }))
+  // 接口请求
+  return requestForMock({
+    url: '/demo/business/issues/142/fetch',
+    method: 'get'
+  })
+}
+
+/**
+ * @description 详情
+ * @param {String} id 项目 ID
+ */
+export function DEMO_MOCK_DETAIL (id) {
+  // 模拟数据
+  mock
+    .onAny('/demo/business/issues/142/detail')
+    .reply(config => tools.responseSuccess(find(db, { id: config.params.id })))
+  // 接口请求
+  return requestForMock({
+    url: '/demo/business/issues/142/detail',
+    method: 'get',
+    params: {
+      id
+    }
+  })
+}
+
+/**
+ * @description 列表
+ */
+export function DEMO_MOCK_LIST2 (params = {}) {
+  // 模拟数据
+  mock
+    .onAny('/demo/business/table/1/fetch')
+    .reply(config => tools.responseSuccess({
+      page: {
+        total: 1000
+      },
+      list: map(Array(config.params.pageSize), () => ({
+        key: faker.random.uuid(),
+        value: [10, 100, 200, 500][random(0, 3)],
+        type: faker.random.boolean(),
+        admin: faker.name.firstName() + faker.name.lastName(),
+        adminNote: faker.random.words(),
+        dateTimeCreat: faker.date.past(),
+        used: faker.random.boolean(),
+        dateTimeUse: faker.date.past()
+      }))
+    }))
+  // 接口请求
+  return requestForMock({
+    url: '/demo/business/table/1/fetch',
+    method: 'get',
+    params
+  })
+}
+
+/**
+ * @description 错误日志示例 请求一个不存在的地址
+ */
+export function DEMO_LOG_AJAX () {
+  // 接口请求
+  return requestForMock({
+    url: '/invalid-url',
+    method: 'get'
+  })
+}

src/api/index.js

@@ -1,17 +0,0 @@
-import { assign, map } from 'lodash'
-import faker from 'faker/locale/zh_CN'
-import { service, request, serviceForMock, requestForMock, mock } from './service'
-import * as tools from './tools'
-
-const files = require.context('./modules', true, /\.api\.js$/)
-const generators = files.keys().map(key => files(key).default)
-
-export default assign({}, ...map(generators, generator => generator({
-  service,
-  request,
-  serviceForMock,
-  requestForMock,
-  mock,
-  faker,
-  tools
-})))

src/api/modules/demo.api.js

@@ -1,85 +0,0 @@
-import { find, map, random } from 'lodash'
-
-const businessIssue142Db = [
-  { id: '1', name: '用户 1', address: '上海市普陀区金沙江路 1518 弄' },
-  { id: '2', name: '用户 2', address: '上海市普陀区金沙江路 1517 弄' },
-  { id: '3', name: '用户 3', address: '上海市普陀区金沙江路 1519 弄' },
-  { id: '4', name: '用户 4', address: '上海市普陀区金沙江路 1516 弄' }
-]
-
-export default ({ service, request, serviceForMock, requestForMock, mock, faker, tools }) => ({
-  /**
-   * @description https://d2.pub/d2-admin/preview/#/demo/business/issues/142
-   * @description 列表
-   */
-  DEMO_BUSINESS_ISSUE_142_LIST () {
-    // 模拟数据
-    mock
-      .onAny('/demo/business/issues/142/fetch')
-      .reply(...tools.responseSuccess({ list: businessIssue142Db }))
-    // 接口请求
-    return requestForMock({
-      url: '/demo/business/issues/142/fetch',
-      method: 'get'
-    })
-  },
-  /**
-   * @description https://d2.pub/d2-admin/preview/#/demo/business/issues/142
-   * @description 详情
-   * @param {String} id 项目 ID
-   */
-  DEMO_BUSINESS_ISSUE_142_DETAIL (id) {
-    // 模拟数据
-    mock
-      .onAny('/demo/business/issues/142/detail')
-      .reply(config => tools.responseSuccess(find(businessIssue142Db, { id: config.params.id })))
-    // 接口请求
-    return requestForMock({
-      url: '/demo/business/issues/142/detail',
-      method: 'get',
-      params: {
-        id
-      }
-    })
-  },
-  /**
-   * @description https://d2.pub/d2-admin/preview/#/demo/business/table/1
-   * @description 列表
-   */
-  DEMO_BUSINESS_TABLE_1_LIST (params = {}) {
-    // 模拟数据
-    mock
-      .onAny('/demo/business/table/1/fetch')
-      .reply(config => tools.responseSuccess({
-        page: {
-          total: 1000
-        },
-        list: map(Array(config.params.pageSize), () => ({
-          key: faker.random.uuid(),
-          value: [10, 100, 200, 500][random(0, 3)],
-          type: faker.random.boolean(),
-          admin: faker.name.firstName() + faker.name.lastName(),
-          adminNote: faker.random.words(),
-          dateTimeCreat: faker.date.past(),
-          used: faker.random.boolean(),
-          dateTimeUse: faker.date.past()
-        }))
-      }))
-    // 接口请求
-    return requestForMock({
-      url: '/demo/business/table/1/fetch',
-      method: 'get',
-      params
-    })
-  },
-  /**
-   * @description 错误日志示例 请求一个不存在的地址
-   */
-  DEMO_LOG_AJAX () {
-    // 接口请求
-    return requestForMock({
-      url: '/invalid-url',
-      method: 'get'
-    })
-  }
-})

src/api/modules/file.api.js

@@ -1,13 +0,0 @@
-export default ({ service, request, serviceForMock, requestForMock, mock, faker, tools }) => ({
-  /**
-   * @description 请求项目中的文件
-   * @param {String} url 文件地址
-   */
-  FILE_GET (url = '') {
-    return request({
-      baseURL: process.env.BASE_URL,
-      url,
-      method: 'get'
-    })
-  }
-})

src/api/modules/sys.user.api.js

@@ -1,31 +0,0 @@
-import { find, assign } from 'lodash'
-
-const users = [
-  { username: 'admin', password: 'admin', uuid: 'admin-uuid', name: 'Admin' },
-  { username: 'editor', password: 'editor', uuid: 'editor-uuid', name: 'Editor' },
-  { username: 'user1', password: 'user1', uuid: 'user1-uuid', name: 'User1' }
-]
-
-export default ({ service, request, serviceForMock, requestForMock, mock, faker, tools }) => ({
-  /**
-   * @description 登录
-   * @param {Object} data 登录携带的信息
-   */
-  SYS_USER_LOGIN (data = {}) {
-    // 模拟数据
-    mock
-      .onAny('/login')
-      .reply(config => {
-        const user = find(users, tools.parse(config.data))
-        return user
-          ? tools.responseSuccess(assign({}, user, { token: faker.random.uuid() }))
-          : tools.responseError({}, '账号或密码不正确')
-      })
-    // 接口请求
-    return requestForMock({
-      url: '/login',
-      method: 'post',
-      data
-    })
-  }
-})

src/api/sys.user.js

@@ -0,0 +1,32 @@
+import { find, assign } from 'lodash'
+import faker from 'faker/locale/zh_CN'
+import { service, serviceForMock, request, requestForMock, mock } from '@/api/_service.js'
+import * as tools from '@/api/_tools.js'
+
+const users = [
+  { username: 'admin', password: 'admin', uuid: 'admin-uuid', name: 'Admin' },
+  { username: 'editor', password: 'editor', uuid: 'editor-uuid', name: 'Editor' },
+  { username: 'user1', password: 'user1', uuid: 'user1-uuid', name: 'User1' }
+]
+
+/**
+ * @description 登录
+ * @param {Object} data 登录携带的信息
+ */
+export function SYS_USER_LOGIN (data = {}) {
+  // 模拟数据
+  mock
+    .onAny('/login')
+    .reply(config => {
+      const user = find(users, tools.parse(config.data))
+      return user
+        ? tools.responseSuccess(assign({}, user, { token: faker.random.uuid() }))
+        : tools.responseError({}, '账号或密码不正确')
+    })
+  // 接口请求
+  return requestForMock({
+    url: '/login',
+    method: 'post',
+    data
+  })
+}