feat: [doc] 完善 asyncData 例子

doc/.babelrc

@@ -6,7 +6,7 @@
         "modules": false,
         "targets": {
           "chrome": "58",
-          "ie": "9"
+          "ie": "11"
         }
       }
     ]

doc/@types/index.d.ts

@@ -1,6 +1,8 @@
 import { Store } from 'vuex'
 import { TMutations as GlobalMutations } from 'src/store/mutations'
 import { TActions as GlobalActions } from 'src/store/actions'
+import { TMutations as EditorMutations } from 'src/store/editor/mutations'
+import { TActions as EditorActions } from 'src/store/editor/actions'
 
 /**
  * Doc 全局类型
@@ -56,10 +58,15 @@ declare namespace Doc {
 
       /**
        * 编辑器
+       * - 模块
        */
       editor?: {
         test: string
-        deepTest: {
+        /**
+         * 深层编辑器
+         * - 模块
+         */
+        deepTest?: {
           test1: string
           test2: number
         }
@@ -138,17 +145,7 @@ declare namespace Doc {
       /**
        * 编辑器
        */
-      editor: GlobalMutations & {
-        /**
-         * 编辑器
-         */
-        editor2: GlobalMutations & {
-          /**
-           * 编辑器
-           */
-          editor3: GlobalMutations
-        }
-      }
+      editor: EditorMutations
     }
 
     /**
@@ -158,17 +155,7 @@ declare namespace Doc {
       /**
        * 编辑器
        */
-      editor: GlobalActions & {
-        /**
-         * 编辑器
-         */
-        editor2: GlobalActions & {
-          /**
-           * 编辑器
-           */
-          editor3: GlobalActions
-        }
-      }
+      editor: EditorActions
     }
   }
 

doc/package.json

@@ -28,7 +28,8 @@
     "src"
   ],
   "dependencies": {
-    "@bestminr/build": "^1.6.22",
+    "@bestminr/build": "^1.6.23",
+    "@bestminr/vuex-utils": "^0.2.1-alpha.0",
     "axios": "^0.17.0",
     "cross-env": "^4.0.0",
     "lodash": "^4.17.15",

doc/src/store/editor/actions.ts

@@ -0,0 +1,21 @@
+import { VUEX_NS, editorHelper as helper, commit } from './index'
+import { Tstore } from '@types'
+
+export const actions = helper.makeActions({
+  TEST_ACTION(ctx, { id, version }: { id: number } & Pick<Tstore.state, 'version'>) {
+    let resove
+    const promise = new Promise((res) => resove = res)
+    setTimeout(() => {
+      console.log('timeout!')
+      commit(ctx, 'TEST_VERSION', { version })
+      resove()
+    }, 1000)
+    return promise
+  }
+})
+
+export default actions
+
+export type TActions = typeof actions
+
+export const dispatch = helper.createDispatch<Tstore.Actions[VUEX_NS]>()

doc/src/store/editor/getters.ts

@@ -0,0 +1,2 @@
+export default {
+}

doc/src/store/editor/index.ts

@@ -1,2 +1,20 @@
-export const VUEX_NS = 'editor'
-export type VUEX_NS = typeof VUEX_NS
+export * from './type'
+
+import Vue from 'vue'
+import Vuex from 'vuex'
+import actions, { dispatch } from './actions'
+import mutations, { commit, getState } from './mutations'
+import getters from './getters'
+import state from './state'
+
+Vue.use(Vuex)
+
+export default {
+  namespaced: true,
+  state: state(),
+  actions,
+  mutations,
+  getters,
+}
+
+export { commit, getState, dispatch }

doc/src/store/editor/mutations.ts

@@ -0,0 +1,15 @@
+import { VUEX_NS, editorHelper as helper } from './index'
+import { Tstore } from '@types'
+
+export const mutations = helper.makeMutations({
+  TEST_VERSION: (state, { version }: Pick<Tstore.state, 'version'>) => {
+    state.test = version
+  },
+})
+
+export default mutations
+
+export type TMutations = typeof mutations
+
+export const commit = helper.createCommit<Tstore.Mutations[VUEX_NS]>()
+export const getState = helper.createGetState()

doc/src/store/editor/state.ts

@@ -0,0 +1,7 @@
+import { Tstore } from '@types'
+
+export default function state(): Tstore.state['editor'] {
+  return {
+    test: 'vuex 初始化 string'
+  }
+}

doc/src/store/editor/type.ts

@@ -0,0 +1,7 @@
+import { Tstore } from '@types'
+import { makeWrapper } from 'src/store/helpers'
+
+export const VUEX_NS = 'editor'
+export type VUEX_NS = typeof VUEX_NS
+
+export const editorHelper = makeWrapper<Tstore.state[VUEX_NS], Tstore.getters[VUEX_NS]>(VUEX_NS)

doc/src/store/helpers.ts

@@ -1,13 +1,9 @@
 import { Tstore } from '@types'
-import { VuexStoreHelper } from 'src/store/utils'
+import { VuexStoreHelper } from '@bestminr/vuex-utils'
 
-import { VUEX_NS as editor } from 'src/store/editor'
-
-const { makeWrapper } = new VuexStoreHelper<Tstore.state, Tstore.getters>()
+export const { makeWrapper } = new VuexStoreHelper<Tstore.state, Tstore.getters>()
 
 export const globalHelper = makeWrapper()
-export const editorHelper = makeWrapper<Tstore.state[editor], Tstore.getters[editor]>(editor)
-
 /**
  * 例子 1
  */