// 外置配置管理 // 用于管理需要外置的配置项,如语言包、主题配置等 // 语言包配置 export const langConfig = { // 语言列表 langList: ['zh-cn', 'en-us'], // 默认语言 defaultLang: 'zh-cn', // 语言包加载方式:'lazy'(按需加载)或 'preload'(预加载) loadMode: 'lazy' }; // 主题配置 export const themeConfig = { // 主题列表 themeList: ['default', 'red', 'green', 'blue'], // 默认主题 defaultTheme: 'default' }; // API配置 export const apiConfig = { // API请求超时时间 timeout: 30000, // 是否开启重试 retry: true, // 重试次数 retryCount: 3, // 重试间隔时间(毫秒) retryDelay: 1000 }; // 配置外置管理类 class ConfigExternal { constructor() { this.loadedConfigs = {}; this.loadPromises = {}; } /** * 加载语言包 * @param {string} lang - 语言类型 * @returns {Promise} - 加载结果 */ async loadLang(lang = langConfig.defaultLang) { if (this.loadedConfigs[`lang_${lang}`]) { return this.loadedConfigs[`lang_${lang}`]; } if (this.loadPromises[`lang_${lang}`]) { return this.loadPromises[`lang_${lang}`]; } this.loadPromises[`lang_${lang}`] = new Promise((resolve, reject) => { try { // 动态加载语言包 const langData = require(`@/lang/${lang}/common.js`).lang; this.loadedConfigs[`lang_${lang}`] = langData; resolve(langData); } catch (error) { console.error(`加载语言包 ${lang} 失败:`, error); reject(error); } }); return this.loadPromises[`lang_${lang}`]; } /** * 加载页面语言包 * @param {string} lang - 语言类型 * @param {string} pagePath - 页面路径 * @returns {Promise} - 加载结果 */ async loadPageLang(lang = langConfig.defaultLang, pagePath) { const key = `page_${lang}_${pagePath}`; if (this.loadedConfigs[key]) { return this.loadedConfigs[key]; } if (this.loadPromises[key]) { return this.loadPromises[key]; } this.loadPromises[key] = new Promise((resolve, reject) => { try { // 动态加载页面语言包 const pageLangData = require(`@/lang/${lang}/${pagePath}.js`).lang; this.loadedConfigs[key] = pageLangData; resolve(pageLangData); } catch (error) { console.error(`加载页面语言包 ${lang}/${pagePath} 失败:`, error); resolve({}); } }); return this.loadPromises[key]; } /** * 加载主题配置(同步方式) * @param {string} theme - 主题名称 * @returns {object} - 主题配置 */ loadThemeSync(theme = themeConfig.defaultTheme) { if (this.loadedConfigs[`theme_${theme}`]) { return this.loadedConfigs[`theme_${theme}`]; } try { // 动态加载主题配置 const themeData = require(`@/common/js/style_color.js`)['default'][theme]; console.log('sync themeData => ', themeData); this.loadedConfigs[`theme_${theme}`] = themeData; return themeData; } catch (error) { console.error(`加载主题 ${theme} 失败:`, error); return {}; } } /** * 加载主题配置(异步方式) * @param {string} theme - 主题名称 * @returns {Promise} - 加载结果 */ async loadTheme(theme = themeConfig.defaultTheme) { if (this.loadedConfigs[`theme_${theme}`]) { return this.loadedConfigs[`theme_${theme}`]; } if (this.loadPromises[`theme_${theme}`]) { return this.loadPromises[`theme_${theme}`]; } this.loadPromises[`theme_${theme}`] = new Promise((resolve, reject) => { try { // 动态加载主题配置 const themeData = require(`@/common/js/style_color.js`)['default'][theme]; console.log('async themeData => ', themeData); this.loadedConfigs[`theme_${theme}`] = themeData; resolve(themeData); } catch (error) { console.error(`加载主题 ${theme} 失败:`, error); reject(error); } }); return this.loadPromises[`theme_${theme}`]; } } export default new ConfigExternal();