支付宝小程序 herculex 状态管理？

Question

1. 如何更新全局变量？
2. mapMutationsToMethod: ['loadUserInfo'] 如何使用

import { GlobalStore } from 'herculex';

export default new GlobalStore({
   state: {
      userInfo: {},
      offsetTop: 0,
      offsetBottom: 0,
      scrollHeight: 0,
   },
   plugins: [], //'logger'
   mutations: {
      updateSystemInfo(state, payload) {
         state = Object.assign(state, payload);
      },

      updateUserInfo(state, payload) {
         state.userInfo = payload;
      },
   },
   actions: {
      async loadSystemInfo({ commit }, payload) {
         commit('updateSystemInfo', payload);
      },

      async loadUserInfo({ commit }, payload) {
         commit('updateUserInfo', payload);
      },
   },
});

import SystemInfo from './utils/tools/getSystemInfo';
import GlobalStore from './utils/store/globalStore';

App(
   GlobalStore({
      async onLaunch(options) {
         const systemInfo = SystemInfo.execute();
         // 如果更新 systemInfo 到 $global
      },
   })
);

index.js

import SystemInfo from '../../utils/tools/getSystemInfo';
import store from '../../utils/store/sharedStore';

Page(
   store.register({
      mapMutationsToMethod: ['loadUserInfo'],
      async onLoad(options) {
         // 如何使用 loadUserInfo 
      },
   })
);

Answer 1

App.js：

App(
  GlobalStore({
    async onLaunch(options) {
      const systemInfo = SystemInfo.execute();
      // 更新 systemInfo 到 $global
      this.$global.dispatch('loadSystemInfo', systemInfo);
    },
  })
);

Page(
  store.register({
    mapActionsToMethod: ['loadUserInfo'], 
    async onLoad(options) {
      
      const userInfo = { /* 用户信息 */ };
      this.loadUserInfo(userInfo);
      
      // this.$global.dispatch('loadUserInfo', userInfo);
    },
  })
);

Page(
  store.register({
    mapMutationsToMethod: ['updateUserInfo'],
    async onLoad(options) {
      const userInfo = { /* 用户信息 */ };
      this.updateUserInfo(userInfo);
    },
  })
);