feat(hooks): add useActions hook

Author: u3u

src/__tests__/useActions.test.ts

@@ -0,0 +1,41 @@
+import useActions from '../useActions';
+import renderHook from '../util/renderHook';
+
+interface InjectActions {
+  incrementAsync: (delay?: number) => void;
+  decrementAsync: (delay?: number) => void;
+}
+
+describe('useActions', () => {
+  it('should be defined', () => {
+    expect(useActions).toBeDefined();
+  });
+
+  it('should be defined actions', () => {
+    const { vm } = renderHook<InjectActions>(() => ({
+      ...useActions(['incrementAsync']),
+      ...useActions('test', ['decrementAsync']),
+    }));
+
+    expect(vm.incrementAsync).toBeDefined();
+    expect(vm.decrementAsync).toBeDefined();
+  });
+
+  it('should async update count state', () => {
+    const { vm } = renderHook<InjectActions>(() => ({
+      ...useActions(['incrementAsync']),
+      ...useActions('test', ['decrementAsync']),
+    }));
+
+    expect(vm.$store.state.count).toBe(0);
+    expect(vm.$store.state.test.count).toBe(0);
+
+    vm.incrementAsync(0);
+    vm.decrementAsync(0);
+
+    setTimeout(() => {
+      expect(vm.$store.state.count).toBe(1);
+      expect(vm.$store.state.test.count).toBe(-1);
+    });
+  });
+});

src/useActions.ts

@@ -0,0 +1,17 @@
+import { mapActions } from 'vuex';
+import { MapperActions } from './ts';
+import { getRuntimeVM } from './util/runtime';
+
+const useActions: MapperActions = (...args) => {
+  // @ts-ignore
+  const actions = mapActions(...args);
+  const vm = getRuntimeVM();
+  const mapper = {};
+  Object.keys(actions).forEach((key) => {
+    mapper[key] = actions[key].bind(vm);
+  });
+
+  return mapper;
+};
+
+export default useActions;