diff --git a/src/helpers.js b/src/helpers.js index 0b2aac7..388bb79 100644 --- a/src/helpers.js +++ b/src/helpers.js @@ -1,5 +1,35 @@ import { isObject } from './util' +/** + * Reduce the code which written in Vue.js for committing the mutation + * @param {String} [namespace] - Module's namespace + * @param {Object|Array} mutations # Object's item can be a function which accept `commit` function as the first param, it can accept another params. You can commit mutation and do any other things in this function. specially, You need to pass anthor params from the mapped function. + * @return {Object} + */ +export const mapMutations = normalizeNamespace((namespace, mutations) => { + const res = {} + if (__DEV__ && !isValidMap(mutations)) { + console.error('[vuex] mapMutations: mapper parameter must be either an Array or an Object') + } + normalizeMap(mutations).forEach(({ key, val }) => { + res[key] = function mappedMutation (...args) { + // Get the commit method from store + let commit = this.$store.commit + if (namespace) { + const module = getModuleByNamespace(this.$store, 'mapMutations', namespace) + if (!module) { + return + } + commit = module.context.commit + } + return typeof val === 'function' + ? val.apply(this, [commit].concat(args)) + : commit.apply(this.$store, [val].concat(args)) + } + }) + return res +}) + /** * Reduce the code which written in Vue.js for getting the state. * @param {String} [namespace] - Module's namespace @@ -33,35 +63,7 @@ export const mapState = normalizeNamespace((namespace, states) => { return res }) -/** - * Reduce the code which written in Vue.js for committing the mutation - * @param {String} [namespace] - Module's namespace - * @param {Object|Array} mutations # Object's item can be a function which accept `commit` function as the first param, it can accept another params. You can commit mutation and do any other things in this function. specially, You need to pass anthor params from the mapped function. - * @return {Object} - */ -export const mapMutations = normalizeNamespace((namespace, mutations) => { - const res = {} - if (__DEV__ && !isValidMap(mutations)) { - console.error('[vuex] mapMutations: mapper parameter must be either an Array or an Object') - } - normalizeMap(mutations).forEach(({ key, val }) => { - res[key] = function mappedMutation (...args) { - // Get the commit method from store - let commit = this.$store.commit - if (namespace) { - const module = getModuleByNamespace(this.$store, 'mapMutations', namespace) - if (!module) { - return - } - commit = module.context.commit - } - return typeof val === 'function' - ? val.apply(this, [commit].concat(args)) - : commit.apply(this.$store, [val].concat(args)) - } - }) - return res -}) + /** * Reduce the code which written in Vue.js for getting the getters