import storage from '@/utils/storage.js';
import store from '@/store/index.js';
const { dispatch, state } = store;
/**
 * @vuexFunc 調(diào)用vuex模塊中的 Actions 并異步回調(diào)結(jié)果
 * @param modules {string} 調(diào)用指定的子模塊 如果是全局的可以不傳
 * @param funcName {string} 調(diào)用Actions 函數(shù)名稱
 * @param data  {object} 
 * @param followUp  {string / object} 
 *  {
     data:{},
     followUp:string / object
     function(res){}
    },
 * data:當(dāng)前調(diào)用接口需要的參數(shù)，
 * followUp 當(dāng)前接口完成回調(diào)后 繼續(xù)執(zhí)行更新接口的 名稱和參數(shù) 可以是請求地址字符串 可以是對象攜帶參數(shù)
 * followUp:'URL' / followUp:{url:'請求接口地址',query:{參數(shù)}}
 * function回調(diào)函數(shù)
 */
export function vuexFunc(modules = '', funcName = '', data = {}) {
    function send(followUp = '', query = null, lock = null) {
        // 消費(fèi)憑證
        if (typeof lock === 'number') {
            console.log('已消費(fèi):', lock)
            lock = true
        };
        let url = '';
        if (followUp) {
            url = followUp;
        } else {
            if (!modules && typeof modules !== 'boolean') {
                console.error('Actions函數(shù)名稱是必填。');
                return;
            };
            url = `${modules?modules+'/':''}${funcName}`;
        };
        
        // 開發(fā)中使用 校驗(yàn)當(dāng)前調(diào)用的vuex模塊是否存在 
        if (process.env.NODE_ENV === 'development') {
            let modulesName = followUp ? followUp.split('/')[0] : typeof modules === 'boolean' ? funcName :modules;
            if (storage.getItem('modulesKey').indexOf(modulesName) === -1) {
                console.error(`找不到 ${modulesName} 請檢查！`);
                return;
            };
        };
        let queryData = {}
        if(typeof modules === 'boolean'){
            queryData = data
            
        } else {
            queryData = followUp ? query ? query : {} :data.data && Object.keys(data.data).length?data.data:{}
        }
        dispatch(url, {
            // data: followUp ? query ? query : {} : data.data,
            data: queryData,
            callback(res) {
                // 成功
                if (res !== 'failed') {
                    if (lock) {
                        console.log('停止了')
                        return
                    };
                    if (data.callback) {
                        data.callback(res);
                    };
                    if (data.followUp && typeof data.followUp === 'string') {
                        console.log('開始后續(xù)回調(diào)')
                        send(data.followUp, null, Date.now());
                    } else if (data.followUp && Object.keys(data.followUp).length) {
                        if (!data.followUp.url) {
                            console.error('缺少后續(xù)請求的url');
                            return;
                        };
                        if (!data.followUp.hasOwnProperty('query')) {
                            console.error('query字段 缺少后續(xù)請求的參數(shù)，沒有參數(shù)直接傳入 string Url 形參');
                            return;
                        };
                        send(data.followUp.url, data.followUp.query, Date.now())
                    };
                    // 失敗 -1
                } else if (res === 'failed') {
                    if (data.failed) {
                        data.failed(res)
                    } else {
                        console.error('接口請求失敗:'+url)
                    }
                };
            }
        });
    };
    send();
}

/**
 * @getState 獲取vuex中state倉庫
 * @param modules {string} 倉庫名稱 如果是子模塊就傳入子模塊的名稱
 */
export function getState(modules = '') {
    if (!modules) {
        console.error('state倉庫名稱是必填。');
        return;
    };
    return state[modules]
}

import { createStore } from 'vuex'
import actions from './actions'
import mutations from './mutations'
import storage from '@/utils/storage.js'


const modulesFiles = import.meta.glob('./modules/*/index.js', { eager: true });

const modules = Object.keys(modulesFiles).reduce(
    (modules, path) => {
        const moduleName = path.replace(/^\.\/(.*)\.\w+$/, '$1')
        modules[moduleName.split('/')[1]] = modulesFiles[path]?.default
        return modules
    }, {}
);

let modulesKey  = '';
if(process.env.NODE_ENV === 'development'){
    let obj = {...actions,...modules};
    for(let key in obj){
        modulesKey+=key+','
    };
    storage.setItem('modulesKey',modulesKey);
};
const store = createStore({
    modules,
    state: {
        name: 'allen',
        modulesKey:storage.getItem('modulesKey') || modulesKey,
    },
    mutations,
    actions,
    getters: {}
})

export default store

import { vuexFunc, getState } from '@/utils/vueTool';

vuexFunc('子模塊文件昵稱','actions.js中定義的函數(shù)昵稱',{
    data:{接口需要的參數(shù)，或者你要設(shè)置到倉庫的值},
    callback(res){ // 請求回調(diào)
            console.log(res)
    }
});
//模式一(調(diào)用全局actions函數(shù))
vuexFunc(false,'setStageCourse',{
    data:query,
    callback(res){
            console.log(res)
    }
});

//模式二(調(diào)用子模塊函數(shù)中的actions函數(shù))
vuexFunc('index','setStageCourse',{
    data:query,
    callback(res){
            console.log(res)
    }
});

// 模式三(調(diào)用完一個(gè)actions函數(shù)后立即執(zhí)行另外一個(gè)actions函數(shù))
這里調(diào)用完成signIn子模塊中的loginByCode函數(shù)完成回調(diào)后，會立即去讀取followUp的配置 也是對應(yīng)了 子模塊/signIn函數(shù)昵稱去執(zhí)行，followUp允許一個(gè)具體的函數(shù)路徑或者一個(gè)對象可以配置函數(shù)要設(shè)置的值
vuexFunc('signIn','loginByCode',{
        data:{code:wxcode.value},
        followUp:'index/getConfig',
    callback(res){
        SignType.value = false
        storage.setItem('authorization',res.data.token);
        
    }
});

import {vuexFunc,getState} from '@/utils/vueTool'

// 獲取全局state
let data = getState('全局state對象中定義的對象key')

// 獲取子模塊中的 state
// getState('子模塊昵稱') 獲取到某個(gè)子模塊中的state倉庫對象
let data = getState('signIn').SigninType