ActionAugmentation的通用类型

问题描述

我正在尝试将新的Vuex4用于Vue3，并且想知道如何完成通用的ActionAugment，以便Mutation和MutationType是通用的，并且每个模块都可以使用此通用类型。

import { ActionContext } from 'vuex';

// globalStore.ts

type State = {
  app: AppState;
}

// How can I make use of M and MT,to avoid AppMutation and AppMutationType
type ActionAugment<S,M,MT> = Omit<ActionContext<S,State>,'commit'> & {
  commit(
    key: AppMutationType,payload: Parameters<AppMutation[AppMutationType]>[1]
  ): ReturnType<AppMutation[AppMutationType]>;
}

// end globalStore.ts

// appStore.ts

type AppState = {
  isLoaded: boolean;
};

enum AppMutationType {
  Mutation = 'MUTATION',}

enum AppActionType {
  Action = 'ACTION',}

type AppMutation = {
  [AppMutationType.Mutation](state: AppState,isLoaded: boolean): void;
}

const actions = {
  [AppActionType.Action]({ commit }: ActionAugment<AppState,AppMutation,AppMutationType>,isLoaded: boolean) {
    commit(AppMutationType.Mutation,isLoaded);
  },};

// end appStore.ts

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）