/*! * vuex v4.0.2 * (c) 2021 Evan You * @license MIT */ import { inject, reactive, watch } from 'vue' import { setupDevtoolsPlugin } from '@vue/devtools-api' var storeKey = 'store' function useStore (key) { if (key === void 0) key = null return inject(key !== null ? key : storeKey) } /** * Get the first item that pass the test * by second argument function * * @param {Array} list * @param {Function} f * @return {*} */ function find (list, f) { return list.filter(f)[0] } /** * Deep copy the given object considering circular structure. * This function caches all nested objects and its copies. * If it detects circular structure, use cached copy to avoid infinite loop. * * @param {*} obj * @param {Array} cache * @return {*} */ function deepCopy (obj, cache) { if (cache === void 0) cache = [] // just return if obj is immutable value if (obj === null || typeof obj !== 'object') { return obj } // if obj is hit, it is in circular structure var hit = find(cache, function (c) { return c.original === obj }) if (hit) { return hit.copy } var copy = Array.isArray(obj) ? [] : {} // put the copy into cache at first // because we want to refer it in recursive deepCopy cache.push({ original: obj, copy: copy }) Object.keys(obj).forEach(function (key) { copy[key] = deepCopy(obj[key], cache) }) return copy } /** * forEach for object */ function forEachValue (obj, fn) { Object.keys(obj).forEach(function (key) { return fn(obj[key], key) }) } function isObject (obj) { return obj !== null && typeof obj === 'object' } function isPromise (val) { return val && typeof val.then === 'function' } function partial (fn, arg) { return function () { return fn(arg) } } function genericSubscribe (fn, subs, options) { if (subs.indexOf(fn) < 0) { options && options.prepend ? subs.unshift(fn) : subs.push(fn) } return function () { var i = subs.indexOf(fn) if (i > -1) { subs.splice(i, 1) } } } function resetStore (store, hot) { store._actions = Object.create(null) store._mutations = Object.create(null) store._wrappedGetters = Object.create(null) store._modulesNamespaceMap = Object.create(null) var state = store.state // init all modules installModule(store, state, [], store._modules.root, true) // reset state resetStoreState(store, state, hot) } function resetStoreState (store, state, hot) { var oldState = store._state // bind store public getters store.getters = {} // reset local getters cache store._makeLocalGettersCache = Object.create(null) var wrappedGetters = store._wrappedGetters var computedObj = {} forEachValue(wrappedGetters, function (fn, key) { // use computed to leverage its lazy-caching mechanism // direct inline function use will lead to closure preserving oldState. // using partial to return function with only arguments preserved in closure environment. computedObj[key] = partial(fn, store) Object.defineProperty(store.getters, key, { // TODO: use `computed` when it's possible. at the moment we can't due to // https://github.com/vuejs/vuex/pull/1883 get: function () { return computedObj[key]() }, enumerable: true // for local getters }) }) store._state = reactive({ data: state }) // enable strict mode for new state if (store.strict) { enableStrictMode(store) } if (oldState) { if (hot) { // dispatch changes in all subscribed watchers // to force getter re-evaluation for hot reloading. store._withCommit(function () { oldState.data = null }) } } } function installModule (store, rootState, path, module, hot) { var isRoot = !path.length var namespace = store._modules.getNamespace(path) // register in namespace map if (module.namespaced) { if (store._modulesNamespaceMap[namespace] && false) { console.error(('[vuex] duplicate namespace ' + namespace + ' for the namespaced module ' + (path.join('/')))) } store._modulesNamespaceMap[namespace] = module } // set state if (!isRoot && !hot) { var parentState = getNestedState(rootState, path.slice(0, -1)) var moduleName = path[path.length - 1] store._withCommit(function () { parentState[moduleName] = module.state }) } var local = module.context = makeLocalContext(store, namespace, path) module.forEachMutation(function (mutation, key) { var namespacedType = namespace + key registerMutation(store, namespacedType, mutation, local) }) module.forEachAction(function (action, key) { var type = action.root ? key : namespace + key var handler = action.handler || action registerAction(store, type, handler, local) }) module.forEachGetter(function (getter, key) { var namespacedType = namespace + key registerGetter(store, namespacedType, getter, local) }) module.forEachChild(function (child, key) { installModule(store, rootState, path.concat(key), child, hot) }) } /** * make localized dispatch, commit, getters and state * if there is no namespace, just use root ones */ function makeLocalContext (store, namespace, path) { var noNamespace = namespace === '' var local = { dispatch: noNamespace ? store.dispatch : function (_type, _payload, _options) { var args = unifyObjectStyle(_type, _payload, _options) var payload = args.payload var options = args.options var type = args.type if (!options || !options.root) { type = namespace + type } return store.dispatch(type, payload) }, commit: noNamespace ? store.commit : function (_type, _payload, _options) { var args = unifyObjectStyle(_type, _payload, _options) var payload = args.payload var options = args.options var type = args.type if (!options || !options.root) { type = namespace + type } store.commit(type, payload, options) } } // getters and state object must be gotten lazily // because they will be changed by state update Object.defineProperties(local, { getters: { get: noNamespace ? function () { return store.getters } : function () { return makeLocalGetters(store, namespace) } }, state: { get: function () { return getNestedState(store.state, path) } } }) return local } function makeLocalGetters (store, namespace) { if (!store._makeLocalGettersCache[namespace]) { var gettersProxy = {} var splitPos = namespace.length Object.keys(store.getters).forEach(function (type) { // skip if the target getter is not match this namespace if (type.slice(0, splitPos) !== namespace) { return } // extract local getter type var localType = type.slice(splitPos) // Add a port to the getters proxy. // Define as getter property because // we do not want to evaluate the getters in this time. Object.defineProperty(gettersProxy, localType, { get: function () { return store.getters[type] }, enumerable: true }) }) store._makeLocalGettersCache[namespace] = gettersProxy } return store._makeLocalGettersCache[namespace] } function registerMutation (store, type, handler, local) { var entry = store._mutations[type] || (store._mutations[type] = []) entry.push(function wrappedMutationHandler (payload) { handler.call(store, local.state, payload) }) } function registerAction (store, type, handler, local) { var entry = store._actions[type] || (store._actions[type] = []) entry.push(function wrappedActionHandler (payload) { var res = handler.call(store, { dispatch: local.dispatch, commit: local.commit, getters: local.getters, state: local.state, rootGetters: store.getters, rootState: store.state }, payload) if (!isPromise(res)) { res = Promise.resolve(res) } if (store._devtoolHook) { return res.catch(function (err) { store._devtoolHook.emit('vuex:error', err) throw err }) } else { return res } }) } function registerGetter (store, type, rawGetter, local) { if (store._wrappedGetters[type]) { return } store._wrappedGetters[type] = function wrappedGetter (store) { return rawGetter( local.state, // local state local.getters, // local getters store.state, // root state store.getters // root getters ) } } function enableStrictMode (store) { watch(function () { return store._state.data }, function () { }, { deep: true, flush: 'sync' }) } function getNestedState (state, path) { return path.reduce(function (state, key) { return state[key] }, state) } function unifyObjectStyle (type, payload, options) { if (isObject(type) && type.type) { options = payload payload = type type = type.type } return { type: type, payload: payload, options: options } } var LABEL_VUEX_BINDINGS = 'vuex bindings' var MUTATIONS_LAYER_ID = 'vuex:mutations' var ACTIONS_LAYER_ID = 'vuex:actions' var INSPECTOR_ID = 'vuex' var actionId = 0 function addDevtools (app, store) { setupDevtoolsPlugin( { id: 'org.vuejs.vuex', app: app, label: 'Vuex', homepage: 'https://next.vuex.vuejs.org/', logo: 'https://vuejs.org/images/icons/favicon-96x96.png', packageName: 'vuex', componentStateTypes: [LABEL_VUEX_BINDINGS] }, function (api) { api.addTimelineLayer({ id: MUTATIONS_LAYER_ID, label: 'Vuex Mutations', color: COLOR_LIME_500 }) api.addTimelineLayer({ id: ACTIONS_LAYER_ID, label: 'Vuex Actions', color: COLOR_LIME_500 }) api.addInspector({ id: INSPECTOR_ID, label: 'Vuex', icon: 'storage', treeFilterPlaceholder: 'Filter stores...' }) api.on.getInspectorTree(function (payload) { if (payload.app === app && payload.inspectorId === INSPECTOR_ID) { if (payload.filter) { var nodes = [] flattenStoreForInspectorTree(nodes, store._modules.root, payload.filter, '') payload.rootNodes = nodes } else { payload.rootNodes = [ formatStoreForInspectorTree(store._modules.root, '') ] } } }) api.on.getInspectorState(function (payload) { if (payload.app === app && payload.inspectorId === INSPECTOR_ID) { var modulePath = payload.nodeId makeLocalGetters(store, modulePath) payload.state = formatStoreForInspectorState( getStoreModule(store._modules, modulePath), modulePath === 'root' ? store.getters : store._makeLocalGettersCache, modulePath ) } }) api.on.editInspectorState(function (payload) { if (payload.app === app && payload.inspectorId === INSPECTOR_ID) { var modulePath = payload.nodeId var path = payload.path if (modulePath !== 'root') { path = modulePath.split('/').filter(Boolean).concat(path) } store._withCommit(function () { payload.set(store._state.data, path, payload.state.value) }) } }) store.subscribe(function (mutation, state) { var data = {} if (mutation.payload) { data.payload = mutation.payload } data.state = state api.notifyComponentUpdate() api.sendInspectorTree(INSPECTOR_ID) api.sendInspectorState(INSPECTOR_ID) api.addTimelineEvent({ layerId: MUTATIONS_LAYER_ID, event: { time: Date.now(), title: mutation.type, data: data } }) }) store.subscribeAction({ before: function (action, state) { var data = {} if (action.payload) { data.payload = action.payload } action._id = actionId++ action._time = Date.now() data.state = state api.addTimelineEvent({ layerId: ACTIONS_LAYER_ID, event: { time: action._time, title: action.type, groupId: action._id, subtitle: 'start', data: data } }) }, after: function (action, state) { var data = {} var duration = Date.now() - action._time data.duration = { _custom: { type: 'duration', display: (duration + 'ms'), tooltip: 'Action duration', value: duration } } if (action.payload) { data.payload = action.payload } data.state = state api.addTimelineEvent({ layerId: ACTIONS_LAYER_ID, event: { time: Date.now(), title: action.type, groupId: action._id, subtitle: 'end', data: data } }) } }) } ) } // extracted from tailwind palette var COLOR_LIME_500 = 0x84cc16 var COLOR_DARK = 0x666666 var COLOR_WHITE = 0xffffff var TAG_NAMESPACED = { label: 'namespaced', textColor: COLOR_WHITE, backgroundColor: COLOR_DARK } /** * @param {string} path */ function extractNameFromPath (path) { return path && path !== 'root' ? path.split('/').slice(-2, -1)[0] : 'Root' } /** * @param {*} module * @return {import('@vue/devtools-api').CustomInspectorNode} */ function formatStoreForInspectorTree (module, path) { return { id: path || 'root', // all modules end with a `/`, we want the last segment only // cart/ -> cart // nested/cart/ -> cart label: extractNameFromPath(path), tags: module.namespaced ? [TAG_NAMESPACED] : [], children: Object.keys(module._children).map(function (moduleName) { return formatStoreForInspectorTree( module._children[moduleName], path + moduleName + '/' ) } ) } } /** * @param {import('@vue/devtools-api').CustomInspectorNode[]} result * @param {*} module * @param {string} filter * @param {string} path */ function flattenStoreForInspectorTree (result, module, filter, path) { if (path.includes(filter)) { result.push({ id: path || 'root', label: path.endsWith('/') ? path.slice(0, path.length - 1) : path || 'Root', tags: module.namespaced ? [TAG_NAMESPACED] : [] }) } Object.keys(module._children).forEach(function (moduleName) { flattenStoreForInspectorTree(result, module._children[moduleName], filter, path + moduleName + '/') }) } /** * @param {*} module * @return {import('@vue/devtools-api').CustomInspectorState} */ function formatStoreForInspectorState (module, getters, path) { getters = path === 'root' ? getters : getters[path] var gettersKeys = Object.keys(getters) var storeState = { state: Object.keys(module.state).map(function (key) { return ({ key: key, editable: true, value: module.state[key] }) }) } if (gettersKeys.length) { var tree = transformPathsToObjectTree(getters) storeState.getters = Object.keys(tree).map(function (key) { return ({ key: key.endsWith('/') ? extractNameFromPath(key) : key, editable: false, value: canThrow(function () { return tree[key] }) }) }) } return storeState } function transformPathsToObjectTree (getters) { var result = {} Object.keys(getters).forEach(function (key) { var path = key.split('/') if (path.length > 1) { var target = result var leafKey = path.pop() path.forEach(function (p) { if (!target[p]) { target[p] = { _custom: { value: {}, display: p, tooltip: 'Module', abstract: true } } } target = target[p]._custom.value }) target[leafKey] = canThrow(function () { return getters[key] }) } else { result[key] = canThrow(function () { return getters[key] }) } }) return result } function getStoreModule (moduleMap, path) { var names = path.split('/').filter(function (n) { return n }) return names.reduce( function (module, moduleName, i) { var child = module[moduleName] if (!child) { throw new Error(('Missing module "' + moduleName + '" for path "' + path + '".')) } return i === names.length - 1 ? child : child._children }, path === 'root' ? moduleMap : moduleMap.root._children ) } function canThrow (cb) { try { return cb() } catch (e) { return e } } // Base data struct for store's module, package with some attribute and method var Module = function Module (rawModule, runtime) { this.runtime = runtime // Store some children item this._children = Object.create(null) // Store the origin module object which passed by programmer this._rawModule = rawModule var rawState = rawModule.state // Store the origin module's state this.state = (typeof rawState === 'function' ? rawState() : rawState) || {} } var prototypeAccessors$1 = { namespaced: { configurable: true } } prototypeAccessors$1.namespaced.get = function () { return !!this._rawModule.namespaced } Module.prototype.addChild = function addChild (key, module) { this._children[key] = module } Module.prototype.removeChild = function removeChild (key) { delete this._children[key] } Module.prototype.getChild = function getChild (key) { return this._children[key] } Module.prototype.hasChild = function hasChild (key) { return key in this._children } Module.prototype.update = function update (rawModule) { this._rawModule.namespaced = rawModule.namespaced if (rawModule.actions) { this._rawModule.actions = rawModule.actions } if (rawModule.mutations) { this._rawModule.mutations = rawModule.mutations } if (rawModule.getters) { this._rawModule.getters = rawModule.getters } } Module.prototype.forEachChild = function forEachChild (fn) { forEachValue(this._children, fn) } Module.prototype.forEachGetter = function forEachGetter (fn) { if (this._rawModule.getters) { forEachValue(this._rawModule.getters, fn) } } Module.prototype.forEachAction = function forEachAction (fn) { if (this._rawModule.actions) { forEachValue(this._rawModule.actions, fn) } } Module.prototype.forEachMutation = function forEachMutation (fn) { if (this._rawModule.mutations) { forEachValue(this._rawModule.mutations, fn) } } Object.defineProperties(Module.prototype, prototypeAccessors$1) var ModuleCollection = function ModuleCollection (rawRootModule) { // register root module (Vuex.Store options) this.register([], rawRootModule, false) } ModuleCollection.prototype.get = function get (path) { return path.reduce(function (module, key) { return module.getChild(key) }, this.root) } ModuleCollection.prototype.getNamespace = function getNamespace (path) { var module = this.root return path.reduce(function (namespace, key) { module = module.getChild(key) return namespace + (module.namespaced ? key + '/' : '') }, '') } ModuleCollection.prototype.update = function update$1 (rawRootModule) { update([], this.root, rawRootModule) } ModuleCollection.prototype.register = function register (path, rawModule, runtime) { var this$1$1 = this if (runtime === void 0) runtime = true var newModule = new Module(rawModule, runtime) if (path.length === 0) { this.root = newModule } else { var parent = this.get(path.slice(0, -1)) parent.addChild(path[path.length - 1], newModule) } // register nested modules if (rawModule.modules) { forEachValue(rawModule.modules, function (rawChildModule, key) { this$1$1.register(path.concat(key), rawChildModule, runtime) }) } } ModuleCollection.prototype.unregister = function unregister (path) { var parent = this.get(path.slice(0, -1)) var key = path[path.length - 1] var child = parent.getChild(key) if (!child) { return } if (!child.runtime) { return } parent.removeChild(key) } ModuleCollection.prototype.isRegistered = function isRegistered (path) { var parent = this.get(path.slice(0, -1)) var key = path[path.length - 1] if (parent) { return parent.hasChild(key) } return false } function update (path, targetModule, newModule) { // update target module targetModule.update(newModule) // update nested modules if (newModule.modules) { for (var key in newModule.modules) { if (!targetModule.getChild(key)) { return } update( path.concat(key), targetModule.getChild(key), newModule.modules[key] ) } } } function createStore (options) { return new Store(options) } var Store = function Store (options) { var this$1$1 = this if (options === void 0) options = {} var plugins = options.plugins; if (plugins === void 0) plugins = [] var strict = options.strict; if (strict === void 0) strict = false var devtools = options.devtools // store internal state this._committing = false this._actions = Object.create(null) this._actionSubscribers = [] this._mutations = Object.create(null) this._wrappedGetters = Object.create(null) this._modules = new ModuleCollection(options) this._modulesNamespaceMap = Object.create(null) this._subscribers = [] this._makeLocalGettersCache = Object.create(null) this._devtools = devtools // bind commit and dispatch to self var store = this var ref = this var dispatch = ref.dispatch var commit = ref.commit this.dispatch = function boundDispatch (type, payload) { return dispatch.call(store, type, payload) } this.commit = function boundCommit (type, payload, options) { return commit.call(store, type, payload, options) } // strict mode this.strict = strict var state = this._modules.root.state // init root module. // this also recursively registers all sub-modules // and collects all module getters inside this._wrappedGetters installModule(this, state, [], this._modules.root) // initialize the store state, which is responsible for the reactivity // (also registers _wrappedGetters as computed properties) resetStoreState(this, state) // apply plugins plugins.forEach(function (plugin) { return plugin(this$1$1) }) } var prototypeAccessors = { state: { configurable: true } } Store.prototype.install = function install (app, injectKey) { app.provide(injectKey || storeKey, this) app.config.globalProperties.$store = this var useDevtools = this._devtools !== undefined ? this._devtools : false if (useDevtools) { addDevtools(app, this) } } prototypeAccessors.state.get = function () { return this._state.data } prototypeAccessors.state.set = function (v) { } Store.prototype.commit = function commit (_type, _payload, _options) { var this$1$1 = this // check object-style commit var ref = unifyObjectStyle(_type, _payload, _options) var type = ref.type var payload = ref.payload var mutation = { type: type, payload: payload } var entry = this._mutations[type] if (!entry) { return } this._withCommit(function () { entry.forEach(function commitIterator (handler) { handler(payload) }) }) this._subscribers .slice() // shallow copy to prevent iterator invalidation if subscriber synchronously calls unsubscribe .forEach(function (sub) { return sub(mutation, this$1$1.state) }) } Store.prototype.dispatch = function dispatch (_type, _payload) { var this$1$1 = this // check object-style dispatch var ref = unifyObjectStyle(_type, _payload) var type = ref.type var payload = ref.payload var action = { type: type, payload: payload } var entry = this._actions[type] if (!entry) { return } try { this._actionSubscribers .slice() // shallow copy to prevent iterator invalidation if subscriber synchronously calls unsubscribe .filter(function (sub) { return sub.before }) .forEach(function (sub) { return sub.before(action, this$1$1.state) }) } catch (e) { } var result = entry.length > 1 ? Promise.all(entry.map(function (handler) { return handler(payload) })) : entry[0](payload) return new Promise(function (resolve, reject) { result.then(function (res) { try { this$1$1._actionSubscribers .filter(function (sub) { return sub.after }) .forEach(function (sub) { return sub.after(action, this$1$1.state) }) } catch (e) { } resolve(res) }, function (error) { try { this$1$1._actionSubscribers .filter(function (sub) { return sub.error }) .forEach(function (sub) { return sub.error(action, this$1$1.state, error) }) } catch (e) { } reject(error) }) }) } Store.prototype.subscribe = function subscribe (fn, options) { return genericSubscribe(fn, this._subscribers, options) } Store.prototype.subscribeAction = function subscribeAction (fn, options) { var subs = typeof fn === 'function' ? { before: fn } : fn return genericSubscribe(subs, this._actionSubscribers, options) } Store.prototype.watch = function watch$1 (getter, cb, options) { var this$1$1 = this return watch(function () { return getter(this$1$1.state, this$1$1.getters) }, cb, Object.assign({}, options)) } Store.prototype.replaceState = function replaceState (state) { var this$1$1 = this this._withCommit(function () { this$1$1._state.data = state }) } Store.prototype.registerModule = function registerModule (path, rawModule, options) { if (options === void 0) options = {} if (typeof path === 'string') { path = [path] } this._modules.register(path, rawModule) installModule(this, this.state, path, this._modules.get(path), options.preserveState) // reset store to update getters... resetStoreState(this, this.state) } Store.prototype.unregisterModule = function unregisterModule (path) { var this$1$1 = this if (typeof path === 'string') { path = [path] } this._modules.unregister(path) this._withCommit(function () { var parentState = getNestedState(this$1$1.state, path.slice(0, -1)) delete parentState[path[path.length - 1]] }) resetStore(this) } Store.prototype.hasModule = function hasModule (path) { if (typeof path === 'string') { path = [path] } return this._modules.isRegistered(path) } Store.prototype.hotUpdate = function hotUpdate (newOptions) { this._modules.update(newOptions) resetStore(this, true) } Store.prototype._withCommit = function _withCommit (fn) { var committing = this._committing this._committing = true fn() this._committing = committing } Object.defineProperties(Store.prototype, prototypeAccessors) /** * Reduce the code which written in Vue.js for getting the state. * @param {String} [namespace] - Module's namespace * @param {Object|Array} states # Object's item can be a function which accept state and getters for param, you can do something for state and getters in it. * @param {Object} */ var mapState = normalizeNamespace(function (namespace, states) { var res = {} normalizeMap(states).forEach(function (ref) { var key = ref.key var val = ref.val res[key] = function mappedState () { var state = this.$store.state var getters = this.$store.getters if (namespace) { var module = getModuleByNamespace(this.$store, 'mapState', namespace) if (!module) { return } state = module.context.state getters = module.context.getters } return typeof val === 'function' ? val.call(this, state, getters) : state[val] } // mark vuex getter for devtools res[key].vuex = true }) 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} */ var mapMutations = normalizeNamespace(function (namespace, mutations) { var res = {} normalizeMap(mutations).forEach(function (ref) { var key = ref.key var val = ref.val res[key] = function mappedMutation () { var args = []; var len = arguments.length while (len--) args[len] = arguments[len] // Get the commit method from store var commit = this.$store.commit if (namespace) { var 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 * @param {String} [namespace] - Module's namespace * @param {Object|Array} getters * @return {Object} */ var mapGetters = normalizeNamespace(function (namespace, getters) { var res = {} normalizeMap(getters).forEach(function (ref) { var key = ref.key var val = ref.val // The namespace has been mutated by normalizeNamespace val = namespace + val res[key] = function mappedGetter () { if (namespace && !getModuleByNamespace(this.$store, 'mapGetters', namespace)) { return } return this.$store.getters[val] } // mark vuex getter for devtools res[key].vuex = true }) return res }) /** * Reduce the code which written in Vue.js for dispatch the action * @param {String} [namespace] - Module's namespace * @param {Object|Array} actions # Object's item can be a function which accept `dispatch` function as the first param, it can accept anthor params. You can dispatch action and do any other things in this function. specially, You need to pass anthor params from the mapped function. * @return {Object} */ var mapActions = normalizeNamespace(function (namespace, actions) { var res = {} normalizeMap(actions).forEach(function (ref) { var key = ref.key var val = ref.val res[key] = function mappedAction () { var args = []; var len = arguments.length while (len--) args[len] = arguments[len] // get dispatch function from store var dispatch = this.$store.dispatch if (namespace) { var module = getModuleByNamespace(this.$store, 'mapActions', namespace) if (!module) { return } dispatch = module.context.dispatch } return typeof val === 'function' ? val.apply(this, [dispatch].concat(args)) : dispatch.apply(this.$store, [val].concat(args)) } }) return res }) /** * Rebinding namespace param for mapXXX function in special scoped, and return them by simple object * @param {String} namespace * @return {Object} */ var createNamespacedHelpers = function (namespace) { return ({ mapState: mapState.bind(null, namespace), mapGetters: mapGetters.bind(null, namespace), mapMutations: mapMutations.bind(null, namespace), mapActions: mapActions.bind(null, namespace) }) } /** * Normalize the map * normalizeMap([1, 2, 3]) => [ { key: 1, val: 1 }, { key: 2, val: 2 }, { key: 3, val: 3 } ] * normalizeMap({a: 1, b: 2, c: 3}) => [ { key: 'a', val: 1 }, { key: 'b', val: 2 }, { key: 'c', val: 3 } ] * @param {Array|Object} map * @return {Object} */ function normalizeMap (map) { if (!isValidMap(map)) { return [] } return Array.isArray(map) ? map.map(function (key) { return ({ key: key, val: key }) }) : Object.keys(map).map(function (key) { return ({ key: key, val: map[key] }) }) } /** * Validate whether given map is valid or not * @param {*} map * @return {Boolean} */ function isValidMap (map) { return Array.isArray(map) || isObject(map) } /** * Return a function expect two param contains namespace and map. it will normalize the namespace and then the param's function will handle the new namespace and the map. * @param {Function} fn * @return {Function} */ function normalizeNamespace (fn) { return function (namespace, map) { if (typeof namespace !== 'string') { map = namespace namespace = '' } else if (namespace.charAt(namespace.length - 1) !== '/') { namespace += '/' } return fn(namespace, map) } } /** * Search a special module from store by namespace. if module not exist, print error message. * @param {Object} store * @param {String} helper * @param {String} namespace * @return {Object} */ function getModuleByNamespace (store, helper, namespace) { var module = store._modulesNamespaceMap[namespace] return module } // Credits: borrowed code from fcomb/redux-logger function createLogger (ref) { if (ref === void 0) ref = {} var collapsed = ref.collapsed; if (collapsed === void 0) collapsed = true var filter = ref.filter; if (filter === void 0) filter = function (mutation, stateBefore, stateAfter) { return true } var transformer = ref.transformer; if (transformer === void 0) transformer = function (state) { return state } var mutationTransformer = ref.mutationTransformer; if (mutationTransformer === void 0) mutationTransformer = function (mut) { return mut } var actionFilter = ref.actionFilter; if (actionFilter === void 0) actionFilter = function (action, state) { return true } var actionTransformer = ref.actionTransformer; if (actionTransformer === void 0) actionTransformer = function (act) { return act } var logMutations = ref.logMutations; if (logMutations === void 0) logMutations = true var logActions = ref.logActions; if (logActions === void 0) logActions = true var logger = ref.logger; if (logger === void 0) logger = console return function (store) { var prevState = deepCopy(store.state) if (typeof logger === 'undefined') { return } if (logMutations) { store.subscribe(function (mutation, state) { var nextState = deepCopy(state) if (filter(mutation, prevState, nextState)) { var formattedTime = getFormattedTime() var formattedMutation = mutationTransformer(mutation) var message = 'mutation ' + (mutation.type) + formattedTime startMessage(logger, message, collapsed) logger.log('%c prev state', 'color: #9E9E9E; font-weight: bold', transformer(prevState)) logger.log('%c mutation', 'color: #03A9F4; font-weight: bold', formattedMutation) logger.log('%c next state', 'color: #4CAF50; font-weight: bold', transformer(nextState)) endMessage(logger) } prevState = nextState }) } if (logActions) { store.subscribeAction(function (action, state) { if (actionFilter(action, state)) { var formattedTime = getFormattedTime() var formattedAction = actionTransformer(action) var message = 'action ' + (action.type) + formattedTime startMessage(logger, message, collapsed) logger.log('%c action', 'color: #03A9F4; font-weight: bold', formattedAction) endMessage(logger) } }) } } } function startMessage (logger, message, collapsed) { var startMessage = collapsed ? logger.groupCollapsed : logger.group // render try { startMessage.call(logger, message) } catch (e) { logger.log(message) } } function endMessage (logger) { try { logger.groupEnd() } catch (e) { logger.log('—— log end ——') } } function getFormattedTime () { var time = new Date() return (' @ ' + (pad(time.getHours(), 2)) + ':' + (pad(time.getMinutes(), 2)) + ':' + (pad(time.getSeconds(), 2)) + '.' + (pad(time.getMilliseconds(), 3))) } function repeat (str, times) { return (new Array(times + 1)).join(str) } function pad (num, maxLength) { return repeat('0', maxLength - num.toString().length) + num } var index = { version: '4.0.2', Store: Store, storeKey: storeKey, createStore: createStore, useStore: useStore, mapState: mapState, mapMutations: mapMutations, mapGetters: mapGetters, mapActions: mapActions, createNamespacedHelpers: createNamespacedHelpers, createLogger: createLogger } export default index export { Store, createLogger, createNamespacedHelpers, createStore, mapActions, mapGetters, mapMutations, mapState, storeKey, useStore }