select-svg 基本完成

Former-commit-id: 8e7f1a63631ec0370683eadb16a9203b835f293d [formerly 8e7f1a63631ec0370683eadb16a9203b835f293d [formerly 8e7f1a63631ec0370683eadb16a9203b835f293d [formerly 8e7f1a63631ec0370683eadb16a9203b835f293d [formerly 8e6796da5ea041da9ed2fcbf89e84c91e2b7b230 [formerly 226e52a0e20b8a9cd011e2a2b0b0da2c25b9db4b]]]]]
Former-commit-id: 4fd47532611745f6cefcbbb3f9f9409c6cbb978c
Former-commit-id: 4a9f59b88aa4d6a164010e2cf80a20a6ad704efb
Former-commit-id: 8b2408f7205cf68a8920e6287ad7cdc6da541d13 [formerly 50abaafae7d85ed49404b471297543a95c773e68]
Former-commit-id: e9c5c24e393c7cc06f275b8249a1ff10e5aea3e2
Former-commit-id: 133e32b20973babb6cb2815c5f88f925e1d68cf2
Former-commit-id: 5b4528bd6e10f53f5ca19948af5fbe40a18ae4d3
Former-commit-id: 429cc57574024a3d073657f7c773104ec29ced39
Former-commit-id: b78065290d0d26c7fe4c6b2fd41288fb115686df

src/mock/api/demo.business.issues.142.js

@@ -1,6 +1,3 @@
-import Mock from 'mockjs'
-import qs from 'qs'
-
 const db = [
   { id: '1', name: '王小虎1', address: '上海市普陀区金沙江路 1518 弄' },
   { id: '2', name: '王小虎2', address: '上海市普陀区金沙江路 1517 弄' },
@@ -8,19 +5,14 @@ const db = [
   { id: '4', name: '王小虎4', address: '上海市普陀区金沙江路 1516 弄' }
 ]
 
-Mock.mock(RegExp('/api/demo/business/issues/142' + '.*'), 'get', ({ url, type, body }) => {
-  // 解析
-  const options = {
-    params: qs.parse(url.split('?').length > 1 ? url.split('?')[1] : ''),
-    body: qs.parse(body),
-    url: qs.parse(url.split('?')[0])
-  }
-  // 返回数据
-  return Mock.mock(
-    {
+export default {
+  path: RegExp('/api/demo/business/issues/142' + '.*'),
+  method: 'get',
+  handle ({ method, url, params, body, Mock, Random, Generator, Repeat }) {
+    return {
       code: 0,
       msg: '获取数据成功',
-      data: db.find(e => e.id === options.params.id)
+      data: db.find(e => e.id === params.id)
     }
-  )
-})
+  }
+}

src/mock/api/demo.business.table.1.js

@@ -1,29 +1,29 @@
-import Mock from 'mockjs'
-
-Mock.mock('/api/demo/business/table/1', ({ body }) => {
-  // 这是通过 post 传来的参数
-  body = JSON.parse(body)
-  const { page } = body
-  page.total = 1000
-  return Mock.mock(
-    {
-      code: 0,
-      msg: '获取数据成功',
-      data: {
-        page,
-        'list|20': [
-          {
-            'key': '@guid',
-            'value|1': [10, 100, 200, 500],
-            'type': '@boolean',
-            'admin': '@cname',
-            'adminNote': '@cparagraph(0.5)',
-            'dateTimeCreat': '@datetime',
-            'used': '@boolean',
-            'dateTimeUse': '@datetime'
-          }
-        ]
+export default {
+  path: RegExp('/api/demo/business/table/1'),
+  method: 'post',
+  handle ({ method, url, params, body, Mock, Random, Generator, Repeat }) {
+    const { page } = body
+    page.total = 1000
+    return Mock.mock(
+      {
+        code: 0,
+        msg: '获取数据成功',
+        data: {
+          page,
+          'list|20': [
+            {
+              'key': '@guid',
+              'value|1': [10, 100, 200, 500],
+              'type': '@boolean',
+              'admin': '@cname',
+              'adminNote': '@cparagraph(0.5)',
+              'dateTimeCreat': '@datetime',
+              'used': '@boolean',
+              'dateTimeUse': '@datetime'
+            }
+          ]
+        }
       }
-    }
-  )
-})
+    )
+  }
+}

src/mock/api/demo.plugins.mock.ajax.js

@@ -1,19 +1,21 @@
-import Mock from 'mockjs'
-
-Mock.mock('/api/demo/plugins/mock/ajax', {
-  code: 0,
-  msg: '获取数据成功',
-  data: {
-    'list|4-10': [
-      {
-        'id|+1': 1,
-        'name': '@CNAME',
-        'star|1-5': '★',
-        'delFlag|1': [0, 1],
-        'creatDate': '@DATE',
-        'address': '@CITY',
-        'zip': '@ZIP'
+export default {
+  path: RegExp('/api/demo/plugins/mock/ajax'),
+  method: 'get',
+  handle ({ Repeat }) {
+    return {
+      code: 0,
+      msg: '获取数据成功',
+      data: {
+        list: Repeat('4-10', {
+          'id|+1': 1,
+          'name': '@CNAME',
+          'star|1-5': '★',
+          'delFlag|1': [0, 1],
+          'creatDate': '@DATE',
+          'address': '@CITY',
+          'zip': '@ZIP'
+        })
       }
-    ]
+    }
   }
-})
+}

src/mock/api/sys.login.js

@@ -1,5 +1,3 @@
-import Mock from 'mockjs'
-
 const userDB = [
   {
     username: 'admin',
@@ -21,23 +19,26 @@ const userDB = [
   }
 ]
 
-Mock.mock('/api/login', 'post', ({ url, type, body }) => {
-  const bodyObj = JSON.parse(body)
-  const user = userDB.find(e => e.username === bodyObj.username && e.password === bodyObj.password)
-  if (user) {
-    return {
-      code: 0,
-      msg: '登录成功',
-      data: {
-        ...user,
-        token: 'd787syv8dys8cas80d9s0a0d8f79ads56f7s4d56f879a8as89fd980s7dg'
+export default {
+  path: RegExp('/api/login'),
+  method: 'post',
+  handle ({ body }) {
+    const user = userDB.find(e => e.username === body.username && e.password === body.password)
+    if (user) {
+      return {
+        code: 0,
+        msg: '登录成功',
+        data: {
+          ...user,
+          token: 'd787syv8dys8cas80d9s0a0d8f79ads56f7s4d56f879a8as89fd980s7dg'
+        }
+      }
+    } else {
+      return {
+        code: 401,
+        msg: '用户名或密码错误',
+        data: {}
       }
     }
-  } else {
-    return {
-      code: 401,
-      msg: '用户名或密码错误',
-      data: {}
-    }
   }
-})
+}

src/mock/d2-mock/index.js

@@ -0,0 +1,77 @@
+import Mock from 'mockjs'
+import qs from 'qs'
+import patch from './patch'
+
+/* 打补丁 */
+patch(Mock)
+
+/* Mock 默认配置 */
+
+Mock.setup({ timeout: '200-300' })
+
+/* 扩展 */
+
+const Generator = (prop, template) => {
+  const obj = {}
+  obj[prop] = [template]
+  return Mock.mock(obj)
+}
+
+/* 扩展 */
+
+const Repeat = (num, itemTemplate) => Generator(`data|${num}`, itemTemplate).data
+
+const CustomExtends = {
+  Generator,
+  Repeat,
+  Mock,
+  Random: Mock.Random
+}
+
+const extend = (prop, value) => {
+  CustomExtends[prop] = value
+}
+
+/* 装配配置组 */
+
+const wired = ({ url, type, body }) => ({
+  method: type,
+  params: qs.parse(url.split('?').length > 1 ? url.split('?')[1] : ''),
+  body: JSON.parse(body),
+  url: qs.parse(url.split('?')[0]),
+  ...CustomExtends
+})
+
+const setup = (path, method, handle) => {
+  Mock.mock(
+    path,
+    method,
+    typeof handle === 'function' ? o => handle(wired(o)) : handle
+  )
+}
+
+const load = (collection) => {
+  collection.map(({ path, method, handle }) => {
+    if (method === '*') {
+      method = [
+        'get',
+        'head',
+        'post',
+        'put',
+        'delete',
+        'connect',
+        'options',
+        'trace',
+        'patch'
+      ]
+    }
+    if (typeof method === 'string' && method.indexOf('|') > -1) method = method.split('|')
+    if (method instanceof Array) {
+      method.map(item => setup(path, item, handle))
+    } else {
+      setup(path, method, handle)
+    }
+  })
+}
+
+export default { setup, load, extend }

src/mock/d2-mock/patch/index.js

@@ -0,0 +1,8 @@
+export default function (Mock) {
+  // http://cnine.me/note/FrontEnd/mock-lose-cookies-dbg.html
+  Mock.XHR.prototype.__send = Mock.XHR.prototype.send
+  Mock.XHR.prototype.send = function () {
+    if (this.custom.xhr) this.custom.xhr.withCredentials = this.withCredentials || false
+    this.__send.apply(this, arguments)
+  }
+}

src/mock/index.js

@@ -1,19 +1,9 @@
-import Mock from 'mockjs'
-
-// 解决 Mock 情况下，携带 withCredentials = true，且未被拦截的跨域请求丢失 Cookies 的问题
-Mock.XHR.prototype.proxy_send = Mock.XHR.prototype.send
-Mock.XHR.prototype.send = function () {
-  if (this.custom.xhr) {
-    this.custom.xhr.withCredentials = this.withCredentials || false
-  }
-  this.proxy_send(...arguments)
-}
+import d2Mock from './d2-mock'
 
 // 导入所有的接口
 const req = context => context.keys().map(context)
-req(require.context('./api/', true, /\.js$/))
+const arr = req(require.context('./api/', true, /\.js$/))
+  .filter(e => e.default)
+  .map(e => e.default)
 
-// 设置全局延时 没有延时的话有时候会检测不到数据变化 建议保留
-Mock.setup({
-  timeout: '300-600'
-})
+d2Mock.load(arr)